feat: add Firefox manifest and webpack config

.gitignore

@@ -3,4 +3,5 @@ target/
 .worktrees/
 extension/node_modules/
 extension/dist/
+extension/dist-firefox/
 extension/wasm/

extension/manifest.firefox.json

@@ -0,0 +1,36 @@
+{
+  "manifest_version": 3,
+  "name": "idfoto",
+  "version": "0.1.0",
+  "description": "Two-factor encrypted password manager",
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "idfoto@adlee.work",
+      "strict_min_version": "128.0"
+    }
+  },
+  "permissions": ["storage", "activeTab", "clipboardWrite"],
+  "host_permissions": ["<all_urls>"],
+  "background": {
+    "scripts": ["service-worker.js"]
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "48": "icons/icon-48.png",
+      "128": "icons/icon-128.png"
+    }
+  },
+  "content_scripts": [{
+    "matches": ["<all_urls>"],
+    "js": ["content.js"],
+    "run_at": "document_idle"
+  }],
+  "content_security_policy": {
+    "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'"
+  },
+  "web_accessible_resources": [{
+    "resources": ["setup.html", "setup.js", "styles.css", "idfoto_wasm_bg.wasm", "idfoto_wasm.js"]
+  }]
+}

extension/package.json

@@ -4,9 +4,11 @@
   "private": true,
   "scripts": {
     "build": "webpack --mode production",
+    "build:firefox": "webpack --config webpack.firefox.config.js --mode production",
+    "build:all": "npm run build:wasm && npm run build && npm run build:firefox",
     "dev": "webpack --mode development --watch",
-    "build:wasm": "wasm-pack build ../crates/idfoto-wasm --target web --out-dir ../../extension/wasm",
+    "dev:firefox": "webpack --config webpack.firefox.config.js --mode development --watch",
-    "build:all": "npm run build:wasm && npm run build"
+    "build:wasm": "wasm-pack build ../crates/idfoto-wasm --target web --out-dir ../../extension/wasm"
   },
   "devDependencies": {
     "@types/chrome": "^0.1.40",

extension/webpack.firefox.config.js

@@ -0,0 +1,36 @@
+const path = require('path');
+const CopyPlugin = require('copy-webpack-plugin');
+
+module.exports = {
+  entry: {
+    'service-worker': './src/service-worker/index.ts',
+    popup: './src/popup/popup.ts',
+    content: './src/content/detector.ts',
+    setup: './src/setup/setup.ts',
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist-firefox'),
+    filename: '[name].js',
+    clean: true,
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  module: {
+    rules: [{ test: /\.ts$/, use: 'ts-loader', exclude: /node_modules/ }],
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [
+        { from: 'manifest.firefox.json', to: 'manifest.json' },
+        { from: 'src/popup/index.html', to: 'popup.html' },
+        { from: 'src/popup/styles.css', to: 'styles.css' },
+        { from: 'setup.html', to: '.' },
+        { from: 'icons', to: 'icons' },
+        { from: 'wasm/idfoto_wasm_bg.wasm', to: '.' },
+        { from: 'wasm/idfoto_wasm.js', to: '.' },
+      ],
+    }),
+  ],
+  experiments: { asyncWebAssembly: true },
+};