@hzab/vite-config 0.0.2-alpha.0

package/dist/plugins/relative-base.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+// src/plugins/relative-base.ts
+function relativeBasePlugin(deployPath = "./") {
+  return {
+    name: "relative-base",
+    transformIndexHtml(html) {
+      return html.replace(/href="\.?\/assets\//g, `href="${deployPath}assets/`).replace(/src="\.?\/assets\//g, `src="${deployPath}assets/`);
+    },
+    transform(code, id) {
+      if (id.includes("node_modules")) return null;
+      return code.replace(/import\.meta\.env\.BASE_URL/g, `'${deployPath}'`);
+    }
+  };
+}
+
+exports.relativeBasePlugin = relativeBasePlugin;
+//# sourceMappingURL=relative-base.cjs.map
+//# sourceMappingURL=relative-base.cjs.map

package/dist/plugins/relative-base.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/relative-base.ts"],"names":[],"mappings":";;;AAMO,SAAS,kBAAA,CAAmB,aAAqB,IAAA,EAAoB;AAC1E,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,mBAAmB,IAAA,EAAc;AAC/B,MAAA,OAAO,IAAA,CACJ,OAAA,CAAQ,sBAAA,EAAwB,CAAA,MAAA,EAAS,UAAU,CAAA,OAAA,CAAS,CAAA,CAC5D,OAAA,CAAQ,qBAAA,EAAuB,CAAA,KAAA,EAAQ,UAAU,CAAA,OAAA,CAAS,CAAA;AAAA,IAC/D,CAAA;AAAA,IACA,SAAA,CAAU,MAAc,EAAA,EAAY;AAClC,MAAA,IAAI,EAAA,CAAG,QAAA,CAAS,cAAc,CAAA,EAAG,OAAO,IAAA;AACxC,MAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,8BAAA,EAAgC,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,CAAG,CAAA;AAAA,IACvE;AAAA,GACF;AACF","file":"relative-base.cjs","sourcesContent":["import type { PluginOption } from \"vite\";\r\n\r\n/**\r\n * hash 部署场景下，把资源路径与 `import.meta.env.BASE_URL` 改写成相对部署目录。\r\n * @public\r\n */\r\nexport function relativeBasePlugin(deployPath: string = \"./\"): PluginOption {\r\n  return {\r\n    name: \"relative-base\",\r\n    transformIndexHtml(html: string) {\r\n      return html\r\n        .replace(/href=\"\\.?\\/assets\\//g, `href=\"${deployPath}assets/`)\r\n        .replace(/src=\"\\.?\\/assets\\//g, `src=\"${deployPath}assets/`);\r\n    },\r\n    transform(code: string, id: string) {\r\n      if (id.includes(\"node_modules\")) return null;\r\n      return code.replace(/import\\.meta\\.env\\.BASE_URL/g, `'${deployPath}'`);\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/plugins/relative-base.d.cts

@@ -0,0 +1,9 @@
+import { PluginOption } from 'vite';
+
+/**
+ * hash 部署场景下，把资源路径与 `import.meta.env.BASE_URL` 改写成相对部署目录。
+ * @public
+ */
+declare function relativeBasePlugin(deployPath?: string): PluginOption;
+
+export { relativeBasePlugin };

package/dist/plugins/relative-base.d.ts

@@ -0,0 +1,9 @@
+import { PluginOption } from 'vite';
+
+/**
+ * hash 部署场景下，把资源路径与 `import.meta.env.BASE_URL` 改写成相对部署目录。
+ * @public
+ */
+declare function relativeBasePlugin(deployPath?: string): PluginOption;
+
+export { relativeBasePlugin };

package/dist/plugins/relative-base.js

@@ -0,0 +1,17 @@
+// src/plugins/relative-base.ts
+function relativeBasePlugin(deployPath = "./") {
+  return {
+    name: "relative-base",
+    transformIndexHtml(html) {
+      return html.replace(/href="\.?\/assets\//g, `href="${deployPath}assets/`).replace(/src="\.?\/assets\//g, `src="${deployPath}assets/`);
+    },
+    transform(code, id) {
+      if (id.includes("node_modules")) return null;
+      return code.replace(/import\.meta\.env\.BASE_URL/g, `'${deployPath}'`);
+    }
+  };
+}
+
+export { relativeBasePlugin };
+//# sourceMappingURL=relative-base.js.map
+//# sourceMappingURL=relative-base.js.map

package/dist/plugins/relative-base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/relative-base.ts"],"names":[],"mappings":";AAMO,SAAS,kBAAA,CAAmB,aAAqB,IAAA,EAAoB;AAC1E,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,mBAAmB,IAAA,EAAc;AAC/B,MAAA,OAAO,IAAA,CACJ,OAAA,CAAQ,sBAAA,EAAwB,CAAA,MAAA,EAAS,UAAU,CAAA,OAAA,CAAS,CAAA,CAC5D,OAAA,CAAQ,qBAAA,EAAuB,CAAA,KAAA,EAAQ,UAAU,CAAA,OAAA,CAAS,CAAA;AAAA,IAC/D,CAAA;AAAA,IACA,SAAA,CAAU,MAAc,EAAA,EAAY;AAClC,MAAA,IAAI,EAAA,CAAG,QAAA,CAAS,cAAc,CAAA,EAAG,OAAO,IAAA;AACxC,MAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,8BAAA,EAAgC,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,CAAG,CAAA;AAAA,IACvE;AAAA,GACF;AACF","file":"relative-base.js","sourcesContent":["import type { PluginOption } from \"vite\";\r\n\r\n/**\r\n * hash 部署场景下，把资源路径与 `import.meta.env.BASE_URL` 改写成相对部署目录。\r\n * @public\r\n */\r\nexport function relativeBasePlugin(deployPath: string = \"./\"): PluginOption {\r\n  return {\r\n    name: \"relative-base\",\r\n    transformIndexHtml(html: string) {\r\n      return html\r\n        .replace(/href=\"\\.?\\/assets\\//g, `href=\"${deployPath}assets/`)\r\n        .replace(/src=\"\\.?\\/assets\\//g, `src=\"${deployPath}assets/`);\r\n    },\r\n    transform(code: string, id: string) {\r\n      if (id.includes(\"node_modules\")) return null;\r\n      return code.replace(/import\\.meta\\.env\\.BASE_URL/g, `'${deployPath}'`);\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/plugins/stub-less.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+// src/plugins/stub-less.ts
+var cssModuleStub = `
+const styles = new Proxy({}, {
+  get: (_target, property) => typeof property === "string" ? property : undefined,
+});
+export default styles;
+`;
+function stubLessPlugin() {
+  return {
+    name: "stub-less",
+    load(id) {
+      if (/\.module\.less(?:$|\?)/.test(id)) {
+        return cssModuleStub;
+      }
+      if (/\.less(?:$|\?)/.test(id)) {
+        return "";
+      }
+    }
+  };
+}
+
+exports.stubLessPlugin = stubLessPlugin;
+//# sourceMappingURL=stub-less.cjs.map
+//# sourceMappingURL=stub-less.cjs.map

package/dist/plugins/stub-less.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/stub-less.ts"],"names":[],"mappings":";;;AAEA,IAAM,aAAA,GAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAWf,SAAS,cAAA,GAAyB;AACvC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,WAAA;AAAA,IACN,KAAK,EAAA,EAAI;AACP,MAAA,IAAI,wBAAA,CAAyB,IAAA,CAAK,EAAE,CAAA,EAAG;AACrC,QAAA,OAAO,aAAA;AAAA,MACT;AACA,MAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAE,CAAA,EAAG;AAC7B,QAAA,OAAO,EAAA;AAAA,MACT;AAAA,IACF;AAAA,GACF;AACF","file":"stub-less.cjs","sourcesContent":["import type { Plugin } from \"vite\";\r\n\r\nconst cssModuleStub = `\r\nconst styles = new Proxy({}, {\r\n  get: (_target, property) => typeof property === \"string\" ? property : undefined,\r\n});\r\nexport default styles;\r\n`;\r\n\r\n/**\r\n * 单测不解析 less，并为 CSS Modules 提供 identity stub\r\n * @public\r\n */\r\nexport function stubLessPlugin(): Plugin {\r\n  return {\r\n    name: \"stub-less\",\r\n    load(id) {\r\n      if (/\\.module\\.less(?:$|\\?)/.test(id)) {\r\n        return cssModuleStub;\r\n      }\r\n      if (/\\.less(?:$|\\?)/.test(id)) {\r\n        return \"\";\r\n      }\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/plugins/stub-less.d.cts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+/**
+ * 单测不解析 less，并为 CSS Modules 提供 identity stub
+ * @public
+ */
+declare function stubLessPlugin(): Plugin;
+
+export { stubLessPlugin };

package/dist/plugins/stub-less.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+/**
+ * 单测不解析 less，并为 CSS Modules 提供 identity stub
+ * @public
+ */
+declare function stubLessPlugin(): Plugin;
+
+export { stubLessPlugin };

package/dist/plugins/stub-less.js

@@ -0,0 +1,24 @@
+// src/plugins/stub-less.ts
+var cssModuleStub = `
+const styles = new Proxy({}, {
+  get: (_target, property) => typeof property === "string" ? property : undefined,
+});
+export default styles;
+`;
+function stubLessPlugin() {
+  return {
+    name: "stub-less",
+    load(id) {
+      if (/\.module\.less(?:$|\?)/.test(id)) {
+        return cssModuleStub;
+      }
+      if (/\.less(?:$|\?)/.test(id)) {
+        return "";
+      }
+    }
+  };
+}
+
+export { stubLessPlugin };
+//# sourceMappingURL=stub-less.js.map
+//# sourceMappingURL=stub-less.js.map

package/dist/plugins/stub-less.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/stub-less.ts"],"names":[],"mappings":";AAEA,IAAM,aAAA,GAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAWf,SAAS,cAAA,GAAyB;AACvC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,WAAA;AAAA,IACN,KAAK,EAAA,EAAI;AACP,MAAA,IAAI,wBAAA,CAAyB,IAAA,CAAK,EAAE,CAAA,EAAG;AACrC,QAAA,OAAO,aAAA;AAAA,MACT;AACA,MAAA,IAAI,gBAAA,CAAiB,IAAA,CAAK,EAAE,CAAA,EAAG;AAC7B,QAAA,OAAO,EAAA;AAAA,MACT;AAAA,IACF;AAAA,GACF;AACF","file":"stub-less.js","sourcesContent":["import type { Plugin } from \"vite\";\r\n\r\nconst cssModuleStub = `\r\nconst styles = new Proxy({}, {\r\n  get: (_target, property) => typeof property === \"string\" ? property : undefined,\r\n});\r\nexport default styles;\r\n`;\r\n\r\n/**\r\n * 单测不解析 less，并为 CSS Modules 提供 identity stub\r\n * @public\r\n */\r\nexport function stubLessPlugin(): Plugin {\r\n  return {\r\n    name: \"stub-less\",\r\n    load(id) {\r\n      if (/\\.module\\.less(?:$|\\?)/.test(id)) {\r\n        return cssModuleStub;\r\n      }\r\n      if (/\\.less(?:$|\\?)/.test(id)) {\r\n        return \"\";\r\n      }\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/plugins/svg-react.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var fs = require('fs/promises');
+var vite = require('vite');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+// src/plugins/svg-react.ts
+var SVG_EXT_RE = /\.svg$/i;
+function isSvgReactId(id) {
+  const queryStart = id.indexOf("?");
+  if (queryStart === -1) return false;
+  const file = id.slice(0, queryStart);
+  if (!SVG_EXT_RE.test(file)) return false;
+  return /(?:^|&)react(?:&|$)/.test(id.slice(queryStart + 1));
+}
+function missingPeerError(pkg, cause) {
+  const error = new Error(
+    `[svg-react] "${pkg}" is required to transform *.svg?react. Install the optional peer or disable CreateAppViteConfigOptions.svgr.`
+  );
+  error.cause = cause;
+  return error;
+}
+async function resolveSvgrConfig(options) {
+  const merged = { svgo: true, ...options };
+  if (merged.plugins != null) return merged;
+  const plugins = [];
+  if (merged.svgo !== false) {
+    try {
+      plugins.push((await import('@svgr/plugin-svgo')).default);
+    } catch (cause) {
+      throw missingPeerError("@svgr/plugin-svgo", cause);
+    }
+  }
+  try {
+    plugins.push((await import('@svgr/plugin-jsx')).default);
+  } catch (cause) {
+    throw missingPeerError("@svgr/plugin-jsx", cause);
+  }
+  return { ...merged, plugins };
+}
+function svgReactPlugin(options = {}) {
+  return {
+    name: "ccc:svg-react",
+    enforce: "pre",
+    async load(id) {
+      if (!isSvgReactId(id)) return;
+      const filePath = id.slice(0, id.indexOf("?"));
+      const svg = await fs__default.default.readFile(filePath, "utf8");
+      let transform;
+      try {
+        ({ transform } = await import('@svgr/core'));
+      } catch (cause) {
+        throw missingPeerError("@svgr/core", cause);
+      }
+      const componentCode = await transform(svg, await resolveSvgrConfig(options), { filePath });
+      const result = await vite.transformWithOxc(componentCode, `${filePath}.jsx`, {
+        lang: "jsx"
+      });
+      return { code: result.code, map: result.map };
+    }
+  };
+}
+
+exports.isSvgReactId = isSvgReactId;
+exports.svgReactPlugin = svgReactPlugin;
+//# sourceMappingURL=svg-react.cjs.map
+//# sourceMappingURL=svg-react.cjs.map

package/dist/plugins/svg-react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/svg-react.ts"],"names":["fs","transformWithOxc"],"mappings":";;;;;;;;;;AAiBA,IAAM,UAAA,GAAa,SAAA;AAMZ,SAAS,aAAa,EAAA,EAAqB;AAChD,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,OAAA,CAAQ,GAAG,CAAA;AACjC,EAAA,IAAI,UAAA,KAAe,IAAI,OAAO,KAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,UAAU,CAAA;AACnC,EAAA,IAAI,CAAC,UAAA,CAAW,IAAA,CAAK,IAAI,GAAG,OAAO,KAAA;AACnC,EAAA,OAAO,sBAAsB,IAAA,CAAK,EAAA,CAAG,KAAA,CAAM,UAAA,GAAa,CAAC,CAAC,CAAA;AAC5D;AAEA,SAAS,gBAAA,CAAiB,KAAa,KAAA,EAAuB;AAC5D,EAAA,MAAM,QAAQ,IAAI,KAAA;AAAA,IAChB,gBAAgB,GAAG,CAAA,6GAAA;AAAA,GACrB;AACA,EAAA,KAAA,CAAM,KAAA,GAAQ,KAAA;AACd,EAAA,OAAO,KAAA;AACT;AAEA,eAAe,kBAAkB,OAAA,EAA2C;AAC1E,EAAA,MAAM,MAAA,GAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAG,OAAA,EAAQ;AAChD,EAAA,IAAI,MAAA,CAAO,OAAA,IAAW,IAAA,EAAM,OAAO,MAAA;AAEnC,EAAA,MAAM,UAA0C,EAAC;AACjD,EAAA,IAAI,MAAA,CAAO,SAAS,KAAA,EAAO;AACzB,IAAA,IAAI;AACF,MAAA,OAAA,CAAQ,IAAA,CAAA,CAAM,MAAM,OAAO,mBAAmB,GAAG,OAAO,CAAA;AAAA,IAC1D,SAAS,KAAA,EAAO;AACd,MAAA,MAAM,gBAAA,CAAiB,qBAAqB,KAAK,CAAA;AAAA,IACnD;AAAA,EACF;AACA,EAAA,IAAI;AACF,IAAA,OAAA,CAAQ,IAAA,CAAA,CAAM,MAAM,OAAO,kBAAkB,GAAG,OAAO,CAAA;AAAA,EACzD,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,gBAAA,CAAiB,oBAAoB,KAAK,CAAA;AAAA,EAClD;AACA,EAAA,OAAO,EAAE,GAAG,MAAA,EAAQ,OAAA,EAAQ;AAC9B;AAUO,SAAS,cAAA,CAAe,OAAA,GAA2B,EAAC,EAAW;AACpE,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,MAAM,KAAK,EAAA,EAAI;AACb,MAAA,IAAI,CAAC,YAAA,CAAa,EAAE,CAAA,EAAG;AAEvB,MAAA,MAAM,WAAW,EAAA,CAAG,KAAA,CAAM,GAAG,EAAA,CAAG,OAAA,CAAQ,GAAG,CAAC,CAAA;AAC5C,MAAA,MAAM,GAAA,GAAM,MAAMA,mBAAA,CAAG,QAAA,CAAS,UAAU,MAAM,CAAA;AAC9C,MAAA,IAAI,SAAA;AACJ,MAAA,IAAI;AACF,QAAA,CAAC,EAAE,SAAA,EAAU,GAAI,MAAM,OAAO,YAAY,CAAA;AAAA,MAC5C,SAAS,KAAA,EAAO;AACd,QAAA,MAAM,gBAAA,CAAiB,cAAc,KAAK,CAAA;AAAA,MAC5C;AACA,MAAA,MAAM,aAAA,GAAgB,MAAM,SAAA,CAAU,GAAA,EAAK,MAAM,kBAAkB,OAAO,CAAA,EAAG,EAAE,QAAA,EAAU,CAAA;AACzF,MAAA,MAAM,SAAS,MAAMC,qBAAA,CAAiB,aAAA,EAAe,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAA,EAAQ;AAAA,QACtE,IAAA,EAAM;AAAA,OACP,CAAA;AACD,MAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,EAAM,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,IAC9C;AAAA,GACF;AACF","file":"svg-react.cjs","sourcesContent":["import fs from \"node:fs/promises\";\r\nimport { transformWithOxc } from \"vite\";\r\n\r\nimport type { Config } from \"@svgr/core\";\r\nimport type { Plugin } from \"vite\";\r\n\r\n/**\r\n * @see https://react-svgr.com/docs/options/\r\n * @public\r\n */\r\nexport interface SvgReactOptions {\r\n  /** @defaultValue true */\r\n  svgo?: boolean;\r\n  icon?: boolean;\r\n  [key: string]: unknown;\r\n}\r\n\r\nconst SVG_EXT_RE = /\\.svg$/i;\r\n\r\n/**\r\n * `*.svg?react`（及带其它 query 时的 `react` 段）。\r\n * 不匹配 `?reactive` / webpack 的 `?svgEle`。\r\n */\r\nexport function isSvgReactId(id: string): boolean {\r\n  const queryStart = id.indexOf(\"?\");\r\n  if (queryStart === -1) return false;\r\n  const file = id.slice(0, queryStart);\r\n  if (!SVG_EXT_RE.test(file)) return false;\r\n  return /(?:^|&)react(?:&|$)/.test(id.slice(queryStart + 1));\r\n}\r\n\r\nfunction missingPeerError(pkg: string, cause: unknown): Error {\r\n  const error = new Error(\r\n    `[svg-react] \"${pkg}\" is required to transform *.svg?react. Install the optional peer or disable CreateAppViteConfigOptions.svgr.`,\r\n  );\r\n  error.cause = cause;\r\n  return error;\r\n}\r\n\r\nasync function resolveSvgrConfig(options: SvgReactOptions): Promise<Config> {\r\n  const merged: Config = { svgo: true, ...options };\r\n  if (merged.plugins != null) return merged;\r\n\r\n  const plugins: NonNullable<Config[\"plugins\"]> = [];\r\n  if (merged.svgo !== false) {\r\n    try {\r\n      plugins.push((await import(\"@svgr/plugin-svgo\")).default);\r\n    } catch (cause) {\r\n      throw missingPeerError(\"@svgr/plugin-svgo\", cause);\r\n    }\r\n  }\r\n  try {\r\n    plugins.push((await import(\"@svgr/plugin-jsx\")).default);\r\n  } catch (cause) {\r\n    throw missingPeerError(\"@svgr/plugin-jsx\", cause);\r\n  }\r\n  return { ...merged, plugins };\r\n}\r\n\r\n/**\r\n * 将 `import Icon from \"./icon.svg?react\"` 编成 React 组件。\r\n * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。\r\n *\r\n * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）\r\n * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。\r\n * @public\r\n */\r\nexport function svgReactPlugin(options: SvgReactOptions = {}): Plugin {\r\n  return {\r\n    name: \"ccc:svg-react\",\r\n    enforce: \"pre\",\r\n    async load(id) {\r\n      if (!isSvgReactId(id)) return;\r\n\r\n      const filePath = id.slice(0, id.indexOf(\"?\"));\r\n      const svg = await fs.readFile(filePath, \"utf8\");\r\n      let transform;\r\n      try {\r\n        ({ transform } = await import(\"@svgr/core\"));\r\n      } catch (cause) {\r\n        throw missingPeerError(\"@svgr/core\", cause);\r\n      }\r\n      const componentCode = await transform(svg, await resolveSvgrConfig(options), { filePath });\r\n      const result = await transformWithOxc(componentCode, `${filePath}.jsx`, {\r\n        lang: \"jsx\",\r\n      });\r\n      return { code: result.code, map: result.map };\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/plugins/svg-react.d.cts

@@ -0,0 +1,28 @@
+import { Plugin } from 'vite';
+
+/**
+ * @see https://react-svgr.com/docs/options/
+ * @public
+ */
+interface SvgReactOptions {
+    /** @defaultValue true */
+    svgo?: boolean;
+    icon?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * `*.svg?react`（及带其它 query 时的 `react` 段）。
+ * 不匹配 `?reactive` / webpack 的 `?svgEle`。
+ */
+declare function isSvgReactId(id: string): boolean;
+/**
+ * 将 `import Icon from "./icon.svg?react"` 编成 React 组件。
+ * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。
+ *
+ * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）
+ * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。
+ * @public
+ */
+declare function svgReactPlugin(options?: SvgReactOptions): Plugin;
+
+export { type SvgReactOptions, isSvgReactId, svgReactPlugin };

package/dist/plugins/svg-react.d.ts

@@ -0,0 +1,28 @@
+import { Plugin } from 'vite';
+
+/**
+ * @see https://react-svgr.com/docs/options/
+ * @public
+ */
+interface SvgReactOptions {
+    /** @defaultValue true */
+    svgo?: boolean;
+    icon?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * `*.svg?react`（及带其它 query 时的 `react` 段）。
+ * 不匹配 `?reactive` / webpack 的 `?svgEle`。
+ */
+declare function isSvgReactId(id: string): boolean;
+/**
+ * 将 `import Icon from "./icon.svg?react"` 编成 React 组件。
+ * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。
+ *
+ * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）
+ * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。
+ * @public
+ */
+declare function svgReactPlugin(options?: SvgReactOptions): Plugin;
+
+export { type SvgReactOptions, isSvgReactId, svgReactPlugin };

package/dist/plugins/svg-react.js

@@ -0,0 +1,63 @@
+import fs from 'fs/promises';
+import { transformWithOxc } from 'vite';
+
+// src/plugins/svg-react.ts
+var SVG_EXT_RE = /\.svg$/i;
+function isSvgReactId(id) {
+  const queryStart = id.indexOf("?");
+  if (queryStart === -1) return false;
+  const file = id.slice(0, queryStart);
+  if (!SVG_EXT_RE.test(file)) return false;
+  return /(?:^|&)react(?:&|$)/.test(id.slice(queryStart + 1));
+}
+function missingPeerError(pkg, cause) {
+  const error = new Error(
+    `[svg-react] "${pkg}" is required to transform *.svg?react. Install the optional peer or disable CreateAppViteConfigOptions.svgr.`
+  );
+  error.cause = cause;
+  return error;
+}
+async function resolveSvgrConfig(options) {
+  const merged = { svgo: true, ...options };
+  if (merged.plugins != null) return merged;
+  const plugins = [];
+  if (merged.svgo !== false) {
+    try {
+      plugins.push((await import('@svgr/plugin-svgo')).default);
+    } catch (cause) {
+      throw missingPeerError("@svgr/plugin-svgo", cause);
+    }
+  }
+  try {
+    plugins.push((await import('@svgr/plugin-jsx')).default);
+  } catch (cause) {
+    throw missingPeerError("@svgr/plugin-jsx", cause);
+  }
+  return { ...merged, plugins };
+}
+function svgReactPlugin(options = {}) {
+  return {
+    name: "ccc:svg-react",
+    enforce: "pre",
+    async load(id) {
+      if (!isSvgReactId(id)) return;
+      const filePath = id.slice(0, id.indexOf("?"));
+      const svg = await fs.readFile(filePath, "utf8");
+      let transform;
+      try {
+        ({ transform } = await import('@svgr/core'));
+      } catch (cause) {
+        throw missingPeerError("@svgr/core", cause);
+      }
+      const componentCode = await transform(svg, await resolveSvgrConfig(options), { filePath });
+      const result = await transformWithOxc(componentCode, `${filePath}.jsx`, {
+        lang: "jsx"
+      });
+      return { code: result.code, map: result.map };
+    }
+  };
+}
+
+export { isSvgReactId, svgReactPlugin };
+//# sourceMappingURL=svg-react.js.map
+//# sourceMappingURL=svg-react.js.map

package/dist/plugins/svg-react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/svg-react.ts"],"names":[],"mappings":";;;;AAiBA,IAAM,UAAA,GAAa,SAAA;AAMZ,SAAS,aAAa,EAAA,EAAqB;AAChD,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,OAAA,CAAQ,GAAG,CAAA;AACjC,EAAA,IAAI,UAAA,KAAe,IAAI,OAAO,KAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,UAAU,CAAA;AACnC,EAAA,IAAI,CAAC,UAAA,CAAW,IAAA,CAAK,IAAI,GAAG,OAAO,KAAA;AACnC,EAAA,OAAO,sBAAsB,IAAA,CAAK,EAAA,CAAG,KAAA,CAAM,UAAA,GAAa,CAAC,CAAC,CAAA;AAC5D;AAEA,SAAS,gBAAA,CAAiB,KAAa,KAAA,EAAuB;AAC5D,EAAA,MAAM,QAAQ,IAAI,KAAA;AAAA,IAChB,gBAAgB,GAAG,CAAA,6GAAA;AAAA,GACrB;AACA,EAAA,KAAA,CAAM,KAAA,GAAQ,KAAA;AACd,EAAA,OAAO,KAAA;AACT;AAEA,eAAe,kBAAkB,OAAA,EAA2C;AAC1E,EAAA,MAAM,MAAA,GAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,GAAG,OAAA,EAAQ;AAChD,EAAA,IAAI,MAAA,CAAO,OAAA,IAAW,IAAA,EAAM,OAAO,MAAA;AAEnC,EAAA,MAAM,UAA0C,EAAC;AACjD,EAAA,IAAI,MAAA,CAAO,SAAS,KAAA,EAAO;AACzB,IAAA,IAAI;AACF,MAAA,OAAA,CAAQ,IAAA,CAAA,CAAM,MAAM,OAAO,mBAAmB,GAAG,OAAO,CAAA;AAAA,IAC1D,SAAS,KAAA,EAAO;AACd,MAAA,MAAM,gBAAA,CAAiB,qBAAqB,KAAK,CAAA;AAAA,IACnD;AAAA,EACF;AACA,EAAA,IAAI;AACF,IAAA,OAAA,CAAQ,IAAA,CAAA,CAAM,MAAM,OAAO,kBAAkB,GAAG,OAAO,CAAA;AAAA,EACzD,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,gBAAA,CAAiB,oBAAoB,KAAK,CAAA;AAAA,EAClD;AACA,EAAA,OAAO,EAAE,GAAG,MAAA,EAAQ,OAAA,EAAQ;AAC9B;AAUO,SAAS,cAAA,CAAe,OAAA,GAA2B,EAAC,EAAW;AACpE,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,MAAM,KAAK,EAAA,EAAI;AACb,MAAA,IAAI,CAAC,YAAA,CAAa,EAAE,CAAA,EAAG;AAEvB,MAAA,MAAM,WAAW,EAAA,CAAG,KAAA,CAAM,GAAG,EAAA,CAAG,OAAA,CAAQ,GAAG,CAAC,CAAA;AAC5C,MAAA,MAAM,GAAA,GAAM,MAAM,EAAA,CAAG,QAAA,CAAS,UAAU,MAAM,CAAA;AAC9C,MAAA,IAAI,SAAA;AACJ,MAAA,IAAI;AACF,QAAA,CAAC,EAAE,SAAA,EAAU,GAAI,MAAM,OAAO,YAAY,CAAA;AAAA,MAC5C,SAAS,KAAA,EAAO;AACd,QAAA,MAAM,gBAAA,CAAiB,cAAc,KAAK,CAAA;AAAA,MAC5C;AACA,MAAA,MAAM,aAAA,GAAgB,MAAM,SAAA,CAAU,GAAA,EAAK,MAAM,kBAAkB,OAAO,CAAA,EAAG,EAAE,QAAA,EAAU,CAAA;AACzF,MAAA,MAAM,SAAS,MAAM,gBAAA,CAAiB,aAAA,EAAe,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAA,EAAQ;AAAA,QACtE,IAAA,EAAM;AAAA,OACP,CAAA;AACD,MAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,IAAA,EAAM,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,IAC9C;AAAA,GACF;AACF","file":"svg-react.js","sourcesContent":["import fs from \"node:fs/promises\";\r\nimport { transformWithOxc } from \"vite\";\r\n\r\nimport type { Config } from \"@svgr/core\";\r\nimport type { Plugin } from \"vite\";\r\n\r\n/**\r\n * @see https://react-svgr.com/docs/options/\r\n * @public\r\n */\r\nexport interface SvgReactOptions {\r\n  /** @defaultValue true */\r\n  svgo?: boolean;\r\n  icon?: boolean;\r\n  [key: string]: unknown;\r\n}\r\n\r\nconst SVG_EXT_RE = /\\.svg$/i;\r\n\r\n/**\r\n * `*.svg?react`（及带其它 query 时的 `react` 段）。\r\n * 不匹配 `?reactive` / webpack 的 `?svgEle`。\r\n */\r\nexport function isSvgReactId(id: string): boolean {\r\n  const queryStart = id.indexOf(\"?\");\r\n  if (queryStart === -1) return false;\r\n  const file = id.slice(0, queryStart);\r\n  if (!SVG_EXT_RE.test(file)) return false;\r\n  return /(?:^|&)react(?:&|$)/.test(id.slice(queryStart + 1));\r\n}\r\n\r\nfunction missingPeerError(pkg: string, cause: unknown): Error {\r\n  const error = new Error(\r\n    `[svg-react] \"${pkg}\" is required to transform *.svg?react. Install the optional peer or disable CreateAppViteConfigOptions.svgr.`,\r\n  );\r\n  error.cause = cause;\r\n  return error;\r\n}\r\n\r\nasync function resolveSvgrConfig(options: SvgReactOptions): Promise<Config> {\r\n  const merged: Config = { svgo: true, ...options };\r\n  if (merged.plugins != null) return merged;\r\n\r\n  const plugins: NonNullable<Config[\"plugins\"]> = [];\r\n  if (merged.svgo !== false) {\r\n    try {\r\n      plugins.push((await import(\"@svgr/plugin-svgo\")).default);\r\n    } catch (cause) {\r\n      throw missingPeerError(\"@svgr/plugin-svgo\", cause);\r\n    }\r\n  }\r\n  try {\r\n    plugins.push((await import(\"@svgr/plugin-jsx\")).default);\r\n  } catch (cause) {\r\n    throw missingPeerError(\"@svgr/plugin-jsx\", cause);\r\n  }\r\n  return { ...merged, plugins };\r\n}\r\n\r\n/**\r\n * 将 `import Icon from \"./icon.svg?react\"` 编成 React 组件。\r\n * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。\r\n *\r\n * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）\r\n * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。\r\n * @public\r\n */\r\nexport function svgReactPlugin(options: SvgReactOptions = {}): Plugin {\r\n  return {\r\n    name: \"ccc:svg-react\",\r\n    enforce: \"pre\",\r\n    async load(id) {\r\n      if (!isSvgReactId(id)) return;\r\n\r\n      const filePath = id.slice(0, id.indexOf(\"?\"));\r\n      const svg = await fs.readFile(filePath, \"utf8\");\r\n      let transform;\r\n      try {\r\n        ({ transform } = await import(\"@svgr/core\"));\r\n      } catch (cause) {\r\n        throw missingPeerError(\"@svgr/core\", cause);\r\n      }\r\n      const componentCode = await transform(svg, await resolveSvgrConfig(options), { filePath });\r\n      const result = await transformWithOxc(componentCode, `${filePath}.jsx`, {\r\n        lang: \"jsx\",\r\n      });\r\n      return { code: result.code, map: result.map };\r\n    },\r\n  };\r\n}\r\n"]}

package/dist/svg-react-runtime.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=svg-react-runtime.cjs.map
+//# sourceMappingURL=svg-react-runtime.cjs.map

package/dist/svg-react-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"svg-react-runtime.cjs"}

package/dist/svg-react-runtime.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/svg-react-runtime.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/svg-react-runtime.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=svg-react-runtime.js.map
+//# sourceMappingURL=svg-react-runtime.js.map

package/dist/svg-react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"svg-react-runtime.js"}

package/dist/types.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=types.cjs.map
+//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.cjs"}