refactor: Firefox 打包脚本改用 esbuild 和 archiver

- 用 esbuild bundle + format:'iife' 替代手写 ESM 解析器，不再依赖 minifier 输出格式
- 用 archiver 替代系统 zip 命令，兼容 Windows 构建环境
- gecko.id 修正为 stackprism@setube.github.io

Author: Fldicoahkiin

build-scripts/package-firefox.mjs

@@ -1,7 +1,11 @@
-import { cpSync, rmSync, readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs'
-import { resolve, dirname, basename } from 'node:path'
-import { execFileSync } from 'node:child_process'
+import { cpSync, rmSync, readFileSync, writeFileSync, mkdirSync, existsSync, createWriteStream } from 'node:fs'
+import { resolve, dirname } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { createRequire } from 'node:module'
+import archiver from 'archiver'
+
+const require = createRequire(import.meta.url)
+const esbuild = require('esbuild')
 
 const root = resolve(dirname(fileURLToPath(import.meta.url)), '..')
 const distDir = resolve(root, 'dist')
@@ -15,74 +19,11 @@ if (!existsSync(distDir)) {
 rmSync(firefoxDir, { recursive: true, force: true })
 cpSync(distDir, firefoxDir, { recursive: true })
 
-// --- Inline ES module chunks into a single background script ---
+// --- Bundle background script as IIFE ---
 // CRXJS outputs background as ES modules with code-split shared chunks.
-// Firefox background scripts don't support ES modules, so we:
-// 1. Wrap each shared chunk in an IIFE to isolate scope (prevents variable name collisions)
-// 2. Store each chunk's exports in a per-chunk namespace
-// 3. Replace the entry chunk's imports with variable declarations from those namespaces
-
-const parseAllImportBindings = (code) => {
-  const re = /import\{([^}]*)\}from"([^"]*)"/g
-  const imports = []
-  let match
-  while ((match = re.exec(code)) !== null) {
-    const bindings = match[1].split(',').map(s => {
-      const parts = s.trim().split(/\s+as\s+/)
-      return { exported: parts[0].trim(), local: (parts[1] || parts[0]).trim() }
-    })
-    imports.push({ path: match[2], bindings })
-  }
-  if (!imports.length && /import\s/.test(code)) {
-    throw new Error('[package-firefox] unsupported import syntax in entry chunk — cannot inline')
-  }
-  return imports
-}
-
-const parseExportBindings = (code) => {
-  const match = code.match(/export\{([^}]*)\};?\s*$/)
-  if (!match) {
-    if (/export\s/.test(code)) {
-      throw new Error('[package-firefox] unsupported export syntax in shared chunk — cannot inline')
-    }
-    return []
-  }
-  return match[1].split(',').map(s => {
-    const parts = s.trim().split(/\s+as\s+/)
-    return { local: parts[0].trim(), exported: (parts[1] || parts[0]).trim() }
-  })
-}
-
-const stripModuleSyntax = (code) =>
-  code.replace(/import\{[^}]*\}from"[^"]*";?/g, '').replace(/export\{[^}]*\};?/g, '')
-
-const resolveImports = (filePath) => {
-  const code = readFileSync(filePath, 'utf8')
-  const dir = dirname(filePath)
-  const importRe = /import\{[^}]*\}from"(\.\/[^"]+)"/g
-  const deps = []
-  let match
-  while ((match = importRe.exec(code)) !== null) {
-    deps.push(resolve(dir, match[1]))
-  }
-  return { code, deps }
-}
+// Firefox background scripts don't support ES modules, so we rebundle
+// the entry point into a single IIFE via esbuild.
 
-const topologicalSort = (entryPath) => {
-  const visited = new Set()
-  const order = []
-  const visit = (filePath) => {
-    if (visited.has(filePath)) return
-    visited.add(filePath)
-    const { deps } = resolveImports(filePath)
-    for (const dep of deps) visit(dep)
-    order.push(filePath)
-  }
-  visit(entryPath)
-  return order
-}
-
-// Read the loader to find the entry chunk
 const loaderPath = resolve(firefoxDir, 'service-worker-loader.js')
 const loaderCode = readFileSync(loaderPath, 'utf8')
 const entryMatch = loaderCode.match(/import\s+'\.\/(assets\/[^']+)'/)
