@wyw-in-js/vite 1.1.0 → 2.0.0-alpha.1

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 (8) hide show
  1. package/README.md +8 -0
  2. package/esm/index.mjs +636 -656
  3. package/esm/index.mjs.map +1 -1
  4. package/package.json +12 -13
  5. package/types/index.d.ts +1 -1
  6. package/types/index.js +112 -127
  7. package/lib/index.js +0 -695
  8. package/lib/index.js.map +0 -1
package/esm/index.mjs CHANGED
@@ -1,681 +1,661 @@
1
1
  /**
2
- * This file contains a Vite loader for wyw-in-js.
3
- * It uses the transform.ts function to generate class names from source code,
4
- * returns transformed code without template literals and attaches generated source maps
5
- */
6
-
7
- import { existsSync } from 'fs';
8
- import path from 'path';
9
- import { createFilter, loadEnv } from 'vite';
10
- import { asyncResolverFactory, logger, syncResolve } from '@wyw-in-js/shared';
11
- import * as transformPkg from '@wyw-in-js/transform';
12
- const {
13
- createTransformManifest,
14
- createFileReporter,
15
- getFileIdx,
16
- stringifyTransformManifest,
17
- transform,
18
- TransformCacheCollection
19
- } = transformPkg;
20
- const createMetadataManifest = (metadata, context) => typeof createTransformManifest === 'function' ? createTransformManifest(metadata, context) : {
21
- ...metadata,
22
- ...context,
23
- version: 1
2
+ * This file contains a Vite loader for wyw-in-js.
3
+ * It uses the transform.ts function to generate class names from source code,
4
+ * returns transformed code without template literals and attaches generated source maps
5
+ */
6
+ import { existsSync } from "fs";
7
+ import path from "path";
8
+ import { createFilter, loadEnv } from "vite";
9
+ import { asyncResolverFactory, logger, mergeOxcResolverAlias, syncResolve, toNativeResolverAlias } from "@wyw-in-js/shared";
10
+ import * as transformPkg from "@wyw-in-js/transform";
11
+ const { createTransformManifest, createFileReporter, disposeEvalBroker, getFileIdx, stringifyTransformManifest, transform, TransformCacheCollection } = transformPkg;
12
+ const createMetadataManifest = (metadata, context) => typeof createTransformManifest === "function" ? createTransformManifest(metadata, context) : {
13
+ ...metadata,
14
+ ...context,
15
+ version: 1
24
16
  };
25
- const stringifyMetadataManifest = manifest => typeof stringifyTransformManifest === 'function' ? stringifyTransformManifest(manifest) : `${JSON.stringify(manifest, null, 2)}\n`;
26
- const isWindowsAbsolutePath = value => /^[a-zA-Z]:[\\/]/.test(value);
27
- const normalizeToPosix = value => value.replace(/\\/g, path.posix.sep);
17
+ const stringifyMetadataManifest = (manifest) => typeof stringifyTransformManifest === "function" ? stringifyTransformManifest(manifest) : `${JSON.stringify(manifest, null, 2)}\n`;
18
+ const isWindowsAbsolutePath = (value) => /^[a-zA-Z]:[\\/]/.test(value);
19
+ const normalizeToPosix = (value) => value.replace(/\\/g, path.posix.sep);
28
20
  const isInside = (childPath, parentPath) => {
29
- const rel = path.relative(parentPath, childPath);
30
- return rel === '' || !rel.startsWith('..') && !path.isAbsolute(rel);
21
+ const rel = path.relative(parentPath, childPath);
22
+ return rel === "" || !rel.startsWith("..") && !path.isAbsolute(rel);
31
23
  };
32
- const isWywCssAssetName = value => value.endsWith('.wyw-in-js.css');
33
- const normalizeAssetRelativePath = value => {
34
- const normalized = path.posix.normalize(normalizeToPosix(value).replace(/^\/+/, ''));
35
- if (normalized.startsWith('..') || path.posix.isAbsolute(normalized)) {
36
- return null;
37
- }
38
- return normalized;
24
+ const isWywCssAssetName = (value) => value.endsWith(".wyw-in-js.css");
25
+ const normalizeAssetRelativePath = (value) => {
26
+ const normalized = path.posix.normalize(normalizeToPosix(value).replace(/^\/+/, ""));
27
+ if (normalized.startsWith("..") || path.posix.isAbsolute(normalized)) {
28
+ return null;
29
+ }
30
+ return normalized;
39
31
  };
40
- const stripExtension = value => {
41
- const ext = path.posix.extname(value);
42
- return ext ? value.slice(0, -ext.length) : value;
32
+ const stripExtension = (value) => {
33
+ const ext = path.posix.extname(value);
34
+ return ext ? value.slice(0, -ext.length) : value;
43
35
  };
44
36
  const getComparableAssetPaths = (value, rootDir) => {
45
- const variants = new Set();
46
- const normalized = normalizeToPosix(value);
47
- variants.add(normalized);
48
- if (path.isAbsolute(value) || isWindowsAbsolutePath(normalized)) {
49
- if (isInside(value, rootDir)) {
50
- const relativeToRoot = normalizeAssetRelativePath(path.relative(rootDir, value));
51
- if (relativeToRoot) {
52
- variants.add(relativeToRoot);
53
- }
54
- }
55
- return variants;
56
- }
57
- const relativePath = normalizeAssetRelativePath(value);
58
- if (relativePath) {
59
- variants.add(relativePath);
60
- }
61
- return variants;
37
+ const variants = new Set();
38
+ const normalized = normalizeToPosix(value);
39
+ variants.add(normalized);
40
+ if (path.isAbsolute(value) || isWindowsAbsolutePath(normalized)) {
41
+ if (isInside(value, rootDir)) {
42
+ const relativeToRoot = normalizeAssetRelativePath(path.relative(rootDir, value));
43
+ if (relativeToRoot) {
44
+ variants.add(relativeToRoot);
45
+ }
46
+ }
47
+ return variants;
48
+ }
49
+ const relativePath = normalizeAssetRelativePath(value);
50
+ if (relativePath) {
51
+ variants.add(relativePath);
52
+ }
53
+ return variants;
62
54
  };
63
- const getStringValues = value => {
64
- if (!Array.isArray(value)) return [];
65
- return value.filter(item => typeof item === 'string');
55
+ const getStringValues = (value) => {
56
+ if (!Array.isArray(value)) return [];
57
+ return value.filter((item) => typeof item === "string");
66
58
  };
67
- const getOutputAssetNames = asset => [...(typeof asset.name === 'string' ? [asset.name] : []), ...getStringValues(asset.names), ...(typeof asset.originalFileName === 'string' ? [asset.originalFileName] : []), ...getStringValues(asset.originalFileNames)];
68
- const isOutputAssetLike = value => !!value && typeof value === 'object' && value.type === 'asset' && typeof value.fileName === 'string';
69
- const isOutputChunkLike = value => !!value && typeof value === 'object' && value.type === 'chunk' && typeof value.fileName === 'string' && typeof value.code === 'string';
59
+ const getOutputAssetNames = (asset) => [
60
+ ...typeof asset.name === "string" ? [asset.name] : [],
61
+ ...getStringValues(asset.names),
62
+ ...typeof asset.originalFileName === "string" ? [asset.originalFileName] : [],
63
+ ...getStringValues(asset.originalFileNames)
64
+ ];
65
+ const isOutputAssetLike = (value) => !!value && typeof value === "object" && value.type === "asset" && typeof value.fileName === "string";
66
+ const isOutputChunkLike = (value) => !!value && typeof value === "object" && value.type === "chunk" && typeof value.fileName === "string" && typeof value.code === "string";
70
67
  const getTrackedModuleIdForChunk = (chunk, cssFilesByModuleId) => {
71
- if (typeof chunk.facadeModuleId === 'string' && cssFilesByModuleId.has(chunk.facadeModuleId)) {
72
- return chunk.facadeModuleId;
73
- }
74
- if (!Array.isArray(chunk.moduleIds)) {
75
- return null;
76
- }
77
- const moduleId = chunk.moduleIds.find(id => typeof id === 'string' && cssFilesByModuleId.has(id));
78
- return moduleId ?? null;
68
+ if (typeof chunk.facadeModuleId === "string" && cssFilesByModuleId.has(chunk.facadeModuleId)) {
69
+ return chunk.facadeModuleId;
70
+ }
71
+ if (!Array.isArray(chunk.moduleIds)) {
72
+ return null;
73
+ }
74
+ const moduleId = chunk.moduleIds.find((id) => typeof id === "string" && cssFilesByModuleId.has(id));
75
+ return moduleId ?? null;
79
76
  };
80
77
  const findWywCssAssetFileName = (bundle, cssFilename, rootDir) => {
81
- const expectedNames = getComparableAssetPaths(cssFilename, rootDir);
82
- for (const item of Object.values(bundle)) {
83
- if (isOutputAssetLike(item) && item.fileName.endsWith('.css')) {
84
- const isMatch = getOutputAssetNames(item).some(assetName => {
85
- const variants = getComparableAssetPaths(assetName, rootDir);
86
- return Array.from(variants).some(variant => expectedNames.has(variant));
87
- });
88
- if (isMatch) {
89
- return normalizeToPosix(item.fileName);
90
- }
91
- }
92
- }
93
- return null;
78
+ const expectedNames = getComparableAssetPaths(cssFilename, rootDir);
79
+ for (const item of Object.values(bundle)) {
80
+ if (isOutputAssetLike(item) && item.fileName.endsWith(".css")) {
81
+ const isMatch = getOutputAssetNames(item).some((assetName) => {
82
+ const variants = getComparableAssetPaths(assetName, rootDir);
83
+ return Array.from(variants).some((variant) => expectedNames.has(variant));
84
+ });
85
+ if (isMatch) {
86
+ return normalizeToPosix(item.fileName);
87
+ }
88
+ }
89
+ }
90
+ return null;
94
91
  };
95
92
  const getRelativeImportPath = (fromFileName, toFileName) => {
96
- const fromDir = path.posix.dirname(normalizeToPosix(fromFileName));
97
- const relativePath = path.posix.relative(fromDir, normalizeToPosix(toFileName));
98
- return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
93
+ const fromDir = path.posix.dirname(normalizeToPosix(fromFileName));
94
+ const relativePath = path.posix.relative(fromDir, normalizeToPosix(toFileName));
95
+ return relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
99
96
  };
100
- const escapeForRegExp = value => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
101
- const hasStaticImport = (code, specifier) => new RegExp(`(^|\\n)\\s*import\\s*(?:["']${escapeForRegExp(specifier)}["']|[^\\n;]+\\s+from\\s+["']${escapeForRegExp(specifier)}["'])`, 'm').test(code);
102
- const hasRequireCall = (code, specifier) => new RegExp(`(^|[;\\n])\\s*require\\(\\s*["']${escapeForRegExp(specifier)}["']\\s*\\)`, 'm').test(code);
103
- const getCssLoadStatement = (format, specifier) => format === 'cjs' ? `require(${JSON.stringify(specifier)});\n` : `import ${JSON.stringify(specifier)};\n`;
104
- const hasCssLoadStatement = (code, specifier, format) => format === 'cjs' ? hasRequireCall(code, specifier) : hasStaticImport(code, specifier);
97
+ const escapeForRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
98
+ const hasStaticImport = (code, specifier) => new RegExp(`(^|\\n)\\s*import\\s*(?:["']${escapeForRegExp(specifier)}["']|[^\\n;]+\\s+from\\s+["']${escapeForRegExp(specifier)}["'])`, "m").test(code);
99
+ const hasRequireCall = (code, specifier) => new RegExp(`(^|[;\\n])\\s*require\\(\\s*["']${escapeForRegExp(specifier)}["']\\s*\\)`, "m").test(code);
100
+ const getCssLoadStatement = (format, specifier) => format === "cjs" ? `require(${JSON.stringify(specifier)});\n` : `import ${JSON.stringify(specifier)};\n`;
101
+ const hasCssLoadStatement = (code, specifier, format) => format === "cjs" ? hasRequireCall(code, specifier) : hasStaticImport(code, specifier);
105
102
  const prependCssLoadStatement = (code, specifier, format) => {
106
- const statement = getCssLoadStatement(format, specifier);
107
- let insertAt = 0;
108
- if (code.startsWith('#!')) {
109
- const lineBreakIndex = code.indexOf('\n');
110
- if (lineBreakIndex >= 0) {
111
- insertAt = lineBreakIndex + 1;
112
- } else {
113
- return `${code}\n${statement}`;
114
- }
115
- }
116
- if (format === 'cjs') {
117
- const directiveMatch = /^(?:\s*(?:"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*');)+/.exec(code.slice(insertAt));
118
- if (directiveMatch) {
119
- insertAt += directiveMatch[0].length;
120
- }
121
- }
122
- return `${code.slice(0, insertAt)}${statement}${code.slice(insertAt)}`;
103
+ const statement = getCssLoadStatement(format, specifier);
104
+ let insertAt = 0;
105
+ if (code.startsWith("#!")) {
106
+ const lineBreakIndex = code.indexOf("\n");
107
+ if (lineBreakIndex >= 0) {
108
+ insertAt = lineBreakIndex + 1;
109
+ } else {
110
+ return `${code}\n${statement}`;
111
+ }
112
+ }
113
+ if (format === "cjs") {
114
+ const directiveMatch = /^(?:\s*(?:"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*');)+/.exec(code.slice(insertAt));
115
+ if (directiveMatch) {
116
+ insertAt += directiveMatch[0].length;
117
+ }
118
+ }
119
+ return `${code.slice(0, insertAt)}${statement}${code.slice(insertAt)}`;
123
120
  };
124
- const VITE_FS_PREFIX = '/@fs/';
125
- const safeDecodeURIComponent = value => {
126
- try {
127
- return decodeURIComponent(value);
128
- } catch {
129
- return value;
130
- }
121
+ const VITE_FS_PREFIX = "/@fs/";
122
+ const safeDecodeURIComponent = (value) => {
123
+ try {
124
+ return decodeURIComponent(value);
125
+ } catch {
126
+ return value;
127
+ }
131
128
  };
132
- const normalizeViteFsPath = value => {
133
- const fsPath = value.slice(VITE_FS_PREFIX.length);
134
- return path.normalize(safeDecodeURIComponent(fsPath));
129
+ const normalizeViteFsPath = (value) => {
130
+ const fsPath = value.slice(VITE_FS_PREFIX.length);
131
+ return path.normalize(safeDecodeURIComponent(fsPath));
135
132
  };
136
- const isCssReloadTarget = value => {
137
- if (!value || typeof value !== 'object') return false;
138
- const reloadTarget = value;
139
- return !!reloadTarget.moduleGraph && typeof reloadTarget.moduleGraph.getModuleById === 'function' && typeof reloadTarget.reloadModule === 'function';
133
+ const isCssReloadTarget = (value) => {
134
+ if (!value || typeof value !== "object") return false;
135
+ const reloadTarget = value;
136
+ return !!reloadTarget.moduleGraph && typeof reloadTarget.moduleGraph.getModuleById === "function" && typeof reloadTarget.reloadModule === "function";
140
137
  };
141
138
  const getCssReloadTarget = (environment, server) => {
142
- if (isCssReloadTarget(environment)) {
143
- return environment;
144
- }
145
- if (server?.moduleGraph) {
146
- return {
147
- moduleGraph: server.moduleGraph,
148
- reloadModule: module => server.reloadModule(module)
149
- };
150
- }
151
- return null;
139
+ if (isCssReloadTarget(environment)) {
140
+ return environment;
141
+ }
142
+ if (server?.moduleGraph) {
143
+ return {
144
+ moduleGraph: server.moduleGraph,
145
+ reloadModule: (module) => server.reloadModule(module)
146
+ };
147
+ }
148
+ return null;
152
149
  };
153
150
  const getWywCssAssetFileNames = (resolvedConfig, output, originalAssetFileNames) => {
154
- if (!output.preserveModules) return null;
155
- const rootDir = resolvedConfig.root;
156
- const preserveModulesRootValue = output.preserveModulesRoot;
157
- let preserveModulesRootAbs = null;
158
- if (typeof preserveModulesRootValue === 'string') {
159
- preserveModulesRootAbs = path.isAbsolute(preserveModulesRootValue) ? preserveModulesRootValue : path.resolve(rootDir, preserveModulesRootValue);
160
- }
161
- const preserveModulesRootRel = preserveModulesRootAbs && isInside(preserveModulesRootAbs, rootDir) ? normalizeToPosix(path.relative(rootDir, preserveModulesRootAbs)) : null;
162
- return assetInfo => {
163
- const template = typeof originalAssetFileNames === 'function' ? originalAssetFileNames(assetInfo) : originalAssetFileNames;
164
- const assetName = assetInfo?.name;
165
- if (typeof assetName !== 'string' || !isWywCssAssetName(assetName)) {
166
- return template;
167
- }
168
- if (!template.includes('[')) {
169
- return template;
170
- }
171
- let relativePath = null;
172
- const assetNameNormalized = normalizeToPosix(assetName);
173
- if (path.isAbsolute(assetName) || isWindowsAbsolutePath(assetNameNormalized)) {
174
- const preserveRel = preserveModulesRootAbs && isInside(assetName, preserveModulesRootAbs) ? path.relative(preserveModulesRootAbs, assetName) : null;
175
- if (preserveRel && !path.isAbsolute(preserveRel) && !preserveRel.startsWith('..')) {
176
- relativePath = preserveRel;
177
- } else if (isInside(assetName, rootDir)) {
178
- relativePath = path.relative(rootDir, assetName);
179
- }
180
- } else if (preserveModulesRootRel && assetNameNormalized.startsWith(`${preserveModulesRootRel}/`)) {
181
- relativePath = assetNameNormalized.slice(preserveModulesRootRel.length + 1);
182
- } else {
183
- relativePath = assetNameNormalized;
184
- }
185
- const normalized = relativePath ? normalizeAssetRelativePath(relativePath) : null;
186
- if (!normalized) {
187
- return template;
188
- }
189
- const withoutExt = stripExtension(normalized);
190
- if (template.includes('[name]')) {
191
- const dir = path.posix.dirname(withoutExt);
192
- if (dir === '.' || dir === '') {
193
- return template;
194
- }
195
- return template.replace(/\[name\]/g, `${dir}/[name]`);
196
- }
197
- const dir = path.posix.dirname(withoutExt);
198
- if (dir === '.' || dir === '') {
199
- return template;
200
- }
201
- const idx = template.indexOf('[');
202
- if (idx < 0) {
203
- return template;
204
- }
205
- const prefix = template.slice(0, idx);
206
- if (prefix !== '' && !prefix.endsWith('/')) {
207
- return template;
208
- }
209
- return `${prefix}${dir}/${template.slice(idx)}`;
210
- };
151
+ if (!output.preserveModules) return null;
152
+ const rootDir = resolvedConfig.root;
153
+ const preserveModulesRootValue = output.preserveModulesRoot;
154
+ let preserveModulesRootAbs = null;
155
+ if (typeof preserveModulesRootValue === "string") {
156
+ preserveModulesRootAbs = path.isAbsolute(preserveModulesRootValue) ? preserveModulesRootValue : path.resolve(rootDir, preserveModulesRootValue);
157
+ }
158
+ const preserveModulesRootRel = preserveModulesRootAbs && isInside(preserveModulesRootAbs, rootDir) ? normalizeToPosix(path.relative(rootDir, preserveModulesRootAbs)) : null;
159
+ return (assetInfo) => {
160
+ const template = typeof originalAssetFileNames === "function" ? originalAssetFileNames(assetInfo) : originalAssetFileNames;
161
+ const assetName = assetInfo?.name;
162
+ if (typeof assetName !== "string" || !isWywCssAssetName(assetName)) {
163
+ return template;
164
+ }
165
+ if (!template.includes("[")) {
166
+ return template;
167
+ }
168
+ let relativePath = null;
169
+ const assetNameNormalized = normalizeToPosix(assetName);
170
+ if (path.isAbsolute(assetName) || isWindowsAbsolutePath(assetNameNormalized)) {
171
+ const preserveRel = preserveModulesRootAbs && isInside(assetName, preserveModulesRootAbs) ? path.relative(preserveModulesRootAbs, assetName) : null;
172
+ if (preserveRel && !path.isAbsolute(preserveRel) && !preserveRel.startsWith("..")) {
173
+ relativePath = preserveRel;
174
+ } else if (isInside(assetName, rootDir)) {
175
+ relativePath = path.relative(rootDir, assetName);
176
+ }
177
+ } else if (preserveModulesRootRel && assetNameNormalized.startsWith(`${preserveModulesRootRel}/`)) {
178
+ relativePath = assetNameNormalized.slice(preserveModulesRootRel.length + 1);
179
+ } else {
180
+ relativePath = assetNameNormalized;
181
+ }
182
+ const normalized = relativePath ? normalizeAssetRelativePath(relativePath) : null;
183
+ if (!normalized) {
184
+ return template;
185
+ }
186
+ const withoutExt = stripExtension(normalized);
187
+ if (template.includes("[name]")) {
188
+ const dir = path.posix.dirname(withoutExt);
189
+ if (dir === "." || dir === "") {
190
+ return template;
191
+ }
192
+ return template.replace(/\[name\]/g, `${dir}/[name]`);
193
+ }
194
+ const dir = path.posix.dirname(withoutExt);
195
+ if (dir === "." || dir === "") {
196
+ return template;
197
+ }
198
+ const idx = template.indexOf("[");
199
+ if (idx < 0) {
200
+ return template;
201
+ }
202
+ const prefix = template.slice(0, idx);
203
+ if (prefix !== "" && !prefix.endsWith("/")) {
204
+ return template;
205
+ }
206
+ return `${prefix}${dir}/${template.slice(idx)}`;
207
+ };
211
208
  };
212
- export default function wywInJS({
213
- debug,
214
- include,
215
- exclude,
216
- sourceMap,
217
- preserveCssPaths,
218
- keepComments,
219
- prefixer,
220
- preprocessor,
221
- ssrDevCss,
222
- ssrDevCssPath,
223
- transformLibraries,
224
- ...rest
225
- } = {}) {
226
- const supportedModuleExtensions = new Set(['.cjs', '.cts', '.js', '.jsx', '.mjs', '.mts', '.ts', '.tsx']);
227
- const filter = createFilter(include, exclude);
228
- const cssLookup = {};
229
- const cssFileLookup = {};
230
- const metadataLookup = {};
231
- const cssFilesByModuleId = new Map();
232
- const pendingCssReloads = new WeakMap();
233
- let ssrDevCssVersion = 0;
234
- let config;
235
- let devServer;
236
- let importMetaEnvForEval = null;
237
- const ssrDevCssEnabled = Boolean(ssrDevCss);
238
- const [ssrDevCssPathname, ssrDevCssQuery] = (ssrDevCssPath ?? '/_wyw-in-js/ssr.css').split('?', 2);
239
- const ssrDevCssRoute = ssrDevCssPathname.startsWith('/') ? ssrDevCssPathname : `/${ssrDevCssPathname}`;
240
- const getSsrDevCssHref = () => {
241
- const versionParam = `v=${ssrDevCssVersion}`;
242
- const query = ssrDevCssQuery ? `${ssrDevCssQuery}&${versionParam}` : versionParam;
243
- return `${ssrDevCssRoute}?${query}`;
244
- };
245
- const getSsrDevCssContents = () => {
246
- const entries = Object.entries(cssLookup);
247
- if (entries.length === 0) return '';
248
- const merged = entries.sort(([a], [b]) => a.localeCompare(b)).map(([, cssText]) => cssText).join('\n');
249
- return `${merged}\n`;
250
- };
251
- const {
252
- emitter,
253
- onDone
254
- } = createFileReporter(debug ?? false);
255
- const isSafeAssetPath = fileName => fileName !== '' && fileName !== '..' && !fileName.startsWith(`..${path.posix.sep}`) && !path.posix.isAbsolute(fileName) && !isWindowsAbsolutePath(fileName);
256
- const replaceModuleExtension = (filename, nextExtension) => {
257
- const extension = path.extname(filename);
258
- return supportedModuleExtensions.has(extension) ? `${filename.slice(0, -extension.length)}${nextExtension}` : `${filename}${nextExtension}`;
259
- };
260
- const toBundleRelativePath = filename => {
261
- const relativePath = normalizeToPosix(path.relative(config.root, filename));
262
- if (isSafeAssetPath(relativePath)) {
263
- return relativePath;
264
- }
265
- if (!path.isAbsolute(relativePath) && !isWindowsAbsolutePath(relativePath)) {
266
- return path.posix.join('_wyw-in-js', 'external', ...relativePath.split(path.posix.sep).filter(Boolean).map(segment => segment === '..' ? '__up__' : segment));
267
- }
268
- return path.posix.join('_wyw-in-js', 'external', ...normalizeToPosix(path.resolve(filename)).split(path.posix.sep).filter(Boolean).map(segment => segment.replace(/:$/, '')));
269
- };
270
- const scheduleCssReload = (reloadTarget, cssFilename) => {
271
- let state = pendingCssReloads.get(reloadTarget);
272
- if (!state) {
273
- state = {
274
- files: new Set()
275
- };
276
- pendingCssReloads.set(reloadTarget, state);
277
- }
278
- state.files.add(cssFilename);
279
- if (state.timer) return;
280
- state.timer = setTimeout(() => {
281
- state.timer = undefined;
282
- const ids = Array.from(state.files);
283
- state.files.clear();
284
- const {
285
- moduleGraph
286
- } = reloadTarget;
287
- for (const id of ids) {
288
- const module = moduleGraph.getModuleById(id);
289
- if (module) reloadTarget.reloadModule(module);
290
- }
291
- }, 0);
292
- };
293
-
294
- // <dependency id, targets>
295
- const targets = [];
296
- const clientCache = new TransformCacheCollection();
297
- const ssrCache = new TransformCacheCollection();
298
- const caches = new Set([clientCache, ssrCache]);
299
- const getCache = isSsr => isSsr ? ssrCache : clientCache;
300
- const isInsideCacheDir = filename => {
301
- if (!config.cacheDir) {
302
- return false;
303
- }
304
- const relative = path.relative(config.cacheDir, filename);
305
- return relative !== '' && !relative.startsWith('..') && !path.isAbsolute(relative);
306
- };
307
- const getDepsOptimizer = () => {
308
- if (!devServer) return null;
309
- const server = devServer;
310
- return server.environments?.client?.depsOptimizer ?? server.depsOptimizer ?? server._depsOptimizer ?? null;
311
- };
312
- const waitForOptimizedDep = async filename => {
313
- const depsOptimizer = getDepsOptimizer();
314
- if (!depsOptimizer?.isOptimizedDepFile?.(filename)) {
315
- return false;
316
- }
317
- await depsOptimizer.init?.();
318
- await depsOptimizer.scanProcessing;
319
- const info = depsOptimizer.metadata?.depInfoList?.find(item => item.file === filename);
320
- if (info?.processing) {
321
- await info.processing;
322
- }
323
- return true;
324
- };
325
- let viteResolver = null;
326
- const resolveClient = (what, importer) => {
327
- if (!viteResolver) {
328
- throw new Error('Vite resolver is not initialized yet');
329
- }
330
- return viteResolver(what, importer, false, false);
331
- };
332
- const resolveSsr = (what, importer) => {
333
- if (!viteResolver) {
334
- throw new Error('Vite resolver is not initialized yet');
335
- }
336
- return viteResolver(what, importer, false, true);
337
- };
338
- const createAsyncResolver = asyncResolverFactory(async (resolved, what, importer, stack) => {
339
- const log = logger.extend('vite').extend(getFileIdx(importer));
340
- if (resolved) {
341
- log("resolve ✅ '%s'@'%s -> %O\n%s", what, importer, resolved);
342
-
343
- // Vite adds param like `?v=667939b3` to cached modules
344
- let resolvedId = resolved.split('?', 1)[0];
345
- if (resolvedId.startsWith('\0')) {
346
- // \0 is a special character in Rollup that tells Rollup to not include this in the bundle
347
- // https://rollupjs.org/guide/en/#outputexports
348
- return null;
349
- }
350
- if (resolvedId.startsWith(VITE_FS_PREFIX)) {
351
- resolvedId = normalizeViteFsPath(resolvedId);
352
- }
353
- if (resolvedId.startsWith('/@')) {
354
- return null;
355
- }
356
- if (!existsSync(resolvedId)) {
357
- // When Vite resolves to an optimized deps entry (cacheDir) it may not be written yet.
358
- // Wait for Vite's optimizer instead of calling optimizeDeps() manually (deprecated in Vite 7).
359
- try {
360
- await waitForOptimizedDep(resolvedId);
361
- } catch {
362
- // If optimizer failed, fall through to preserve previous behavior and surface the error.
363
- }
364
-
365
- // Vite can return an optimized deps entry (from cacheDir) before it's written to disk.
366
- // Manually calling optimizeDeps is deprecated in Vite 7 and can also get called many times.
367
- // Instead, fall back to resolving the original module path directly.
368
- if (!existsSync(resolvedId) && isInsideCacheDir(resolvedId)) {
369
- try {
370
- return syncResolve(what, importer, stack);
371
- } catch {
372
- // Fall through to preserve previous behavior: return resolvedId and let WyW surface the error.
373
- }
374
- }
375
- }
376
- if (!existsSync(resolvedId) && !path.isAbsolute(resolvedId)) {
377
- // Vite can resolve an import to a bare specifier when bundling for SSR and marking it as external.
378
- // In that case we still need a real file path for WyW evaluation.
379
- return syncResolve(what, importer, stack);
380
- }
381
- return resolvedId;
382
- }
383
- log("resolve ❌ '%s'@'%s", what, importer);
384
-
385
- // Vite can inject virtual ids like /@react-refresh in dev.
386
- if (what.startsWith('/@') || what.startsWith('\0')) {
387
- return null;
388
- }
389
- if (!what.startsWith('.') && !what.startsWith('/') && !path.isAbsolute(what)) {
390
- // Keep compatibility with SSR externalization: fall back to Node resolution for bare specifiers.
391
- return syncResolve(what, importer, stack);
392
- }
393
- throw new Error(`Could not resolve ${what}`);
394
- }, (what, importer) => [what, importer]);
395
- const asyncResolveClient = createAsyncResolver(resolveClient);
396
- const asyncResolveSsr = createAsyncResolver(resolveSsr);
397
- return {
398
- name: 'wyw-in-js',
399
- enforce: 'post',
400
- buildStart() {
401
- Object.keys(metadataLookup).forEach(key => {
402
- delete metadataLookup[key];
403
- });
404
- },
405
- buildEnd() {
406
- onDone(process.cwd());
407
- },
408
- configResolved(resolvedConfig) {
409
- config = resolvedConfig;
410
- viteResolver = config.createResolver();
411
- if (preserveCssPaths && config.command === 'build') {
412
- const outputs = config.build.rollupOptions.output;
413
- let outputEntries = [];
414
- if (Array.isArray(outputs)) {
415
- outputEntries = outputs;
416
- } else if (outputs) {
417
- outputEntries = [outputs];
418
- }
419
- outputEntries.forEach(entry => {
420
- if (!entry || typeof entry !== 'object') return;
421
- const output = entry;
422
- if (!output.preserveModules) return;
423
- const template = output.assetFileNames ?? `${config.build.assetsDir ?? 'assets'}/[name].[hash].[ext]`;
424
- const assetFileNames = getWywCssAssetFileNames(config, output, template);
425
- if (assetFileNames) output.assetFileNames = assetFileNames;
426
- });
427
- }
428
- const envPrefix = config.envPrefix ?? 'VITE_';
429
- const envDir =
430
- // envDir is absolute in modern Vite, but keep a fallback for older versions
431
- 'envDir' in config && typeof config.envDir === 'string' ? config.envDir : config.root;
432
- const loaded = loadEnv(config.mode, envDir, envPrefix);
433
- const base = {
434
- ...loaded,
435
- BASE_URL: config.base,
436
- MODE: config.mode,
437
- DEV: config.command === 'serve',
438
- PROD: config.command === 'build'
439
- };
440
- importMetaEnvForEval = {
441
- client: {
442
- ...base,
443
- SSR: false
444
- },
445
- ssr: {
446
- ...base,
447
- SSR: true
448
- }
449
- };
450
- },
451
- configureServer(_server) {
452
- devServer = _server;
453
- if (!ssrDevCssEnabled || config.command !== 'serve') return;
454
- devServer.middlewares.use((req, res, next) => {
455
- const {
456
- url
457
- } = req;
458
- if (!url) {
459
- next();
460
- return;
461
- }
462
- const [pathname] = url.split('?', 1);
463
- if (pathname !== ssrDevCssRoute) {
464
- next();
465
- return;
466
- }
467
- const etag = `W/"${ssrDevCssVersion}"`;
468
- const ifNoneMatch = req.headers['if-none-match'];
469
- if (ifNoneMatch === etag) {
470
- res.statusCode = 304;
471
- res.end();
472
- return;
473
- }
474
- res.statusCode = 200;
475
- res.setHeader('Content-Type', 'text/css; charset=utf-8');
476
- res.setHeader('Cache-Control', 'no-cache');
477
- res.setHeader('ETag', etag);
478
- res.end(getSsrDevCssContents());
479
- });
480
- },
481
- transformIndexHtml(html) {
482
- if (!ssrDevCssEnabled || config.command !== 'serve') return undefined;
483
- return {
484
- html,
485
- tags: [{
486
- tag: 'link',
487
- attrs: {
488
- rel: 'stylesheet',
489
- href: getSsrDevCssHref()
490
- },
491
- injectTo: 'head-prepend'
492
- }]
493
- };
494
- },
495
- load(url) {
496
- const [id] = url.split('?', 1);
497
- return cssLookup[id];
498
- },
499
- /* eslint-disable-next-line consistent-return */
500
- resolveId(importeeUrl) {
501
- const [id] = importeeUrl.split('?', 1);
502
- if (cssLookup[id]) return id;
503
- return cssFileLookup[id];
504
- },
505
- handleHotUpdate(ctx) {
506
- // it's module, so just transform it
507
- if (ctx.modules.length) return ctx.modules;
508
-
509
- // Select affected modules of changed dependency
510
- const affected = targets.filter(x =>
511
- // file is dependency of any target
512
- x.dependencies.some(dep => dep === ctx.file) ||
513
- // or changed module is a dependency of any target
514
- x.dependencies.some(dep => ctx.modules.some(m => m.file === dep)));
515
- const deps = affected.flatMap(target => target.dependencies);
516
-
517
- // eslint-disable-next-line no-restricted-syntax
518
- for (const depId of deps) {
519
- for (const cache of caches) {
520
- cache.invalidateForFile(depId);
521
- }
522
- }
523
- return affected.map(target => devServer.moduleGraph.getModuleById(target.id)).concat(ctx.modules).filter(m => !!m);
524
- },
525
- generateBundle(outputOptions, bundle) {
526
- Object.entries(metadataLookup).forEach(([fileName, source]) => {
527
- this.emitFile({
528
- fileName,
529
- source,
530
- type: 'asset'
531
- });
532
- });
533
- if (config.command !== 'build') return;
534
- if (!outputOptions.preserveModules) return;
535
- if (config.build.cssCodeSplit === false) return;
536
- Object.values(bundle).forEach(item => {
537
- if (!isOutputChunkLike(item)) {
538
- return;
539
- }
540
- const chunk = item;
541
- const moduleId = getTrackedModuleIdForChunk(chunk, cssFilesByModuleId);
542
- if (!moduleId) {
543
- return;
544
- }
545
- const cssFilename = cssFilesByModuleId.get(moduleId);
546
- if (!cssFilename) {
547
- return;
548
- }
549
- const emittedCssFileName = findWywCssAssetFileName(bundle, cssFilename, config.root);
550
- if (!emittedCssFileName) {
551
- return;
552
- }
553
- const relativeCssImport = getRelativeImportPath(chunk.fileName, emittedCssFileName);
554
- if (hasCssLoadStatement(chunk.code, relativeCssImport, outputOptions.format)) {
555
- return;
556
- }
557
- chunk.code = prependCssLoadStatement(chunk.code, relativeCssImport, outputOptions.format);
558
- });
559
- },
560
- async transform(code, url, transformOptions) {
561
- const [id] = url.split('?', 1);
562
-
563
- // Do not transform ignored and generated files
564
- if (!transformLibraries && url.includes('node_modules') || !filter(url) || id in cssLookup) return;
565
- const log = logger.extend('vite').extend(getFileIdx(id));
566
- log('transform %s', id);
567
- const isSsr = typeof transformOptions === 'boolean' ? transformOptions : Boolean(transformOptions?.ssr);
568
- const overrideContext = (context, filename) => {
569
- const env = importMetaEnvForEval?.[isSsr ? 'ssr' : 'client'];
570
- const withEnv = env ? {
571
- ...context,
572
- __wyw_import_meta_env: env
573
- } : context;
574
- return rest.overrideContext ? rest.overrideContext(withEnv, filename) : withEnv;
575
- };
576
- const transformServices = {
577
- options: {
578
- filename: id,
579
- root: process.cwd(),
580
- prefixer,
581
- keepComments,
582
- preprocessor,
583
- pluginOptions: {
584
- ...rest,
585
- overrideContext
586
- }
587
- },
588
- cache: getCache(isSsr),
589
- emitWarning: message => this.warn(message),
590
- eventEmitter: emitter
591
- };
592
- const asyncResolve = isSsr ? asyncResolveSsr : asyncResolveClient;
593
- const result = await transform(transformServices, code, asyncResolve);
594
- result.diagnostics?.forEach(diagnostic => {
595
- this.warn({
596
- id: diagnostic.filename,
597
- loc: diagnostic.start ? {
598
- column: diagnostic.start.column,
599
- file: diagnostic.filename,
600
- line: diagnostic.start.line
601
- } : undefined,
602
- message: `[wyw-in-js] ${diagnostic.severity} [${diagnostic.category}] ${diagnostic.message}`,
603
- pluginCode: diagnostic.category
604
- });
605
- });
606
- const relativeId = normalizeToPosix(path.relative(config.root, id));
607
- const metadataFilename = replaceModuleExtension(id, '.wyw-in-js.json');
608
- const metadataRelativePath = toBundleRelativePath(metadataFilename);
609
- delete metadataLookup[metadataRelativePath];
610
- if (result.metadata) {
611
- const cssFile = typeof result.cssText === 'string' && result.cssText !== '' ? replaceModuleExtension(relativeId, '.wyw-in-js.css') : undefined;
612
- metadataLookup[metadataRelativePath] = stringifyMetadataManifest(createMetadataManifest(result.metadata, {
613
- cssFile,
614
- source: relativeId
615
- }));
616
- }
617
- let {
618
- cssText,
619
- dependencies
620
- } = result;
621
-
622
- // Heads up, there are three cases:
623
- // 1. cssText is undefined, it means that file was not transformed
624
- // 2. cssText is empty, it means that file was transformed, but it does not contain any styles
625
- // 3. cssText is not empty, it means that file was transformed and it contains styles
626
-
627
- if (typeof cssText === 'undefined') {
628
- cssFilesByModuleId.delete(id);
629
- return;
630
- }
631
- if (cssText === '') {
632
- cssFilesByModuleId.delete(id);
633
- /* eslint-disable-next-line consistent-return */
634
- return {
635
- code: result.code,
636
- map: result.sourceMap
637
- };
638
- }
639
- dependencies ??= [];
640
- const cssFilename = normalizeToPosix(replaceModuleExtension(id, '.wyw-in-js.css'));
641
- cssFilesByModuleId.set(id, cssFilename);
642
- const cssRelativePath = normalizeToPosix(path.relative(config.root, cssFilename));
643
- const cssId = `/${cssRelativePath}`;
644
- if (sourceMap && result.cssSourceMapText) {
645
- const map = Buffer.from(result.cssSourceMapText).toString('base64');
646
- cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
647
- }
648
- const didCssChange = cssLookup[cssFilename] !== cssText;
649
- cssLookup[cssFilename] = cssText;
650
- cssFileLookup[cssId] = cssFilename;
651
- result.code += `\nimport ${JSON.stringify(cssFilename)};\n`;
652
- for (let i = 0, end = dependencies.length; i < end; i++) {
653
- // eslint-disable-next-line no-await-in-loop
654
- const depModule = await this.resolve(dependencies[i], url, {
655
- isEntry: false
656
- });
657
- if (depModule) dependencies[i] = depModule.id;
658
- }
659
- const target = targets.find(t => t.id === id);
660
- if (!target) targets.push({
661
- id,
662
- dependencies
663
- });else target.dependencies = dependencies;
664
- if (didCssChange) {
665
- const reloadTarget = getCssReloadTarget(this.environment, devServer);
666
- if (reloadTarget) {
667
- scheduleCssReload(reloadTarget, cssFilename);
668
- }
669
- if (ssrDevCssEnabled && config.command === 'serve') {
670
- ssrDevCssVersion += 1;
671
- }
672
- }
673
- /* eslint-disable-next-line consistent-return */
674
- return {
675
- code: result.code,
676
- map: result.sourceMap
677
- };
678
- }
679
- };
209
+ export default function wywInJS({ debug, include, exclude, sourceMap, preserveCssPaths, keepComments, prefixer, preprocessor, ssrDevCss, ssrDevCssPath, transformLibraries, ...rest } = {}) {
210
+ const supportedModuleExtensions = new Set([
211
+ ".cjs",
212
+ ".cts",
213
+ ".js",
214
+ ".jsx",
215
+ ".mjs",
216
+ ".mts",
217
+ ".ts",
218
+ ".tsx"
219
+ ]);
220
+ const filter = createFilter(include, exclude);
221
+ const cssLookup = {};
222
+ const cssFileLookup = {};
223
+ const metadataLookup = {};
224
+ const cssFilesByModuleId = new Map();
225
+ const pendingCssReloads = new WeakMap();
226
+ let ssrDevCssVersion = 0;
227
+ let config;
228
+ let devServer;
229
+ let importMetaEnvForEval = null;
230
+ let nativeResolverAlias = {};
231
+ const buildOverrideContext = (getEnv) => (context, filename) => {
232
+ const env = getEnv();
233
+ const withEnv = env ? {
234
+ ...context,
235
+ __wyw_import_meta_env: env
236
+ } : context;
237
+ return rest.overrideContext ? rest.overrideContext(withEnv, filename) : withEnv;
238
+ };
239
+ const overrideContextClient = buildOverrideContext(() => importMetaEnvForEval?.client);
240
+ const overrideContextSsr = buildOverrideContext(() => importMetaEnvForEval?.ssr);
241
+ const ssrDevCssEnabled = Boolean(ssrDevCss);
242
+ const [ssrDevCssPathname, ssrDevCssQuery] = (ssrDevCssPath ?? "/_wyw-in-js/ssr.css").split("?", 2);
243
+ const ssrDevCssRoute = ssrDevCssPathname.startsWith("/") ? ssrDevCssPathname : `/${ssrDevCssPathname}`;
244
+ const getSsrDevCssHref = () => {
245
+ const versionParam = `v=${ssrDevCssVersion}`;
246
+ const query = ssrDevCssQuery ? `${ssrDevCssQuery}&${versionParam}` : versionParam;
247
+ return `${ssrDevCssRoute}?${query}`;
248
+ };
249
+ const getSsrDevCssContents = () => {
250
+ const entries = Object.entries(cssLookup);
251
+ if (entries.length === 0) return "";
252
+ const merged = entries.sort(([a], [b]) => a.localeCompare(b)).map(([, cssText]) => cssText).join("\n");
253
+ return `${merged}\n`;
254
+ };
255
+ const { emitter, onDone } = createFileReporter(debug ?? false);
256
+ const isSafeAssetPath = (fileName) => fileName !== "" && fileName !== ".." && !fileName.startsWith(`..${path.posix.sep}`) && !path.posix.isAbsolute(fileName) && !isWindowsAbsolutePath(fileName);
257
+ const replaceModuleExtension = (filename, nextExtension) => {
258
+ const extension = path.extname(filename);
259
+ return supportedModuleExtensions.has(extension) ? `${filename.slice(0, -extension.length)}${nextExtension}` : `${filename}${nextExtension}`;
260
+ };
261
+ const toBundleRelativePath = (filename) => {
262
+ const relativePath = normalizeToPosix(path.relative(config.root, filename));
263
+ if (isSafeAssetPath(relativePath)) {
264
+ return relativePath;
265
+ }
266
+ if (!path.isAbsolute(relativePath) && !isWindowsAbsolutePath(relativePath)) {
267
+ return path.posix.join("_wyw-in-js", "external", ...relativePath.split(path.posix.sep).filter(Boolean).map((segment) => segment === ".." ? "__up__" : segment));
268
+ }
269
+ return path.posix.join("_wyw-in-js", "external", ...normalizeToPosix(path.resolve(filename)).split(path.posix.sep).filter(Boolean).map((segment) => segment.replace(/:$/, "")));
270
+ };
271
+ const scheduleCssReload = (reloadTarget, cssFilename) => {
272
+ let state = pendingCssReloads.get(reloadTarget);
273
+ if (!state) {
274
+ state = { files: new Set() };
275
+ pendingCssReloads.set(reloadTarget, state);
276
+ }
277
+ state.files.add(cssFilename);
278
+ if (state.timer) return;
279
+ state.timer = setTimeout(() => {
280
+ state.timer = undefined;
281
+ const ids = Array.from(state.files);
282
+ state.files.clear();
283
+ const { moduleGraph } = reloadTarget;
284
+ for (const id of ids) {
285
+ const module = moduleGraph.getModuleById(id);
286
+ if (module) reloadTarget.reloadModule(module);
287
+ }
288
+ }, 0);
289
+ };
290
+ // <dependency id, targets>
291
+ const targets = [];
292
+ const clientCache = new TransformCacheCollection();
293
+ const ssrCache = new TransformCacheCollection();
294
+ const caches = new Set([clientCache, ssrCache]);
295
+ let evalBrokersDisposed = false;
296
+ const disposeEvalBrokers = () => {
297
+ if (evalBrokersDisposed) return;
298
+ evalBrokersDisposed = true;
299
+ for (const cache of caches) {
300
+ disposeEvalBroker(cache);
301
+ }
302
+ };
303
+ const getCache = (isSsr) => isSsr ? ssrCache : clientCache;
304
+ const isInsideCacheDir = (filename) => {
305
+ if (!config.cacheDir) {
306
+ return false;
307
+ }
308
+ const relative = path.relative(config.cacheDir, filename);
309
+ return relative !== "" && !relative.startsWith("..") && !path.isAbsolute(relative);
310
+ };
311
+ const getDepsOptimizer = () => {
312
+ if (!devServer) return null;
313
+ const server = devServer;
314
+ return server.environments?.client?.depsOptimizer ?? server.depsOptimizer ?? server._depsOptimizer ?? null;
315
+ };
316
+ const waitForOptimizedDep = async (filename) => {
317
+ const depsOptimizer = getDepsOptimizer();
318
+ if (!depsOptimizer?.isOptimizedDepFile?.(filename)) {
319
+ return false;
320
+ }
321
+ await depsOptimizer.init?.();
322
+ await depsOptimizer.scanProcessing;
323
+ const info = depsOptimizer.metadata?.depInfoList?.find((item) => item.file === filename);
324
+ if (info?.processing) {
325
+ await info.processing;
326
+ }
327
+ return true;
328
+ };
329
+ let viteResolver = null;
330
+ const resolveClient = (what, importer) => {
331
+ if (!viteResolver) {
332
+ throw new Error("Vite resolver is not initialized yet");
333
+ }
334
+ return viteResolver(what, importer, false, false);
335
+ };
336
+ const resolveSsr = (what, importer) => {
337
+ if (!viteResolver) {
338
+ throw new Error("Vite resolver is not initialized yet");
339
+ }
340
+ return viteResolver(what, importer, false, true);
341
+ };
342
+ const createAsyncResolver = asyncResolverFactory(async (resolved, what, importer, stack) => {
343
+ const log = logger.extend("vite").extend(getFileIdx(importer));
344
+ if (resolved) {
345
+ log("resolve ✅ '%s'@'%s -> %O\n%s", what, importer, resolved);
346
+ // Vite adds param like `?v=667939b3` to cached modules
347
+ let resolvedId = resolved.split("?", 1)[0];
348
+ if (resolvedId.startsWith("\0")) {
349
+ // \0 is a special character in Rollup that tells Rollup to not include this in the bundle
350
+ // https://rollupjs.org/guide/en/#outputexports
351
+ return null;
352
+ }
353
+ if (resolvedId.startsWith(VITE_FS_PREFIX)) {
354
+ resolvedId = normalizeViteFsPath(resolvedId);
355
+ }
356
+ if (resolvedId.startsWith("/@")) {
357
+ return null;
358
+ }
359
+ if (!existsSync(resolvedId)) {
360
+ // When Vite resolves to an optimized deps entry (cacheDir) it may not be written yet.
361
+ // Wait for Vite's optimizer instead of calling optimizeDeps() manually (deprecated in Vite 7).
362
+ try {
363
+ await waitForOptimizedDep(resolvedId);
364
+ } catch {}
365
+ // Vite can return an optimized deps entry (from cacheDir) before it's written to disk.
366
+ // Manually calling optimizeDeps is deprecated in Vite 7 and can also get called many times.
367
+ // Instead, fall back to resolving the original module path directly.
368
+ if (!existsSync(resolvedId) && isInsideCacheDir(resolvedId)) {
369
+ try {
370
+ return syncResolve(what, importer, stack);
371
+ } catch {}
372
+ }
373
+ }
374
+ if (!existsSync(resolvedId) && !path.isAbsolute(resolvedId)) {
375
+ // Vite can resolve an import to a bare specifier when bundling for SSR and marking it as external.
376
+ // In that case we still need a real file path for WyW evaluation.
377
+ return syncResolve(what, importer, stack);
378
+ }
379
+ return resolvedId;
380
+ }
381
+ log("resolve ❌ '%s'@'%s", what, importer);
382
+ // Vite can inject virtual ids like /@react-refresh in dev.
383
+ if (what.startsWith("/@") || what.startsWith("\0")) {
384
+ return null;
385
+ }
386
+ if (!what.startsWith(".") && !what.startsWith("/") && !path.isAbsolute(what)) {
387
+ // Keep compatibility with SSR externalization: fall back to Node resolution for bare specifiers.
388
+ return syncResolve(what, importer, stack);
389
+ }
390
+ throw new Error(`Could not resolve ${what}`);
391
+ }, (what, importer) => [what, importer]);
392
+ const asyncResolveClient = createAsyncResolver(resolveClient);
393
+ const asyncResolveSsr = createAsyncResolver(resolveSsr);
394
+ return {
395
+ name: "wyw-in-js",
396
+ enforce: "post",
397
+ buildStart() {
398
+ Object.keys(metadataLookup).forEach((key) => {
399
+ delete metadataLookup[key];
400
+ });
401
+ },
402
+ buildEnd() {
403
+ onDone(process.cwd());
404
+ if (config.command === "build") {
405
+ disposeEvalBrokers();
406
+ }
407
+ },
408
+ configResolved(resolvedConfig) {
409
+ config = resolvedConfig;
410
+ viteResolver = config.createResolver();
411
+ nativeResolverAlias = toNativeResolverAlias(config.resolve?.alias);
412
+ if (preserveCssPaths && config.command === "build") {
413
+ const outputs = config.build.rollupOptions.output;
414
+ let outputEntries = [];
415
+ if (Array.isArray(outputs)) {
416
+ outputEntries = outputs;
417
+ } else if (outputs) {
418
+ outputEntries = [outputs];
419
+ }
420
+ outputEntries.forEach((entry) => {
421
+ if (!entry || typeof entry !== "object") return;
422
+ const output = entry;
423
+ if (!output.preserveModules) return;
424
+ const template = output.assetFileNames ?? `${config.build.assetsDir ?? "assets"}/[name].[hash].[ext]`;
425
+ const assetFileNames = getWywCssAssetFileNames(config, output, template);
426
+ if (assetFileNames) output.assetFileNames = assetFileNames;
427
+ });
428
+ }
429
+ const envPrefix = config.envPrefix ?? "VITE_";
430
+ const envDir = "envDir" in config && typeof config.envDir === "string" ? config.envDir : config.root;
431
+ const loaded = loadEnv(config.mode, envDir, envPrefix);
432
+ const base = {
433
+ ...loaded,
434
+ BASE_URL: config.base,
435
+ MODE: config.mode,
436
+ DEV: config.command === "serve",
437
+ PROD: config.command === "build"
438
+ };
439
+ importMetaEnvForEval = {
440
+ client: {
441
+ ...base,
442
+ SSR: false
443
+ },
444
+ ssr: {
445
+ ...base,
446
+ SSR: true
447
+ }
448
+ };
449
+ },
450
+ configureServer(_server) {
451
+ devServer = _server;
452
+ devServer.httpServer?.once("close", disposeEvalBrokers);
453
+ if (ssrDevCssEnabled && config.command === "serve") {
454
+ devServer.middlewares.use((req, res, next) => {
455
+ const { url } = req;
456
+ if (!url) {
457
+ next();
458
+ return;
459
+ }
460
+ const [pathname] = url.split("?", 1);
461
+ if (pathname !== ssrDevCssRoute) {
462
+ next();
463
+ return;
464
+ }
465
+ const etag = `W/"${ssrDevCssVersion}"`;
466
+ const ifNoneMatch = req.headers["if-none-match"];
467
+ if (ifNoneMatch === etag) {
468
+ res.statusCode = 304;
469
+ res.end();
470
+ return;
471
+ }
472
+ res.statusCode = 200;
473
+ res.setHeader("Content-Type", "text/css; charset=utf-8");
474
+ res.setHeader("Cache-Control", "no-cache");
475
+ res.setHeader("ETag", etag);
476
+ res.end(getSsrDevCssContents());
477
+ });
478
+ }
479
+ },
480
+ transformIndexHtml(html) {
481
+ if (!ssrDevCssEnabled || config.command !== "serve") return undefined;
482
+ return {
483
+ html,
484
+ tags: [{
485
+ tag: "link",
486
+ attrs: {
487
+ rel: "stylesheet",
488
+ href: getSsrDevCssHref()
489
+ },
490
+ injectTo: "head-prepend"
491
+ }]
492
+ };
493
+ },
494
+ load(url) {
495
+ const [id] = url.split("?", 1);
496
+ return cssLookup[id];
497
+ },
498
+ /* eslint-disable-next-line consistent-return */
499
+ resolveId(importeeUrl) {
500
+ const [id] = importeeUrl.split("?", 1);
501
+ if (cssLookup[id]) return id;
502
+ return cssFileLookup[id];
503
+ },
504
+ handleHotUpdate(ctx) {
505
+ // it's module, so just transform it
506
+ if (ctx.modules.length) return ctx.modules;
507
+ // Select affected modules of changed dependency
508
+ const affected = targets.filter((x) => x.dependencies.some((dep) => dep === ctx.file) || x.dependencies.some((dep) => ctx.modules.some((m) => m.file === dep)));
509
+ const deps = affected.flatMap((target) => target.dependencies);
510
+ // eslint-disable-next-line no-restricted-syntax
511
+ for (const depId of deps) {
512
+ for (const cache of caches) {
513
+ cache.invalidateForFile(depId);
514
+ }
515
+ }
516
+ return affected.map((target) => devServer.moduleGraph.getModuleById(target.id)).concat(ctx.modules).filter((m) => !!m);
517
+ },
518
+ generateBundle(outputOptions, bundle) {
519
+ Object.entries(metadataLookup).forEach(([fileName, source]) => {
520
+ this.emitFile({
521
+ fileName,
522
+ source,
523
+ type: "asset"
524
+ });
525
+ });
526
+ if (config.command !== "build") return;
527
+ if (!outputOptions.preserveModules) return;
528
+ if (config.build.cssCodeSplit === false) return;
529
+ Object.values(bundle).forEach((item) => {
530
+ if (!isOutputChunkLike(item)) {
531
+ return;
532
+ }
533
+ const chunk = item;
534
+ const moduleId = getTrackedModuleIdForChunk(chunk, cssFilesByModuleId);
535
+ if (!moduleId) {
536
+ return;
537
+ }
538
+ const cssFilename = cssFilesByModuleId.get(moduleId);
539
+ if (!cssFilename) {
540
+ return;
541
+ }
542
+ const emittedCssFileName = findWywCssAssetFileName(bundle, cssFilename, config.root);
543
+ if (!emittedCssFileName) {
544
+ return;
545
+ }
546
+ const relativeCssImport = getRelativeImportPath(chunk.fileName, emittedCssFileName);
547
+ if (hasCssLoadStatement(chunk.code, relativeCssImport, outputOptions.format)) {
548
+ return;
549
+ }
550
+ chunk.code = prependCssLoadStatement(chunk.code, relativeCssImport, outputOptions.format);
551
+ });
552
+ },
553
+ async transform(code, url, transformOptions) {
554
+ const [id] = url.split("?", 1);
555
+ // Do not transform ignored and generated files
556
+ if (!transformLibraries && url.includes("node_modules") || !filter(url) || id in cssLookup) return;
557
+ const log = logger.extend("vite").extend(getFileIdx(id));
558
+ log("transform %s", id);
559
+ const isSsr = typeof transformOptions === "boolean" ? transformOptions : Boolean(transformOptions?.ssr);
560
+ const overrideContext = isSsr ? overrideContextSsr : overrideContextClient;
561
+ const transformServices = {
562
+ options: {
563
+ filename: id,
564
+ root: process.cwd(),
565
+ prefixer,
566
+ keepComments,
567
+ preprocessor,
568
+ pluginOptions: {
569
+ ...rest,
570
+ oxcOptions: mergeOxcResolverAlias(rest.oxcOptions, nativeResolverAlias),
571
+ overrideContext
572
+ }
573
+ },
574
+ cache: getCache(isSsr),
575
+ emitWarning: (message) => this.warn(message),
576
+ eventEmitter: emitter
577
+ };
578
+ const asyncResolve = isSsr ? asyncResolveSsr : asyncResolveClient;
579
+ const result = await transform(transformServices, code, asyncResolve);
580
+ result.diagnostics?.forEach((diagnostic) => {
581
+ this.warn({
582
+ id: diagnostic.filename,
583
+ loc: diagnostic.start ? {
584
+ column: diagnostic.start.column,
585
+ file: diagnostic.filename,
586
+ line: diagnostic.start.line
587
+ } : undefined,
588
+ message: `[wyw-in-js] ${diagnostic.severity} [${diagnostic.category}] ${diagnostic.message}`,
589
+ pluginCode: diagnostic.category
590
+ });
591
+ });
592
+ const relativeId = normalizeToPosix(path.relative(config.root, id));
593
+ const metadataFilename = replaceModuleExtension(id, ".wyw-in-js.json");
594
+ const metadataRelativePath = toBundleRelativePath(metadataFilename);
595
+ delete metadataLookup[metadataRelativePath];
596
+ if (result.metadata) {
597
+ const cssFile = typeof result.cssText === "string" && result.cssText !== "" ? replaceModuleExtension(relativeId, ".wyw-in-js.css") : undefined;
598
+ metadataLookup[metadataRelativePath] = stringifyMetadataManifest(createMetadataManifest(result.metadata, {
599
+ cssFile,
600
+ source: relativeId
601
+ }));
602
+ }
603
+ let { cssText, dependencies } = result;
604
+ // Heads up, there are three cases:
605
+ // 1. cssText is undefined, it means that file was not transformed
606
+ // 2. cssText is empty, it means that file was transformed, but it does not contain any styles
607
+ // 3. cssText is not empty, it means that file was transformed and it contains styles
608
+ if (typeof cssText === "undefined") {
609
+ cssFilesByModuleId.delete(id);
610
+ return;
611
+ }
612
+ if (cssText === "") {
613
+ cssFilesByModuleId.delete(id);
614
+ /* eslint-disable-next-line consistent-return */
615
+ return {
616
+ code: result.code,
617
+ map: result.sourceMap
618
+ };
619
+ }
620
+ dependencies ??= [];
621
+ const cssFilename = normalizeToPosix(replaceModuleExtension(id, ".wyw-in-js.css"));
622
+ cssFilesByModuleId.set(id, cssFilename);
623
+ const cssRelativePath = normalizeToPosix(path.relative(config.root, cssFilename));
624
+ const cssId = `/${cssRelativePath}`;
625
+ if (sourceMap && result.cssSourceMapText) {
626
+ const map = Buffer.from(result.cssSourceMapText).toString("base64");
627
+ cssText += `/*# sourceMappingURL=data:application/json;base64,${map}*/`;
628
+ }
629
+ const didCssChange = cssLookup[cssFilename] !== cssText;
630
+ cssLookup[cssFilename] = cssText;
631
+ cssFileLookup[cssId] = cssFilename;
632
+ result.code += `\nimport ${JSON.stringify(cssFilename)};\n`;
633
+ for (let i = 0, end = dependencies.length; i < end; i++) {
634
+ // eslint-disable-next-line no-await-in-loop
635
+ const depModule = await this.resolve(dependencies[i], url, { isEntry: false });
636
+ if (depModule) dependencies[i] = depModule.id;
637
+ }
638
+ const target = targets.find((t) => t.id === id);
639
+ if (!target) targets.push({
640
+ id,
641
+ dependencies
642
+ });
643
+ else target.dependencies = dependencies;
644
+ if (didCssChange) {
645
+ const reloadTarget = getCssReloadTarget(this.environment, devServer);
646
+ if (reloadTarget) {
647
+ scheduleCssReload(reloadTarget, cssFilename);
648
+ }
649
+ if (ssrDevCssEnabled && config.command === "serve") {
650
+ ssrDevCssVersion += 1;
651
+ }
652
+ }
653
+ /* eslint-disable-next-line consistent-return */
654
+ return {
655
+ code: result.code,
656
+ map: result.sourceMap
657
+ };
658
+ }
659
+ };
680
660
  }
681
- //# sourceMappingURL=index.mjs.map
661
+ //# sourceMappingURL=index.mjs.map