@bleedingdev/modern-js-runtime 3.2.0-ultramodern.102 → 3.2.0-ultramodern.104

package/dist/esm/router/runtime/tanstack/plugin.mjs

@@ -61,49 +61,46 @@ function getCachedRouteModule(routeId) {
     if ("u" < typeof window) return;
     return window[routeModulesKey]?.[routeId];
 }
-async function preloadHydratedRouteComponents(router) {
+function preloadHydratedRouteComponents(router) {
     const preloadableRouter = router;
     const routesById = preloadableRouter.routesById || {};
     const matches = preloadableRouter.stores.matches.get();
-    await Promise.all(matches.map((match)=>{
-        if (!match.routeId) return;
+    return Promise.all(matches.map((match)=>{
+        if (void 0 === match.routeId || '' === match.routeId) return;
         const route = routesById[match.routeId];
         const component = route?.options?.component;
         const preload = component?.load || component?.preload;
         if ('function' != typeof preload) return;
         return Promise.resolve(preload.call(component)).then((routeModule)=>{
             const modernRouteId = route?.options?.staticData?.modernRouteId;
-            const resolvedComponent = pickRouteModuleComponent(modernRouteId && getCachedRouteModule(modernRouteId) || routeModule);
-            if (resolvedComponent && modernRouteId) route.options.component = withModernRouteMatchContext(resolvedComponent, modernRouteId);
+            const cachedRouteModule = 'string' == typeof modernRouteId && '' !== modernRouteId ? getCachedRouteModule(modernRouteId) : void 0;
+            const resolvedComponent = pickRouteModuleComponent(cachedRouteModule ?? routeModule);
+            if (void 0 !== resolvedComponent && 'string' == typeof modernRouteId && '' !== modernRouteId) route.options.component = withModernRouteMatchContext(resolvedComponent, modernRouteId);
         });
-    }));
+    })).then(()=>void 0);
 }
 function getTanstackSsrHydrationRecord(router) {
-    let hydrationRecord = routerHydrationRecords.get(router);
-    if (!hydrationRecord) {
-        hydrationRecord = {
-            promise: Promise.resolve(),
-            status: 'pending'
-        };
-        routerHydrationRecords.set(router, hydrationRecord);
-        try {
-            hydrationRecord.promise = hydrate(router).then(async (value)=>{
-                await preloadHydratedRouteComponents(router);
-                return value;
-            }).then((value)=>{
-                hydrationRecord.status = 'fulfilled';
-                return value;
-            }, (error)=>{
-                hydrationRecord.status = 'rejected';
-                hydrationRecord.error = error;
-                throw error;
-            });
-        } catch (error) {
+    const existingHydrationRecord = routerHydrationRecords.get(router);
+    if (void 0 !== existingHydrationRecord) return existingHydrationRecord;
+    const hydrationRecord = {
+        promise: Promise.resolve(),
+        status: 'pending'
+    };
+    routerHydrationRecords.set(router, hydrationRecord);
+    try {
+        hydrationRecord.promise = hydrate(router).then((value)=>preloadHydratedRouteComponents(router).then(()=>value)).then((value)=>{
+            hydrationRecord.status = 'fulfilled';
+            return value;
+        }, (error)=>{
             hydrationRecord.status = 'rejected';
             hydrationRecord.error = error;
-            hydrationRecord.promise = Promise.reject(error);
-            hydrationRecord.promise.catch(()=>{});
-        }
+            throw error;
+        });
+    } catch (error) {
+        hydrationRecord.status = 'rejected';
+        hydrationRecord.error = error;
+        hydrationRecord.promise = Promise.reject(error);
+        hydrationRecord.promise.catch(()=>{});
     }
     return hydrationRecord;
 }
@@ -224,13 +221,13 @@ const tanstackRouterPlugin = (userConfig = {})=>({
                 });
                 return cachedRouter;
             };
-            api.onBeforeRender(async (context)=>{
+            api.onBeforeRender((context)=>{
                 const mergedConfig = getMergedConfig();
-                if ("u" > typeof window && window._SSR_DATA && mergedConfig.unstable_reloadOnURLMismatch) {
+                if ("u" > typeof window && void 0 !== window._SSR_DATA && mergedConfig.unstable_reloadOnURLMismatch) {
                     const { ssrContext } = context;
                     const currentPathname = normalizePathname(window.location.pathname);
-                    const initialPathname = ssrContext?.request?.pathname && normalizePathname(ssrContext.request.pathname);
-                    if (initialPathname && initialPathname !== currentPathname) {
+                    const initialPathname = 'string' == typeof ssrContext?.request?.pathname ? normalizePathname(ssrContext.request.pathname) : void 0;
+                    if (void 0 !== initialPathname && '' !== initialPathname && initialPathname !== currentPathname) {
                         const errorMsg = `The initial URL ${initialPathname} and the URL ${currentPathname} to be hydrated do not match, reload.`;
                         console.error(errorMsg);
                         window.location.reload();
@@ -244,14 +241,14 @@ const tanstackRouterPlugin = (userConfig = {})=>({
                     useRouter: useRouter
                 };
                 const hasSSRBootstrap = "u" > typeof window && Boolean(window.$_TSR);
-                if (hasSSRBootstrap && getRouteObjects().length) {
+                if (hasSSRBootstrap && getRouteObjects().length > 0) {
                     const runtimeContext = context;
                     const router = getRouter(runtimeContext, getClientBasename(runtimeContext));
-                    if (router) await getTanstackSsrHydrationPromise(router);
+                    if (null != router) return getTanstackSsrHydrationPromise(router).then(()=>void 0);
                 }
             });
             api.wrapRoot((App)=>{
-                if (!getRouteObjects().length) return App;
+                if (0 === getRouteObjects().length) return App;
                 const RouterWrapper = ()=>{
                     const runtimeContext = useContext(InternalRuntimeContext);
                     const _basename = getClientBasename(runtimeContext);

package/dist/esm/router/runtime/tanstack/prefetchLink.mjs

@@ -4,7 +4,7 @@ function resolvePreloadFromPrefetch(prefetch, preload) {
     if (void 0 !== preload) return preload;
     if ('none' === prefetch) return false;
     if ('intent' === prefetch || 'render' === prefetch || 'viewport' === prefetch) return prefetch;
-    return preload;
+    return 'viewport';
 }
 const LinkComponentImpl = (props)=>{
     const { prefetch, preload, ...rest } = props;

package/dist/esm-node/boundary-debugger/index.mjs

@@ -51,7 +51,7 @@ const readQueryEnabledOverride = ()=>{
 const detectLanguage = ()=>{
     if ("u" < typeof document) return 'en';
     const htmlLanguage = document.documentElement.lang;
-    if (htmlLanguage) return htmlLanguage.split('-')[0] || 'en';
+    if ('' !== htmlLanguage) return htmlLanguage.split('-')[0] || 'en';
     if ("u" < typeof window) return 'en';
     return window.location.pathname.split('/').filter(Boolean)[0] || 'en';
 };
@@ -70,7 +70,7 @@ const getBoundaryId = (element)=>element.dataset.modernBoundaryId ?? element.dat
 const collectBoundaryElements = (legacySelector)=>{
     const elements = new Set();
     for (const element of document.querySelectorAll(boundarySelector))elements.add(element);
-    if (!legacySelector) return Array.from(elements);
+    if (void 0 === legacySelector || '' === legacySelector) return Array.from(elements);
     try {
         for (const element of document.querySelectorAll(legacySelector))elements.add(element);
     } catch  {}
@@ -114,7 +114,7 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
             const seenBoxes = new Set();
             const nextBoxes = collectBoundaryElements(legacySelector).map((element)=>{
                 const boundaryId = getBoundaryId(element);
-                if (!boundaryId) return;
+                if (void 0 === boundaryId || '' === boundaryId) return;
                 const rect = element.getBoundingClientRect();
                 if (rect.width <= 0 || rect.height <= 0) return;
                 const rectKey = formatRectKey(rect);
@@ -125,7 +125,7 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
                 const color = boundary?.color ?? palette[hashBoundaryId(boundaryId) % palette.length];
                 const label = boundary?.label ?? boundary?.appId ?? boundaryId;
                 const expose = element.dataset.modernMfExpose;
-                const detail = expose && expose !== label && expose !== boundaryId ? expose : void 0;
+                const detail = void 0 !== expose && '' !== expose && expose !== label && expose !== boundaryId ? expose : void 0;
                 const box = {
                     color,
                     height: rect.height,
@@ -135,7 +135,7 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
                     top: rect.top,
                     width: rect.width
                 };
-                if (detail) box.detail = detail;
+                if (void 0 !== detail) box.detail = detail;
                 return box;
             }).filter((box)=>void 0 !== box);
             setBoxes(nextBoxes);
@@ -228,7 +228,7 @@ function BoundaryDebugger({ controlMode = 'visible', enabledByDefault = false, l
                                 /*#__PURE__*/ jsx("span", {
                                     children: box.label
                                 }),
-                                box.detail ? /*#__PURE__*/ jsx("span", {
+                                void 0 !== box.detail && '' !== box.detail ? /*#__PURE__*/ jsx("span", {
                                     style: {
                                         font: '700 10px/1.1 system-ui, sans-serif',
                                         opacity: 0.82,

package/dist/esm-node/core/server/federatedCss.mjs

@@ -1,11 +1,11 @@
 import "node:module";
 import { attributesToString } from "./utils.mjs";
 const createFederatedCssLinks = (assets, options)=>{
-    if (!assets?.length) return '';
+    if (void 0 === assets || 0 === assets.length) return '';
     const seen = new Set(options.existingAssets || []);
     const attributes = attributesToString(options.attributes || {});
     const links = [];
-    for (const asset of assets)if (!(!asset || seen.has(asset) || options.template.includes(asset))) {
+    for (const asset of assets)if (!('' === asset || seen.has(asset) || options.template.includes(asset))) {
         seen.add(asset);
         links.push(`<link${attributes} href="${asset}" rel="stylesheet" />`);
     }

package/dist/esm-node/core/server/scriptOrder.mjs

@@ -17,10 +17,10 @@ function isEntryScript(src, entryName, asyncEntry) {
     return basename === `${prefix}.js` || basename.startsWith(`${prefix}.`) || basename.startsWith(`${prefix}-`);
 }
 function injectBeforeHydrationEntryScript(template, scripts, entryName = 'index') {
-    if (!scripts) return template;
+    if ('' === scripts) return template;
     const scriptTags = getScriptTags(template);
     const target = scriptTags.find((match)=>isEntryScript(match.src, entryName, false)) ?? scriptTags.find((match)=>isEntryScript(match.src, entryName, true));
-    if (!target) return template;
+    if (void 0 === target) return template;
     return `${template.slice(0, target.index)}${scripts}${template.slice(target.index)}`;
 }
 export { injectBeforeHydrationEntryScript };

package/dist/esm-node/core/server/stream/beforeTemplate.mjs

@@ -49,7 +49,7 @@ async function buildShellBeforeTemplate(beforeAppTemplate, options) {
                     if (!index) return;
                     const routeId = match.route.id;
                     if (routeId) return routeAssets[routeId];
-                }).filter(Boolean) ?? [];
+                }).filter((routeManifest)=>void 0 !== routeManifest) ?? [];
             }
             const asyncEntry = routeAssets[`async-${entryName}`];
             if (asyncEntry) matchedRouteManifests.push(asyncEntry);

package/dist/esm-node/core/server/stream/beforeTemplate.worker.mjs

@@ -40,7 +40,7 @@ async function buildShellBeforeTemplate(beforeAppTemplate, options) {
                     if (!index) return;
                     const routeId = match.route.id;
                     if (routeId) return routeAssets[routeId];
-                }).filter(Boolean) ?? [];
+                }).filter((routeManifest)=>void 0 !== routeManifest) ?? [];
             }
             const asyncEntry = routeAssets[`async-${entryName}`];
             if (asyncEntry) matchedRouteManifests.push(asyncEntry);

package/dist/esm-node/document/cli/index.mjs

@@ -301,7 +301,7 @@ const documentPlugin = ()=>({
                 const { entrypoints, internalDirectory, appDirectory } = api.getAppContext();
                 const documentFilePath = getDocumentByEntryName(entrypoints, entryName, appDirectory);
                 if (!documentFilePath) return null;
-                return async ({ htmlPlugin })=>{
+                return async (templateData)=>{
                     const config = api.getNormalizedConfig();
                     const documentParams = getDocParams({
                         config: config,
@@ -320,6 +320,8 @@ const documentPlugin = ()=>({
                     debug("entry %s's document jsx rendered html: %o", entryName, html);
                     const { partialsByEntrypoint } = api.getAppContext();
                     html = processPartials(html, entryName, partialsByEntrypoint || {});
+                    const htmlPlugin = templateData.htmlPlugin || templateData.htmlWebpackPlugin || templateData.htmlRspackPlugin;
+                    if (!htmlPlugin) throw new Error('Failed to get HTML plugin tags from template parameters.');
                     const { scripts, links, metas, titles } = extractHtmlTags(htmlPlugin, templateParameters);
                     return processPlaceholders(html, config, scripts, links, metas, titles);
                 };

package/dist/esm-node/exports/head.mjs

@@ -41,7 +41,7 @@ const createAttributeDatum = (attributes)=>({
 const createTitleDatum = (title, attributes)=>({
         toComponent: ()=>[],
         toString: ()=>{
-            if (!title) return '';
+            if (void 0 === title || '' === title) return '';
             const attrs = attributesToString(attributes, true);
             return `<title ${attrs}>${escapeHtml(title)}</title>`;
         }
@@ -58,6 +58,10 @@ const createEmptyHelmetState = ()=>({
         style: createDatum('style', []),
         title: createTitleDatum(void 0, {})
     });
+const normalizeHelmetTitle = (title)=>{
+    if ('string' == typeof title) return title;
+    if (Array.isArray(title)) return title.map((part)=>String(part)).join('');
+};
 const mergeAttributes = (current, next)=>({
         ...current,
         ...next ?? {}
@@ -87,7 +91,7 @@ const collectHelmetProps = (current, props)=>{
     const baseState = current ?? createEmptyHelmetState();
     const draft = {
         base: [
-            ...props.base ? [
+            ...void 0 !== props.base ? [
                 props.base
             ] : []
         ],
@@ -108,11 +112,11 @@ const collectHelmetProps = (current, props)=>{
         style: [
             ...props.style ?? []
         ],
-        title: 'string' == typeof props.title ? props.title : Array.isArray(props.title) ? props.title.join('') : void 0,
+        title: normalizeHelmetTitle(props.title),
         titleAttributes: props.titleAttributes ?? {}
     };
     collectChildren(props.children, draft);
-    const title = draft.title && props.titleTemplate ? props.titleTemplate.replaceAll('%s', draft.title) : draft.title ?? props.defaultTitle;
+    const title = void 0 !== draft.title && '' !== draft.title && void 0 !== props.titleTemplate ? props.titleTemplate.replaceAll('%s', draft.title) : draft.title ?? props.defaultTitle;
     return {
         base: createDatum('base', [
             ...baseState.__baseTags ?? [],
@@ -174,7 +178,7 @@ const collectHelmetProps = (current, props)=>{
 };
 const head_Helmet = (props)=>{
     const runtimeContext = react.useContext(InternalRuntimeContext);
-    if (runtimeContext && !runtimeContext.isBrowser) {
+    if (null !== runtimeContext && false === runtimeContext.isBrowser) {
         runtimeContext._helmetContext ??= {};
         runtimeContext._helmetContext.helmet = collectHelmetProps(runtimeContext._helmetContext.helmet ?? void 0, props);
         return null;

package/dist/esm-node/exports/loadable.mjs

@@ -1,22 +1,28 @@
 import "node:module";
 import * as __rspack_external__loadable_component_0aaae075 from "@loadable/component";
 export * from "@loadable/component";
+function asLoadableNamespace(value) {
+    return 'object' == typeof value && null !== value ? value : {};
+}
 function resolveLoadable(module) {
-    const namespace = module;
-    const defaultExport = namespace.default;
+    const namespace = asLoadableNamespace(module);
+    const defaultExport = asLoadableNamespace(namespace.default);
     const candidates = [
         module,
         namespace.default,
         defaultExport?.default
     ];
     const loadable = candidates.find((candidate)=>'function' == typeof candidate);
-    if (!loadable) throw new TypeError('Modern.js runtime loadable export must resolve to a function');
+    if ('function' != typeof loadable) throw new TypeError('Modern.js runtime loadable export must resolve to a function');
     return loadable;
 }
 const loadable_loadable = resolveLoadable(__rspack_external__loadable_component_0aaae075);
-const lazy = __rspack_external__loadable_component_0aaae075.lazy ?? __rspack_external__loadable_component_0aaae075["default"]?.lazy ?? loadable_loadable.lazy;
-const loadableReady = __rspack_external__loadable_component_0aaae075.loadableReady ?? __rspack_external__loadable_component_0aaae075["default"]?.loadableReady ?? loadable_loadable.loadableReady;
-const __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = __rspack_external__loadable_component_0aaae075.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED ?? __rspack_external__loadable_component_0aaae075["default"]?.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED ?? loadable_loadable.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+const loadableNamespace = asLoadableNamespace(__rspack_external__loadable_component_0aaae075);
+const loadableDefaultNamespace = asLoadableNamespace(loadableNamespace.default);
+const callableLoadableNamespace = asLoadableNamespace(loadable_loadable);
+const lazy = loadableNamespace.lazy ?? loadableDefaultNamespace.lazy ?? callableLoadableNamespace.lazy;
+const loadableReady = loadableNamespace.loadableReady ?? loadableDefaultNamespace.loadableReady ?? callableLoadableNamespace.loadableReady;
+const __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = loadableNamespace.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED ?? loadableDefaultNamespace.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED ?? callableLoadableNamespace.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 const exports_loadable = loadable_loadable;
 export default exports_loadable;
 export { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, lazy, loadableReady };

package/dist/esm-node/router/runtime/PrefetchLink.mjs

@@ -11,45 +11,142 @@ function composeEventHandlers(theirHandler, ourHandler) {
     };
 }
 const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-function usePrefetchBehavior(prefetch, theirElementProps) {
-    const [maybePrefetch, setMaybePrefetch] = react.useState(false);
+const DEFAULT_PREFETCH_BEHAVIOR = 'render';
+const DEFAULT_PRELOAD_BEHAVIOR = 'viewport';
+const INTENT_DELAY = 100;
+const VIEWPORT_ROOT_MARGIN = '200px';
+const MAX_CONCURRENT_WARMUPS = 4;
+const WARMUP_TTL = 30000;
+const SLOW_EFFECTIVE_TYPES = new Set([
+    'slow-2g',
+    '2g'
+]);
+const warmupCache = new Map();
+const warmupQueue = [];
+let activeWarmups = 0;
+const getWarmupTimestamp = ()=>performance.now();
+const getConnection = ()=>{
+    const nav = globalThis.navigator;
+    return nav?.connection || nav?.mozConnection || nav?.webkitConnection;
+};
+const shouldWarmupOnCurrentNetwork = ()=>{
+    const connection = getConnection();
+    if (connection?.saveData) return false;
+    if ('string' == typeof connection?.effectiveType && SLOW_EFFECTIVE_TYPES.has(connection.effectiveType)) return false;
+    return true;
+};
+const pruneWarmupCache = (now = getWarmupTimestamp())=>{
+    for (const [key, timestamp] of warmupCache)if (now - timestamp > WARMUP_TTL) warmupCache.delete(key);
+};
+const runNextWarmup = ()=>{
+    while(activeWarmups < MAX_CONCURRENT_WARMUPS && warmupQueue.length > 0){
+        const task = warmupQueue.shift();
+        if (task.cancelled) continue;
+        activeWarmups += 1;
+        task.run().catch((error)=>{
+            console.error(error);
+            warmupCache.delete(task.key);
+        }).finally(()=>{
+            activeWarmups -= 1;
+            runNextWarmup();
+        });
+    }
+};
+const scheduleWarmup = (key, run)=>{
+    if (!shouldWarmupOnCurrentNetwork()) return ()=>{};
+    pruneWarmupCache();
+    if (warmupCache.has(key)) return ()=>{};
+    warmupCache.set(key, getWarmupTimestamp());
+    const task = {
+        key,
+        run,
+        cancelled: false
+    };
+    warmupQueue.push(task);
+    runNextWarmup();
+    return ()=>{
+        task.cancelled = true;
+    };
+};
+const setRef = (ref, value)=>{
+    if (!ref) return;
+    if ('function' == typeof ref) return void ref(value);
+    try {
+        ref.current = value;
+    } catch  {}
+};
+const isDataWarmupEnabled = (route)=>{
+    const handle = route.handle;
+    return handle?.navigationWarmup?.data === true;
+};
+function usePrefetchBehavior(prefetch, preload, theirElementProps) {
+    const [maybeWarmup, setMaybeWarmup] = react.useState(false);
     const [shouldPrefetch, setShouldPrefetch] = react.useState(false);
+    const [shouldPreload, setShouldPreload] = react.useState(false);
+    const [viewportElement, setViewportElement] = react.useState(null);
     const { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
     react.useEffect(()=>{
         if ('render' === prefetch) setShouldPrefetch(true);
+        if ('render' === preload) setShouldPreload(true);
     }, [
-        prefetch
+        prefetch,
+        preload
     ]);
     const setIntent = ()=>{
-        if ('intent' === prefetch) setMaybePrefetch(true);
+        if ('intent' === prefetch || 'intent' === preload) setMaybeWarmup(true);
     };
     const cancelIntent = ()=>{
-        if ('intent' === prefetch) {
-            setMaybePrefetch(false);
+        if ('intent' === prefetch || 'intent' === preload) {
+            setMaybeWarmup(false);
             setShouldPrefetch(false);
+            setShouldPreload(false);
         }
     };
     react.useEffect(()=>{
-        if (maybePrefetch) {
+        if (maybeWarmup) {
             const id = setTimeout(()=>{
-                setShouldPrefetch(true);
-            }, 100);
+                if ('intent' === prefetch) setShouldPrefetch(true);
+                if ('intent' === preload) setShouldPreload(true);
+            }, INTENT_DELAY);
             return ()=>{
                 clearTimeout(id);
             };
         }
     }, [
-        maybePrefetch
+        maybeWarmup,
+        prefetch,
+        preload
+    ]);
+    react.useEffect(()=>{
+        if (!viewportElement || 'viewport' !== prefetch && 'viewport' !== preload || "u" < typeof IntersectionObserver) return;
+        const observer = new IntersectionObserver((entries)=>{
+            if (!entries.some((entry)=>entry.isIntersecting)) return;
+            if ('viewport' === prefetch) setShouldPrefetch(true);
+            if ('viewport' === preload) setShouldPreload(true);
+            observer.disconnect();
+        }, {
+            rootMargin: VIEWPORT_ROOT_MARGIN
+        });
+        observer.observe(viewportElement);
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        prefetch,
+        preload,
+        viewportElement
     ]);
     return [
         shouldPrefetch,
+        shouldPreload,
         {
             onFocus: composeEventHandlers(onFocus, setIntent),
             onBlur: composeEventHandlers(onBlur, cancelIntent),
             onMouseEnter: composeEventHandlers(onMouseEnter, setIntent),
             onMouseLeave: composeEventHandlers(onMouseLeave, cancelIntent),
             onTouchStart: composeEventHandlers(onTouchStart, setIntent)
-        }
+        },
+        setViewportElement
     ];
 }
 async function loadRouteModule(route, routeAssets) {
@@ -84,14 +181,34 @@ const getDataHref = (route, pathname, basename)=>{
     const url = getRequestUrl(path, id);
     return createDataHref(url.toString());
 };
-const PrefetchPageLinks = ({ path })=>{
+const PrefetchPageLinks = ({ path, includeData })=>{
     const { pathname } = path;
     const context = useContext(InternalRuntimeContext);
     const { routeManifest, routes } = context;
     const { routeAssets } = routeManifest || {};
-    const matches = Array.isArray(routes) ? matchRoutes(routes, pathname) : [];
-    if (Array.isArray(matches) && routeAssets) matches?.forEach((match)=>loadRouteModule(match.route, routeAssets));
-    if (!window._SSR_DATA) return null;
+    const allowNetworkWarmup = shouldWarmupOnCurrentNetwork();
+    const matches = useMemo(()=>Array.isArray(routes) ? matchRoutes(routes, pathname) : [], [
+        pathname,
+        routes
+    ]);
+    react.useEffect(()=>{
+        if (!allowNetworkWarmup || !Array.isArray(matches) || !routeAssets || !__webpack_chunk_load__) return;
+        const cancellations = matches.map((match)=>{
+            const routeId = match.route.id;
+            const routeAsset = routeId ? routeAssets[routeId] : void 0;
+            const chunkIds = routeAsset?.chunkIds;
+            if (!routeId || !Array.isArray(chunkIds) || 0 === chunkIds.length) return ()=>{};
+            return scheduleWarmup(`route-module:${routeId}:${chunkIds.join(',')}`, ()=>loadRouteModule(match.route, routeAssets));
+        });
+        return ()=>{
+            cancellations.forEach((cancel)=>cancel());
+        };
+    }, [
+        allowNetworkWarmup,
+        matches,
+        routeAssets
+    ]);
+    if (!allowNetworkWarmup || !includeData || !window._SSR_DATA) return null;
     return /*#__PURE__*/ jsx(PrefetchDataLinks, {
         matches: matches,
         path: path,
@@ -103,7 +220,7 @@ const PrefetchDataLinks = ({ matches, path, routeManifest })=>{
     const currentMatches = useMatches();
     const basename = useHref('/');
     const dataHrefs = useMemo(()=>matches?.filter((match, index)=>{
-            if (!match.route.loader || 'function' != typeof match.route.loader || 0 === match.route.loader.length) return false;
+            if (!isDataWarmupEnabled(match.route) || !match.route.loader || 'function' != typeof match.route.loader || 0 === match.route.loader.length) return false;
             if (match.route.shouldRevalidate) {
                 const currentUrl = new URL(location.pathname + location.search + location.hash, window.origin);
                 const nextUrl = new URL(pathname + search + hash, window.origin);
@@ -130,20 +247,35 @@ const PrefetchDataLinks = ({ matches, path, routeManifest })=>{
         children: dataHrefs
     });
 };
-const createPrefetchLink = (Link)=>/*#__PURE__*/ react.forwardRef(({ to, prefetch = 'none', ...props }, forwardedRef)=>{
+const normalizePreloadBehavior = (preload, prefetch)=>{
+    if (false === preload || 'none' === preload) return 'none';
+    if (void 0 !== preload) return preload;
+    if ('none' === prefetch) return 'none';
+    return DEFAULT_PRELOAD_BEHAVIOR;
+};
+const createPrefetchLink = (Link)=>/*#__PURE__*/ react.forwardRef(({ to, prefetch = DEFAULT_PREFETCH_BEHAVIOR, preload, ...props }, forwardedRef)=>{
         const isAbsolute = 'string' == typeof to && ABSOLUTE_URL_REGEX.test(to);
-        const [shouldPrefetch, prefetchHandlers] = usePrefetchBehavior(prefetch, props);
+        const resolvedPreload = normalizePreloadBehavior(preload, prefetch);
+        const [shouldPrefetch, shouldPreload, prefetchHandlers, setViewportElement] = usePrefetchBehavior(prefetch, resolvedPreload, props);
+        const setAnchorRef = react.useCallback((element)=>{
+            setViewportElement(element);
+            setRef(forwardedRef, element);
+        }, [
+            forwardedRef,
+            setViewportElement
+        ]);
         const resolvedPath = useResolvedPath(to);
         return /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(Link, {
-                    ref: forwardedRef,
+                    ref: setAnchorRef,
                     to: to,
                     ...props,
                     ...prefetchHandlers
                 }),
-                shouldPrefetch && __webpack_chunk_load__ && !isAbsolute ? /*#__PURE__*/ jsx(PrefetchPageLinks, {
-                    path: resolvedPath
+                (shouldPrefetch || shouldPreload) && !isAbsolute ? /*#__PURE__*/ jsx(PrefetchPageLinks, {
+                    path: resolvedPath,
+                    includeData: shouldPrefetch
                 }) : null
             ]
         });

package/dist/esm-node/router/runtime/tanstack/outlet.mjs

@@ -6,7 +6,7 @@ const outlet_Outlet = /*#__PURE__*/ memo(function() {
     return /*#__PURE__*/ jsx(Outlet, {});
 });
 function withModernRouteMatchContext(component, _routeId) {
-    if (!component) return component;
+    if (null == component) return component;
     const Component = component;
     const WrappedRouteComponent = (props)=>/*#__PURE__*/ createElement(Component, props);
     const preloadable = component;