unplugin-inline-css-modules 0.1.0
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.
- package/LICENSE +21 -0
- package/README.md +408 -0
- package/dist/astro.d.mts +8 -0
- package/dist/astro.d.ts +8 -0
- package/dist/astro.js +185 -0
- package/dist/astro.js.map +1 -0
- package/dist/astro.mjs +158 -0
- package/dist/astro.mjs.map +1 -0
- package/dist/bun.d.mts +7 -0
- package/dist/bun.d.ts +7 -0
- package/dist/bun.js +167 -0
- package/dist/bun.js.map +1 -0
- package/dist/bun.mjs +142 -0
- package/dist/bun.mjs.map +1 -0
- package/dist/esbuild.d.mts +7 -0
- package/dist/esbuild.d.ts +7 -0
- package/dist/esbuild.js +167 -0
- package/dist/esbuild.js.map +1 -0
- package/dist/esbuild.mjs +142 -0
- package/dist/esbuild.mjs.map +1 -0
- package/dist/farm.d.mts +6 -0
- package/dist/farm.d.ts +6 -0
- package/dist/farm.js +167 -0
- package/dist/farm.js.map +1 -0
- package/dist/farm.mjs +142 -0
- package/dist/farm.mjs.map +1 -0
- package/dist/index.d.mts +15 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +166 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +139 -0
- package/dist/index.mjs.map +1 -0
- package/dist/loader.cjs +6 -0
- package/dist/next.d.mts +9 -0
- package/dist/next.d.ts +9 -0
- package/dist/next.js +193 -0
- package/dist/next.js.map +1 -0
- package/dist/next.mjs +167 -0
- package/dist/next.mjs.map +1 -0
- package/dist/nuxt.d.mts +7 -0
- package/dist/nuxt.d.ts +7 -0
- package/dist/nuxt.js +169 -0
- package/dist/nuxt.js.map +1 -0
- package/dist/nuxt.mjs +144 -0
- package/dist/nuxt.mjs.map +1 -0
- package/dist/rolldown.d.mts +8 -0
- package/dist/rolldown.d.ts +8 -0
- package/dist/rolldown.js +167 -0
- package/dist/rolldown.js.map +1 -0
- package/dist/rolldown.mjs +142 -0
- package/dist/rolldown.mjs.map +1 -0
- package/dist/rollup.d.mts +8 -0
- package/dist/rollup.d.ts +8 -0
- package/dist/rollup.js +167 -0
- package/dist/rollup.js.map +1 -0
- package/dist/rollup.mjs +142 -0
- package/dist/rollup.mjs.map +1 -0
- package/dist/rspack.d.mts +7 -0
- package/dist/rspack.d.ts +7 -0
- package/dist/rspack.js +167 -0
- package/dist/rspack.js.map +1 -0
- package/dist/rspack.mjs +142 -0
- package/dist/rspack.mjs.map +1 -0
- package/dist/vite.d.mts +8 -0
- package/dist/vite.d.ts +8 -0
- package/dist/vite.js +167 -0
- package/dist/vite.js.map +1 -0
- package/dist/vite.mjs +142 -0
- package/dist/vite.mjs.map +1 -0
- package/dist/webpack.d.mts +7 -0
- package/dist/webpack.d.ts +7 -0
- package/dist/webpack.js +167 -0
- package/dist/webpack.js.map +1 -0
- package/dist/webpack.mjs +142 -0
- package/dist/webpack.mjs.map +1 -0
- package/package.json +197 -0
package/dist/astro.mjs
ADDED
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
// src/index.ts
|
|
2
|
+
import { createUnplugin } from "unplugin";
|
|
3
|
+
import { createHash } from "crypto";
|
|
4
|
+
import { mkdirSync, readFileSync, writeFileSync, existsSync } from "fs";
|
|
5
|
+
import { join } from "path";
|
|
6
|
+
var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
|
|
7
|
+
var css = (_) => ({});
|
|
8
|
+
var virtualModuleId = "virtual:inline-css-modules";
|
|
9
|
+
var webpackModuleId = "inline-css-modules/virtual";
|
|
10
|
+
var resolvedVirtualModuleId = "\0" + virtualModuleId;
|
|
11
|
+
var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
|
|
12
|
+
var cssModules = {};
|
|
13
|
+
var getCacheDir = () => join(process.cwd(), "node_modules", ".cache", "inline-css-modules");
|
|
14
|
+
var getCachePath = (hash) => join(getCacheDir(), `${hash}.css`);
|
|
15
|
+
function ensureCacheDir() {
|
|
16
|
+
const dir = getCacheDir();
|
|
17
|
+
if (!existsSync(dir)) {
|
|
18
|
+
mkdirSync(dir, { recursive: true });
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function hashCss(css2) {
|
|
22
|
+
return createHash("md5").update(css2).digest("hex");
|
|
23
|
+
}
|
|
24
|
+
function readFromCache(hash) {
|
|
25
|
+
const path = getCachePath(hash);
|
|
26
|
+
if (existsSync(path)) {
|
|
27
|
+
return readFileSync(path, "utf-8");
|
|
28
|
+
}
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
function writeToCache(hash, css2) {
|
|
32
|
+
ensureCacheDir();
|
|
33
|
+
writeFileSync(getCachePath(hash), css2);
|
|
34
|
+
}
|
|
35
|
+
var unpluginFactory = (config = {}, meta) => {
|
|
36
|
+
const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
|
|
37
|
+
const tagName = config.tagName ?? "css";
|
|
38
|
+
const preprocessor = config.extension ?? "css";
|
|
39
|
+
const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
|
|
40
|
+
const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
|
|
41
|
+
const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
|
|
42
|
+
return {
|
|
43
|
+
name: "inline-css-modules",
|
|
44
|
+
enforce: "pre",
|
|
45
|
+
resolveId(id) {
|
|
46
|
+
if (id === moduleId || id.startsWith(moduleId + "/")) {
|
|
47
|
+
return resolvedId + id.slice(moduleId.length);
|
|
48
|
+
}
|
|
49
|
+
if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
|
|
50
|
+
return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
|
|
51
|
+
}
|
|
52
|
+
if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
|
|
53
|
+
return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
|
|
54
|
+
}
|
|
55
|
+
return void 0;
|
|
56
|
+
},
|
|
57
|
+
loadInclude(id) {
|
|
58
|
+
return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
|
|
59
|
+
},
|
|
60
|
+
load(id) {
|
|
61
|
+
if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
|
|
62
|
+
return void 0;
|
|
63
|
+
const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
|
|
64
|
+
const file = id.slice(prefix.length).replace(/\?used$/, "");
|
|
65
|
+
const css2 = cssModules[file];
|
|
66
|
+
if (!css2) {
|
|
67
|
+
if (isWebpack) {
|
|
68
|
+
const hash = file.replace(/\.module\.\w+$/, "");
|
|
69
|
+
const cached = readFromCache(hash);
|
|
70
|
+
if (cached) {
|
|
71
|
+
return {
|
|
72
|
+
code: cached,
|
|
73
|
+
map: null
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
return void 0;
|
|
78
|
+
}
|
|
79
|
+
return {
|
|
80
|
+
code: css2,
|
|
81
|
+
map: null
|
|
82
|
+
};
|
|
83
|
+
},
|
|
84
|
+
transform: {
|
|
85
|
+
filter: {
|
|
86
|
+
id: fileMatch
|
|
87
|
+
},
|
|
88
|
+
handler(src, id) {
|
|
89
|
+
let imports = [];
|
|
90
|
+
src = src.replace(
|
|
91
|
+
/import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
|
|
92
|
+
""
|
|
93
|
+
);
|
|
94
|
+
src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
|
|
95
|
+
const [variableName, tag, css2] = args;
|
|
96
|
+
if (tag !== tagName) return substring;
|
|
97
|
+
let baseFilename = id.slice(id.lastIndexOf("/") + 1);
|
|
98
|
+
baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
|
|
99
|
+
let cnt = 0;
|
|
100
|
+
const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
|
|
101
|
+
let filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
102
|
+
while (cssModules[filename]) {
|
|
103
|
+
cnt++;
|
|
104
|
+
filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
105
|
+
}
|
|
106
|
+
cssModules[filename] = css2;
|
|
107
|
+
let importStatement;
|
|
108
|
+
if (isWebpack) {
|
|
109
|
+
const hash = hashCss(css2);
|
|
110
|
+
writeToCache(hash, css2);
|
|
111
|
+
importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
|
|
112
|
+
}
|
|
113
|
+
importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
|
|
114
|
+
if (config.inlineImport === false) {
|
|
115
|
+
imports.push(importStatement);
|
|
116
|
+
return "";
|
|
117
|
+
}
|
|
118
|
+
return importStatement;
|
|
119
|
+
});
|
|
120
|
+
if (imports.length) {
|
|
121
|
+
return imports.join("\n") + "\n" + src;
|
|
122
|
+
}
|
|
123
|
+
return {
|
|
124
|
+
code: src,
|
|
125
|
+
map: null
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
var unplugin = createUnplugin(unpluginFactory);
|
|
132
|
+
var src_default = unplugin;
|
|
133
|
+
|
|
134
|
+
// src/astro.ts
|
|
135
|
+
function astro_default(options = {}) {
|
|
136
|
+
return {
|
|
137
|
+
name: "unplugin-inline-css-modules",
|
|
138
|
+
hooks: {
|
|
139
|
+
"astro:config:setup": async (astro) => {
|
|
140
|
+
astro.updateConfig({
|
|
141
|
+
vite: {
|
|
142
|
+
plugins: [
|
|
143
|
+
src_default.vite({
|
|
144
|
+
...options,
|
|
145
|
+
fileMatch: options.fileMatch ?? /\.(tsx|jsx|js|vue|svelte|astro)$/
|
|
146
|
+
})
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
}
|
|
154
|
+
export {
|
|
155
|
+
css,
|
|
156
|
+
astro_default as default
|
|
157
|
+
};
|
|
158
|
+
//# sourceMappingURL=astro.mjs.map
|
|
@@ -0,0 +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*)?}\\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","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"]}
|
package/dist/bun.d.mts
ADDED
package/dist/bun.d.ts
ADDED
package/dist/bun.js
ADDED
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/bun.ts
|
|
21
|
+
var bun_exports = {};
|
|
22
|
+
__export(bun_exports, {
|
|
23
|
+
css: () => css,
|
|
24
|
+
default: () => bun_default
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(bun_exports);
|
|
27
|
+
var import_unplugin2 = require("unplugin");
|
|
28
|
+
|
|
29
|
+
// src/index.ts
|
|
30
|
+
var import_unplugin = require("unplugin");
|
|
31
|
+
var import_crypto = require("crypto");
|
|
32
|
+
var import_fs = require("fs");
|
|
33
|
+
var import_path = require("path");
|
|
34
|
+
var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
|
|
35
|
+
var css = (_) => ({});
|
|
36
|
+
var virtualModuleId = "virtual:inline-css-modules";
|
|
37
|
+
var webpackModuleId = "inline-css-modules/virtual";
|
|
38
|
+
var resolvedVirtualModuleId = "\0" + virtualModuleId;
|
|
39
|
+
var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
|
|
40
|
+
var cssModules = {};
|
|
41
|
+
var getCacheDir = () => (0, import_path.join)(process.cwd(), "node_modules", ".cache", "inline-css-modules");
|
|
42
|
+
var getCachePath = (hash) => (0, import_path.join)(getCacheDir(), `${hash}.css`);
|
|
43
|
+
function ensureCacheDir() {
|
|
44
|
+
const dir = getCacheDir();
|
|
45
|
+
if (!(0, import_fs.existsSync)(dir)) {
|
|
46
|
+
(0, import_fs.mkdirSync)(dir, { recursive: true });
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
function hashCss(css2) {
|
|
50
|
+
return (0, import_crypto.createHash)("md5").update(css2).digest("hex");
|
|
51
|
+
}
|
|
52
|
+
function readFromCache(hash) {
|
|
53
|
+
const path = getCachePath(hash);
|
|
54
|
+
if ((0, import_fs.existsSync)(path)) {
|
|
55
|
+
return (0, import_fs.readFileSync)(path, "utf-8");
|
|
56
|
+
}
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
function writeToCache(hash, css2) {
|
|
60
|
+
ensureCacheDir();
|
|
61
|
+
(0, import_fs.writeFileSync)(getCachePath(hash), css2);
|
|
62
|
+
}
|
|
63
|
+
var unpluginFactory = (config = {}, meta) => {
|
|
64
|
+
const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
|
|
65
|
+
const tagName = config.tagName ?? "css";
|
|
66
|
+
const preprocessor = config.extension ?? "css";
|
|
67
|
+
const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
|
|
68
|
+
const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
|
|
69
|
+
const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
|
|
70
|
+
return {
|
|
71
|
+
name: "inline-css-modules",
|
|
72
|
+
enforce: "pre",
|
|
73
|
+
resolveId(id) {
|
|
74
|
+
if (id === moduleId || id.startsWith(moduleId + "/")) {
|
|
75
|
+
return resolvedId + id.slice(moduleId.length);
|
|
76
|
+
}
|
|
77
|
+
if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
|
|
78
|
+
return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
|
|
79
|
+
}
|
|
80
|
+
if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
|
|
81
|
+
return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
|
|
82
|
+
}
|
|
83
|
+
return void 0;
|
|
84
|
+
},
|
|
85
|
+
loadInclude(id) {
|
|
86
|
+
return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
|
|
87
|
+
},
|
|
88
|
+
load(id) {
|
|
89
|
+
if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
|
|
90
|
+
return void 0;
|
|
91
|
+
const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
|
|
92
|
+
const file = id.slice(prefix.length).replace(/\?used$/, "");
|
|
93
|
+
const css2 = cssModules[file];
|
|
94
|
+
if (!css2) {
|
|
95
|
+
if (isWebpack) {
|
|
96
|
+
const hash = file.replace(/\.module\.\w+$/, "");
|
|
97
|
+
const cached = readFromCache(hash);
|
|
98
|
+
if (cached) {
|
|
99
|
+
return {
|
|
100
|
+
code: cached,
|
|
101
|
+
map: null
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
return void 0;
|
|
106
|
+
}
|
|
107
|
+
return {
|
|
108
|
+
code: css2,
|
|
109
|
+
map: null
|
|
110
|
+
};
|
|
111
|
+
},
|
|
112
|
+
transform: {
|
|
113
|
+
filter: {
|
|
114
|
+
id: fileMatch
|
|
115
|
+
},
|
|
116
|
+
handler(src, id) {
|
|
117
|
+
let imports = [];
|
|
118
|
+
src = src.replace(
|
|
119
|
+
/import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
|
|
120
|
+
""
|
|
121
|
+
);
|
|
122
|
+
src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
|
|
123
|
+
const [variableName, tag, css2] = args;
|
|
124
|
+
if (tag !== tagName) return substring;
|
|
125
|
+
let baseFilename = id.slice(id.lastIndexOf("/") + 1);
|
|
126
|
+
baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
|
|
127
|
+
let cnt = 0;
|
|
128
|
+
const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
|
|
129
|
+
let filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
130
|
+
while (cssModules[filename]) {
|
|
131
|
+
cnt++;
|
|
132
|
+
filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
133
|
+
}
|
|
134
|
+
cssModules[filename] = css2;
|
|
135
|
+
let importStatement;
|
|
136
|
+
if (isWebpack) {
|
|
137
|
+
const hash = hashCss(css2);
|
|
138
|
+
writeToCache(hash, css2);
|
|
139
|
+
importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
|
|
140
|
+
}
|
|
141
|
+
importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
|
|
142
|
+
if (config.inlineImport === false) {
|
|
143
|
+
imports.push(importStatement);
|
|
144
|
+
return "";
|
|
145
|
+
}
|
|
146
|
+
return importStatement;
|
|
147
|
+
});
|
|
148
|
+
if (imports.length) {
|
|
149
|
+
return imports.join("\n") + "\n" + src;
|
|
150
|
+
}
|
|
151
|
+
return {
|
|
152
|
+
code: src,
|
|
153
|
+
map: null
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
var unplugin = (0, import_unplugin.createUnplugin)(unpluginFactory);
|
|
160
|
+
|
|
161
|
+
// src/bun.ts
|
|
162
|
+
var bun_default = (0, import_unplugin2.createBunPlugin)(unpluginFactory);
|
|
163
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
164
|
+
0 && (module.exports = {
|
|
165
|
+
css
|
|
166
|
+
});
|
|
167
|
+
//# sourceMappingURL=bun.js.map
|
package/dist/bun.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/bun.ts","../src/index.ts"],"sourcesContent":["import { createBunPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createBunPlugin(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"]}
|
package/dist/bun.mjs
ADDED
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
// src/bun.ts
|
|
2
|
+
import { createBunPlugin } from "unplugin";
|
|
3
|
+
|
|
4
|
+
// src/index.ts
|
|
5
|
+
import { createUnplugin } from "unplugin";
|
|
6
|
+
import { createHash } from "crypto";
|
|
7
|
+
import { mkdirSync, readFileSync, writeFileSync, existsSync } from "fs";
|
|
8
|
+
import { join } from "path";
|
|
9
|
+
var matchInlineCssModules = /(?:const|var|let)\s*(\w+)(?:\s*:.*)?\s*=\s*(\w+)\s*`([\s\S]*?)`/gm;
|
|
10
|
+
var css = (_) => ({});
|
|
11
|
+
var virtualModuleId = "virtual:inline-css-modules";
|
|
12
|
+
var webpackModuleId = "inline-css-modules/virtual";
|
|
13
|
+
var resolvedVirtualModuleId = "\0" + virtualModuleId;
|
|
14
|
+
var resolvedWebpackModuleId = "\0inline-css-modules/virtual";
|
|
15
|
+
var cssModules = {};
|
|
16
|
+
var getCacheDir = () => join(process.cwd(), "node_modules", ".cache", "inline-css-modules");
|
|
17
|
+
var getCachePath = (hash) => join(getCacheDir(), `${hash}.css`);
|
|
18
|
+
function ensureCacheDir() {
|
|
19
|
+
const dir = getCacheDir();
|
|
20
|
+
if (!existsSync(dir)) {
|
|
21
|
+
mkdirSync(dir, { recursive: true });
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function hashCss(css2) {
|
|
25
|
+
return createHash("md5").update(css2).digest("hex");
|
|
26
|
+
}
|
|
27
|
+
function readFromCache(hash) {
|
|
28
|
+
const path = getCachePath(hash);
|
|
29
|
+
if (existsSync(path)) {
|
|
30
|
+
return readFileSync(path, "utf-8");
|
|
31
|
+
}
|
|
32
|
+
return null;
|
|
33
|
+
}
|
|
34
|
+
function writeToCache(hash, css2) {
|
|
35
|
+
ensureCacheDir();
|
|
36
|
+
writeFileSync(getCachePath(hash), css2);
|
|
37
|
+
}
|
|
38
|
+
var unpluginFactory = (config = {}, meta) => {
|
|
39
|
+
const fileMatch = config.fileMatch ?? /\.(tsx|jsx|js|vue|svelte)$/;
|
|
40
|
+
const tagName = config.tagName ?? "css";
|
|
41
|
+
const preprocessor = config.extension ?? "css";
|
|
42
|
+
const isWebpack = meta?.framework === "webpack" || meta?.framework === "rspack";
|
|
43
|
+
const moduleId = isWebpack ? webpackModuleId : virtualModuleId;
|
|
44
|
+
const resolvedId = isWebpack ? resolvedWebpackModuleId : resolvedVirtualModuleId;
|
|
45
|
+
return {
|
|
46
|
+
name: "inline-css-modules",
|
|
47
|
+
enforce: "pre",
|
|
48
|
+
resolveId(id) {
|
|
49
|
+
if (id === moduleId || id.startsWith(moduleId + "/")) {
|
|
50
|
+
return resolvedId + id.slice(moduleId.length);
|
|
51
|
+
}
|
|
52
|
+
if (id === virtualModuleId || id.startsWith(virtualModuleId + "/")) {
|
|
53
|
+
return resolvedVirtualModuleId + id.slice(virtualModuleId.length);
|
|
54
|
+
}
|
|
55
|
+
if (id === webpackModuleId || id.startsWith(webpackModuleId + "/")) {
|
|
56
|
+
return resolvedWebpackModuleId + id.slice(webpackModuleId.length);
|
|
57
|
+
}
|
|
58
|
+
return void 0;
|
|
59
|
+
},
|
|
60
|
+
loadInclude(id) {
|
|
61
|
+
return id.startsWith(resolvedVirtualModuleId) || id.startsWith(resolvedWebpackModuleId);
|
|
62
|
+
},
|
|
63
|
+
load(id) {
|
|
64
|
+
if (!id.startsWith(resolvedVirtualModuleId + "/") && !id.startsWith(resolvedWebpackModuleId + "/"))
|
|
65
|
+
return void 0;
|
|
66
|
+
const prefix = id.startsWith(resolvedVirtualModuleId + "/") ? resolvedVirtualModuleId + "/" : resolvedWebpackModuleId + "/";
|
|
67
|
+
const file = id.slice(prefix.length).replace(/\?used$/, "");
|
|
68
|
+
const css2 = cssModules[file];
|
|
69
|
+
if (!css2) {
|
|
70
|
+
if (isWebpack) {
|
|
71
|
+
const hash = file.replace(/\.module\.\w+$/, "");
|
|
72
|
+
const cached = readFromCache(hash);
|
|
73
|
+
if (cached) {
|
|
74
|
+
return {
|
|
75
|
+
code: cached,
|
|
76
|
+
map: null
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
return void 0;
|
|
81
|
+
}
|
|
82
|
+
return {
|
|
83
|
+
code: css2,
|
|
84
|
+
map: null
|
|
85
|
+
};
|
|
86
|
+
},
|
|
87
|
+
transform: {
|
|
88
|
+
filter: {
|
|
89
|
+
id: fileMatch
|
|
90
|
+
},
|
|
91
|
+
handler(src, id) {
|
|
92
|
+
let imports = [];
|
|
93
|
+
src = src.replace(
|
|
94
|
+
/import\s*{\s*(?:css|inlineCss)\s*(?:as\s*\w+\s*)?}\s*from\s*('|"|`)unplugin-inline-css-modules\1;?/gm,
|
|
95
|
+
""
|
|
96
|
+
);
|
|
97
|
+
src = src.replaceAll(matchInlineCssModules, (substring, ...args) => {
|
|
98
|
+
const [variableName, tag, css2] = args;
|
|
99
|
+
if (tag !== tagName) return substring;
|
|
100
|
+
let baseFilename = id.slice(id.lastIndexOf("/") + 1);
|
|
101
|
+
baseFilename = baseFilename.slice(0, baseFilename.lastIndexOf("."));
|
|
102
|
+
let cnt = 0;
|
|
103
|
+
const ext = typeof preprocessor == "function" ? preprocessor(baseFilename) : preprocessor;
|
|
104
|
+
let filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
105
|
+
while (cssModules[filename]) {
|
|
106
|
+
cnt++;
|
|
107
|
+
filename = `${baseFilename}-${cnt}.module.${ext}`;
|
|
108
|
+
}
|
|
109
|
+
cssModules[filename] = css2;
|
|
110
|
+
let importStatement;
|
|
111
|
+
if (isWebpack) {
|
|
112
|
+
const hash = hashCss(css2);
|
|
113
|
+
writeToCache(hash, css2);
|
|
114
|
+
importStatement = `import ${variableName} from "${moduleId}/${hash}.module.${ext}"`;
|
|
115
|
+
}
|
|
116
|
+
importStatement = `import ${variableName} from "${moduleId}/${filename}"`;
|
|
117
|
+
if (config.inlineImport === false) {
|
|
118
|
+
imports.push(importStatement);
|
|
119
|
+
return "";
|
|
120
|
+
}
|
|
121
|
+
return importStatement;
|
|
122
|
+
});
|
|
123
|
+
if (imports.length) {
|
|
124
|
+
return imports.join("\n") + "\n" + src;
|
|
125
|
+
}
|
|
126
|
+
return {
|
|
127
|
+
code: src,
|
|
128
|
+
map: null
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
};
|
|
134
|
+
var unplugin = createUnplugin(unpluginFactory);
|
|
135
|
+
|
|
136
|
+
// src/bun.ts
|
|
137
|
+
var bun_default = createBunPlugin(unpluginFactory);
|
|
138
|
+
export {
|
|
139
|
+
css,
|
|
140
|
+
bun_default as default
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=bun.mjs.map
|
package/dist/bun.mjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/bun.ts","../src/index.ts"],"sourcesContent":["import { createBunPlugin } from 'unplugin'\nimport { unpluginFactory } from './index'\n\nexport default createBunPlugin(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":["css"]}
|