@hzab/vite-config 0.0.2-alpha.0 → 0.0.3-alpha.1

package/src/plugins/stub-less.ts

@@ -1,26 +1,26 @@
-import type { Plugin } from "vite";
-
-const cssModuleStub = `
-const styles = new Proxy({}, {
-  get: (_target, property) => typeof property === "string" ? property : undefined,
-});
-export default styles;
-`;
-
-/**
- * 单测不解析 less，并为 CSS Modules 提供 identity stub
- * @public
- */
-export function stubLessPlugin(): Plugin {
-  return {
-    name: "stub-less",
-    load(id) {
-      if (/\.module\.less(?:$|\?)/.test(id)) {
-        return cssModuleStub;
-      }
-      if (/\.less(?:$|\?)/.test(id)) {
-        return "";
-      }
-    },
-  };
-}
+import type { Plugin } from "vite";
+
+const cssModuleStub = `
+const styles = new Proxy({}, {
+  get: (_target, property) => typeof property === "string" ? property : undefined,
+});
+export default styles;
+`;
+
+/**
+ * 单测不解析 less，并为 CSS Modules 提供 identity stub
+ * @public
+ */
+export function stubLessPlugin(): Plugin {
+  return {
+    name: "stub-less",
+    load(id) {
+      if (/\.module\.less(?:$|\?)/.test(id)) {
+        return cssModuleStub;
+      }
+      if (/\.less(?:$|\?)/.test(id)) {
+        return "";
+      }
+    },
+  };
+}

package/src/plugins/svg-react.ts

@@ -1,90 +1,90 @@
-import fs from "node:fs/promises";
-import { transformWithOxc } from "vite";
-
-import type { Config } from "@svgr/core";
-import type { Plugin } from "vite";
-
-/**
- * @see https://react-svgr.com/docs/options/
- * @public
- */
-export interface SvgReactOptions {
-  /** @defaultValue true */
-  svgo?: boolean;
-  icon?: boolean;
-  [key: string]: unknown;
-}
-
-const SVG_EXT_RE = /\.svg$/i;
-
-/**
- * `*.svg?react`（及带其它 query 时的 `react` 段）。
- * 不匹配 `?reactive` / webpack 的 `?svgEle`。
- */
-export function isSvgReactId(id: string): boolean {
-  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: string, cause: unknown): Error {
-  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: SvgReactOptions): Promise<Config> {
-  const merged: Config = { svgo: true, ...options };
-  if (merged.plugins != null) return merged;
-
-  const plugins: NonNullable<Config["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 };
-}
-
-/**
- * 将 `import Icon from "./icon.svg?react"` 编成 React 组件。
- * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。
- *
- * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）
- * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。
- * @public
- */
-export function svgReactPlugin(options: SvgReactOptions = {}): Plugin {
-  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 };
-    },
-  };
-}
+import fs from "node:fs/promises";
+import { transformWithOxc } from "vite";
+
+import type { Config } from "@svgr/core";
+import type { Plugin } from "vite";
+
+/**
+ * @see https://react-svgr.com/docs/options/
+ * @public
+ */
+export interface SvgReactOptions {
+  /** @defaultValue true */
+  svgo?: boolean;
+  icon?: boolean;
+  [key: string]: unknown;
+}
+
+const SVG_EXT_RE = /\.svg$/i;
+
+/**
+ * `*.svg?react`（及带其它 query 时的 `react` 段）。
+ * 不匹配 `?reactive` / webpack 的 `?svgEle`。
+ */
+export function isSvgReactId(id: string): boolean {
+  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: string, cause: unknown): Error {
+  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: SvgReactOptions): Promise<Config> {
+  const merged: Config = { svgo: true, ...options };
+  if (merged.plugins != null) return merged;
+
+  const plugins: NonNullable<Config["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 };
+}
+
+/**
+ * 将 `import Icon from "./icon.svg?react"` 编成 React 组件。
+ * 普通 `*.svg` 仍走 Vite 默认资源 URL，本插件不处理。
+ *
+ * `@svgr/core` / `@svgr/plugin-jsx`（以及默认开启 SVGO 时的 `@svgr/plugin-svgo`）
+ * 仅在真正命中 `?react` 时动态加载，根入口不会静态依赖它们。
+ * @public
+ */
+export function svgReactPlugin(options: SvgReactOptions = {}): Plugin {
+  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 };
+    },
+  };
+}

package/src/svg-react-runtime.ts

@@ -1,4 +1,4 @@
-// Runtime counterpart of the `@hzab/vite-config/svg-react` types entry.
-// The ambient types for `*.svg?react` live in `src/svg-react.d.ts`; this module
-// intentionally exports nothing and exists only so the subpath resolves at runtime.
-export {};
+// Runtime counterpart of the `@hzab/vite-config/svg-react` types entry.
+// The ambient types for `*.svg?react` live in `src/svg-react.d.ts`; this module
+// intentionally exports nothing and exists only so the subpath resolves at runtime.
+export {};

package/src/svg-react.d.ts

@@ -1,6 +1,6 @@
-declare module "*.svg?react" {
-  import type { FunctionComponent, SVGProps } from "react";
-
-  const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>;
-  export default ReactComponent;
-}
+declare module "*.svg?react" {
+  import type { FunctionComponent, SVGProps } from "react";
+
+  const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>;
+  export default ReactComponent;
+}