unplugin-inline-css-modules 0.1.1 → 0.1.3

package/dist/rollup.mjs

@@ -4,8 +4,9 @@ import { createRollupPlugin } from "unplugin";
 // src/index.ts
 import { createUnplugin } from "unplugin";
 import { createHash } from "crypto";
-import { mkdirSync, readFileSync, writeFileSync, existsSync } from "fs";
+import { mkdirSync, writeFileSync, existsSync } from "fs";
 import { join } from "path";
+import MagicString from "magic-string";
 var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
 var css = (_) => ({});
 var virtualModuleId = "virtual:inline-css-modules";
@@ -14,7 +15,7 @@ var resolvedVirtualModuleId = "\0" + virtualModuleId;
 var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
 var cssModules = {};
 var getCacheDir = () => join(process.cwd(), "node_modules", ".cache", "inline-css-modules");
-var getCachePath = (hash) => join(getCacheDir(), `${hash}.css`);
+var getCachePath = (hash) => join(getCacheDir(), `${hash}.module.css`);
 function ensureCacheDir() {
   const dir = getCacheDir();
   if (!existsSync(dir)) {
@@ -24,13 +25,6 @@ function ensureCacheDir() {
 function hashCss(css2) {
   return createHash("md5").update(css2).digest("hex");
 }
-function readFromCache(hash) {
-  const path = getCachePath(hash);
-  if (existsSync(path)) {
-    return readFileSync(path, "utf-8");
-  }
-  return null;
-}
 function writeToCache(hash, css2) {
   ensureCacheDir();
   writeFileSync(getCachePath(hash), css2);
@@ -39,9 +33,9 @@ var unpluginFactory = (config = {}, meta) => {
   const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
   const tagName = config.tagName ?? "css";
   const preprocessor = config.extension ?? "css";
-  const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
-  const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
-  const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
+  const useFilesystem = config.moduleStrategy === "filesystem";
+  const moduleId = useFilesystem ? webpackModuleId : virtualModuleId;
+  const resolvedId = useFilesystem ? resolvedWebpackModuleId : resolvedVirtualModuleId;
   return {
     name: "inline-css-modules",
     enforce: "pre",
@@ -49,36 +43,16 @@ var unpluginFactory = (config = {}, meta) => {
       if (id === moduleId || id.startsWith(moduleId + "/")) {
         return resolvedId + id.slice(moduleId.length);
       }
-      if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
-        return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
-      }
-      if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
-        return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
-      }
       return void 0;
     },
     loadInclude(id) {
-      return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
+      return id.startsWith(resolvedId);
     },
     load(id) {
-      if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
-        return void 0;
-      const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
-      const file = id.slice(prefix.length).replace(/\?used$/, "");
+      if (!id.startsWith(resolvedId + "/")) return void 0;
+      const file = id.slice(resolvedId.length + 1).replace(/\?used$/, "");
       const css2 = cssModules[file];
-      if (!css2) {
-        if (isWebpack) {
-          const hash = file.replace(/\.module\.\w+$/, "");
-          const cached = readFromCache(hash);
-          if (cached) {
-            return {
-              code: cached,
-              map: null
-            };
-          }
-        }
-        return void 0;
-      }
+      if (!css2) return void 0;
       return {
         code: css2,
         map: null
@@ -89,43 +63,50 @@ var unpluginFactory = (config = {}, meta) => {
         id: fileMatch
       },
       handler(src, id) {
-        let imports = [];
-        src = src.replace(
-          /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
-          ""
-        );
-        src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
-          const [variableName, tag, css2] = args;
-          if (tag !== tagName) return substring;
-          let baseFilename = id.slice(id.lastIndexOf("/") + 1);
-          baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
-          let cnt = 0;
-          const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
-          let filename = `${baseFilename}-${cnt}.module.${ext}`;
-          while (cssModules[filename]) {
-            cnt++;
-            filename = `${baseFilename}-${cnt}.module.${ext}`;
-          }
+        const s = new MagicString(src);
+        const imports = [];
+        let hasChanges = false;
+        let match;
+        const importRegex = /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm;
+        while ((match = importRegex.exec(src)) !== null) {
+          s.remove(match.index, match.index + match[0].length);
+          hasChanges = true;
+        }
+        matchInlineCssModules.lastIndex = 0;
+        while ((match = matchInlineCssModules.exec(src)) !== null) {
+          const [fullMatch, variableName, tag, css2] = match;
+          if (tag !== tagName) continue;
+          const hash = hashCss(css2);
+          const filename = `${hash}.module.${preprocessor}`;
           cssModules[filename] = css2;
           let importStatement;
-          if (isWebpack) {
-            const hash = hashCss(css2);
+          if (useFilesystem) {
             writeToCache(hash, css2);
-            importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
+            importStatement = `import ${variableName} from "${getCachePath(hash)}"`;
+          } else {
+            importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           }
-          importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           if (config.inlineImport === false) {
             imports.push(importStatement);
-            return "";
+            s.overwrite(match.index, match.index + fullMatch.length, "");
+          } else {
+            s.overwrite(
+              match.index,
+              match.index + fullMatch.length,
+              importStatement
+            );
           }
-          return importStatement;
-        });
+          hasChanges = true;
+        }
         if (imports.length) {
-          return imports.join("\n") + "\n" + src;
+          s.prepend(imports.join("\n") + "\n");
+        }
+        if (!hasChanges) {
+          return null;
         }
         return {
-          code: src,
-          map: null
+          code: s.toString(),
+          map: s.generateMap({ source: id, includeContent: true })
         };
       }
     }

package/dist/rollup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/rollup.ts","../src/index.ts"],"sourcesContent":["import { createRollupPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createRollupPlugin(unpluginFactory)\n\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n","import type { UnpluginFactory } from 'unplugin'\nimport { createUnplugin } from 'unplugin'\nimport { createHash } from 'crypto'\nimport { mkdirSync, readFileSync, writeFileSync, existsSync } from 'fs'\nimport { join } from 'path'\n\ntype SupportedExtension = 'css' | 'scss' | 'sass' | 'styl' | 'less'\n\nexport type PluginConfig = {\n  fileMatch?: RegExp\n  tagName?: string\n  extension?: SupportedExtension | ((filename: string) => SupportedExtension)\n  inlineImport?: boolean\n}\n\nconst matchInlineCssModules =\n  /(?:const|var|let)\\s*(\\w+)(?:\\s*:.*)?\\s*=\\s*(\\w+)\\s*`([\\s\\S]*?)`/gm\n\nexport const css = (_: TemplateStringsArray): Record<string, string> => ({})\n\nconst virtualModuleId = 'virtual:inline-css-modules'\nconst webpackModuleId = 'inline-css-modules/virtual'\nconst resolvedVirtualModuleId = '\\0' + virtualModuleId\nconst resolvedWebpackModuleId = '\\0inline-css-modules/virtual'\n\nlet cssModules: Record<string, string> = {}\n\nconst getCacheDir = () =>\n  join(process.cwd(), 'node_modules', '.cache', 'inline-css-modules')\nconst getCachePath = (hash: string) => join(getCacheDir(), `${hash}.css`)\n\nfunction ensureCacheDir() {\n  const dir = getCacheDir()\n  if (!existsSync(dir)) {\n    mkdirSync(dir, { recursive: true })\n  }\n}\n\nfunction hashCss(css: string): string {\n  return createHash('md5').update(css).digest('hex')\n}\n\nfunction readFromCache(hash: string): string | null {\n  const path = getCachePath(hash)\n  if (existsSync(path)) {\n    return readFileSync(path, 'utf-8')\n  }\n  return null\n}\n\nfunction writeToCache(hash: string, css: string): void {\n  ensureCacheDir()\n  writeFileSync(getCachePath(hash), css)\n}\n\nexport const unpluginFactory: UnpluginFactory<PluginConfig | undefined> = (\n  config = {},\n  meta\n) => {\n  const fileMatch = config.fileMatch ?? /\\.(tsx|jsx|js|vue|svelte)$/\n  const tagName = config.tagName ?? 'css'\n  const preprocessor = config.extension ?? 'css'\n  const isWebpack =\n    meta?.framework === 'webpack' || meta?.framework === 'rspack'\n  const moduleId = isWebpack ? webpackModuleId : virtualModuleId\n  const resolvedId = isWebpack\n    ? resolvedWebpackModuleId\n    : resolvedVirtualModuleId\n\n  return {\n    name: 'inline-css-modules',\n    enforce: 'pre',\n    resolveId(id) {\n      if (id === moduleId || id.startsWith(moduleId + '/')) {\n        return resolvedId + id.slice(moduleId.length)\n      }\n      if (id === virtualModuleId || id.startsWith(virtualModuleId + '/')) {\n        return resolvedVirtualModuleId + id.slice(virtualModuleId.length)\n      }\n      if (id === webpackModuleId || id.startsWith(webpackModuleId + '/')) {\n        return resolvedWebpackModuleId + id.slice(webpackModuleId.length)\n      }\n      return undefined\n    },\n    loadInclude(id) {\n      return (\n        id.startsWith(resolvedVirtualModuleId) ||\n        id.startsWith(resolvedWebpackModuleId)\n      )\n    },\n    load(id) {\n      if (\n        !id.startsWith(resolvedVirtualModuleId + '/') &&\n        !id.startsWith(resolvedWebpackModuleId + '/')\n      )\n        return undefined\n\n      const prefix = id.startsWith(resolvedVirtualModuleId + '/')\n        ? resolvedVirtualModuleId + '/'\n        : resolvedWebpackModuleId + '/'\n      const file = id.slice(prefix.length).replace(/\\?used$/, '')\n      const css = cssModules[file]\n\n      if (!css) {\n        if (isWebpack) {\n          const hash = file.replace(/\\.module\\.\\w+$/, '')\n          const cached = readFromCache(hash)\n          if (cached) {\n            return {\n              code: cached,\n              map: null,\n            }\n          }\n        }\n        return undefined\n      }\n      return {\n        code: css,\n        map: null,\n      }\n    },\n    transform: {\n      filter: {\n        id: fileMatch,\n      },\n      handler(src, id) {\n        // Build up a list of import statements to inject to the top of the file\n        let imports: string[] = []\n\n        src = src.replace(\n          /import\\s*{\\s*(?:css|inlineCss)\\s*(?:as\\s*\\w+\\s*)?}\\s*from\\s*('|\"|`)unplugin-inline-css-modules\\1;?/gm,\n          ''\n        )\n\n        src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {\n          const [variableName, tag, css] = args\n\n          if (tag !== tagName) return substring\n\n          let baseFilename = id.slice(id.lastIndexOf('/') + 1)\n          baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf('.'))\n          let cnt = 0\n          const ext =\n            typeof preprocessor == 'function'\n              ? preprocessor(baseFilename)\n              : preprocessor\n          let filename = `${baseFilename}-${cnt}.module.${ext}`\n          while (cssModules[filename]) {\n            cnt++\n            filename = `${baseFilename}-${cnt}.module.${ext}`\n          }\n          cssModules[filename] = css\n\n          let importStatement\n\n          if (isWebpack) {\n            const hash = hashCss(css)\n            writeToCache(hash, css)\n            importStatement = `import ${variableName} from \"${moduleId}/${hash}.module.${ext}\"`\n          }\n          importStatement = `import ${variableName} from \"${moduleId}/${filename}\"`\n\n          if (config.inlineImport === false) {\n            imports.push(importStatement)\n            return ''\n          }\n          return importStatement\n        })\n        if (imports.length) {\n          return imports.join('\\n') + '\\n' + src\n        }\n        return {\n          code: src,\n          map: null,\n        }\n      },\n    },\n  }\n}\n\nexport const unplugin = createUnplugin(unpluginFactory)\n\nexport default unplugin\n"],"mappings":"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","names":["css"]}
+{"version":3,"sources":["../src/rollup.ts","../src/index.ts"],"sourcesContent":["import { createRollupPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createRollupPlugin(unpluginFactory)\n\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n","import type { UnpluginFactory } from 'unplugin'\nimport { createUnplugin } from 'unplugin'\nimport { createHash } from 'crypto'\nimport { mkdirSync, writeFileSync, existsSync } from 'fs'\nimport { join } from 'path'\nimport MagicString from 'magic-string'\n\ntype SupportedExtension = 'css' | 'scss' | 'sass' | 'styl' | 'less'\n\nexport type PluginConfig = {\n  fileMatch?: RegExp\n  tagName?: string\n  extension?: SupportedExtension\n  inlineImport?: boolean\n  moduleStrategy?: 'virtual' | 'filesystem'\n}\n\nconst matchInlineCssModules =\n  /(?:const|var|let)\\s*(\\w+)(?:\\s*:.*)?\\s*=\\s*(\\w+)\\s*`([\\s\\S]*?)`/gm\n\nexport const css = (_: TemplateStringsArray): Record<string, string> => ({})\n\nconst virtualModuleId = 'virtual:inline-css-modules'\nconst webpackModuleId = 'inline-css-modules/virtual'\nconst resolvedVirtualModuleId = '\\0' + virtualModuleId\nconst resolvedWebpackModuleId = '\\0inline-css-modules/virtual'\n\nlet cssModules: Record<string, string> = {}\n\nconst getCacheDir = () =>\n  join(process.cwd(), 'node_modules', '.cache', 'inline-css-modules')\nconst getCachePath = (hash: string) => join(getCacheDir(), `${hash}.module.css`)\n\nfunction ensureCacheDir() {\n  const dir = getCacheDir()\n  if (!existsSync(dir)) {\n    mkdirSync(dir, { recursive: true })\n  }\n}\n\nfunction hashCss(css: string): string {\n  return createHash('md5').update(css).digest('hex')\n}\n\nfunction writeToCache(hash: string, css: string): void {\n  ensureCacheDir()\n  writeFileSync(getCachePath(hash), css)\n}\n\nexport const unpluginFactory: UnpluginFactory<PluginConfig | undefined> = (\n  config = {},\n  meta\n) => {\n  const fileMatch = config.fileMatch ?? /\\.(tsx|jsx|js|vue|svelte)$/\n  const tagName = config.tagName ?? 'css'\n  const preprocessor = config.extension ?? 'css'\n  const useFilesystem = config.moduleStrategy === 'filesystem'\n  const moduleId = useFilesystem ? webpackModuleId : virtualModuleId\n  const resolvedId = useFilesystem\n    ? resolvedWebpackModuleId\n    : resolvedVirtualModuleId\n\n  return {\n    name: 'inline-css-modules',\n    enforce: 'pre',\n    resolveId(id) {\n      if (id === moduleId || id.startsWith(moduleId + '/')) {\n        return resolvedId + id.slice(moduleId.length)\n      }\n      return undefined\n    },\n    loadInclude(id) {\n      return id.startsWith(resolvedId)\n    },\n    load(id) {\n      if (!id.startsWith(resolvedId + '/')) return undefined\n\n      const file = id.slice(resolvedId.length + 1).replace(/\\?used$/, '')\n      const css = cssModules[file]\n\n      if (!css) return undefined\n\n      return {\n        code: css,\n        map: null,\n      }\n    },\n    transform: {\n      filter: {\n        id: fileMatch,\n      },\n      handler(src, id) {\n        const s = new MagicString(src)\n        const imports: string[] = []\n        let hasChanges = false\n\n        let match: RegExpExecArray | null\n        const importRegex =\n          /import\\s*{\\s*(?:css|inlineCss)\\s*(?:as\\s*\\w+\\s*)?}\\s*from\\s*('|\"|`)unplugin-inline-css-modules\\1;?/gm\n        while ((match = importRegex.exec(src)) !== null) {\n          s.remove(match.index, match.index + match[0].length)\n          hasChanges = true\n        }\n\n        matchInlineCssModules.lastIndex = 0\n        while ((match = matchInlineCssModules.exec(src)) !== null) {\n          const [fullMatch, variableName, tag, css] = match\n          if (tag !== tagName) continue\n\n          const hash = hashCss(css)\n          const filename = `${hash}.module.${preprocessor}`\n          cssModules[filename] = css\n\n          let importStatement: string\n          if (useFilesystem) {\n            writeToCache(hash, css)\n            importStatement = `import ${variableName} from \"${getCachePath(hash)}\"`\n          } else {\n            importStatement = `import ${variableName} from \"${moduleId}/${filename}\"`\n          }\n\n          if (config.inlineImport === false) {\n            imports.push(importStatement)\n            s.overwrite(match.index, match.index + fullMatch.length, '')\n          } else {\n            s.overwrite(\n              match.index,\n              match.index + fullMatch.length,\n              importStatement\n            )\n          }\n          hasChanges = true\n        }\n\n        if (imports.length) {\n          s.prepend(imports.join('\\n') + '\\n')\n        }\n\n        if (!hasChanges) {\n          return null\n        }\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ source: id, includeContent: true }),\n        }\n      },\n    },\n  }\n}\n\nexport const unplugin = createUnplugin(unpluginFactory)\n\nexport default unplugin\n"],"mappings":"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","names":["css"]}

package/dist/rspack.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/rspack.ts
@@ -31,6 +41,7 @@ var import_unplugin = require("unplugin");
 var import_crypto = require("crypto");
 var import_fs = require("fs");
 var import_path = require("path");
+var import_magic_string = __toESM(require("magic-string"));
 var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
 var css = (_) => ({});
 var virtualModuleId = "virtual:inline-css-modules";
@@ -39,7 +50,7 @@ var resolvedVirtualModuleId = "\0" + virtualModuleId;
 var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
 var cssModules = {};
 var getCacheDir = () => (0, import_path.join)(process.cwd(), "node_modules", ".cache", "inline-css-modules");
-var getCachePath = (hash) => (0, import_path.join)(getCacheDir(), `${hash}.css`);
+var getCachePath = (hash) => (0, import_path.join)(getCacheDir(), `${hash}.module.css`);
 function ensureCacheDir() {
   const dir = getCacheDir();
   if (!(0, import_fs.existsSync)(dir)) {
@@ -49,13 +60,6 @@ function ensureCacheDir() {
 function hashCss(css2) {
   return (0, import_crypto.createHash)("md5").update(css2).digest("hex");
 }
-function readFromCache(hash) {
-  const path = getCachePath(hash);
-  if ((0, import_fs.existsSync)(path)) {
-    return (0, import_fs.readFileSync)(path, "utf-8");
-  }
-  return null;
-}
 function writeToCache(hash, css2) {
   ensureCacheDir();
   (0, import_fs.writeFileSync)(getCachePath(hash), css2);
@@ -64,9 +68,9 @@ var unpluginFactory = (config = {}, meta) => {
   const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
   const tagName = config.tagName ?? "css";
   const preprocessor = config.extension ?? "css";
-  const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
-  const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
-  const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
+  const useFilesystem = config.moduleStrategy === "filesystem";
+  const moduleId = useFilesystem ? webpackModuleId : virtualModuleId;
+  const resolvedId = useFilesystem ? resolvedWebpackModuleId : resolvedVirtualModuleId;
   return {
     name: "inline-css-modules",
     enforce: "pre",
@@ -74,36 +78,16 @@ var unpluginFactory = (config = {}, meta) => {
       if (id === moduleId || id.startsWith(moduleId + "/")) {
         return resolvedId + id.slice(moduleId.length);
       }
-      if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
-        return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
-      }
-      if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
-        return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
-      }
       return void 0;
     },
     loadInclude(id) {
-      return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
+      return id.startsWith(resolvedId);
     },
     load(id) {
-      if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
-        return void 0;
-      const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
-      const file = id.slice(prefix.length).replace(/\?used$/, "");
+      if (!id.startsWith(resolvedId + "/")) return void 0;
+      const file = id.slice(resolvedId.length + 1).replace(/\?used$/, "");
       const css2 = cssModules[file];
-      if (!css2) {
-        if (isWebpack) {
-          const hash = file.replace(/\.module\.\w+$/, "");
-          const cached = readFromCache(hash);
-          if (cached) {
-            return {
-              code: cached,
-              map: null
-            };
-          }
-        }
-        return void 0;
-      }
+      if (!css2) return void 0;
       return {
         code: css2,
         map: null
@@ -114,43 +98,50 @@ var unpluginFactory = (config = {}, meta) => {
         id: fileMatch
       },
       handler(src, id) {
-        let imports = [];
-        src = src.replace(
-          /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
-          ""
-        );
-        src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
-          const [variableName, tag, css2] = args;
-          if (tag !== tagName) return substring;
-          let baseFilename = id.slice(id.lastIndexOf("/") + 1);
-          baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
-          let cnt = 0;
-          const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
-          let filename = `${baseFilename}-${cnt}.module.${ext}`;
-          while (cssModules[filename]) {
-            cnt++;
-            filename = `${baseFilename}-${cnt}.module.${ext}`;
-          }
+        const s = new import_magic_string.default(src);
+        const imports = [];
+        let hasChanges = false;
+        let match;
+        const importRegex = /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm;
+        while ((match = importRegex.exec(src)) !== null) {
+          s.remove(match.index, match.index + match[0].length);
+          hasChanges = true;
+        }
+        matchInlineCssModules.lastIndex = 0;
+        while ((match = matchInlineCssModules.exec(src)) !== null) {
+          const [fullMatch, variableName, tag, css2] = match;
+          if (tag !== tagName) continue;
+          const hash = hashCss(css2);
+          const filename = `${hash}.module.${preprocessor}`;
           cssModules[filename] = css2;
           let importStatement;
-          if (isWebpack) {
-            const hash = hashCss(css2);
+          if (useFilesystem) {
             writeToCache(hash, css2);
-            importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
+            importStatement = `import ${variableName} from "${getCachePath(hash)}"`;
+          } else {
+            importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           }
-          importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           if (config.inlineImport === false) {
             imports.push(importStatement);
-            return "";
+            s.overwrite(match.index, match.index + fullMatch.length, "");
+          } else {
+            s.overwrite(
+              match.index,
+              match.index + fullMatch.length,
+              importStatement
+            );
           }
-          return importStatement;
-        });
+          hasChanges = true;
+        }
         if (imports.length) {
-          return imports.join("\n") + "\n" + src;
+          s.prepend(imports.join("\n") + "\n");
+        }
+        if (!hasChanges) {
+          return null;
         }
         return {
-          code: src,
-          map: null
+          code: s.toString(),
+          map: s.generateMap({ source: id, includeContent: true })
         };
       }
     }

package/dist/rspack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/rspack.ts","../src/index.ts"],"sourcesContent":["import { createRspackPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createRspackPlugin(unpluginFactory)\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n","import type { UnpluginFactory } from 'unplugin'\nimport { createUnplugin } from 'unplugin'\nimport { createHash } from 'crypto'\nimport { mkdirSync, readFileSync, writeFileSync, existsSync } from 'fs'\nimport { join } from 'path'\n\ntype SupportedExtension = 'css' | 'scss' | 'sass' | 'styl' | 'less'\n\nexport type PluginConfig = {\n  fileMatch?: RegExp\n  tagName?: string\n  extension?: SupportedExtension | ((filename: string) => SupportedExtension)\n  inlineImport?: boolean\n}\n\nconst matchInlineCssModules =\n  /(?:const|var|let)\\s*(\\w+)(?:\\s*:.*)?\\s*=\\s*(\\w+)\\s*`([\\s\\S]*?)`/gm\n\nexport const css = (_: TemplateStringsArray): Record<string, string> => ({})\n\nconst virtualModuleId = 'virtual:inline-css-modules'\nconst webpackModuleId = 'inline-css-modules/virtual'\nconst resolvedVirtualModuleId = '\\0' + virtualModuleId\nconst resolvedWebpackModuleId = '\\0inline-css-modules/virtual'\n\nlet cssModules: Record<string, string> = {}\n\nconst getCacheDir = () =>\n  join(process.cwd(), 'node_modules', '.cache', 'inline-css-modules')\nconst getCachePath = (hash: string) => join(getCacheDir(), `${hash}.css`)\n\nfunction ensureCacheDir() {\n  const dir = getCacheDir()\n  if (!existsSync(dir)) {\n    mkdirSync(dir, { recursive: true })\n  }\n}\n\nfunction hashCss(css: string): string {\n  return createHash('md5').update(css).digest('hex')\n}\n\nfunction readFromCache(hash: string): string | null {\n  const path = getCachePath(hash)\n  if (existsSync(path)) {\n    return readFileSync(path, 'utf-8')\n  }\n  return null\n}\n\nfunction writeToCache(hash: string, css: string): void {\n  ensureCacheDir()\n  writeFileSync(getCachePath(hash), css)\n}\n\nexport const unpluginFactory: UnpluginFactory<PluginConfig | undefined> = (\n  config = {},\n  meta\n) => {\n  const fileMatch = config.fileMatch ?? /\\.(tsx|jsx|js|vue|svelte)$/\n  const tagName = config.tagName ?? 'css'\n  const preprocessor = config.extension ?? 'css'\n  const isWebpack =\n    meta?.framework === 'webpack' || meta?.framework === 'rspack'\n  const moduleId = isWebpack ? webpackModuleId : virtualModuleId\n  const resolvedId = isWebpack\n    ? resolvedWebpackModuleId\n    : resolvedVirtualModuleId\n\n  return {\n    name: 'inline-css-modules',\n    enforce: 'pre',\n    resolveId(id) {\n      if (id === moduleId || id.startsWith(moduleId + '/')) {\n        return resolvedId + id.slice(moduleId.length)\n      }\n      if (id === virtualModuleId || id.startsWith(virtualModuleId + '/')) {\n        return resolvedVirtualModuleId + id.slice(virtualModuleId.length)\n      }\n      if (id === webpackModuleId || id.startsWith(webpackModuleId + '/')) {\n        return resolvedWebpackModuleId + id.slice(webpackModuleId.length)\n      }\n      return undefined\n    },\n    loadInclude(id) {\n      return (\n        id.startsWith(resolvedVirtualModuleId) ||\n        id.startsWith(resolvedWebpackModuleId)\n      )\n    },\n    load(id) {\n      if (\n        !id.startsWith(resolvedVirtualModuleId + '/') &&\n        !id.startsWith(resolvedWebpackModuleId + '/')\n      )\n        return undefined\n\n      const prefix = id.startsWith(resolvedVirtualModuleId + '/')\n        ? resolvedVirtualModuleId + '/'\n        : resolvedWebpackModuleId + '/'\n      const file = id.slice(prefix.length).replace(/\\?used$/, '')\n      const css = cssModules[file]\n\n      if (!css) {\n        if (isWebpack) {\n          const hash = file.replace(/\\.module\\.\\w+$/, '')\n          const cached = readFromCache(hash)\n          if (cached) {\n            return {\n              code: cached,\n              map: null,\n            }\n          }\n        }\n        return undefined\n      }\n      return {\n        code: css,\n        map: null,\n      }\n    },\n    transform: {\n      filter: {\n        id: fileMatch,\n      },\n      handler(src, id) {\n        // Build up a list of import statements to inject to the top of the file\n        let imports: string[] = []\n\n        src = src.replace(\n          /import\\s*{\\s*(?:css|inlineCss)\\s*(?:as\\s*\\w+\\s*)?}\\s*from\\s*('|\"|`)unplugin-inline-css-modules\\1;?/gm,\n          ''\n        )\n\n        src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {\n          const [variableName, tag, css] = args\n\n          if (tag !== tagName) return substring\n\n          let baseFilename = id.slice(id.lastIndexOf('/') + 1)\n          baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf('.'))\n          let cnt = 0\n          const ext =\n            typeof preprocessor == 'function'\n              ? preprocessor(baseFilename)\n              : preprocessor\n          let filename = `${baseFilename}-${cnt}.module.${ext}`\n          while (cssModules[filename]) {\n            cnt++\n            filename = `${baseFilename}-${cnt}.module.${ext}`\n          }\n          cssModules[filename] = css\n\n          let importStatement\n\n          if (isWebpack) {\n            const hash = hashCss(css)\n            writeToCache(hash, css)\n            importStatement = `import ${variableName} from \"${moduleId}/${hash}.module.${ext}\"`\n          }\n          importStatement = `import ${variableName} from \"${moduleId}/${filename}\"`\n\n          if (config.inlineImport === false) {\n            imports.push(importStatement)\n            return ''\n          }\n          return importStatement\n        })\n        if (imports.length) {\n          return imports.join('\\n') + '\\n' + src\n        }\n        return {\n          code: src,\n          map: null,\n        }\n      },\n    },\n  }\n}\n\nexport const unplugin = createUnplugin(unpluginFactory)\n\nexport default unplugin\n"],"mappings":"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","names":["import_unplugin","css"]}
+{"version":3,"sources":["../src/rspack.ts","../src/index.ts"],"sourcesContent":["import { createRspackPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createRspackPlugin(unpluginFactory)\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n","import type { UnpluginFactory } from 'unplugin'\nimport { createUnplugin } from 'unplugin'\nimport { createHash } from 'crypto'\nimport { mkdirSync, writeFileSync, existsSync } from 'fs'\nimport { join } from 'path'\nimport MagicString from 'magic-string'\n\ntype SupportedExtension = 'css' | 'scss' | 'sass' | 'styl' | 'less'\n\nexport type PluginConfig = {\n  fileMatch?: RegExp\n  tagName?: string\n  extension?: SupportedExtension\n  inlineImport?: boolean\n  moduleStrategy?: 'virtual' | 'filesystem'\n}\n\nconst matchInlineCssModules =\n  /(?:const|var|let)\\s*(\\w+)(?:\\s*:.*)?\\s*=\\s*(\\w+)\\s*`([\\s\\S]*?)`/gm\n\nexport const css = (_: TemplateStringsArray): Record<string, string> => ({})\n\nconst virtualModuleId = 'virtual:inline-css-modules'\nconst webpackModuleId = 'inline-css-modules/virtual'\nconst resolvedVirtualModuleId = '\\0' + virtualModuleId\nconst resolvedWebpackModuleId = '\\0inline-css-modules/virtual'\n\nlet cssModules: Record<string, string> = {}\n\nconst getCacheDir = () =>\n  join(process.cwd(), 'node_modules', '.cache', 'inline-css-modules')\nconst getCachePath = (hash: string) => join(getCacheDir(), `${hash}.module.css`)\n\nfunction ensureCacheDir() {\n  const dir = getCacheDir()\n  if (!existsSync(dir)) {\n    mkdirSync(dir, { recursive: true })\n  }\n}\n\nfunction hashCss(css: string): string {\n  return createHash('md5').update(css).digest('hex')\n}\n\nfunction writeToCache(hash: string, css: string): void {\n  ensureCacheDir()\n  writeFileSync(getCachePath(hash), css)\n}\n\nexport const unpluginFactory: UnpluginFactory<PluginConfig | undefined> = (\n  config = {},\n  meta\n) => {\n  const fileMatch = config.fileMatch ?? /\\.(tsx|jsx|js|vue|svelte)$/\n  const tagName = config.tagName ?? 'css'\n  const preprocessor = config.extension ?? 'css'\n  const useFilesystem = config.moduleStrategy === 'filesystem'\n  const moduleId = useFilesystem ? webpackModuleId : virtualModuleId\n  const resolvedId = useFilesystem\n    ? resolvedWebpackModuleId\n    : resolvedVirtualModuleId\n\n  return {\n    name: 'inline-css-modules',\n    enforce: 'pre',\n    resolveId(id) {\n      if (id === moduleId || id.startsWith(moduleId + '/')) {\n        return resolvedId + id.slice(moduleId.length)\n      }\n      return undefined\n    },\n    loadInclude(id) {\n      return id.startsWith(resolvedId)\n    },\n    load(id) {\n      if (!id.startsWith(resolvedId + '/')) return undefined\n\n      const file = id.slice(resolvedId.length + 1).replace(/\\?used$/, '')\n      const css = cssModules[file]\n\n      if (!css) return undefined\n\n      return {\n        code: css,\n        map: null,\n      }\n    },\n    transform: {\n      filter: {\n        id: fileMatch,\n      },\n      handler(src, id) {\n        const s = new MagicString(src)\n        const imports: string[] = []\n        let hasChanges = false\n\n        let match: RegExpExecArray | null\n        const importRegex =\n          /import\\s*{\\s*(?:css|inlineCss)\\s*(?:as\\s*\\w+\\s*)?}\\s*from\\s*('|\"|`)unplugin-inline-css-modules\\1;?/gm\n        while ((match = importRegex.exec(src)) !== null) {\n          s.remove(match.index, match.index + match[0].length)\n          hasChanges = true\n        }\n\n        matchInlineCssModules.lastIndex = 0\n        while ((match = matchInlineCssModules.exec(src)) !== null) {\n          const [fullMatch, variableName, tag, css] = match\n          if (tag !== tagName) continue\n\n          const hash = hashCss(css)\n          const filename = `${hash}.module.${preprocessor}`\n          cssModules[filename] = css\n\n          let importStatement: string\n          if (useFilesystem) {\n            writeToCache(hash, css)\n            importStatement = `import ${variableName} from \"${getCachePath(hash)}\"`\n          } else {\n            importStatement = `import ${variableName} from \"${moduleId}/${filename}\"`\n          }\n\n          if (config.inlineImport === false) {\n            imports.push(importStatement)\n            s.overwrite(match.index, match.index + fullMatch.length, '')\n          } else {\n            s.overwrite(\n              match.index,\n              match.index + fullMatch.length,\n              importStatement\n            )\n          }\n          hasChanges = true\n        }\n\n        if (imports.length) {\n          s.prepend(imports.join('\\n') + '\\n')\n        }\n\n        if (!hasChanges) {\n          return null\n        }\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ source: id, includeContent: true }),\n        }\n      },\n    },\n  }\n}\n\nexport const unplugin = createUnplugin(unpluginFactory)\n\nexport default unplugin\n"],"mappings":"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","names":["import_unplugin","css","MagicString"]}

package/dist/rspack.mjs

@@ -4,8 +4,9 @@ import { createRspackPlugin } from "unplugin";
 // src/index.ts
 import { createUnplugin } from "unplugin";
 import { createHash } from "crypto";
-import { mkdirSync, readFileSync, writeFileSync, existsSync } from "fs";
+import { mkdirSync, writeFileSync, existsSync } from "fs";
 import { join } from "path";
+import MagicString from "magic-string";
 var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
 var css = (_) => ({});
 var virtualModuleId = "virtual:inline-css-modules";
@@ -14,7 +15,7 @@ var resolvedVirtualModuleId = "\0" + virtualModuleId;
 var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
 var cssModules = {};
 var getCacheDir = () => join(process.cwd(), "node_modules", ".cache", "inline-css-modules");
-var getCachePath = (hash) => join(getCacheDir(), `${hash}.css`);
+var getCachePath = (hash) => join(getCacheDir(), `${hash}.module.css`);
 function ensureCacheDir() {
   const dir = getCacheDir();
   if (!existsSync(dir)) {
@@ -24,13 +25,6 @@ function ensureCacheDir() {
 function hashCss(css2) {
   return createHash("md5").update(css2).digest("hex");
 }
-function readFromCache(hash) {
-  const path = getCachePath(hash);
-  if (existsSync(path)) {
-    return readFileSync(path, "utf-8");
-  }
-  return null;
-}
 function writeToCache(hash, css2) {
   ensureCacheDir();
   writeFileSync(getCachePath(hash), css2);
@@ -39,9 +33,9 @@ var unpluginFactory = (config = {}, meta) => {
   const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
   const tagName = config.tagName ?? "css";
   const preprocessor = config.extension ?? "css";
-  const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
-  const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
-  const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
+  const useFilesystem = config.moduleStrategy === "filesystem";
+  const moduleId = useFilesystem ? webpackModuleId : virtualModuleId;
+  const resolvedId = useFilesystem ? resolvedWebpackModuleId : resolvedVirtualModuleId;
   return {
     name: "inline-css-modules",
     enforce: "pre",
@@ -49,36 +43,16 @@ var unpluginFactory = (config = {}, meta) => {
       if (id === moduleId || id.startsWith(moduleId + "/")) {
         return resolvedId + id.slice(moduleId.length);
       }
-      if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
-        return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
-      }
-      if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
-        return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
-      }
       return void 0;
     },
     loadInclude(id) {
-      return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
+      return id.startsWith(resolvedId);
     },
     load(id) {
-      if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
-        return void 0;
-      const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
-      const file = id.slice(prefix.length).replace(/\?used$/, "");
+      if (!id.startsWith(resolvedId + "/")) return void 0;
+      const file = id.slice(resolvedId.length + 1).replace(/\?used$/, "");
       const css2 = cssModules[file];
-      if (!css2) {
-        if (isWebpack) {
-          const hash = file.replace(/\.module\.\w+$/, "");
-          const cached = readFromCache(hash);
-          if (cached) {
-            return {
-              code: cached,
-              map: null
-            };
-          }
-        }
-        return void 0;
-      }
+      if (!css2) return void 0;
       return {
         code: css2,
         map: null
@@ -89,43 +63,50 @@ var unpluginFactory = (config = {}, meta) => {
         id: fileMatch
       },
       handler(src, id) {
-        let imports = [];
-        src = src.replace(
-          /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
-          ""
-        );
-        src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
-          const [variableName, tag, css2] = args;
-          if (tag !== tagName) return substring;
-          let baseFilename = id.slice(id.lastIndexOf("/") + 1);
-          baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
-          let cnt = 0;
-          const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
-          let filename = `${baseFilename}-${cnt}.module.${ext}`;
-          while (cssModules[filename]) {
-            cnt++;
-            filename = `${baseFilename}-${cnt}.module.${ext}`;
-          }
+        const s = new MagicString(src);
+        const imports = [];
+        let hasChanges = false;
+        let match;
+        const importRegex = /import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm;
+        while ((match = importRegex.exec(src)) !== null) {
+          s.remove(match.index, match.index + match[0].length);
+          hasChanges = true;
+        }
+        matchInlineCssModules.lastIndex = 0;
+        while ((match = matchInlineCssModules.exec(src)) !== null) {
+          const [fullMatch, variableName, tag, css2] = match;
+          if (tag !== tagName) continue;
+          const hash = hashCss(css2);
+          const filename = `${hash}.module.${preprocessor}`;
           cssModules[filename] = css2;
           let importStatement;
-          if (isWebpack) {
-            const hash = hashCss(css2);
+          if (useFilesystem) {
             writeToCache(hash, css2);
-            importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
+            importStatement = `import ${variableName} from "${getCachePath(hash)}"`;
+          } else {
+            importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           }
-          importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
           if (config.inlineImport === false) {
             imports.push(importStatement);
-            return "";
+            s.overwrite(match.index, match.index + fullMatch.length, "");
+          } else {
+            s.overwrite(
+              match.index,
+              match.index + fullMatch.length,
+              importStatement
+            );
           }
-          return importStatement;
-        });
+          hasChanges = true;
+        }
         if (imports.length) {
-          return imports.join("\n") + "\n" + src;
+          s.prepend(imports.join("\n") + "\n");
+        }
+        if (!hasChanges) {
+          return null;
         }
         return {
-          code: src,
-          map: null
+          code: s.toString(),
+          map: s.generateMap({ source: id, includeContent: true })
         };
       }
     }