refactor: vite plugin

package.json

@@ -41,12 +41,13 @@
  "@types/react-dom": "^18.2.15",
  "core-js": "^3.33.2",
  "dprint": "^0.45.0",
+ "gen_dep_tag": "^0.0.3",
  "lightningcss": "1.23.0",
  "oxlint": "^0.1.0",
+ "rollup-plugin-externals": "^0.0.1",
  "rollup-plugin-swc3": "^0.11.0",
  "toggle-switch-css": "^1.0.3",
  "typescript": "^5.2.2",
- "vite": "^5.0.0",
- "vite-plugin-external-globals": "^0.4.0"
+ "vite": "^5.0.0"
  }
 }

plugins/sw-plugin.ts

@@ -8,7 +8,7 @@ export default function(): Plugin {
  let is_prod = false;
  return {
  name: "sw-plugin",
- config(_, env) {
+ configResolved(env) {
  is_prod = env.command === "build";
  },
  transformIndexHtml(html) {

vite.config.ts

@@ -1,10 +1,11 @@
+import { presets, tagBuilder } from "gen_dep_tag";
 import { execSync } from "node:child_process";
 import { readdirSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { join } from "node:path";
+import { externals } from "rollup-plugin-externals";
 import { swc } from "rollup-plugin-swc3";
-import { defineConfig } from "vite";
-import externalGlobals, { libPreset } from "vite-plugin-external-globals";
+import { defineConfig, type HtmlTagDescriptor } from "vite";
 import pkg from "./package.json" assert { type: "json" };
 import sw_plugin from "./plugins/sw-plugin";
 
@@ -35,23 +36,29 @@ const langMap = await Promise.all(
  }),
 );
 
+const tag = tagBuilder({ sri: true });
+
 export default defineConfig({
  clearScreen: false,
  json: {
  namedExports: false,
  },
  plugins: [
  swc(),
- externalGlobals({
- apply: "build",
- injectTo: "body",
- integrity: true,
- crossorigin: "anonymous",
- entry: [
- libPreset("react"),
- libPreset("react-dom"),
- ],
+ externals({
+ react: "React",
+ "react-dom": "ReactDOM",
  }),
+ {
+ name: "html-cdn-codegen",
+ apply: "build",
+ transformIndexHtml(html) {
+ return {
+ html,
+ tags: [presets.react, presets["react-dom"]].map(tag).map(htmlTag),
+ };
+ },
+ },
  sw_plugin(),
  ],
  base: "./",
@@ -83,3 +90,16 @@ export default defineConfig({
  },
  },
 });
+
+function htmlTag(meta: ReturnType<typeof tag>): HtmlTagDescriptor {
+ const { url, integrity } = meta;
+ return {
+ tag: "script",
+ attrs: {
+ src: url,
+ integrity,
+ crossorigin: "anonymous",
+ },
+ injectTo: "head",
+ };
+}