@@ -92,38 +33,19 @@ if (!entryMatch) {
 }
 
 const entryPath = resolve(firefoxDir, entryMatch[1])
-const chunkOrder = topologicalSort(entryPath)
-const sharedChunks = chunkOrder.slice(0, -1)
-const entryChunkPath = chunkOrder[chunkOrder.length - 1]
-
-const parts = [`var __chunks = {};`]
-
-for (const filePath of sharedChunks) {
-  const code = readFileSync(filePath, 'utf8')
-  const chunkId = basename(filePath, '.js')
-  const exports = parseExportBindings(code)
-  const stripped = stripModuleSyntax(code)
-  const exportAssignments = exports
-    .map(e => `__chunks["${chunkId}"].${e.exported} = ${e.local};`)
-    .join(' ')
-  parts.push(`(function() { ${stripped} __chunks["${chunkId}"] = {}; ${exportAssignments} })();`)
-}
+const backgroundPath = resolve(firefoxDir, 'background.js')
 
-const entryCode = readFileSync(entryChunkPath, 'utf8')
-const entryImports = parseAllImportBindings(entryCode)
-let entryBody = stripModuleSyntax(entryCode)
-if (entryImports.length) {
-  const varDecls = entryImports.flatMap(imp => {
-    const chunkId = basename(resolve(dirname(entryChunkPath), imp.path), '.js')
-    return imp.bindings.map(b => `var ${b.local} = __chunks["${chunkId}"].${b.exported};`)
-  }).join(' ')
-  entryBody = varDecls + '\n' + entryBody
-}
-parts.push(entryBody)
+await esbuild.build({
+  entryPoints: [entryPath],
+  bundle: true,
+  format: 'iife',
+  outfile: backgroundPath,
+  target: 'es2022',
+  platform: 'browser',
+  logLevel: 'warning'
+})
 
-const backgroundPath = resolve(firefoxDir, 'background.js')
-writeFileSync(backgroundPath, parts.join('\n'))
-console.log(`[package-firefox] inlined ${chunkOrder.length} chunks into background.js`)
+console.log('[package-firefox] bundled background.js as IIFE')
 
 // --- Transform manifest.json ---
 
@@ -136,7 +58,7 @@ if (manifest.background?.service_worker) {
 
 manifest.browser_specific_settings = {
   gecko: {
-    id: 'stackprism@stackprism.dev',
+    id: 'stackprism@setube.github.io',
     strict_min_version: '128.0'
   }
 }
@@ -151,5 +73,16 @@ if (!existsSync(releaseDir)) mkdirSync(releaseDir)
 
 const version = manifest.version
 const xpiName = `stackprism-v${version}.xpi`
-execFileSync('zip', ['-r', resolve(releaseDir, xpiName), '.'], { cwd: firefoxDir, stdio: 'inherit' })
+const xpiPath = resolve(releaseDir, xpiName)
+
+await new Promise((resolve, reject) => {
+  const output = createWriteStream(xpiPath)
+  const archive = archiver('zip', { zlib: { level: 9 } })
+  output.on('close', resolve)
+  archive.on('error', reject)
+  archive.pipe(output)
+  archive.glob('**', { cwd: firefoxDir, dot: true })
+  archive.finalize()
+})
+
 console.log(`[package-firefox] created release/${xpiName}`)

package.json

@@ -25,6 +25,8 @@
     "@types/node": "^20.12.7",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-typescript": "^14.7.0",
+    "archiver": "^7.0.1",
+    "esbuild": "^0.21.5",
     "eslint": "^10.3.0",
     "eslint-plugin-vue": "^10.9.1",
     "lucide-vue-next": "^1.0.0",