Initial commit

2025-03-21 13:53:45 -04:00
commit 568b2eaabd
28 changed files with 1604 additions and 0 deletions
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -0,0 +1,120 @@
+var path = require('path');
+var CopyPlugin = require('copy-webpack-plugin');
+var webpack = require('webpack');
+var fs = require('fs');
+var package = require('./package.json');
+
+function allReplace(str, obj, quote = true) {
+  for (const x in obj) {
+    str = str.replace(new RegExp(x, 'g'), quote ? `"${obj[x]}"` : obj[x]);
+  }
+  return str;
+};
+
+const defines = {
+  EXTENSION_NAME: package.name,
+  __EXTENSION_NAME: JSON.stringify(package.name),
+  EXTENSION_AUTHOR: package.author,
+  EXTENSION_DESCRIPTION: package.description,
+  EXTENSION_VERSION: package.version,
+  __VERSION__: JSON.stringify(package.version),
+}
+
+module.exports = [
+  /*
+  // WebExtension
+  {
+    entry: {
+      content: './src/content/content.ts'
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          use: 'ts-loader',
+          exclude: /node_modules/,
+        },
+        {
+          test: /\.(png|jpg|gif|svg)$/i,
+          use: [
+            {
+              loader: 'url-loader',
+              options: {
+                limit: true,
+              },
+            },
+          ],
+        },
+      ],
+    },
+    optimization: {
+      minimize: true
+    },
+    output: {
+      path: path.resolve(__dirname, "dist/extension"),
+      filename: "[name]/[name].js"
+    },
+    resolve: {
+      extensions: [".ts", ".tsx", ".js", ".json", ".css"]
+    },
+    plugins: [
+      new webpack.DefinePlugin({__ENV_WEBEXTENSION: true, __ENV_USERSCRIPT: false}),
+      new CopyPlugin({ patterns: [
+        { from: './src/manifest.json', to: 'manifest.json', 
+          transform(content, absoluteFrom) {
+            return allReplace(content.toString(), defines)
+          },
+        }
+      ]}),
+      new CopyPlugin({ patterns: [
+        { from: './src/icons', to: 'icons/[file]'},
+      ]}),
+    ],
+  },
+  */
+  // Userscript
+  {
+    entry: {
+      content: './src/content/content.ts'
+    },
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          use: 'ts-loader',
+          exclude: /node_modules/,
+        },
+        {
+          test: /\.css$/i,
+          use: ['style-loader', 'css-loader']
+        },
+        {
+          test: /\.(jpe?g|png|ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
+          type: 'asset/inline'
+        },
+      ],
+    },
+    optimization: {
+      minimize: true,
+    },
+    devtool: false,
+    output: {
+      path: path.resolve(__dirname, 'dist/userscript'),
+      filename: `${package.name}.user.js`
+    },
+    resolve: {
+      extensions: [".ts", ".tsx", ".js", ".json", ".css"]
+    },
+    plugins: [
+      new webpack.DefinePlugin({ ...defines, __ENV_USERSCRIPT: true, __ENV_WEBEXTENSION: false }),
+      new webpack.BannerPlugin({
+        raw: true,
+        banner: () => {
+          const header = fs.readFileSync(path.resolve(__dirname, 'src/userscript_header.js'), 'utf8')
+          return allReplace(header, defines, false)
+        },
+        stage: webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT
+      }),
+    ],
+  }
+];