vinext 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,12 +1,14 @@
 import { detectPackageManager } from "./utils/project.js";
 import { normalizePathSeparators, stripJsExtension, stripViteModuleQuery } from "./utils/path.js";
 import { normalizePathnameForRouteMatchStrict } from "./routing/utils.js";
+import { escapeRegExp } from "./utils/regex.js";
 import { buildViteResolveExtensions, createValidFileMatcher, findFileWithExts, normalizeViteResolveExtensions } from "./routing/file-matcher.js";
 import { apiRouter, invalidateRouteCache, matchRoute, pagesRouter } from "./routing/pages-router.js";
 import { INTERNAL_HEADERS, NEXTJS_DEPLOYMENT_ID_HEADER, VINEXT_INTERNAL_HEADERS, VINEXT_MW_CTX_HEADER, VINEXT_TIMING_HEADER } from "./server/headers.js";
 import { normalizePath as normalizePath$1 } from "./server/normalize-path.js";
 import { matchesRewriteSource, proxyExternalRequest } from "./config/config-matchers.js";
-import { filterInternalHeaders, isOpenRedirectShaped, normalizeTrailingSlash } from "./server/request-pipeline.js";
+import { isOpenRedirectShaped } from "./server/open-redirect.js";
+import { filterInternalHeaders, normalizeTrailingSlash } from "./server/request-pipeline.js";
 import { findMiddlewareFile, runMiddleware } from "./server/middleware.js";
 import { generateServerEntry } from "./entries/pages-server-entry.js";
 import { generateClientEntry } from "./entries/pages-client-entry.js";
@@ -41,6 +43,7 @@ import { collectInlineCssManifest, injectInlineCssManifestGlobal } from "./build
 import { installDevStackSourcemapMiddleware } from "./server/dev-stack-sourcemap.js";
 import { runPagesRequest } from "./server/pages-request-pipeline.js";
 import { pagesRouteHasPriorityOverAppRoute, validateHybridRouteConflicts } from "./server/hybrid-route-priority.js";
+import { VIRTUAL_MODULE_ID_RE } from "./utils/virtual-module.js";
 import { renderVinextBuiltUrl } from "./utils/built-asset-url.js";
 import { asyncHooksStubPlugin } from "./plugins/async-hooks-stub.js";
 import { clientReferenceDedupPlugin } from "./plugins/client-reference-dedup.js";
@@ -63,7 +66,7 @@ import { resolvePostcssStringPlugins } from "./plugins/postcss.js";
 import { buildSassPreprocessorOptions, createSassAwareFileSystemLoader, createSassTildeImporter } from "./plugins/sass.js";
 import { createClientAssetFileNames, createClientCodeSplittingConfig, createClientFileNameConfig, createClientManualChunks, createClientOutputConfig, createRscFrameworkChunkOutputConfig, getBuildBundlerOptions, getClientTreeshakeConfigForVite, withBuildBundlerOptions } from "./build/client-build-config.js";
 import { markCssUrlAssetReferences, restoreDedupedCssAssetReferences } from "./build/css-url-assets.js";
-import { hasExportAllCandidate, hasServerExportCandidate, stripServerExports, validatePageExports } from "./plugins/strip-server-exports.js";
+import { hasExportAllCandidate, stripServerExports, validatePageExports } from "./plugins/strip-server-exports.js";
 import { removeConsoleCalls } from "./plugins/remove-console.js";
 import { createImportMetaUrlPlugin } from "./plugins/import-meta-url.js";
 import { createRequireContextPlugin } from "./plugins/require-context.js";
@@ -84,6 +87,10 @@ import MagicString from "magic-string";
 import tsconfigPaths from "vite-tsconfig-paths";
 //#region src/index.ts
 installSocketErrorBackstop();
