npm - unplugin-inline-css-modules - Versions diffs - 0.1.1 → 0.1.3 - Mend

unplugin-inline-css-modules 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/astro.js CHANGED Viewed

@@ -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/astro.ts
@@ -30,6 +40,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";
@@ -38,7 +49,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)) {
@@ -48,13 +59,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);
@@ -63,9 +67,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",
@@ -73,36 +77,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
@@ -113,43 +97,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/astro.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/astro.ts","../src/index.ts"],"sourcesContent":["import type { PluginConfig } from './index'\nimport unplugin from './index'\nimport type { AstroIntegration } from 'astro'\n\nexport default function (options: PluginConfig = {}) {\n return <AstroIntegration>{\n name: 'unplugin-inline-css-modules',\n hooks: {\n 'astro:config:setup': async astro => {\n astro.updateConfig({\n vite: {\n plugins: [\n unplugin.vite({\n ...options,\n fileMatch:\n options.fileMatch ?? /\\.(tsx\|jsx\|js\|vue\|svelte\|astro)$/,\n }) as Plugin,\n ],\n },\n })\n },\n },\n }\n}\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)?}\\sfrom\\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":"~~;;;;;;;;;;;;;;;;;;;;~~AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,sBAA+B;AAC/B,oBAA2B;AAC3B,~~gBAAmE~~;~~AACnE~~,kBAAqB;~~AAWrB~~,IAAM,wBACJ;AAEK,IAAM,MAAM,CAAC,OAAqD,CAAC;AAE1E,IAAM,kBAAkB;AACxB,IAAM,kBAAkB;AACxB,IAAM,0BAA0B,OAAO;AACvC,IAAM,0BAA0B;AAEhC,IAAI,aAAqC,CAAC;AAE1C,IAAM,cAAc,UAClB,kBAAK,QAAQ,IAAI,GAAG,gBAAgB,UAAU,oBAAoB;AACpE,IAAM,eAAe,CAAC,aAAiB,kBAAK,YAAY,GAAG,GAAG,IAAI,~~MAAM~~;~~AAExE~~,SAAS,iBAAiB;AACxB,QAAM,MAAM,YAAY;AACxB,MAAI,KAAC,sBAAW,GAAG,GAAG;AACpB,6BAAU,KAAK,EAAE,WAAW,KAAK,CAAC;AAAA,EACpC;AACF;AAEA,SAAS,QAAQA,MAAqB;AACpC,aAAO,0BAAW,KAAK,EAAE,OAAOA,IAAG,EAAE,OAAO,KAAK;AACnD;AAEA,SAAS,~~cAAc,MAA6B;AAClD,QAAM,OAAO,~~aAAa,~~IAAI;AAC9B,UAAI,sBAAW,IAAI,GAAG;AACpB,eAAO,wBAAa,MAAM,OAAO;AAAA,EACnC;AACA,SAAO;AACT;AAEA,SAAS,aAAa,~~MAAcA,MAAmB;AACrD,iBAAe;AACf,+BAAc,aAAa,IAAI,GAAGA,IAAG;AACvC;AAEO,IAAM,kBAA6D,CACxE,SAAS,CAAC,GACV,SACG;AACH,QAAM,YAAY,OAAO,aAAa;AACtC,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,eAAe,OAAO,aAAa;AACzC,QAAM,~~YACJ~~,~~MAAM~~,~~cAAc,aAAa,MAAM,cAAc~~;~~AACvD~~,QAAM,WAAW,~~YAAY~~,kBAAkB;~~AAC/C~~,QAAM,aAAa,~~YACf~~,0BACA;AAEJ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU,IAAI;AACZ,UAAI,OAAO,YAAY,GAAG,WAAW,WAAW,GAAG,GAAG;AACpD,eAAO,aAAa,GAAG,MAAM,SAAS,MAAM;AAAA,MAC9C;AACA,~~UAAI,OAAO,mBAAmB,GAAG,WAAW,kBAAkB,GAAG,GAAG;AAClE,eAAO,0BAA0B,GAAG,MAAM,gBAAgB,MAAM;AAAA,MAClE;AACA,UAAI,OAAO,mBAAmB,GAAG,WAAW,kBAAkB,GAAG,GAAG;AAClE,eAAO,0BAA0B,GAAG,MAAM,gBAAgB,MAAM;AAAA,MAClE;AACA,~~aAAO;AAAA,IACT;AAAA,IACA,YAAY,IAAI;AACd,~~aACE~~,GAAG,WAAW,~~uBAAuB,KACrC,GAAG,WAAW,uBAAuB~~;AAAA,~~IAEzC~~;AAAA,IACA,KAAK,IAAI;AACP,~~UACE~~,CAAC,GAAG,WAAW,~~0BAA0B~~,GAAG,~~KAC5C~~,~~CAAC,GAAG,WAAW,0BAA0B,GAAG~~;~~AAE5C~~,~~eAAO;AAET,~~YAAM,~~SAAS,GAAG,WAAW,0BAA0B,GAAG,IACtD,0BAA0B,MAC1B,0BAA0B;AAC9B,YAAM,~~OAAO,GAAG,MAAM,~~OAAO~~,~~MAAM~~,EAAE,QAAQ,WAAW,EAAE;~~AAC1D~~,YAAMA,OAAM,WAAW,IAAI;AAE3B,UAAI,CAACA,~~MAAK;AACR,YAAI,WAAW;AACb,gBAAM,OAAO,~~KAAK,~~QAAQ,kBAAkB,EAAE~~;~~AAC9C~~,~~gBAAM,SAAS,cAAc,IAAI;AACjC,cAAI,QAAQ;AACV,mBAAO;AAAA,cACL,MAAM;AAAA,cACN,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AACA,~~aAAO;AAAA,QACL,MAAMA;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,IAAI;AAAA,MACN;AAAA,MACA,QAAQ,KAAK,IAAI;~~AAEf~~,~~YAAI,UAAoB,CAAC;AAEzB,~~cAAM,IAAI~~;AAAA~~,~~UACR;AAAA~~,~~UACA;AAAA~~,~~QACF~~;~~AAEA~~,cAAM,~~IAAI~~,~~WAAW,uBAAuB,~~CAAC,~~cAAc~~,~~SAAS~~;~~AAClE~~,~~gBAAM~~,~~CAAC~~,~~cAAc~~,~~KAAKA~~,~~IAAG~~,~~IAAI;AAEjC~~,~~cAAI~~,~~QAAQ~~,~~QAAS~~,~~QAAO~~;~~AAE5B~~,~~cAAI~~,~~eAAe~~,~~GAAG~~,MAAM,~~GAAG~~,~~YAAY~~,~~GAAG~~,~~IAAI~~,~~CAAC~~;AACnD,~~yBAAe~~,~~aAAa~~,~~MAAM~~,~~GAAG~~,~~aAAa~~,~~YAAY~~,GAAG,~~CAAC;AAClE~~,~~cAAI,~~MAAM;~~AACV~~,gBAAM,~~MACJ~~,~~OAAO~~,~~gBAAgB~~,~~aACnB~~,~~aAAa~~,~~YAAY,IACzB~~;~~AACN~~,cAAI,~~WAAW~~,~~GAAG~~,~~YAAY~~,~~IAAI~~,~~GAAG~~,~~WAAW,GAAG~~;~~AACnD~~,~~iBAAO~~,WAAW,~~QAAQ,~~GAAG~~;AAC3B;AACA~~,~~uBAAW,GAAG,YAAY,~~IAAI,~~GAAG,~~WAAW,~~GAAG~~;~~AAAA~~,~~UACjD;AACA,~~qBAAW,QAAQ,IAAIA;AAEvB,cAAI;~~AAEJ~~,cAAI,~~WAAW~~;~~AACb~~,~~kBAAM,OAAO,QAAQA,IAAG;AACxB,~~yBAAa,MAAMA,IAAG;AACtB,8BAAkB,UAAU,YAAY,UAAU,~~QAAQ~~,IAAI,~~IAAI,WAAW,GAAG~~;AAAA,~~UAClF~~;~~AACA~~,~~4BAAkB~~,UAAU,YAAY,UAAU,QAAQ,IAAI,QAAQ;~~AAEtE~~,cAAI,OAAO,iBAAiB,OAAO;AACjC,oBAAQ,KAAK,eAAe;AAC5B,~~mBAAO~~;AAAA,~~UACT~~;~~AACA~~,~~iBAAO~~;AAAA,~~QACT~~,~~CAAC~~;~~AACD~~,YAAI,QAAQ,QAAQ;AAClB,~~iBAAO~~,QAAQ,KAAK,IAAI,IAAI,~~OAAO~~;AAAA,QACrC;~~AACA~~,eAAO;AAAA,UACL,MAAM;AAAA,~~UACN~~,KAAK;AAAA,~~QACP~~;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,eAAW,gCAAe,eAAe;AAEtD,IAAO,cAAQ;;;~~ADlLA~~,SAAR,cAAkB,UAAwB,CAAC,GAAG;AACnD,SAAyB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,MACL,sBAAsB,OAAM,UAAS;AACnC,cAAM,aAAa;AAAA,UACjB,MAAM;AAAA,YACJ,SAAS;AAAA,cACP,YAAS,KAAK;AAAA,gBACZ,GAAG;AAAA,gBACH,WACE,QAAQ,aAAa;AAAA,cACzB,CAAC;AAAA,YACH;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["css"]}
1	+ {"version":3,"sources":["../src/astro.ts","../src/index.ts"],"sourcesContent":["import type { PluginConfig } from './index'\nimport unplugin from './index'\nimport type { AstroIntegration } from 'astro'\n\nexport default function (options: PluginConfig = {}) {\n return <AstroIntegration>{\n name: 'unplugin-inline-css-modules',\n hooks: {\n 'astro:config:setup': async astro => {\n astro.updateConfig({\n vite: {\n plugins: [\n unplugin.vite({\n ...options,\n fileMatch:\n options.fileMatch ?? /\\.(tsx\|jsx\|js\|vue\|svelte\|astro)$/,\n }) as Plugin,\n ],\n },\n })\n },\n },\n }\n}\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)?}\\sfrom\\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","MagicString"]}

