add files

2021-06-03 01:25:03 -04:00 · 2021-06-03 01:25:03 -04:00 · 5708740aa4
commit 5708740aa4
parent 8286109fa3
23 changed files with 25926 additions and 0 deletions
--- a/.babelrc
+++ b/.babelrc
@ -0,0 +1,14 @@
+{
+    "presets": [
+        [
+            "@babel/preset-env",
+            {
+                "modules": false
+            }
+        ],
+        "@babel/preset-react"
+    ],
+    "plugins": [
+        "react-hot-loader/babel"
+    ]
+}
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -0,0 +1,32 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    webextensions: true,
+  },
+  // settings: {
+  //   'import/resolver': {
+  //     typescript: {},
+  //   },
+  // },
+  extends: ['plugin:react/recommended', 'airbnb'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['react', '@typescript-eslint'],
+  rules: {
+    'no-plusplus': 'off',
+    'comma-dangle': 'off',
+    'operator-linebreak': 'off',
+    'no-use-before-define': 'off',
+    'linebreak-style': 'off',
+    'react/jsx-filename-extension': [1, { extensions: ['.tsx', '.ts'] }],
+    'jsx-a11y/label-has-associated-control': 'off',
+    'prefer-destructuring': 'off'
+  },
+};
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,45 @@
+{
+  "name": "reddit-toolkit",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack",
+    "start": "webpack --watch"
+  },
+  "keywords": [],
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.12.3",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.1",
+    "@hot-loader/react-dom": "^17.0.0-rc.2",
+    "@types/chrome": "0.0.143",
+    "@types/react": "^16.9.53",
+    "@types/react-dom": "^16.9.8",
+    "@typescript-eslint/eslint-plugin": "^4.26.0",
+    "@typescript-eslint/parser": "^4.26.0",
+    "babel-loader": "^8.1.0",
+    "copy-webpack-plugin": "^6.2.1",
+    "css-loader": "^5.0.0",
+    "eslint": "^7.27.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "file-loader": "^6.1.1",
+    "style-loader": "^2.0.0",
+    "ts-loader": "^8.0.5",
+    "typescript": "^4.0.3",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.1.3",
+    "webpack-cli": "^4.0.0",
+    "webpack-dev-server": "^3.11.0"
+  },
+  "dependencies": {
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-hot-loader": "^4.13.0"
+  }
+}
--- a/promo_images/vytal3-trans.png
+++ b/promo_images/vytal3-trans.png
--- a/promo_images/vytal3.png
+++ b/promo_images/vytal3.png
--- a/public/icon_128.png
+++ b/public/icon_128.png
--- a/public/icon_16.png
+++ b/public/icon_16.png
--- a/public/icon_32.png
+++ b/public/icon_32.png
--- a/public/icon_48.png
+++ b/public/icon_48.png
--- a/public/manifest.json
+++ b/public/manifest.json
@ -0,0 +1,41 @@
+{
+  "name": "Reddit Toolkit",
+  "description": "Reddit Toolkit",
+  "manifest_version": 3,
+  "version": "1.0.0",
+  "permissions": ["storage", "declarativeNetRequest"],
+  "icons": {
+    "16": "icon_16.png",
+    "32": "icon_32.png",
+    "48": "icon_48.png",
+    "128": "icon_128.png"
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icon_16.png",
+      "32": "icon_32.png",
+      "48": "icon_48.png",
+      "128": "icon_128.png"
+    }
+  },
+  "background": {
+    "service_worker": "background.js"
+  },
+  "declarative_net_request": {
+    "rule_resources": [
+      {
+        "id": "ruleset_1",
+        "enabled": false,
+        "path": "rules.json"
+      }
+    ]
+  },
+  "host_permissions": [
+    "*://reddit.com/*",
+    "*://www.reddit.com/*",
+    "*://np.reddit.com/*",
+    "*://amp.reddit.com/*",
+    "*://i.reddit.com/*"
+  ]
+}
--- a/public/popup.html
+++ b/public/popup.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+</head>
+
+<body>
+    <div id="popup"></div>
+</body>
+
+<script src="popup.js"></script>
+
+</html>
--- a/public/rules.json
+++ b/public/rules.json
@ -0,0 +1,16 @@
+[
+  {
+    "id": 1,
+    "priority": 1,
+    "action": {
+      "type": "redirect",
+      "redirect": {
+        "transform": { "scheme": "https", "host": "old.reddit.com" }
+      }
+    },
+    "condition": {
+      "urlFilter": "||reddit.com",
+      "resourceTypes": ["main_frame"]
+    }
+  }
+]
--- a/src/App.css
+++ b/src/App.css
@ -0,0 +1,8 @@
+.optionWrap {
+  display: flex;
+  align-items: center;
+}
+
+input {
+  margin: 0 8px 0 0;
+}
--- a/src/App.tsx
+++ b/src/App.tsx
@ -0,0 +1,48 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import './App.css';
+
+const handleChange = (el: React.ChangeEvent<HTMLInputElement>) => {
+  chrome.storage.sync.set({ [el.target.id]: el.target.checked });
+  console.log(el.target.id);
+};
+
+// function getChecked(elID: string): boolean {
+//   // console.log(elID);
+//   chrome.storage.sync.get('oldRedirect', (res) => {
+//     console.log(res.oldRedirect + '123');
+//   });
+//   console.log('?');
+//   return true;
+// }
+
+const App = () => {
+  useEffect(() => {
+    chrome.storage.sync.get(null, (res) => {
+      const allKeys = Object.entries(res);
+      console.log(allKeys);
+      allKeys.forEach((item) => {
+        console.log(item);
+        const test: any = document.getElementById(item[0]);
+        test.checked = item[1];
+      });
+    });
+  }, []);
+
+  return (
+    <div className="App">
+      <label>
+        <div className="optionWrap">
+          <input
+            type="checkbox"
+            id="oldRedirect"
+            onChange={handleChange}
+          />
+          Redirect to old Reddit
+        </div>
+      </label>
+    </div>
+  );
+};
+
+export default App;
--- a/src/background.ts
+++ b/src/background.ts
@ -0,0 +1,16 @@
+// Initialize storage values
+chrome.storage.sync.set({ oldRedirect: false });
+
+chrome.storage.onChanged.addListener((changes) => {
+  if ('oldRedirect' in changes) {
+    if (changes.oldRedirect.newValue) {
+      (chrome as any).declarativeNetRequest.updateEnabledRulesets({
+        enableRulesetIds: ['ruleset_1'],
+      });
+    } else {
+      (chrome as any).declarativeNetRequest.updateEnabledRulesets({
+        disableRulesetIds: ['ruleset_1'],
+      });
+    }
+  }
+});
--- a/src/content.ts
+++ b/src/content.ts
@ -0,0 +1,2 @@
+// This file is injected as a content script
+console.log("Hello from content script!")
--- a/src/custom.d.ts
+++ b/src/custom.d.ts
@ -0,0 +1,4 @@
+declare module "*.svg" {
+    const content: any;
+    export default content;
+  }
--- a/src/popup.css
+++ b/src/popup.css
@ -0,0 +1,12 @@
+:root {
+ --text: #212121; 
+ --background: #fff;
+}
+
+body {
+  color: var(--text);
+  background-color: var(--background);
+  font-size: 12px;
+  line-height: 22px;
+  width: 300px;
+}
--- a/src/popup.tsx
+++ b/src/popup.tsx
@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import App from './App';
+import './popup.css';
+
+const mountNode = document.getElementById('popup');
+ReactDOM.render(<App />, mountNode);
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist/",
+        "sourceMap": true,
+        "strict": true,
+        "noImplicitReturns": true,
+        "noImplicitAny": true,
+        "module": "es6",
+        "moduleResolution": "node",
+        "target": "es5",
+        "allowJs": true,
+        "jsx": "react",
+    },
+    "include": [
+        "./src/**/*",
+        "src/custom.d.ts"
+    ]
+}
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,76 @@
+const webpack = require("webpack");
+const path = require("path");
+const CopyPlugin = require("copy-webpack-plugin");
+
+const config = {
+  entry: {
+    popup: path.join(__dirname, "src/popup.tsx"),
+    content: path.join(__dirname, "src/content.ts"),
+    background: path.join(__dirname, "src/background.ts"),
+  },
+  output: { path: path.join(__dirname, "dist"), filename: "[name].js" },
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        use: "babel-loader",
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.css$/,
+        use: ["style-loader", "css-loader"],
+        exclude: /\.module\.css$/,
+      },
+      {
+        test: /\.ts(x)?$/,
+        loader: "ts-loader",
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.css$/,
+        use: [
+          "style-loader",
+          {
+            loader: "css-loader",
+            options: {
+              importLoaders: 1,
+              modules: true,
+            },
+          },
+        ],
+        include: /\.module\.css$/,
+      },
+      {
+        test: /\.svg$/,
+        use: "file-loader",
+      },
+      {
+        test: /\.png$/,
+        use: [
+          {
+            loader: "url-loader",
+            options: {
+              mimetype: "image/png",
+            },
+          },
+        ],
+      },
+    ],
+  },
+  resolve: {
+    extensions: [".js", ".jsx", ".tsx", ".ts"],
+    alias: {
+      "react-dom": "@hot-loader/react-dom",
+    },
+  },
+  devServer: {
+    contentBase: "./dist",
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [{ from: "public", to: "." }],
+    }),
+  ],
+};
+
+module.exports = config;