@bleedingdev/modern-js-runtime 3.2.0-ultramodern.101 → 3.2.0-ultramodern.103

package/dist/cjs/router/runtime/utils.js

@@ -10,11 +10,15 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/router/runtime/withRouter.js

@@ -1,11 +1,15 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/rsc/client.js

@@ -24,11 +24,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -47,9 +51,6 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        isRedirectResponse: ()=>isRedirectResponse
-    });
     var _modern_js_render_client__rspack_import_0 = __webpack_require__("@modern-js/render/client");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _modern_js_render_client__rspack_import_0)if ([
@@ -58,6 +59,9 @@ var __webpack_exports__ = {};
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_modern_js_render_client__rspack_import_0[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     const isRedirectResponse = (res)=>null != res.headers.get('X-Modernjs-Redirect');
+    __webpack_require__.d(__webpack_exports__, {}, {
+        isRedirectResponse: isRedirectResponse
+    });
 })();
 exports.isRedirectResponse = __webpack_exports__.isRedirectResponse;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/rsc/server.js

@@ -24,11 +24,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/rsc/server.worker.js

@@ -24,11 +24,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/ssr/index.node.js

@@ -33,11 +33,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -56,10 +60,6 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        default: ()=>__rspack_default_export,
-        ssr: ()=>ssr
-    });
     var _serverRender__rspack_import_0 = __webpack_require__("./serverRender");
     var _serverRender__rspack_import_0_default = /*#__PURE__*/ __webpack_require__.n(_serverRender__rspack_import_0);
     var _serverRender_tracker__rspack_import_1 = __webpack_require__("./serverRender/tracker");
@@ -109,6 +109,10 @@ var __webpack_exports__ = {};
                 })
         });
     const __rspack_default_export = ssr;
+    __webpack_require__.d(__webpack_exports__, {}, {
+        default: __rspack_default_export,
+        ssr: ssr
+    });
 })();
 exports["default"] = __webpack_exports__["default"];
 exports.ssr = __webpack_exports__.ssr;

package/dist/cjs/ssr/serverRender/renderToStream/buildTemplate.after.js

@@ -1,11 +1,15 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/ssr/serverRender/renderToString/entry.js

@@ -10,11 +10,15 @@ var __webpack_require__ = {};
     };
 })();
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/cjs/ssr/serverRender/types.js

@@ -1,11 +1,15 @@
 "use strict";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

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

@@ -299,7 +299,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,
@@ -318,6 +318,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/router/runtime/PrefetchLink.mjs

@@ -10,45 +10,141 @@ 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 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 = Date.now())=>{
+    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, Date.now());
+    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) {
@@ -83,14 +179,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,
@@ -102,7 +218,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);
@@ -129,20 +245,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/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/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);
                 };