Refactor beacon runtime to design system modules

scripts/build-beacon.mjs

@@ -10,19 +10,20 @@ const __dirname = path.dirname(__filename);
 const repoRoot = path.resolve(__dirname, "..");
 const entryPoint = path.join(repoRoot, "torrent/src/beacon-vendor.js");
 const outDir = path.join(repoRoot, "torrent/dist");
+const outFile = path.join(outDir, "beacon.js");
 
 await mkdir(outDir, { recursive: true });
 
 await build({
   bundle: true,
-  entryPoints: { "beacon.vendor": entryPoint },
-  outdir: outDir,
-  format: "iife",
+  entryPoints: [entryPoint],
+  outfile: outFile,
+  format: "esm",
+  splitting: false,
   platform: "browser",
-  target: ["es2019"],
+  target: ["es2020"],
   minify: true,
   sourcemap: false,
-  entryNames: "[name]",
   loader: {
     ".css": "css",
     ".woff": "dataurl",

scripts/check-inline-styles.mjs

@@ -40,10 +40,6 @@ const IGNORED_FILES = new Set([
 ]);
 
 const VIOLATION_ALLOWLIST = new Map([
-  [
-    "torrent/dist/beacon.vendor.js",
-    new Set(["Direct .style usage", "style.cssText usage"]),
-  ],
   ["js/ui/utils/floatingPanelStyles.js", new Set(["Direct .style usage"])],
 ]);