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