+function getCacheDirPrefix(cacheDir) {
+	const normalizedCacheDir = normalizePathSeparators(cacheDir);
+	return normalizedCacheDir.endsWith("/") ? normalizedCacheDir : `${normalizedCacheDir}/`;
+}
 function isInsideDirectory(dir, filePath) {
 	const relativePath = path.relative(dir, filePath);
 	return relativePath !== "" && !relativePath.startsWith("..") && !path.isAbsolute(relativePath);
@@ -300,10 +307,13 @@ const RESOLVED_ROOT_PARAMS = "\0virtual:vinext-root-params";
 const RESOLVED_CACHE_ADAPTERS = "\0" + VIRTUAL_CACHE_ADAPTERS;
 /** Virtual module for composed instrumentation-client bootstrap. */
 const VIRTUAL_INSTRUMENTATION_CLIENT = "private-next-instrumentation-client";
-const RESOLVED_INSTRUMENTATION_CLIENT = `\0${VIRTUAL_INSTRUMENTATION_CLIENT}.mjs`;
+const RESOLVED_INSTRUMENTATION_CLIENT = `${VIRTUAL_INSTRUMENTATION_CLIENT}.mjs`;
 /** Image file extensions handled by the vinext:image-imports plugin.
 *  Shared between the Rolldown hook filter and the transform handler regex. */
 const IMAGE_EXTS = "png|jpe?g|gif|webp|avif|svg|ico|bmp|tiff?";
+/** Matches a trailing image extension on an import path. Built once: `IMAGE_EXTS`
+*  is constant, so there is no need to recompile this per transform invocation. */
+const IMAGE_EXT_RE = new RegExp(`\\.(${IMAGE_EXTS})$`);
 function createStaticImageAsset(imagePath) {
 	const source = fs.readFileSync(imagePath);
 	const extension = path.extname(imagePath);
@@ -321,6 +331,8 @@ function createStaticImageAsset(imagePath) {
 */
 const _shimsDir = normalizePathSeparators(path.resolve(__dirname, "shims")) + "/";
 const _fontGoogleShimPath = resolveShimModulePath(_shimsDir, "font-google");
+const _appRscHandlerPath = resolveShimModulePath(path.resolve(__dirname, "server"), "app-rsc-handler");
+const _canExternalizeAppRscHandler = _appRscHandlerPath.endsWith(".js");
 function isValidExportIdentifier(name) {
 	return /^[$A-Z_a-z][$\w]*$/.test(name);
 }
@@ -435,9 +447,10 @@ function vinext(options = {}) {
 	let rscCompatibilityId;
 	const draftModeSecret = randomUUID();
 	const sassComposesLoader = createSassAwareFileSystemLoader();
+	const typeofWindowIdFilter = { exclude: /(?!)/ };
 	let rscClassificationManifest = null;
 	const shimsDir = path.resolve(__dirname, "shims");
-	const canonicalize = (p) => tryRealpathSync(p) ?? p;
+	const canonicalize = (p) => normalizePathSeparators(tryRealpathSync(p) ?? p);
 	const pageTransformCanonicalPaths = /* @__PURE__ */ new Map();
 	const canonicalizePageTransformPath = (modulePath) => {
 		const cached = pageTransformCanonicalPaths.get(modulePath);
@@ -561,22 +574,25 @@ function vinext(options = {}) {
 		...viteMajorVersion >= 8 ? [{
 			name: "vinext:jsx-in-js",
 			enforce: "pre",
-			async transform(code, id) {
-				const cleanId = id.split("?")[0];
-				if (!/\.(m?js)$/.test(cleanId)) return;
-				if (cleanId.includes("/node_modules/")) {
-					if (!code.includes("use client") && !code.includes("use server")) return;
-					if (!hasReactDirective(code)) return;
+			transform: {
+				filter: { id: /\.m?js(?:\?.*)?$/ },
+				async handler(code, id) {
+					const cleanId = id.split("?")[0];
+					if (isInsideDirectory(__dirname, cleanId)) return;
+					if (cleanId.includes("/node_modules/")) {
+						if (!code.includes("use client") && !code.includes("use server")) return;
+						if (!hasReactDirective(code)) return;
+					}
+					const result = await transformWithOxc(code, id, {
+						lang: "jsx",
+						jsx: { runtime: "automatic" },
+						sourcemap: true
+					});
+					return {
+						code: result.code,
+						map: result.map
+					};
 				}
-				const result = await transformWithOxc(code, id, {
-					lang: "jsx",
-					jsx: { runtime: "automatic" },
-					sourcemap: true
-				});
-				return {
-					code: result.code,
-					map: result.map
-				};
 			}
 		}] : [],
 		createMiddlewareServerOnlyPlugin({
@@ -905,6 +921,7 @@ function vinext(options = {}) {
 									"satori",
 									"@resvg/resvg-js",
 									"yoga-wasm-web",
+									...env?.command === "serve" && _canExternalizeAppRscHandler ? ["vinext/server/app-rsc-handler"] : [],
 									...userSsrExternal
 								],
 								...userSsrExternal === true ? {} : { noExternal: true }
@@ -1031,6 +1048,8 @@ function vinext(options = {}) {
 				return null;
 			},
 			async configResolved(config) {
+				const cacheDirPrefix = getCacheDirPrefix(config.cacheDir);
+				typeofWindowIdFilter.exclude = new RegExp(`^${escapeRegExp(cacheDirPrefix)}`);
 				sassComposesLoader.setResolvedConfig(config);
 				if (config.command === "build" && hasAppDir && hasPagesDir) {
 					const [appRoutes, pageRoutes, apiRoutes] = await Promise.all([
@@ -1067,9 +1086,16 @@ function vinext(options = {}) {
 				}));
 			},
 			resolveId: {
-				filter: { id: /(?:next\/|vinext\/shims\/|virtual:vinext-|@vercel\/og(?:\.js)?$)/ },
+				filter: { id: /(?:next\/|vinext\/(?:shims\/|server\/app-rsc-handler)|virtual:vinext-|@vercel\/og(?:\.js)?$)/ },
 				handler(id, importer) {
 					const cleanId = id.startsWith("\0") ? id.slice(1) : id;
+					if (cleanId === "vinext/server/app-rsc-handler") {
+						if (_canExternalizeAppRscHandler && this.environment?.name === "rsc" && this.environment.config?.command === "serve") return {
+							id: _appRscHandlerPath,
+							external: true
+						};
+						return _appRscHandlerPath;
+					}
 					if (isVercelOgImport(cleanId) && !isVinextOgShimImporter(importer)) return resolveShimModulePath(_shimsDir, "og");
 					if (cleanId.startsWith("vinext/shims/")) return resolveShimModulePath(_shimsDir, stripJsExtension(stripViteModuleQuery(cleanId.slice(13))));
 					if (cleanId === VIRTUAL_SERVER_ENTRY) return RESOLVED_SERVER_ENTRY;
@@ -1188,14 +1214,19 @@ function vinext(options = {}) {
 			name: "vinext:css-url-assets-mark",
 			enforce: "pre",
 			apply: "build",
-			transform(code, id) {
-				if (this.environment?.name !== "client") return null;
-				const marked = markCssUrlAssetReferences(code, id);
-				if (marked === null) return null;
-				return {
-					code: marked,
-					map: null
-				};
+			transform: {
+				filter: {
+					id: /\.(?:css|scss|sass|less|styl|stylus)(?:\?|$)/i,
+					code: "url("
+				},
+				handler(code, id) {
+					const marked = markCssUrlAssetReferences(code, id);
+					if (marked === null) return null;
+					return {
+						code: marked,
+						map: null
+					};
+				}
 			}
 		},
 		{
@@ -1220,7 +1251,6 @@ function vinext(options = {}) {
 			enforce: "post",
 			apply: "build",
 			generateBundle(_options, bundle) {
-				if (this.environment?.name !== "client") return;
 				restoreDedupedCssAssetReferences(bundle, (asset) => {
 					this.emitFile({
 						type: "asset",
@@ -1298,18 +1328,20 @@ function vinext(options = {}) {
 					`export const addTransitionType = _React.addTransitionType || function addTransitionType() {};`
 				].join("\n");
 			},
-			transform(code, id) {
-				if (id.includes("node_modules")) return null;
-				if (id.startsWith("\0")) return null;
-				if (!/\.(tsx?|jsx?|mjs)$/.test(id)) return null;
-				if (!(code.includes("ViewTransition") || code.includes("addTransitionType")) || !/from\s+['"]react['"]/.test(code)) return null;
-				if (!/import\s*\{[^}]*(ViewTransition|addTransitionType)[^}]*\}\s*from\s*['"]react['"]/.test(code)) return null;
-				const result = code.replace(/from\s*['"]react['"]/g, "from \"virtual:vinext-react-canary\"");
-				if (result !== code) return {
-					code: result,
-					map: null
-				};
-				return null;
+			transform: {
+				filter: {
+					id: {
+						include: /\.(tsx?|jsx?|mjs)$/,
+						exclude: [/node_modules/, VIRTUAL_MODULE_ID_RE]
+					},
+					code: /import\s*\{[^}]*(ViewTransition|addTransitionType)[^}]*\}\s*from\s*['"]react['"]/
+				},
+				handler(code) {
+					return {
+						code: code.replace(/from\s*['"]react['"]/g, "from \"virtual:vinext-react-canary\""),
+						map: null
+					};
+				}
 			}
 		},
 		{
@@ -1828,50 +1860,59 @@ function vinext(options = {}) {
 		},
 		{
 			name: "vinext:validate-page-exports",
-			transform: { handler(code, id) {
-				if (this.environment?.name !== "client") return null;
-				if (!hasPagesDir || id.startsWith("\0") || !hasExportAllCandidate(code)) return null;
-				const modulePath = stripViteModuleQuery(id);
-				if (!isWithinPagesDirectory(modulePath)) return null;
-				const canonicalId = canonicalizePageTransformPath(modulePath);
-				if (!isWithinPagesDirectory(canonicalId)) return null;
-				if (!fileMatcher.isPageFile(canonicalId)) return null;
-				if (isApiPage(canonicalId)) return null;
-				validatePageExports(code);
-				return null;
-			} }
+			transform: {
+				filter: {
+					id: { exclude: VIRTUAL_MODULE_ID_RE },
+					code: /\bexport\b[\s\S]*\*/
+				},
+				handler(code, id) {
+					if (this.environment?.name !== "client") return null;
+					if (!hasPagesDir || !hasExportAllCandidate(code)) return null;
+					const modulePath = stripViteModuleQuery(id);
+					if (!isWithinPagesDirectory(modulePath)) return null;
+					const canonicalId = canonicalizePageTransformPath(modulePath);
+					if (!isWithinPagesDirectory(canonicalId)) return null;
+					if (!fileMatcher.isPageFile(canonicalId)) return null;
+					if (isApiPage(canonicalId)) return null;
+					validatePageExports(code);
+					return null;
+				}
+			}
 		},
 		{
 			name: "vinext:strip-server-exports",
-			transform: { handler(code, id) {
-				if (this.environment?.name !== "client") return null;
-				if (!hasPagesDir || id.startsWith("\0") || !hasServerExportCandidate(code)) return null;
-				const modulePath = stripViteModuleQuery(id);
-				if (!isWithinPagesDirectory(modulePath)) return null;
-				const canonicalId = canonicalizePageTransformPath(modulePath);
-				if (!isWithinPagesDirectory(canonicalId)) return null;
-				if (!fileMatcher.isPageFile(canonicalId)) return null;
-				const relativePath = canonicalId.slice(canonicalPagesDir.length);
-				if (isApiPage(canonicalId)) return null;
-				if (/^\/(?:_app|_document|_error)(?:\.[^/]*)?$/.test(relativePath)) return null;
-				const result = stripServerExports(code);
-				if (!result) return null;
-				return {
-					code: result,
-					map: null
-				};
-			} }
+			transform: {
+				filter: {
+					id: { exclude: VIRTUAL_MODULE_ID_RE },
+					code: /getServerSideProps|getStaticProps|getStaticPaths|unstable_getServerProps|unstable_getServerSideProps|unstable_getStaticProps|unstable_getStaticPaths/
+				},
+				handler(code, id) {
+					if (this.environment?.name !== "client") return null;
+					if (!hasPagesDir) return null;
+					const modulePath = stripViteModuleQuery(id);
+					if (!isWithinPagesDirectory(modulePath)) return null;
+					const canonicalId = canonicalizePageTransformPath(modulePath);
+					if (!isWithinPagesDirectory(canonicalId)) return null;
+					if (!fileMatcher.isPageFile(canonicalId)) return null;
+					const relativePath = canonicalId.slice(canonicalPagesDir.length);
+					if (isApiPage(canonicalId)) return null;
+					if (/^\/(?:_app|_document|_error)(?:\.[^/]*)?$/.test(relativePath)) return null;
+					return stripServerExports(code);
+				}
+			}
 		},
 		{
 			name: "vinext:validate-server-only-client-imports",
 			transform: {
 				filter: {
-					id: /\.(tsx?|jsx?|mjs)$/,
+					id: {
+						include: /\.(tsx?|jsx?|mjs)$/,
+						exclude: VIRTUAL_MODULE_ID_RE
+					},
 					code: "server-only"
 				},
-				handler(code, id) {
+				handler(code) {
 					if (this.environment?.name !== "client") return null;
-					if (id.startsWith("\0")) return null;
 					if (getLeadingReactDirective(code) === "use server") return null;
 					if (!hasServerOnlyMarkerImport(code)) return null;
 					throw new Error(`You're importing a module that depends on "server-only". This API is only available in Server Components in the App Router, but this module is reachable from a client bundle.`);
@@ -1882,17 +1923,17 @@ function vinext(options = {}) {
 			name: "vinext:remove-console",
 			apply: "build",
 			transform: {
-				filter: { id: /\.(tsx?|jsx?|mjs)$/ },
-				handler(code, id) {
+				filter: {
+					id: {
+						include: /\.(tsx?|jsx?|mjs)$/,
+						exclude: /\/node_modules\//
+					},
+					code: /\bconsole\b/
+				},
+				handler(code) {
 					if (this.environment?.name !== "client") return null;
 					if (!nextConfig.removeConsole) return null;
-					if (id.includes("/node_modules/")) return null;
-					const result = removeConsoleCalls(code, nextConfig.removeConsole);
-					if (!result) return null;
-					return {
-						code: result,
-						map: null
-					};
+					return removeConsoleCalls(code, nextConfig.removeConsole);
 				}
 			}
 		},
@@ -1900,8 +1941,13 @@ function vinext(options = {}) {
 			name: "vinext:typeof-window",
 			enforce: "post",
 			transform: {
-				filter: { code: /typeof\s+window/ },
-				handler(code) {
+				filter: {
+					id: typeofWindowIdFilter,
+					code: /typeof\s+window/
+				},
+				handler(code, id) {
+					const cacheDirPrefix = getCacheDirPrefix(this.environment.config.cacheDir);
+					if (normalizePathSeparators(id).startsWith(cacheDirPrefix)) return null;
 					return replaceTypeofWindow(code, getTypeofWindowReplacement(this.environment));
 				}
 			}
@@ -1926,9 +1972,10 @@ function vinext(options = {}) {
 				staticImageAssets.clear();
 			},
 			watchChange(id) {
-				imageImportDimCache.delete(id);
-				staticImageAssets.delete(id);
-				staticImageImportsByModule.delete(id);
+				const key = normalizePathSeparators(id);
+				imageImportDimCache.delete(key);
+				staticImageAssets.delete(key);
+				staticImageImportsByModule.delete(key);
 			},
 			resolveId: {
 				filter: { id: /\?vinext-(?:image-url|meta)$/ },
@@ -1973,15 +2020,11 @@ function vinext(options = {}) {
 				filter: {
 					id: {
 						include: /\.(tsx?|jsx?|mjs)$/,
-						exclude: /node_modules/
+						exclude: [/node_modules/, VIRTUAL_MODULE_ID_RE]
 					},
 					code: new RegExp(`import\\s+\\w+\\s+from\\s+['"][^'"]+\\.(${IMAGE_EXTS})['"]`)
 				},
 				async handler(code, id) {
-					if (id.includes("node_modules")) return null;
-					if (id.startsWith("\0")) return null;
-					if (!id.match(/\.(tsx?|jsx?|mjs)$/)) return null;
-					const imageExtRe = new RegExp(`\\.(${IMAGE_EXTS})$`);
 					const lang = id.endsWith(".ts") ? "ts" : "tsx";
 					let ast;
 					try {
@@ -1997,7 +2040,7 @@ function vinext(options = {}) {
 						const importNode = node;
 						const importPath = importNode.source?.value;
 						if (typeof importPath !== "string") continue;
-						if (!imageExtRe.test(importPath)) continue;
+						if (!IMAGE_EXT_RE.test(importPath)) continue;
 						const specifiers = importNode.specifiers ?? [];
 						if (specifiers.length !== 1) continue;
 						const specifier = specifiers[0];
@@ -2058,15 +2101,11 @@ function vinext(options = {}) {
 				filter: {
 					id: {
 						include: /\.(tsx?|jsx?|mjs)$/,
-						exclude: /node_modules/
+						exclude: [/node_modules/, VIRTUAL_MODULE_ID_RE]
 					},
 					code: "use cache"
 				},
 				async handler(code, id) {
-					if (id.includes("node_modules")) return null;
-					if (id.startsWith("\0")) return null;
-					if (!id.match(/\.(tsx?|jsx?|mjs)$/)) return null;
-					if (!code.includes("use cache")) return null;
 					const ast = parseAst(code);
 					const cacheDirective = ast.body.find((node) => node.type === "ExpressionStatement" && node.expression?.type === "Literal" && typeof node.expression.value === "string" && node.expression.value.startsWith("use cache"));
 					function nodeHasInlineCacheDirective(node) {
@@ -2463,54 +2502,56 @@ function vinext(options = {}) {
 		{
 			name: "vinext:og-font-patch",
 			enforce: "pre",
-			transform(code, id) {
-				if (!id.includes("@vercel/og") || !id.includes("index.edge.js")) return null;
-				let result = code;
-				const yogaMatch = /H = "data:application\/octet-stream;base64,([A-Za-z0-9+/]+=*)";/.exec(result);
-				if (yogaMatch) {
-					const yogaBase64 = yogaMatch[1];
-					const distDir = path.dirname(id);
-					const yogaWasmPath = path.join(distDir, "yoga.wasm");
-					if (!fs.existsSync(yogaWasmPath)) fs.writeFileSync(yogaWasmPath, Buffer.from(yogaBase64, "base64"));
-					result = result.replace(yogaMatch[0], `H = "";`);
-					const YOGA_CALL = `yoga_wasm_base64_esm_default()`;
-					const YOGA_CALL_PATCHED = [
-						`yoga_wasm_base64_esm_default({ instantiateWasm: function(imports, callback) {`,
-						`  __vi_yoga_mod.then(function(mod) {`,
-						`    if (mod) {`,
-						`      WebAssembly.instantiate(mod, imports).then(function(inst) { callback(inst); });`,
-						`    } else {`,
-						`      Promise.all([import("node:fs"), import("node:url")]).then(function(mods) {`,
-						`        var p = mods[1].fileURLToPath(new URL("./yoga.wasm", import.meta.url));`,
-						`        return mods[0].promises.readFile(p).then(function(bytes) {`,
-						`          return WebAssembly.instantiate(bytes, imports).then(function(r) { callback(r.instance); });`,
-						`        });`,
-						`      });`,
-						`    }`,
-						`  });`,
-						`  return {};`,
-						`} })`
-					].join("\n");
-					result = result.replace(YOGA_CALL, YOGA_CALL_PATCHED);
-					result = [`var __vi_yoga_mod = import("./yoga.wasm?module").then(function(m) { return m.default; }).catch(function() { return null; });`].join("\n") + "\n" + result;
-				}
-				const resvgMatch = /import\s+resvg_wasm\s+from\s+["']\.\/resvg\.wasm\?module["']\s*;?/.exec(result);
-				if (resvgMatch) {
-					const resvgLoader = [
-						`var resvg_wasm = import("./resvg.wasm?module").then(function(m) { return m.default; }).catch(function() {`,
-						`  return Promise.all([import("node:fs"), import("node:url")]).then(function(mods) {`,
-						`    var p = mods[1].fileURLToPath(new URL("./resvg.wasm", import.meta.url));`,
-						`    return mods[0].promises.readFile(p).then(function(buf) { return WebAssembly.compile(buf); });`,
-						`  });`,
-						`});`
-					].join("\n");
-					result = result.replace(resvgMatch[0], resvgLoader);
+			transform: {
+				filter: { id: /@vercel\/og.*index\.edge\.js/ },
+				handler(code, id) {
+					let result = code;
+					const yogaMatch = /H = "data:application\/octet-stream;base64,([A-Za-z0-9+/]+=*)";/.exec(result);
+					if (yogaMatch) {
+						const yogaBase64 = yogaMatch[1];
+						const distDir = path.dirname(id);
+						const yogaWasmPath = path.join(distDir, "yoga.wasm");
+						if (!fs.existsSync(yogaWasmPath)) fs.writeFileSync(yogaWasmPath, Buffer.from(yogaBase64, "base64"));
+						result = result.replace(yogaMatch[0], `H = "";`);
+						const YOGA_CALL = `yoga_wasm_base64_esm_default()`;
+						const YOGA_CALL_PATCHED = [
+							`yoga_wasm_base64_esm_default({ instantiateWasm: function(imports, callback) {`,
+							`  __vi_yoga_mod.then(function(mod) {`,
+							`    if (mod) {`,
+							`      WebAssembly.instantiate(mod, imports).then(function(inst) { callback(inst); });`,
+							`    } else {`,
+							`      Promise.all([import("node:fs"), import("node:url")]).then(function(mods) {`,
+							`        var p = mods[1].fileURLToPath(new URL("./yoga.wasm", import.meta.url));`,
+							`        return mods[0].promises.readFile(p).then(function(bytes) {`,
+							`          return WebAssembly.instantiate(bytes, imports).then(function(r) { callback(r.instance); });`,
+							`        });`,
+							`      });`,
+							`    }`,
+							`  });`,
+							`  return {};`,
+							`} })`
+						].join("\n");
+						result = result.replace(YOGA_CALL, YOGA_CALL_PATCHED);
+						result = [`var __vi_yoga_mod = import("./yoga.wasm?module").then(function(m) { return m.default; }).catch(function() { return null; });`].join("\n") + "\n" + result;
+					}
+					const resvgMatch = /import\s+resvg_wasm\s+from\s+["']\.\/resvg\.wasm\?module["']\s*;?/.exec(result);
+					if (resvgMatch) {
+						const resvgLoader = [
+							`var resvg_wasm = import("./resvg.wasm?module").then(function(m) { return m.default; }).catch(function() {`,
+							`  return Promise.all([import("node:fs"), import("node:url")]).then(function(mods) {`,
+							`    var p = mods[1].fileURLToPath(new URL("./resvg.wasm", import.meta.url));`,
+							`    return mods[0].promises.readFile(p).then(function(buf) { return WebAssembly.compile(buf); });`,
+							`  });`,
+							`});`
+						].join("\n");
+						result = result.replace(resvgMatch[0], resvgLoader);
+					}
+					if (result === code) return null;
+					return {
+						code: result,
+						map: null
+					};
 				}
-				if (result === code) return null;
-				return {
-					code: result,
-					map: null
-				};
 			}
 		}
 	];

package/dist/plugins/css-data-url.js

@@ -36,33 +36,37 @@ function dataUrlCssPlugin() {
 	return {
 		name: "vinext:css-data-url",
 		enforce: "pre",
-		transform(code, id) {
-			if (!code.includes(DATA_URL_HINT)) return null;
-			if (id.startsWith(VIRTUAL_PREFIX)) return null;
-			let mutated = false;
-			const rewritten = code.replace(DATA_URL_IMPORT_RE, (_match, quote, moduleFlag, base64Flag, payload) => {
-				const isModule = moduleFlag === "+module";
-				const isBase64 = base64Flag === ";base64";
-				let css;
-				try {
-					css = decode(payload, isBase64);
-				} catch (err) {
-					throw new Error(`[vinext] Failed to decode CSS data URL import in ${id}: ${err.message}`);
-				}
-				const ext = isModule ? ".module.css" : ".css";
-				const syntheticId = `${VIRTUAL_PREFIX}${hash(css + ext)}${ext}`;
-				entries.set(syntheticId, {
-					css,
-					isModule
+		transform: {
+			filter: {
+				id: { exclude: new RegExp(`^${VIRTUAL_PREFIX}`) },
+				code: DATA_URL_HINT
+			},
+			handler(code, id) {
+				let mutated = false;
+				const rewritten = code.replace(DATA_URL_IMPORT_RE, (_match, quote, moduleFlag, base64Flag, payload) => {
+					const isModule = moduleFlag === "+module";
+					const isBase64 = base64Flag === ";base64";
+					let css;
+					try {
+						css = decode(payload, isBase64);
+					} catch (err) {
+						throw new Error(`[vinext] Failed to decode CSS data URL import in ${id}: ${err.message}`);
+					}
+					const ext = isModule ? ".module.css" : ".css";
+					const syntheticId = `${VIRTUAL_PREFIX}${hash(css + ext)}${ext}`;
+					entries.set(syntheticId, {
+						css,
+						isModule
+					});
+					mutated = true;
+					return `${quote}${syntheticId}${quote}`;
 				});
-				mutated = true;
-				return `${quote}${syntheticId}${quote}`;
-			});
-			if (!mutated) return null;
-			return {
-				code: rewritten,
-				map: null
-			};
+				if (!mutated) return null;
+				return {
+					code: rewritten,
+					map: null
+				};
+			}
 		},
 		resolveId(id) {
 			if (id.startsWith(VIRTUAL_PREFIX)) return id;

package/dist/plugins/extensionless-dynamic-import.js

@@ -29,28 +29,34 @@ function createExtensionlessDynamicImportPlugin() {
 		configResolved(config) {
 			moduleExtensions = getModuleExtensions(config);
 		},
-		transform(code, id) {
-			if (!/\bimport\s*\(/.test(code)) return null;
-			if (isDependencyId(id)) return null;
-			const lang = langForId(id);
-			if (!lang) return null;
-			let ast;
-			try {
-				ast = parseAst(code, { lang });
-			} catch {
-				return null;
+		transform: {
+			filter: {
+				id: {
+					include: /\.(?:[cm]?[jt]s|[jt]sx)(?:\?.*)?$/i,
+					exclude: /[\\/]node_modules[\\/]/
+				},
+				code: /\bimport\s*\(/
+			},
+			handler(code, id) {
+				const lang = langForId(id);
+				let ast;
+				try {
+					ast = parseAst(code, { lang });
+				} catch {
+					return null;
+				}
+				const imports = collectExtensionlessImports(ast, code, moduleExtensions);
+				if (imports.length === 0) return null;
+				const output = new MagicString(code);
+				for (const dynamicImport of imports) {
+					const source = code.slice(dynamicImport.sourceStart, dynamicImport.sourceEnd);
+					output.overwrite(dynamicImport.start, dynamicImport.end, buildReplacement(source, dynamicImport.globPattern, dynamicImport.moduleExtensions));
+				}
+				return {
+					code: output.toString(),
+					map: output.generateMap({ hires: "boundary" })
+				};
 			}
-			const imports = collectExtensionlessImports(ast, code, moduleExtensions);
-			if (imports.length === 0) return null;
-			const output = new MagicString(code);
-			for (const dynamicImport of imports) {
-				const source = code.slice(dynamicImport.sourceStart, dynamicImport.sourceEnd);
-				output.overwrite(dynamicImport.start, dynamicImport.end, buildReplacement(source, dynamicImport.globPattern, dynamicImport.moduleExtensions));
-			}
-			return {
-				code: output.toString(),
-				map: output.generateMap({ hires: "boundary" })
-			};
 		}
 	};
 }
@@ -64,9 +70,6 @@ function langForId(id) {
 	if (ext === ".tsx") return "tsx";
 	return "jsx";
 }
-function isDependencyId(id) {
-	return id.split("?", 1)[0].replaceAll("\\", "/").includes("/node_modules/");
-}
 function collectExtensionlessImports(ast, code, moduleExtensions) {
 	const imports = [];
 	function visit(value) {