package/dist/astro.mjs CHANGED Viewed

@@ -1,8 +1,9 @@
 // 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";
@@ -11,7 +12,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)) {
@@ -21,13 +22,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);
@@ -36,9 +30,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",
@@ -46,36 +40,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
@@ -86,43 +60,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/astro.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/astro.ts"],"sourcesContent":["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)?}\\sfrom\\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","import type { PluginConfig } from './index'\nimport unplugin from './index'\nimport type { AstroIntegration } from 'astro'\n\nexport default function (options: PluginConfig = {}) {\n return <AstroIntegration>{\n name: 'unplugin-inline-css-modules',\n hooks: {\n 'astro:config:setup': async astro => {\n astro.updateConfig({\n vite: {\n plugins: [\n unplugin.vite({\n ...options,\n fileMatch:\n options.fileMatch ?? /\\.(tsx\|jsx\|js\|vue\|svelte\|astro)$/,\n }) as Plugin,\n ],\n },\n })\n },\n },\n }\n}\n\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n"],"mappings":";AACA,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,WAAW,~~cAAc,~~eAAe,kBAAkB;~~AACnE~~,SAAS,YAAY;~~AAWrB~~,IAAM,wBACJ;AAEK,IAAM,MAAM,CAAC,OAAqD,CAAC;AAE1E,IAAM,kBAAkB;AACxB,IAAM,kBAAkB;AACxB,IAAM,0BAA0B,OAAO;AACvC,IAAM,0BAA0B;AAEhC,IAAI,aAAqC,CAAC;AAE1C,IAAM,cAAc,MAClB,KAAK,QAAQ,IAAI,GAAG,gBAAgB,UAAU,oBAAoB;AACpE,IAAM,eAAe,CAAC,SAAiB,KAAK,YAAY,GAAG,GAAG,IAAI,~~MAAM~~;~~AAExE~~,SAAS,iBAAiB;AACxB,QAAM,MAAM,YAAY;AACxB,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,cAAU,KAAK,EAAE,WAAW,KAAK,CAAC;AAAA,EACpC;AACF;AAEA,SAAS,QAAQA,MAAqB;AACpC,SAAO,WAAW,KAAK,EAAE,OAAOA,IAAG,EAAE,OAAO,KAAK;AACnD;AAEA,SAAS,~~cAAc,MAA6B;AAClD,QAAM,OAAO,~~aAAa,~~IAAI;AAC9B,MAAI,WAAW,IAAI,GAAG;AACpB,WAAO,aAAa,MAAM,OAAO;AAAA,EACnC;AACA,SAAO;AACT;AAEA,SAAS,aAAa,~~MAAcA,MAAmB;AACrD,iBAAe;AACf,gBAAc,aAAa,IAAI,GAAGA,IAAG;AACvC;AAEO,IAAM,kBAA6D,CACxE,SAAS,CAAC,GACV,SACG;AACH,QAAM,YAAY,OAAO,aAAa;AACtC,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,eAAe,OAAO,aAAa;AACzC,QAAM,~~YACJ~~,~~MAAM~~,~~cAAc,aAAa,MAAM,cAAc~~;~~AACvD~~,QAAM,WAAW,~~YAAY~~,kBAAkB;~~AAC/C~~,QAAM,aAAa,~~YACf~~,0BACA;AAEJ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU,IAAI;AACZ,UAAI,OAAO,YAAY,GAAG,WAAW,WAAW,GAAG,GAAG;AACpD,eAAO,aAAa,GAAG,MAAM,SAAS,MAAM;AAAA,MAC9C;AACA,~~UAAI,OAAO,mBAAmB,GAAG,WAAW,kBAAkB,GAAG,GAAG;AAClE,eAAO,0BAA0B,GAAG,MAAM,gBAAgB,MAAM;AAAA,MAClE;AACA,UAAI,OAAO,mBAAmB,GAAG,WAAW,kBAAkB,GAAG,GAAG;AAClE,eAAO,0BAA0B,GAAG,MAAM,gBAAgB,MAAM;AAAA,MAClE;AACA,~~aAAO;AAAA,IACT;AAAA,IACA,YAAY,IAAI;AACd,~~aACE~~,GAAG,WAAW,~~uBAAuB,KACrC,GAAG,WAAW,uBAAuB~~;AAAA,~~IAEzC~~;AAAA,IACA,KAAK,IAAI;AACP,~~UACE~~,CAAC,GAAG,WAAW,~~0BAA0B~~,GAAG,~~KAC5C~~,~~CAAC,GAAG,WAAW,0BAA0B,GAAG~~;~~AAE5C~~,~~eAAO;AAET,~~YAAM,~~SAAS,GAAG,WAAW,0BAA0B,GAAG,IACtD,0BAA0B,MAC1B,0BAA0B;AAC9B,YAAM,~~OAAO,GAAG,MAAM,~~OAAO~~,~~MAAM~~,EAAE,QAAQ,WAAW,EAAE;~~AAC1D~~,YAAMA,OAAM,WAAW,IAAI;AAE3B,UAAI,CAACA,~~MAAK;AACR,YAAI,WAAW;AACb,gBAAM,OAAO,~~KAAK,~~QAAQ,kBAAkB,EAAE~~;~~AAC9C~~,~~gBAAM,SAAS,cAAc,IAAI;AACjC,cAAI,QAAQ;AACV,mBAAO;AAAA,cACL,MAAM;AAAA,cACN,KAAK;AAAA,YACP;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AACA,~~aAAO;AAAA,QACL,MAAMA;AAAA,QACN,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,IAAI;AAAA,MACN;AAAA,MACA,QAAQ,KAAK,IAAI;~~AAEf~~,~~YAAI,UAAoB,CAAC;AAEzB,~~cAAM,IAAI~~;AAAA~~,~~UACR;AAAA~~,~~UACA;AAAA~~,~~QACF~~;~~AAEA~~,cAAM,~~IAAI~~,~~WAAW,uBAAuB,~~CAAC,~~cAAc~~,~~SAAS~~;~~AAClE~~,~~gBAAM~~,~~CAAC~~,~~cAAc~~,~~KAAKA~~,~~IAAG~~,~~IAAI;AAEjC~~,~~cAAI~~,~~QAAQ~~,~~QAAS~~,~~QAAO~~;~~AAE5B~~,~~cAAI~~,~~eAAe~~,~~GAAG~~,MAAM,~~GAAG~~,~~YAAY~~,~~GAAG~~,~~IAAI~~,~~CAAC~~;AACnD,~~yBAAe~~,~~aAAa~~,~~MAAM~~,~~GAAG~~,~~aAAa~~,~~YAAY~~,GAAG,~~CAAC;AAClE~~,~~cAAI,~~MAAM;~~AACV~~,gBAAM,~~MACJ~~,~~OAAO~~,~~gBAAgB~~,~~aACnB~~,~~aAAa~~,~~YAAY,IACzB~~;~~AACN~~,cAAI,~~WAAW~~,~~GAAG~~,~~YAAY~~,~~IAAI~~,~~GAAG~~,~~WAAW,GAAG~~;~~AACnD~~,~~iBAAO~~,WAAW,~~QAAQ,~~GAAG~~;AAC3B;AACA~~,~~uBAAW,GAAG,YAAY,~~IAAI,~~GAAG,~~WAAW,~~GAAG~~;~~AAAA~~,~~UACjD;AACA,~~qBAAW,QAAQ,IAAIA;AAEvB,cAAI;~~AAEJ~~,cAAI,~~WAAW~~;~~AACb~~,~~kBAAM,OAAO,QAAQA,IAAG;AACxB,~~yBAAa,MAAMA,IAAG;AACtB,8BAAkB,UAAU,YAAY,UAAU,~~QAAQ~~,IAAI,~~IAAI,WAAW,GAAG~~;AAAA,~~UAClF~~;~~AACA~~,~~4BAAkB~~,UAAU,YAAY,UAAU,QAAQ,IAAI,QAAQ;~~AAEtE~~,cAAI,OAAO,iBAAiB,OAAO;AACjC,oBAAQ,KAAK,eAAe;AAC5B,~~mBAAO~~;AAAA,~~UACT~~;~~AACA~~,~~iBAAO~~;AAAA,~~QACT~~,~~CAAC~~;~~AACD~~,YAAI,QAAQ,QAAQ;AAClB,~~iBAAO~~,QAAQ,KAAK,IAAI,IAAI,~~OAAO~~;AAAA,QACrC;~~AACA~~,eAAO;AAAA,UACL,MAAM;AAAA,~~UACN~~,KAAK;AAAA,~~QACP~~;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,IAAM,WAAW,eAAe,eAAe;AAEtD,IAAO,cAAQ;;;~~AClLA~~,SAAR,cAAkB,UAAwB,CAAC,GAAG;AACnD,SAAyB;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,MACL,sBAAsB,OAAM,UAAS;AACnC,cAAM,aAAa;AAAA,UACjB,MAAM;AAAA,YACJ,SAAS;AAAA,cACP,YAAS,KAAK;AAAA,gBACZ,GAAG;AAAA,gBACH,WACE,QAAQ,aAAa;AAAA,cACzB,CAAC;AAAA,YACH;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["css"]}
1	+ {"version":3,"sources":["../src/index.ts","../src/astro.ts"],"sourcesContent":["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)?}\\sfrom\\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","import type { PluginConfig } from './index'\nimport unplugin from './index'\nimport type { AstroIntegration } from 'astro'\n\nexport default function (options: PluginConfig = {}) {\n return <AstroIntegration>{\n name: 'unplugin-inline-css-modules',\n hooks: {\n 'astro:config:setup': async astro => {\n astro.updateConfig({\n vite: {\n plugins: [\n unplugin.vite({\n ...options,\n fileMatch:\n options.fileMatch ?? /\\.(tsx\|jsx\|js\|vue\|svelte\|astro)$/,\n }) as Plugin,\n ],\n },\n })\n },\n },\n }\n}\n\nexport { css } from './index'\nexport type { PluginConfig } from './index'\n"],"mappings":"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","names":["css"]}