vinext 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,22 +1,22 @@
 import { detectPackageManager } from "./utils/project.js";
+import { normalizePathSeparators, stripJsExtension, stripViteModuleQuery } from "./utils/path.js";
 import { normalizePathnameForRouteMatchStrict } from "./routing/utils.js";
-import { buildViteResolveExtensions, createValidFileMatcher, findFileWithExts } from "./routing/file-matcher.js";
+import { buildViteResolveExtensions, createValidFileMatcher, findFileWithExts, normalizeViteResolveExtensions } from "./routing/file-matcher.js";
 import { apiRouter, invalidateRouteCache, matchRoute, pagesRouter } from "./routing/pages-router.js";
-import { normalizePathSeparators } from "./utils/path.js";
-import { INTERNAL_HEADERS, VINEXT_INTERNAL_HEADERS, VINEXT_MW_CTX_HEADER, VINEXT_TIMING_HEADER } from "./server/headers.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 { proxyExternalRequest } from "./config/config-matchers.js";
 import { filterInternalHeaders, isOpenRedirectShaped, 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";
-import { appRouteGraph, appRouter, invalidateAppRouteCache } from "./routing/app-router.js";
+import { appRouteGraph, appRouter, invalidateAppRouteCache, matchAppRoute } from "./routing/app-router.js";
 import { findInstrumentationClientFile, findInstrumentationFile, runInstrumentation } from "./server/instrumentation.js";
 import { isUnknownRecord } from "./utils/record.js";
 import { logRequest, now } from "./server/request-log.js";
 import { createSSRHandler } from "./server/dev-server.js";
 import { handleApiRoute } from "./server/api-handler.js";
-import { isImageOptimizationPath } from "./server/image-optimization.js";
+import { DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, isImageOptimizationPath, resolveDevImageRedirect } from "./server/image-optimization.js";
 import { installSocketErrorBackstop } from "./server/socket-error-backstop.js";
 import { scanMetadataFiles } from "./server/metadata-routes.js";
 import { shouldInvalidateAppRouteFile } from "./server/dev-route-files.js";
@@ -25,11 +25,11 @@ import { validateDevRequest } from "./server/dev-origin-check.js";
 import { generateRscEntry } from "./entries/app-rsc-entry.js";
 import { generateSsrEntry } from "./entries/app-ssr-entry.js";
 import { VIRTUAL_CACHE_ADAPTERS, generateCacheAdaptersModule } from "./cache/cache-adapters-virtual.js";
-import { generateBrowserEntry, isLinkPrefetchRoute, toLinkPrefetchRoute } from "./entries/app-browser-entry.js";
+import { generateBrowserEntry, isLinkPrefetchRoute, toDocumentOnlyAppRoute, toLinkPrefetchRoute } from "./entries/app-browser-entry.js";
 import { collectRouteClassificationManifest } from "./build/route-classification-manifest.js";
 import { planRouteClassificationInjection } from "./build/route-classification-injector.js";
 import { PHASE_DEVELOPMENT_SERVER, PHASE_PRODUCTION_BUILD } from "./shims/constants.js";
-import { ASSET_PREFIX_URL_DIR, resolveAssetUrlPrefix, resolveAssetsDir } from "./utils/asset-prefix.js";
+import { resolveAssetsDir } from "./utils/asset-prefix.js";
 import { RESOLVED_VIRTUAL_GOOGLE_FONTS, VIRTUAL_GOOGLE_FONTS, createGoogleFontsPlugin, createLocalFontsPlugin, generateGoogleFontsVirtualModule, parseStaticObjectLiteral } from "./plugins/fonts.js";
 import { getViteMajorVersion } from "./utils/vite-version.js";
 import { createRscCompatibilityId, findNextConfigPath, loadNextConfig, resolveNextConfig, resolveNextConfigInput } from "./config/next-config.js";
@@ -40,7 +40,8 @@ import { emitNextClientRuntimeManifests } from "./build/next-client-runtime-mani
 import { collectInlineCssManifest, injectInlineCssManifestGlobal } from "./build/inline-css.js";
 import { installDevStackSourcemapMiddleware } from "./server/dev-stack-sourcemap.js";
 import { runPagesRequest } from "./server/pages-request-pipeline.js";
-import { manifestFilesWithBase } from "./utils/manifest-paths.js";
+import { pagesRouteHasPriorityOverAppRoute, validateHybridRouteConflicts } from "./server/hybrid-route-priority.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";
 import { dataUrlCssPlugin } from "./plugins/css-data-url.js";
@@ -49,23 +50,26 @@ import { createInstrumentationClientTransformPlugin } from "./plugins/instrument
 import { INSTRUMENTATION_CLIENT_EMPTY_MODULE, generateInstrumentationClientInjectModule } from "./client/instrumentation-client-inject.js";
 import { createMiddlewareServerOnlyPlugin } from "./plugins/middleware-server-only.js";
 import { createOptimizeImportsPlugin } from "./plugins/optimize-imports.js";
+import { augmentSsrManifestFromBundle, relativeWithinRoot, tryRealpathSync } from "./build/ssr-manifest.js";
+import { createDynamicPreloadMetadataPlugin } from "./plugins/dynamic-preload-metadata.js";
 import { createOgAssetsPlugin, createOgInlineFetchAssetsPlugin } from "./plugins/og-assets.js";
 import { generateRouteTypes } from "./typegen.js";
 import { SSR_EXTERNAL_REACT_ENTRIES, VINEXT_OPTIMIZE_DEPS_EXCLUDE, mergeOptimizeDepsExclude } from "./plugins/rsc-client-shim-excludes.js";
 import { createServerExternalsManifestPlugin } from "./plugins/server-externals-manifest.js";
-import { computeLazyChunks } from "./utils/lazy-chunks.js";
-import { findClientEntryFile, findPagesClientEntryFile, readClientBuildManifest } from "./utils/client-build-manifest.js";
-import { VINEXT_CLIENT_ENTRY_MANIFEST, findClientEntryFileFromVinextManifest, findPagesClientEntryFileFromVinextManifest, readClientEntryManifest } from "./utils/client-entry-manifest.js";
+import { VINEXT_CLIENT_ENTRY_MANIFEST } from "./utils/client-entry-manifest.js";
+import { buildRuntimeGlobalsScript, computeClientRuntimeMetadata } from "./utils/client-runtime-metadata.js";
 import { formatMissingCloudflarePluginError, hasWranglerConfig } from "./deploy.js";
 import { resolvePostcssStringPlugins } from "./plugins/postcss.js";
-import { buildSassPreprocessorOptions } from "./plugins/sass.js";
-import { createClientAssetFileNames, createClientCodeSplittingConfig, createClientManualChunks, createClientOutputConfig, createRscFrameworkChunkOutputConfig, getBuildBundlerOptions, getClientTreeshakeConfigForVite, withBuildBundlerOptions } from "./build/client-build-config.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 { augmentSsrManifestFromBundle, relativeWithinRoot, tryRealpathSync } from "./build/ssr-manifest.js";
 import { stripServerExports } 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";
+import { createExtensionlessDynamicImportPlugin } from "./plugins/extensionless-dynamic-import.js";
+import { createWasmModuleImportPlugin } from "./plugins/wasm-module-import.js";
+import { getTypeofWindowReplacement, replaceTypeofWindow } from "./plugins/typeof-window.js";
 import { hasMdxFiles } from "./utils/mdx-scan.js";
 import { scanPublicFileRoutes } from "./utils/public-routes.js";
 import { staticExportApp, staticExportPages } from "./build/static-export.js";
@@ -80,25 +84,10 @@ import MagicString from "magic-string";
 import tsconfigPaths from "vite-tsconfig-paths";
 //#region src/index.ts
 installSocketErrorBackstop();
-function stripViteModuleQuery(id) {
-	const queryIndex = id.search(/[?#]/);
-	return queryIndex === -1 ? id : id.slice(0, queryIndex);
-}
 function isInsideDirectory(dir, filePath) {
 	const relativePath = path.relative(dir, filePath);
 	return relativePath !== "" && !relativePath.startsWith("..") && !path.isAbsolute(relativePath);
 }
-function hasModuleLevelUseServerDirective(body) {
-	for (const node of body) {
-		if (node.type !== "ExpressionStatement") break;
-		const directive = node.directive;
-		const expression = node.expression;
-		const value = typeof directive === "string" ? directive : expression?.type === "Literal" ? expression.value : void 0;
-		if (value === "use server") return true;
-		if (typeof value !== "string") break;
-	}
-	return false;
-}
 function hasServerOnlyMarkerImport(code) {
 	if (!code.includes("server-only")) return false;
 	let ast;
@@ -107,7 +96,6 @@ function hasServerOnlyMarkerImport(code) {
 	} catch {
 		return false;
 	}
-	if (hasModuleLevelUseServerDirective(ast.body)) return false;
 	function walk(node) {
 		if (!node) return false;
 		if (Array.isArray(node)) return node.some((child) => walk(child));
@@ -148,10 +136,10 @@ function resolveShimModulePath(shimsDir, moduleName) {
 		".tsx",
 		".js"
 	]) {
-		const candidate = path.join(shimsDir, `${moduleName}${ext}`);
+		const candidate = path.posix.join(shimsDir, `${moduleName}${ext}`);
 		if (fs.existsSync(candidate)) return candidate;
 	}
-	return path.join(shimsDir, `${moduleName}.js`);
+	return path.posix.join(shimsDir, `${moduleName}.js`);
 }
 function isVercelOgImport(id) {
 	return id === "@vercel/og" || id === "@vercel/og.js";
@@ -300,8 +288,14 @@ const RESOLVED_INSTRUMENTATION_CLIENT = `\0${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?";
-/** Absolute path to vinext's shims directory, used by clientManualChunks. */
-const _shimsDir = path.resolve(__dirname, "shims") + "/";
+/**
+* Absolute path to vinext's shims directory, with a trailing slash. Normalized
+* to forward slashes because it is prefix-matched against Vite module ids (which
+* Vite always normalizes to forward slashes) in the font plugins and
+* clientManualChunks — a raw path.resolve value has backslashes on Windows and
+* the `id.startsWith(_shimsDir)` checks would never match.
+*/
+const _shimsDir = normalizePathSeparators(path.resolve(__dirname, "shims")) + "/";
 const _fontGoogleShimPath = resolveShimModulePath(_shimsDir, "font-google");
 function isValidExportIdentifier(name) {
 	return /^[$A-Z_a-z][$\w]*$/.test(name);
@@ -312,49 +306,52 @@ function isVirtualEntryFacade(id, virtualId) {
 	return cleanId === virtualId || cleanId.endsWith("/" + virtualId) || cleanId.endsWith("\\" + virtualId);
 }
 /**
-* Returns true when `code` starts with a React `"use client"` or `"use server"`
-* directive (after stripping leading comments, hashbang, and whitespace).
+* Returns the leading React `"use client"` or `"use server"` directive after
+* stripping leading comments, hashbang, and whitespace.
 *
 * Used by `vinext:jsx-in-js` to opt `.js` files inside `node_modules` into the
 * JSX transform. We mirror `@vitejs/plugin-rsc`'s detection by looking at the
 * directive prologue rather than scanning the whole file — `code.includes`
 * alone would match incidental occurrences in template literals or comments.
 */
-function hasReactDirective(code) {
+function getLeadingReactDirective(code) {
 	let i = 0;
 	const len = code.length;
 	if (code.charCodeAt(0) === 65279) i = 1;
 	if (code[i] === "#" && code[i + 1] === "!") {
 		const nl = code.indexOf("\n", i);
-		if (nl === -1) return false;
+		if (nl === -1) return null;
 		i = nl + 1;
 	}
 	while (i < len) {
 		while (i < len && /\s/.test(code[i] ?? "")) i++;
-		if (i >= len) return false;
+		if (i >= len) return null;
 		if (code[i] === "/" && code[i + 1] === "/") {
 			const nl = code.indexOf("\n", i + 2);
-			if (nl === -1) return false;
+			if (nl === -1) return null;
 			i = nl + 1;
 			continue;
 		}
 		if (code[i] === "/" && code[i + 1] === "*") {
 			const end = code.indexOf("*/", i + 2);
-			if (end === -1) return false;
+			if (end === -1) return null;
 			i = end + 2;
 			continue;
 		}
 		const quote = code[i];
-		if (quote !== "\"" && quote !== "'") return false;
+		if (quote !== "\"" && quote !== "'") return null;
 		const closing = code.indexOf(quote, i + 1);
-		if (closing === -1) return false;
+		if (closing === -1) return null;
 		const directive = code.slice(i + 1, closing);
-		if (directive === "use client" || directive === "use server") return true;
+		if (directive === "use client" || directive === "use server") return directive;
 		i = closing + 1;
 		while (i < len && (code[i] === ";" || code[i] === " " || code[i] === "	")) i++;
 		if (code[i] === "\n") i++;
 	}
-	return false;
+	return null;
+}
+function hasReactDirective(code) {
+	return getLeadingReactDirective(code) !== null;
 }
 function generateRootParamsModule(rootParamNames) {
 	const names = Array.from(new Set(rootParamNames)).filter(isValidExportIdentifier).sort();
@@ -380,12 +377,15 @@ function generateRootParamsModule(rootParamNames) {
 const _reactServerShims = new Map([
 	["next/navigation", "navigation"],
 	["next/navigation.js", "navigation"],
-	["next/dist/client/components/navigation", "navigation"]
+	["next/dist/client/components/navigation", "navigation"],
+	["next/error", "error"],
+	["next/error.js", "error"]
 ]);
 const clientManualChunks = createClientManualChunks(_shimsDir);
 const clientCodeSplittingConfig = createClientCodeSplittingConfig(clientManualChunks);
 function getClientOutputConfigForVite(viteMajorVersion, assetsDir) {
 	return viteMajorVersion >= 8 ? {
+		...createClientFileNameConfig(assetsDir),
 		assetFileNames: createClientAssetFileNames(assetsDir),
 		codeSplitting: clientCodeSplittingConfig
 	} : createClientOutputConfig(clientManualChunks, assetsDir);
@@ -409,6 +409,7 @@ function vinext(options = {}) {
 	let hasNitroPlugin = false;
 	let rscCompatibilityId;
 	const draftModeSecret = randomUUID();
+	const sassComposesLoader = createSassAwareFileSystemLoader();
 	let rscClassificationManifest = null;
 	const shimsDir = path.resolve(__dirname, "shims");
 	const canonicalize = (p) => tryRealpathSync(p) ?? p;
@@ -434,7 +435,7 @@ function vinext(options = {}) {
 	* __NEXT_DATA__ to determine which page to hydrate.
 	*/
 	async function generateClientEntry$1() {
-		const appPrefetchRoutes = hasAppDir ? (await appRouter(appDir, nextConfig?.pageExtensions, fileMatcher)).filter(isLinkPrefetchRoute).map(toLinkPrefetchRoute) : [];
+		const appPrefetchRoutes = hasAppDir ? (await appRouter(appDir, nextConfig?.pageExtensions, fileMatcher)).map((route) => isLinkPrefetchRoute(route) ? toLinkPrefetchRoute(route) : toDocumentOnlyAppRoute(route)) : [];
 		return generateClientEntry(pagesDir, nextConfig, fileMatcher, {
 			appPrefetchRoutes,
 			instrumentationClientPath
@@ -547,7 +548,7 @@ function vinext(options = {}) {
 			name: "vinext:config",
 			enforce: "pre",
 			async config(config, env) {
-				root = config.root ?? process.cwd();
+				root = normalizePathSeparators(config.root ?? process.cwd());
 				const userResolve = config.resolve;
 				const shouldEnableNativeTsconfigPaths = viteMajorVersion >= 8 && userResolve?.tsconfigPaths === void 0;
 				const tsconfigPathAliases = resolveTsconfigAliases(root);
@@ -556,22 +557,22 @@ function vinext(options = {}) {
 				for (const [key, value] of Object.entries(dotenvVars)) if (process.env[key] === void 0) process.env[key] = value;
 				let resolvedNodeEnv;
 				if (mode === "test") resolvedNodeEnv = "test";
-				else if (env?.command === "build") resolvedNodeEnv = "production";
+				else if (env?.command === "build" || env?.isPreview === true) resolvedNodeEnv = "production";
 				else resolvedNodeEnv = "development";
 				if (process.env.NODE_ENV !== resolvedNodeEnv) process.env.NODE_ENV = resolvedNodeEnv;
 				let baseDir;
-				if (options.appDir) baseDir = path.isAbsolute(options.appDir) ? options.appDir : path.resolve(root, options.appDir);
+				if (options.appDir) baseDir = normalizePathSeparators(path.isAbsolute(options.appDir) ? options.appDir : path.resolve(root, options.appDir));
 				else {
-					const hasRootApp = fs.existsSync(path.join(root, "app"));
-					const hasRootPages = fs.existsSync(path.join(root, "pages"));
-					const hasSrcApp = fs.existsSync(path.join(root, "src", "app"));
-					const hasSrcPages = fs.existsSync(path.join(root, "src", "pages"));
+					const hasRootApp = fs.existsSync(path.posix.join(root, "app"));
+					const hasRootPages = fs.existsSync(path.posix.join(root, "pages"));
+					const hasSrcApp = fs.existsSync(path.posix.join(root, "src", "app"));
+					const hasSrcPages = fs.existsSync(path.posix.join(root, "src", "pages"));
 					if (hasRootApp || hasRootPages) baseDir = root;
-					else if (hasSrcApp || hasSrcPages) baseDir = path.join(root, "src");
+					else if (hasSrcApp || hasSrcPages) baseDir = path.posix.join(root, "src");
 					else baseDir = root;
 				}
-				pagesDir = path.join(baseDir, "pages");
-				appDir = path.join(baseDir, "app");
+				pagesDir = path.posix.join(baseDir, "pages");
+				appDir = path.posix.join(baseDir, "app");
 				hasPagesDir = fs.existsSync(pagesDir);
 				hasAppDir = !options.disableAppRouter && fs.existsSync(appDir);
 				if (!nextConfig) {
@@ -585,7 +586,7 @@ function vinext(options = {}) {
 						}
 						rawConfig = await resolveNextConfigInput(options.nextConfig, phase);
 					} else rawConfig = await loadNextConfig(root, phase);
-					nextConfig = await resolveNextConfig(rawConfig, root);
+					nextConfig = await resolveNextConfig(rawConfig, root, { dev: env?.command === "serve" && env?.isPreview !== true });
 					const sharedBuildId = process.env.__VINEXT_SHARED_BUILD_ID;
 					if (sharedBuildId && sharedBuildId.length > 0) nextConfig = {
 						...nextConfig,
@@ -612,6 +613,9 @@ function vinext(options = {}) {
 				defines["process.env.__NEXT_ROUTER_BASEPATH"] = JSON.stringify(nextConfig.basePath);
 				defines["process.env.__NEXT_CLIENT_ROUTER_STATIC_STALETIME"] = JSON.stringify(String(nextConfig.staleTimes.static));
 				defines["process.env.__VINEXT_PREFETCH_INLINING"] = JSON.stringify(nextConfig.prefetchInlining ? "true" : "false");
+				defines["process.env.__NEXT_GESTURE_TRANSITION"] = JSON.stringify(nextConfig.gestureTransition);
+				defines["process.env.__NEXT_APP_NAV_FAIL_HANDLING"] = JSON.stringify(nextConfig.appNavFailHandling);
+				defines["process.env.__NEXT_SCROLL_RESTORATION"] = JSON.stringify(nextConfig.scrollRestoration ? "true" : "false");
 				defines["process.env.__VINEXT_TRAILING_SLASH"] = JSON.stringify(nextConfig.trailingSlash ? "true" : "false");
 				defines["process.env.__VINEXT_IMAGE_REMOTE_PATTERNS"] = JSON.stringify(JSON.stringify(nextConfig.images?.remotePatterns ?? []));
 				defines["process.env.__VINEXT_IMAGE_DOMAINS"] = JSON.stringify(JSON.stringify(nextConfig.images?.domains ?? []));
@@ -638,6 +642,7 @@ function vinext(options = {}) {
 					];
 					defines["process.env.__VINEXT_IMAGE_DEVICE_SIZES"] = JSON.stringify(JSON.stringify(deviceSizes));
 					defines["process.env.__VINEXT_IMAGE_SIZES"] = JSON.stringify(JSON.stringify(imageSizes));
+					defines["process.env.__VINEXT_IMAGE_QUALITIES"] = JSON.stringify(JSON.stringify(nextConfig.images?.qualities ?? null));
 				}
 				defines["process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_SVG"] = JSON.stringify(String(nextConfig.images?.dangerouslyAllowSVG ?? false));
 				defines["process.env.__VINEXT_IMAGE_DANGEROUSLY_ALLOW_LOCAL_IP"] = JSON.stringify(String(nextConfig.images?.dangerouslyAllowLocalIP ?? false));
@@ -645,9 +650,10 @@ function vinext(options = {}) {
 				defines["process.env.__VINEXT_RSC_COMPATIBILITY_ID"] = JSON.stringify(rscCompatibilityId);
 				defines["process.env.__VINEXT_DEPLOYMENT_ID"] = JSON.stringify(nextConfig.deploymentId ?? "");
 				defines["process.env.NEXT_DEPLOYMENT_ID"] = nextConfig.deploymentId ? JSON.stringify(nextConfig.deploymentId) : "false";
+				defines["process.env.NEXT_RUNTIME"] = "\"\"";
 				defines["process.env.__NEXT_VERSION"] = JSON.stringify(getVinextVersion());
 				defines["process.env.__NEXT_APP_SHELLS"] = JSON.stringify(nextConfig.appShells);
-				defines["process.env.__NEXT_CACHE_COMPONENTS"] = JSON.stringify(String(nextConfig.cacheComponents ?? false));
+				defines["process.env.__NEXT_CACHE_COMPONENTS"] = JSON.stringify(nextConfig.cacheComponents ?? false);
 				for (const [key, value] of Object.entries(nextConfig.compilerDefine)) {
 					if (key in defines) throw new Error(`The \`compiler.define\` option is configured to replace the \`${key}\` variable. This variable is either part of a built-in or is already configured.`);
 					defines[key] = value;
@@ -675,7 +681,6 @@ function vinext(options = {}) {
 					"next/web-vitals": path.join(shimsDir, "web-vitals"),
 					"next/amp": path.join(shimsDir, "amp"),
 					"next/offline": path.join(shimsDir, "offline"),
-					"next/error": path.join(shimsDir, "error"),
 					"next/constants": path.join(shimsDir, "constants"),
 					"next/dist/shared/lib/app-router-context.shared-runtime": path.join(shimsDir, "internal", "app-router-context"),
 					"next/dist/shared/lib/app-router-context": path.join(shimsDir, "internal", "app-router-context"),
@@ -735,6 +740,7 @@ function vinext(options = {}) {
 					...typeof config.server?.hmr === "object" ? config.server.hmr : {},
 					overlay: false
 				};
+				const cssModulesOverride = config.css?.modules === false || typeof config.css?.modules === "object" && "Loader" in config.css.modules ? {} : { modules: { Loader: sassComposesLoader.Loader } };
 				const viteConfig = {
 					appType: "custom",
 					build: {
@@ -784,7 +790,6 @@ function vinext(options = {}) {
 							...nextConfig.aliases,
 							...nextShimMap
 						},
-						extensions: buildViteResolveExtensions(nextConfig.pageExtensions),
 						dedupe: [
 							"react",
 							"react-dom",
@@ -796,18 +801,29 @@ function vinext(options = {}) {
 					...viteMajorVersion >= 8 ? { oxc: { jsx: { runtime: "automatic" } } } : { esbuild: { jsx: "automatic" } },
 					define: defines,
 					...nextConfig.basePath ? { base: nextConfig.basePath + "/" } : {},
-					...nextConfig.assetPrefix ? { experimental: { renderBuiltUrl: (filename) => {
-						const urlPrefix = resolveAssetUrlPrefix(nextConfig.assetPrefix);
-						const dirPrefix = resolveAssetsDir(nextConfig.assetPrefix) + "/";
-						return urlPrefix + (filename.startsWith(dirPrefix) ? filename.slice(dirPrefix.length) : filename.startsWith(`_next/static/`) ? filename.slice(ASSET_PREFIX_URL_DIR.length + 1) : filename);
-					} } } : {},
-					...postcssOverride || sassPreprocessorOptions ? { css: {
+					...nextConfig.assetPrefix || nextConfig.deploymentId ? { experimental: { renderBuiltUrl: (filename, context) => renderVinextBuiltUrl(filename, nextConfig.assetPrefix, nextConfig.deploymentId, context.hostType) } } : {},
+					css: {
+						...nextConfig.useLightningcss ? {
+							transformer: "lightningcss",
+							lightningcss: {
+								...nextConfig.lightningCssFeatures.include ? { include: nextConfig.lightningCssFeatures.include } : {},
+								...nextConfig.lightningCssFeatures.exclude ? { exclude: nextConfig.lightningCssFeatures.exclude } : {}
+							}
+						} : {},
 						...postcssOverride ? { postcss: postcssOverride } : {},
-						...sassPreprocessorOptions ? { preprocessorOptions: {
-							scss: sassPreprocessorOptions,
-							sass: sassPreprocessorOptions
-						} } : {}
-					} } : {}
+						preprocessorOptions: (() => {
+							const tildeImporter = createSassTildeImporter(root);
+							const baseOpts = {
+								...sassPreprocessorOptions,
+								importers: [tildeImporter, ...sassPreprocessorOptions?.importers ?? []]
+							};
+							return {
+								scss: baseOpts,
+								sass: baseOpts
+							};
+						})(),
+						...cssModulesOverride
+					}
 				};
 				const nextServerExternal = nextConfig?.serverExternalPackages ?? [];
 				const userSsrExternal = Array.isArray(config.ssr?.external) ? [...config.ssr.external, ...nextServerExternal] : config.ssr?.external === true ? true : nextServerExternal;
@@ -884,7 +900,7 @@ function vinext(options = {}) {
 								])]
 							},
 							build: {
-								...hasCloudflarePlugin || hasPagesDir ? { manifest: true } : {},
+								manifest: true,
 								...hasPagesDir ? { ssrManifest: true } : {},
 								assetsInlineLimit: clientAssetsInlineLimit,
 								...withBuildBundlerOptions(viteMajorVersion, {
@@ -951,7 +967,29 @@ function vinext(options = {}) {
 				};
 				return viteConfig;
 			},
-			configResolved(config) {
+			configEnvironment(name, config) {
+				const configuredExtensions = name === "client" ? nextConfig.resolveExtensions : nextConfig.serverResolveExtensions;
+				const extensions = configuredExtensions === null ? buildViteResolveExtensions(nextConfig.pageExtensions, config.resolve?.extensions) : normalizeViteResolveExtensions(configuredExtensions);
+				config.resolve ??= {};
+				config.resolve.extensions = extensions;
+				return null;
+			},
+			async configResolved(config) {
+				sassComposesLoader.setResolvedConfig(config);
+				if (config.command === "build" && hasAppDir && hasPagesDir) {
+					const [appRoutes, pageRoutes, apiRoutes] = await Promise.all([
+						appRouter(appDir, nextConfig?.pageExtensions, fileMatcher),
+						pagesRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher),
+						apiRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher)
+					]);
+					validateHybridRouteConflicts([...pageRoutes, ...apiRoutes].map((route) => ({
+						...route,
+						sourcePath: path.relative(root, route.filePath)
+					})), appRoutes.filter((route) => route.pagePath !== null || route.routePath !== null).map((route) => ({
+						...route,
+						sourcePath: path.relative(root, route.pagePath ?? route.routePath)
+					})));
+				}
 				if (hasAppDir) {
 					const ssrEnv = config.environments?.ssr;
 					if (ssrEnv?.resolve?.external === true && Array.isArray(ssrEnv.resolve.noExternal)) ssrEnv.resolve.noExternal = ssrEnv.resolve.noExternal.filter((entry) => typeof entry !== "string" || !SSR_EXTERNAL_REACT_ENTRIES.includes(entry));
@@ -973,10 +1011,11 @@ function vinext(options = {}) {
 				}));
 			},
 			resolveId: {
-				filter: { id: /(?:next\/|virtual:vinext-|^@vercel\/og(?:\.js)?$)/ },
+				filter: { id: /(?:next\/|vinext\/shims\/|virtual:vinext-|@vercel\/og(?:\.js)?$)/ },
 				handler(id, importer) {
 					const cleanId = id.startsWith("\0") ? id.slice(1) : id;
 					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;
 					if (cleanId === VIRTUAL_CLIENT_ENTRY) return RESOLVED_CLIENT_ENTRY;
 					if (cleanId.endsWith("/virtual:vinext-server-entry") || cleanId.endsWith("\\virtual:vinext-server-entry")) return RESOLVED_SERVER_ENTRY;
@@ -1022,7 +1061,13 @@ function vinext(options = {}) {
 						reactMaxHeadersLength: nextConfig?.reactMaxHeadersLength,
 						cacheMaxMemorySize: nextConfig?.cacheMaxMemorySize,
 						inlineCss: nextConfig?.inlineCss,
+						cacheComponents: nextConfig?.cacheComponents,
 						i18n: nextConfig?.i18n,
+						imageConfig: {
+							deviceSizes: nextConfig?.images?.deviceSizes,
+							imageSizes: nextConfig?.images?.imageSizes,
+							qualities: nextConfig?.images?.qualities
+						},
 						hasPagesDir,
 						publicFiles: scanPublicFileRoutes(root),
 						globalNotFoundPath,
@@ -1034,7 +1079,17 @@ function vinext(options = {}) {
 				if (id === RESOLVED_APP_SSR_ENTRY && hasAppDir) return generateSsrEntry(hasPagesDir);
 				if (id === RESOLVED_APP_BROWSER_ENTRY && hasAppDir) {
 					const graph = await appRouteGraph(appDir, nextConfig?.pageExtensions, fileMatcher);
-					return generateBrowserEntry(graph.routes, graph.routeManifest);
+					const pagesPrefetchRoutes = hasPagesDir ? [...(await pagesRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher)).map((route) => ({
+						canPrefetchLoadingShell: false,
+						isDynamic: route.isDynamic,
+						patternParts: [...route.patternParts]
+					})), ...(await apiRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher)).map((route) => ({
+						canPrefetchLoadingShell: false,
+						documentOnly: true,
+						isDynamic: route.isDynamic,
+						patternParts: [...route.patternParts]
+					}))] : [];
+					return generateBrowserEntry(graph.routes, graph.routeManifest, pagesPrefetchRoutes, nextConfig.rewrites);
 				}
 				if (id.startsWith("\0virtual:vinext-google-fonts?")) return generateGoogleFontsVirtualModule(id, _fontGoogleShimPath);
 			},
@@ -1241,11 +1296,65 @@ function vinext(options = {}) {
 						if (mod) env.moduleGraph.invalidateModule(mod);
 					}
 				}
+				function invalidateHybridClientEntries() {
+					if (!hasAppDir || !hasPagesDir) return;
+					for (const env of Object.values(server.environments)) for (const id of [RESOLVED_CLIENT_ENTRY, RESOLVED_APP_BROWSER_ENTRY]) {
+						const mod = env.moduleGraph.getModuleById(id);
+						if (mod) env.moduleGraph.invalidateModule(mod);
+					}
+					server.ws.send({ type: "full-reload" });
+				}
+				function invalidatePagesServerEntry() {
+					for (const env of Object.values(server.environments)) {
+						const mod = env.moduleGraph.getModuleById(RESOLVED_SERVER_ENTRY);
+						if (mod) env.moduleGraph.invalidateModule(mod);
+					}
+					pagesRunner?.clearCache();
+				}
 				function invalidateAppRoutingModules() {
 					invalidateAppRouteCache();
 					invalidateRscEntryModule();
 					invalidateRootParamsModule();
 				}
+				let hybridRouteValidation = Promise.resolve();
+				let hybridRouteValidationError = null;
+				function sendHybridRouteValidationError(error) {
+					server.ws.send({
+						type: "error",
+						err: {
+							message: error.message,
+							stack: error.stack ?? error.message
+						}
+					});
+				}
+				server.ws.on("connection", () => {
+					if (hybridRouteValidationError) sendHybridRouteValidationError(hybridRouteValidationError);
+				});
+				function revalidateHybridRoutes() {
+					if (!hasAppDir || !hasPagesDir) return;
+					hybridRouteValidation = hybridRouteValidation.catch(() => {}).then(async () => {
+						const [appRoutes, pageRoutes, apiRoutes] = await Promise.all([
+							appRouter(appDir, nextConfig?.pageExtensions, fileMatcher),
+							pagesRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher),
+							apiRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher)
+						]);
+						validateHybridRouteConflicts([...pageRoutes, ...apiRoutes].map((route) => ({
+							...route,
+							sourcePath: path.relative(root, route.filePath)
+						})), appRoutes.filter((route) => route.pagePath !== null || route.routePath !== null).map((route) => ({
+							...route,
+							sourcePath: path.relative(root, route.pagePath ?? route.routePath)
+						})));
+						if (hybridRouteValidationError) {
+							hybridRouteValidationError = null;
+							server.ws.send({ type: "full-reload" });
+						}
+					}).catch((error) => {
+						const err = error instanceof Error ? error : new Error(String(error));
+						hybridRouteValidationError = err;
+						sendHybridRouteValidationError(err);
+					});
+				}
 				let appRouteTypeGeneration = null;
 				let appRouteTypeGenerationPending = false;
 				function warnRouteTypeGenerationFailure(error) {
@@ -1270,21 +1379,42 @@ function vinext(options = {}) {
 					});
 				}
 				regenerateAppRouteTypes();
+				revalidateHybridRoutes();
 				server.httpServer?.on("connection", (socket) => {
 					socket.on("error", () => {});
 				});
 				server.watcher.on("add", (filePath) => {
-					if (hasPagesDir && filePath.startsWith(pagesDir) && pageExtensions.test(filePath)) invalidateRouteCache(pagesDir);
+					let routeChanged = false;
+					if (hasPagesDir && filePath.startsWith(pagesDir) && pageExtensions.test(filePath)) {
+						invalidateRouteCache(pagesDir);
+						routeChanged = true;
+					}
 					if (hasAppDir && shouldInvalidateAppRouteFile(appDir, filePath, fileMatcher)) {
 						invalidateAppRoutingModules();
 						regenerateAppRouteTypes();
+						routeChanged = true;
+					}
+					if (routeChanged) {
+						invalidatePagesServerEntry();
+						invalidateHybridClientEntries();
+						revalidateHybridRoutes();
 					}
 				});
 				server.watcher.on("unlink", (filePath) => {
-					if (hasPagesDir && filePath.startsWith(pagesDir) && pageExtensions.test(filePath)) invalidateRouteCache(pagesDir);
+					let routeChanged = false;
+					if (hasPagesDir && filePath.startsWith(pagesDir) && pageExtensions.test(filePath)) {
+						invalidateRouteCache(pagesDir);
+						routeChanged = true;
+					}
 					if (hasAppDir && shouldInvalidateAppRouteFile(appDir, filePath, fileMatcher)) {
 						invalidateAppRoutingModules();
 						regenerateAppRouteTypes();
+						routeChanged = true;
+					}
+					if (routeChanged) {
+						invalidatePagesServerEntry();
+						invalidateHybridClientEntries();
+						revalidateHybridRoutes();
 					}
 				});
 				server.middlewares.use((req, res, next) => {
@@ -1361,6 +1491,7 @@ function vinext(options = {}) {
 					const handlePagesMiddleware = async (req, res, next) => {
 						try {
 							let url = req.url ?? "/";
+							const originalRequestUrl = url;
 							if (!hasPagesDir) return next();
 							if (url.startsWith("/@") || url.startsWith("/__vite") || url.startsWith("/node_modules")) return next();
 							if (url.split("?")[0].endsWith(".rsc")) return next();
@@ -1378,20 +1509,12 @@ function vinext(options = {}) {
 								return;
 							}
 							if (isImageOptimizationPath(url.split("?")[0])) {
-								const rawImgUrl = new URLSearchParams(url.split("?")[1] ?? "").get("url");
-								const imgUrl = rawImgUrl?.replaceAll("\\", "/") ?? null;
-								if (!imgUrl || !imgUrl.startsWith("/") || imgUrl.startsWith("//") || imgUrl.startsWith("/@") || imgUrl.startsWith("/__vite") || imgUrl.startsWith("/node_modules")) {
-									res.writeHead(400);
-									res.end(!rawImgUrl ? "Missing url parameter" : "Only relative URLs allowed");
-									return;
-								}
-								const resolvedImg = new URL(imgUrl, `http://${req.headers.host || "localhost"}`);
-								if (resolvedImg.origin !== `http://${req.headers.host || "localhost"}`) {
+								const encodedLocation = resolveDevImageRedirect(new URL(url, `http://${req.headers.host || "localhost"}`), [...nextConfig.images?.deviceSizes ?? DEFAULT_DEVICE_SIZES, ...nextConfig.images?.imageSizes ?? DEFAULT_IMAGE_SIZES], nextConfig.images?.qualities);
+								if (!encodedLocation) {
 									res.writeHead(400);
-									res.end("Only relative URLs allowed");
+									res.end("Invalid image optimization parameters");
 									return;
 								}
-								const encodedLocation = resolvedImg.pathname + resolvedImg.search;
 								res.writeHead(302, { Location: encodedLocation });
 								res.end();
 								return;
@@ -1444,14 +1567,17 @@ function vinext(options = {}) {
 									pathname = dataMatch.pagePathname;
 									req.url = url;
 								} else {
-									res.writeHead(404, { "Content-Type": "application/json" });
+									const deploymentId = process.env.__VINEXT_DEPLOYMENT_ID || process.env.NEXT_DEPLOYMENT_ID;
+									const notFoundHeaders = { "Content-Type": "application/json" };
+									if (deploymentId) notFoundHeaders[NEXTJS_DEPLOYMENT_ID_HEADER] = deploymentId;
+									res.writeHead(404, notFoundHeaders);
 									res.end("{}");
 									return;
 								}
 							}
 							if (pathname.includes(".") && !pathname.endsWith(".html")) return next();
 							if (hasCloudflarePlugin) return next();
-							const rawHeaders = new Headers(Object.fromEntries(Object.entries(req.headers).filter(([, v]) => v !== void 0).map(([k, v]) => [k, Array.isArray(v) ? v.join(", ") : String(v)])));
+							const rawHeaders = new Headers(Object.fromEntries(Object.entries(req.headers).filter(([k, v]) => v !== void 0 && !k.startsWith(":")).map(([k, v]) => [k, Array.isArray(v) ? v.join(", ") : String(v)])));
 							const isDataRequest = rawHeaders.get("x-nextjs-data") === "1";
 							const nodeRequestHeaders = filterInternalHeaders(rawHeaders);
 							for (const header of INTERNAL_HEADERS) delete req.headers[header];
@@ -1540,12 +1666,22 @@ function vinext(options = {}) {
 							};
 							if (pipelineResult.type === "api") {
 								const apiRoutes = await apiRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher);
-								if (matchRoute(pipelineResult.apiUrl, apiRoutes)) {
+								const apiMatch = matchRoute(pipelineResult.apiUrl, apiRoutes);
+								if (apiMatch && hasAppDir && appDir) {
+									const appRoutes = await appRouter(appDir, nextConfig?.pageExtensions, fileMatcher);
+									const appMatch = matchAppRoute(pipelineResult.apiUrl, appRoutes);
+									if (appMatch && !pagesRouteHasPriorityOverAppRoute(apiMatch.route, appMatch.route)) return next();
+								}
+								if (apiMatch) {
 									flushStagedHeaders();
 									flushRequestHeaders();
 									if (pipelineResult.middlewareStatus !== void 0) req.__vinextMiddlewareStatus = pipelineResult.middlewareStatus;
 								}
-								if (await handleApiRoute(getPagesRunner(), req, res, pipelineResult.apiUrl, apiRoutes)) return;
+								if (await handleApiRoute(getPagesRunner(), req, res, pipelineResult.apiUrl, apiRoutes, {
+									basePath: nextConfig?.basePath,
+									i18n: nextConfig?.i18n,
+									trailingSlash: nextConfig?.trailingSlash
+								})) return;
 								if (hasAppDir) return next();
 								res.statusCode = 404;
 								res.end("404 - API route not found");
@@ -1553,13 +1689,19 @@ function vinext(options = {}) {
 							}
 							{
 								const routes = await pagesRouter(pagesDir, nextConfig?.pageExtensions, fileMatcher);
-								if (!matchRoute(pipelineResult.resolvedUrl.split("?")[0], routes) && hasAppDir) return next();
-								const handler = createSSRHandler(server, getPagesRunner(), routes, pagesDir, nextConfig?.i18n, fileMatcher, nextConfig?.basePath ?? "", nextConfig?.trailingSlash ?? false, middlewarePath !== null, (nextConfig?.rewrites.beforeFiles.length ?? 0) > 0 || (nextConfig?.rewrites.afterFiles.length ?? 0) > 0 || (nextConfig?.rewrites.fallback.length ?? 0) > 0, nextConfig?.clientTraceMetadata);
+								const resolvedPathname = pipelineResult.resolvedUrl.split("#", 1)[0].split("?", 1)[0];
+								const renderMatch = matchRoute(resolvedPathname, routes);
+								if (hasAppDir && appDir) {
+									if (!renderMatch) return next();
+									const appMatch = matchAppRoute(resolvedPathname, await appRouter(appDir, nextConfig?.pageExtensions, fileMatcher));
+									if (appMatch && !pagesRouteHasPriorityOverAppRoute(renderMatch.route, appMatch.route)) return next();
+								}
+								const handler = createSSRHandler(server, getPagesRunner(), routes, pagesDir, nextConfig?.i18n, fileMatcher, nextConfig?.basePath ?? "", nextConfig?.trailingSlash ?? false, middlewarePath !== null, (nextConfig?.rewrites.beforeFiles.length ?? 0) > 0 || (nextConfig?.rewrites.afterFiles.length ?? 0) > 0 || (nextConfig?.rewrites.fallback.length ?? 0) > 0, nextConfig?.clientTraceMetadata, nextConfig?.htmlLimitedBots);
 								flushStagedHeaders();
 								flushRequestHeaders();
 								if (pipelineResult.middlewareStatus !== void 0) req.__vinextMiddlewareStatus = pipelineResult.middlewareStatus;
 								req.url = pipelineResult.resolvedUrl;
-								await handler(req, res, pipelineResult.resolvedUrl, req.__vinextMiddlewareStatus, pipelineResult.isDataReq);
+								await handler(req, res, pipelineResult.resolvedUrl, req.__vinextMiddlewareStatus, pipelineResult.isDataReq, originalRequestUrl);
 							}
 						} catch (e) {
 							next(e);
@@ -1581,6 +1723,7 @@ function vinext(options = {}) {
 				handler(code, id) {
 					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.`);
 				}
@@ -1624,14 +1767,24 @@ function vinext(options = {}) {
 				}
 			}
 		},
+		{
+			name: "vinext:typeof-window",
+			enforce: "post",
+			transform: {
+				filter: { code: /typeof\s+window/ },
+				handler(code) {
+					return replaceTypeofWindow(code, getTypeofWindowReplacement(this.environment));
+				}
+			}
+		},
 		{
 			name: "vinext:compiler-define-server",
 			configEnvironment(name) {
 				if (name === "client") return null;
 				const serverDefines = { ...nextConfig.compilerDefineServer };
+				serverDefines["process.env.NEXT_RUNTIME"] = JSON.stringify("nodejs");
 				const sharedRevalidateSecret = process.env.__VINEXT_SHARED_REVALIDATE_SECRET;
 				if (sharedRevalidateSecret) serverDefines["process.env.__VINEXT_REVALIDATE_SECRET"] = JSON.stringify(sharedRevalidateSecret);
-				if (Object.keys(serverDefines).length === 0) return null;
 				return { define: serverDefines };
 			}
 		},
@@ -1721,6 +1874,7 @@ function vinext(options = {}) {
 		createGoogleFontsPlugin(_fontGoogleShimPath, _shimsDir),
 		createLocalFontsPlugin(_shimsDir),
 		createOptimizeImportsPlugin(() => nextConfig, () => root),
+		createDynamicPreloadMetadataPlugin(),
 		{
 			name: "vinext:use-cache",
 			transform: {
@@ -1825,6 +1979,7 @@ function vinext(options = {}) {
 			}
 		},
 		createImportMetaUrlPlugin({ getRoot: () => root }),
+		createExtensionlessDynamicImportPlugin(),
 		createRequireContextPlugin(),
 		createOgInlineFetchAssetsPlugin(),
 		createOgAssetsPlugin(),
@@ -1841,6 +1996,9 @@ function vinext(options = {}) {
 					const outDir = options.dir;
 					if (!outDir) return;
 					const imageConfig = {
+						deviceSizes: nextConfig?.images?.deviceSizes,
+						imageSizes: nextConfig?.images?.imageSizes,
+						qualities: nextConfig?.images?.qualities,
 						dangerouslyAllowSVG: nextConfig?.images?.dangerouslyAllowSVG,
 						contentDispositionType: nextConfig?.images?.contentDispositionType,
 						contentSecurityPolicy: nextConfig?.images?.contentSecurityPolicy
@@ -2057,22 +2215,15 @@ function vinext(options = {}) {
 					const distDir = path.resolve(buildRoot, "dist");
 					if (!fs.existsSync(distDir)) return;
 					const clientDir = path.resolve(buildRoot, "dist", "client");
-					const clientBase = envConfig.base ?? "/";
-					let lazyChunksData = null;
-					let clientEntryFile = null;
-					const clientEntryManifest = readClientEntryManifest(clientDir);
-					clientEntryFile = (hasAppDir && hasPagesDir ? findPagesClientEntryFileFromVinextManifest : findClientEntryFileFromVinextManifest)(clientEntryManifest, clientBase) ?? null;
-					const buildManifest = readClientBuildManifest(path.join(clientDir, ".vite", "manifest.json"));
-					if (buildManifest) {
-						if (!clientEntryFile) clientEntryFile = (hasAppDir && hasPagesDir ? findPagesClientEntryFile : findClientEntryFile)({
-							buildManifest,
-							clientDir,
-							assetsSubdir: resolveAssetsDir(nextConfig?.assetPrefix),
-							assetBase: clientBase
-						}) ?? null;
-						const lazy = manifestFilesWithBase(computeLazyChunks(buildManifest), clientBase);
-						if (lazy.length > 0) lazyChunksData = lazy;
-					}
+					const runtimeMetadata = computeClientRuntimeMetadata({
+						clientDir,
+						assetBase: envConfig.base ?? "/",
+						assetPrefix: nextConfig.assetPrefix,
+						includeClientEntry: !hasAppDir ? true : hasPagesDir ? "pages-client-entry" : false
+					});
+					const lazyChunksData = runtimeMetadata.lazyChunks ?? null;
+					const dynamicPreloadsData = runtimeMetadata.dynamicPreloads ?? null;
+					let clientEntryFile = runtimeMetadata.clientEntryFile ?? null;
 					let ssrManifestData = null;
 					const ssrManifestPath = path.join(clientDir, ".vite", "ssr-manifest.json");
 					if (fs.existsSync(ssrManifestPath)) try {
@@ -2080,19 +2231,17 @@ function vinext(options = {}) {
 					} catch {}
 					if (hasAppDir) {
 						const workerEntry = path.resolve(distDir, "server", "index.js");
-						if (!clientEntryFile && hasPagesDir) clientEntryFile = findPagesClientEntryFile({
-							clientDir,
-							assetsSubdir: resolveAssetsDir(nextConfig?.assetPrefix),
-							assetBase: clientBase
-						}) ?? null;
-						if (fs.existsSync(workerEntry) && (lazyChunksData || ssrManifestData || hasPagesDir && clientEntryFile)) {
-							let code = fs.readFileSync(workerEntry, "utf-8");
-							const globals = [];
-							if (hasPagesDir && clientEntryFile) globals.push(`globalThis.__VINEXT_CLIENT_ENTRY__ = ${JSON.stringify(clientEntryFile)};`);
-							if (ssrManifestData) globals.push(`globalThis.__VINEXT_SSR_MANIFEST__ = ${JSON.stringify(ssrManifestData)};`);
-							if (lazyChunksData) globals.push(`globalThis.__VINEXT_LAZY_CHUNKS__ = ${JSON.stringify(lazyChunksData)};`);
-							code = globals.join("\n") + "\n" + code;
-							fs.writeFileSync(workerEntry, code);
+						if (fs.existsSync(workerEntry)) {
+							const script = buildRuntimeGlobalsScript({
+								clientEntryFile,
+								ssrManifest: ssrManifestData,
+								lazyChunks: lazyChunksData,
+								dynamicPreloads: dynamicPreloadsData
+							});
+							if (script) {
+								const code = fs.readFileSync(workerEntry, "utf-8");
+								fs.writeFileSync(workerEntry, script + "\n" + code);
+							}
 						}
 					} else {
 						let workerOutDir = null;
@@ -2107,19 +2256,15 @@ function vinext(options = {}) {
 						if (!workerOutDir) return;
 						const workerEntry = path.join(workerOutDir, "index.js");
 						if (!fs.existsSync(workerEntry)) return;
-						if (!clientEntryFile) clientEntryFile = findClientEntryFile({
-							clientDir,
-							assetsSubdir: resolveAssetsDir(nextConfig?.assetPrefix),
-							assetBase: clientBase
-						}) ?? null;
-						if (clientEntryFile || ssrManifestData || lazyChunksData) {
-							let code = fs.readFileSync(workerEntry, "utf-8");
-							const globals = [];
-							if (clientEntryFile) globals.push(`globalThis.__VINEXT_CLIENT_ENTRY__ = ${JSON.stringify(clientEntryFile)};`);
-							if (ssrManifestData) globals.push(`globalThis.__VINEXT_SSR_MANIFEST__ = ${JSON.stringify(ssrManifestData)};`);
-							if (lazyChunksData) globals.push(`globalThis.__VINEXT_LAZY_CHUNKS__ = ${JSON.stringify(lazyChunksData)};`);
-							code = globals.join("\n") + "\n" + code;
-							fs.writeFileSync(workerEntry, code);
+						const script = buildRuntimeGlobalsScript({
+							clientEntryFile,
+							ssrManifest: ssrManifestData,
+							lazyChunks: lazyChunksData,
+							dynamicPreloads: dynamicPreloadsData
+						});
+						if (script) {
+							const code = fs.readFileSync(workerEntry, "utf-8");
+							fs.writeFileSync(workerEntry, script + "\n" + code);
 						}
 					}
 					const headersPath = path.join(clientDir, "_headers");
@@ -2137,6 +2282,7 @@ function vinext(options = {}) {
 				}
 			}
 		},
+		createWasmModuleImportPlugin(),
 		{
 			name: "vinext:og-font-patch",
 			enforce: "pre",