vinext 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,7 +1,7 @@
 import { detectPackageManager } from "./utils/project.js";
-import { normalizePathSeparators, stripViteModuleQuery } from "./utils/path.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 { 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";
@@ -10,13 +10,13 @@ import { filterInternalHeaders, isOpenRedirectShaped, normalizeTrailingSlash } f
 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,6 +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 { 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";
@@ -65,7 +67,9 @@ 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";
@@ -84,17 +88,6 @@ 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;
@@ -103,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));
@@ -314,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();
@@ -382,7 +377,9 @@ 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);
@@ -438,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
@@ -560,7 +557,7 @@ 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;
@@ -589,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,
@@ -617,6 +614,8 @@ function vinext(options = {}) {
 				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 ?? []));
@@ -643,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));
@@ -681,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"),
@@ -791,7 +790,6 @@ function vinext(options = {}) {
 							...nextConfig.aliases,
 							...nextShimMap
 						},
-						extensions: buildViteResolveExtensions(nextConfig.pageExtensions),
 						dedupe: [
 							"react",
 							"react-dom",
@@ -803,12 +801,15 @@ 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);
-					} } } : {},
+					...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 } : {},
 						preprocessorOptions: (() => {
 							const tildeImporter = createSassTildeImporter(root);
@@ -966,8 +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));
@@ -989,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;
@@ -1038,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,
@@ -1050,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);
 			},
@@ -1257,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) {
@@ -1286,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) => {
@@ -1377,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();
@@ -1394,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;
@@ -1470,7 +1577,7 @@ function vinext(options = {}) {
 							}
 							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];
@@ -1559,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");
@@ -1572,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);
@@ -1600,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.`);
 				}
@@ -1643,6 +1767,16 @@ 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) {
@@ -1845,6 +1979,7 @@ function vinext(options = {}) {
 			}
 		},
 		createImportMetaUrlPlugin({ getRoot: () => root }),
+		createExtensionlessDynamicImportPlugin(),
 		createRequireContextPlugin(),
 		createOgInlineFetchAssetsPlugin(),
 		createOgAssetsPlugin(),
@@ -1861,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

package/dist/plugins/extensionless-dynamic-import.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vite";
+
+//#region src/plugins/extensionless-dynamic-import.d.ts
+declare function createExtensionlessDynamicImportPlugin(): Plugin;
+//#endregion
+export { createExtensionlessDynamicImportPlugin };