initi commit

Author: chensos

.gitignore

@@ -0,0 +1,62 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+.local-files/
+.trash/
+

app-factory.js

@@ -0,0 +1,101 @@
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+process.env.NODE_ENV = "development";
+const CopyPlugin = require("copy-webpack-plugin");
+const { join } = require("path");
+
+
+function getCompilerConfig() {
+    const config = {
+        optimization: {
+            minimize: false,
+        },
+        entry: {
+            options: join(__dirname, "ui/options.js"),
+            agent: join(__dirname, "src/agent.js"),
+            background: join(__dirname, "src/background.js"),
+        },
+        output: {
+            filename: '[name].js',
+            path: join(__dirname, "chrome-extension"),
+            chunkFilename: '[name].bundle.js',
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.(js|jsx)$/,
+                    exclude: /node_modules/,
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            "sourceType": "unambiguous",
+                            plugins: [
+                                "@babel/plugin-proposal-class-properties",
+                                "@babel/plugin-transform-react-jsx",
+                            ]
+                        }
+                    }
+                },
+                {
+                    test: /\.scss$/,
+                    use: [
+                        {
+                            loader: "style-loader" // creates style nodes from JS strings
+                        },
+                        {
+                            loader: "css-loader" // translates CSS into CommonJS
+                        },
+                        {
+                            loader: "sass-loader" // compiles Sass to CSS
+                        }
+                    ]
+                }
+            ]
+        },
+        resolve: {
+            extensions: ['*', '.js', '.jsx']
+        },
+        devtool: 'inline-source-map',
+        // devServer: {
+        //     contentBase: './dist',
+        //     hot: true,
+        // },
+        plugins: [
+
+            new HtmlWebpackPlugin({
+                chunks: ["options"],
+                template: "ui/options.ejs",
+                filename: 'options.html'
+            }),
+            new CopyPlugin({
+                patterns: [
+                  { from: "src/manifest.json" }
+                ],
+            }),
+            new webpack.SourceMapDevToolPlugin({})
+        ]
+    }
+    return config
+}
+
+
+const compilerDone = (err, stats) => {
+    const { errors, missingDependencies } = stats.compilation;
+    if (errors.length) {
+        return errors.forEach(error => console.log(`got an error when compiling: ${error.message}`, error.stack))
+    }
+    console.log(`app build ${stats.hash} completed`)
+}
+
+module.exports = (watch) => {
+    const compiler = webpack(getCompilerConfig());
+    if (watch) {
+        console.log("In dev mode. Starting watcher")
+        compiler.watch({
+            aggregateTimeout: 300,
+            poll: undefined
+        }, compilerDone)
+    } else {
+        compiler.run(compilerDone)
+    }
+}