@bleedingdev/modern-js-runtime 3.2.0-ultramodern.0

package/dist/cjs/router/runtime/tanstack/plugin.node.js

@@ -0,0 +1,278 @@
+"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__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    tanstackRouterPlugin: ()=>tanstackRouterPlugin
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
+const node_namespaceObject = require("@modern-js/runtime-utils/node");
+const time_namespaceObject = require("@modern-js/runtime-utils/time");
+const constants_namespaceObject = require("@modern-js/utils/universal/constants");
+const react_router_namespaceObject = require("@tanstack/react-router");
+const server_namespaceObject = require("@tanstack/react-router/ssr/server");
+const external_react_namespaceObject = require("react");
+const index_js_namespaceObject = require("../../../core/context/index.js");
+const external_lifecycle_js_namespaceObject = require("../lifecycle.js");
+const external_utils_js_namespaceObject = require("../utils.js");
+const external_basepathRewrite_js_namespaceObject = require("./basepathRewrite.js");
+const external_routeTree_js_namespaceObject = require("./routeTree.js");
+function isPreloadableRouteComponent(component) {
+    if (!component || 'function' != typeof component) return false;
+    const preloadable = component;
+    return 'function' == typeof preloadable.load || 'function' == typeof preloadable.preload;
+}
+async function preloadRouteComponent(component) {
+    if (!isPreloadableRouteComponent(component)) return;
+    if ('function' == typeof component.load) return void await component.load({});
+    await component.preload?.({});
+}
+async function preloadMatchedRouteComponents(tanstackRouter) {
+    const matches = Array.isArray(tanstackRouter.state.matches) ? tanstackRouter.state.matches : [];
+    const routesById = tanstackRouter.routesById || {};
+    await Promise.all(matches.map(async (match)=>{
+        const routeId = 'string' == typeof match.routeId ? match.routeId : 'string' == typeof match.route?.id ? match.route.id : void 0;
+        const route = routeId ? routesById[routeId] : match.route;
+        const options = route?.options;
+        if (!options) return;
+        await Promise.all([
+            preloadRouteComponent(options.component),
+            preloadRouteComponent(options.pendingComponent),
+            preloadRouteComponent(options.errorComponent),
+            preloadRouteComponent(options.notFoundComponent)
+        ]);
+    }));
+}
+async function waitForRouterSerialization(tanstackRouter) {
+    const serverSsr = tanstackRouter.serverSsr;
+    if (!serverSsr || 'function' != typeof serverSsr.onSerializationFinished || serverSsr.isSerializationFinished?.()) return;
+    await new Promise((resolve)=>{
+        serverSsr.onSerializationFinished?.(resolve);
+    });
+}
+function htmlEscapeAttr(value) {
+    return value.replace(/&/g, '&').replace(/"/g, '"');
+}
+function routerManagedTagToHtml(tag) {
+    if (!tag || 'object' != typeof tag) return '';
+    const managedTag = tag;
+    if (!managedTag || "script" !== managedTag.tag) return '';
+    const attrs = managedTag.attrs || {};
+    const attrsStr = Object.entries(attrs).filter(([, v])=>null != v && false !== v).map(([k, v])=>{
+        const name = 'className' === k ? 'class' : k;
+        if (true === v) return name;
+        return `${name}="${htmlEscapeAttr(String(v))}"`;
+    }).join(' ');
+    const open = attrsStr.length ? `<script ${attrsStr}>` : "<script>";
+    const children = 'string' == typeof managedTag.children ? managedTag.children : '';
+    return `${open}${children}</script>`;
+}
+function routerManagedTagsToHtml(tags) {
+    const normalizedTags = Array.isArray(tags) ? tags : [
+        tags
+    ];
+    return normalizedTags.map(routerManagedTagToHtml).filter(Boolean);
+}
+function createGetSsrHref(request) {
+    const url = new URL(request.url);
+    return `${url.pathname}${url.search}${url.hash}`;
+}
+function stripSyntheticNotFoundRoute(routes) {
+    return routes.filter((route)=>!('*' === route.path && !route.id && !route.loader)).map((route)=>{
+        if (!route.children?.length) return route;
+        return {
+            ...route,
+            children: stripSyntheticNotFoundRoute(route.children)
+        };
+    });
+}
+function collectRouterErrors(tanstackRouter) {
+    const state = tanstackRouter.state;
+    const matches = Array.isArray(state.matches) ? state.matches : [];
+    const errors = matches.reduce((acc, match)=>{
+        if (!match.error) return acc;
+        const routeId = 'string' == typeof match.routeId ? match.routeId : 'string' == typeof match.route?.id ? match.route.id : `match-${Object.keys(acc).length}`;
+        acc[routeId] = match.error;
+        return acc;
+    }, {});
+    return Object.keys(errors).length > 0 ? errors : void 0;
+}
+const tanstackRouterPlugin = (userConfig = {})=>({
+        name: '@modern-js/plugin-router-tanstack',
+        setup: (api)=>{
+            api.onBeforeRender(async (context, interrupt)=>{
+                const pluginConfig = api.getRuntimeConfig();
+                const mergedConfig = (0, merge_namespaceObject.merge)(pluginConfig.router || {}, userConfig);
+                const serializationAdapters = (0, index_js_namespaceObject.getGlobalEnableRsc)() ? (await import("./rsc/server.js")).getTanstackRscSerializationAdapters() : void 0;
+                const { basename = '', routesConfig, createRoutes } = mergedConfig;
+                const finalRouteConfig = {
+                    routes: (0, index_js_namespaceObject.getGlobalRoutes)(),
+                    globalApp: (0, index_js_namespaceObject.getGlobalLayoutApp)(),
+                    ...routesConfig
+                };
+                if (!finalRouteConfig.routes && !createRoutes) return;
+                const hooks = api.getHooks();
+                await hooks.onBeforeCreateRoutes.call(context);
+                const routeObjects = createRoutes ? createRoutes() : (0, external_utils_js_namespaceObject.createRouteObjectsFromConfig)({
+                    routesConfig: finalRouteConfig,
+                    ssrMode: context.ssrContext?.mode
+                }) || [];
+                const normalizedRouteObjects = createRoutes ? routeObjects : stripSyntheticNotFoundRoute(routeObjects);
+                const modifiedRouteObjects = hooks.modifyRoutes.call(normalizedRouteObjects);
+                if (!modifiedRouteObjects.length) return;
+                const { request, nonce, baseUrl, loaderFailureMode = 'errorBoundary' } = context.ssrContext;
+                const _basename = '/' === baseUrl ? (0, external_utils_js_namespaceObject.urlJoin)(baseUrl, basename || '') : baseUrl;
+                const initialHref = createGetSsrHref(request.raw);
+                const requestContext = (0, node_namespaceObject.createRequestContext)(context.ssrContext?.loaderContext);
+                const controller = new AbortController();
+                const ssrRequest = new Request(request.raw.url, {
+                    method: 'GET',
+                    headers: request.raw.headers,
+                    signal: controller.signal
+                });
+                const routerContext = {
+                    request: ssrRequest,
+                    requestContext
+                };
+                const routeTree = (0, external_routeTree_js_namespaceObject.createRouteTreeFromRouteObjects)(modifiedRouteObjects);
+                const history = (0, react_router_namespaceObject.createMemoryHistory)({
+                    initialEntries: [
+                        initialHref
+                    ]
+                });
+                const rewrite = (0, external_basepathRewrite_js_namespaceObject.createModernBasepathRewrite)(_basename);
+                const routerLifecycleContext = {
+                    framework: 'tanstack',
+                    phase: 'ssr-prepare',
+                    routes: modifiedRouteObjects,
+                    runtimeContext: context,
+                    basename: _basename
+                };
+                hooks.onBeforeCreateRouter.call(routerLifecycleContext);
+                const tanstackRouter = (0, react_router_namespaceObject.createRouter)({
+                    routeTree,
+                    history,
+                    basepath: '/',
+                    rewrite,
+                    origin: new URL(request.raw.url).origin,
+                    ssr: {
+                        nonce
+                    },
+                    context: routerContext,
+                    ...serializationAdapters ? {
+                        serializationAdapters
+                    } : {}
+                });
+                const serverRouter = tanstackRouter;
+                (0, server_namespaceObject.attachRouterServerSsrUtils)({
+                    router: serverRouter,
+                    manifest: void 0
+                });
+                const end = (0, time_namespaceObject.time)();
+                try {
+                    await tanstackRouter.load({
+                        sync: true
+                    });
+                } finally{
+                    const cost = end();
+                    context.ssrContext?.onTiming?.(constants_namespaceObject.LOADER_REPORTER_NAME, cost);
+                }
+                if (serverRouter.state.redirect) {
+                    const resolved = serverRouter.resolveRedirect ? serverRouter.resolveRedirect(serverRouter.state.redirect) : serverRouter.state.redirect;
+                    try {
+                        serverRouter.serverSsr?.cleanup?.();
+                    } catch  {}
+                    return interrupt(resolved);
+                }
+                const routerErrors = collectRouterErrors(tanstackRouter);
+                if (routerErrors && 'clientRender' === loaderFailureMode) {
+                    context.ssrContext?.response.status(200);
+                    try {
+                        serverRouter.serverSsr?.cleanup?.();
+                    } catch  {}
+                    throw Object.values(routerErrors)[0];
+                }
+                await preloadMatchedRouteComponents(serverRouter);
+                context.ssrContext?.response.status(tanstackRouter.state.statusCode);
+                await serverRouter.serverSsr?.dehydrate?.();
+                await waitForRouterSerialization(serverRouter);
+                const ssrScriptTags = serverRouter.serverSsr?.takeBufferedScripts?.();
+                const hydrationScripts = routerManagedTagsToHtml(ssrScriptTags);
+                const matchedRouteIds = (0, external_routeTree_js_namespaceObject.getModernRouteIdsFromMatches)(serverRouter);
+                const routerServerSnapshot = (0, external_lifecycle_js_namespaceObject.createRouterServerSnapshot)({
+                    framework: 'tanstack',
+                    basename: _basename,
+                    statusCode: tanstackRouter.state.statusCode,
+                    errors: routerErrors,
+                    matchedRouteIds,
+                    hydrationScripts
+                });
+                const runtimeContext = (0, external_lifecycle_js_namespaceObject.applyRouterServerPrepareResult)(context, {
+                    snapshot: routerServerSnapshot,
+                    cleanup: ()=>serverRouter.serverSsr?.cleanup?.(),
+                    state: {
+                        framework: 'tanstack',
+                        basename: _basename,
+                        instance: serverRouter,
+                        hydrationScripts,
+                        matchedRouteIds,
+                        serverSnapshot: routerServerSnapshot
+                    }
+                });
+                hooks.onAfterCreateRouter.call({
+                    ...routerLifecycleContext,
+                    router: serverRouter,
+                    serverSnapshot: routerServerSnapshot,
+                    runtimeContext
+                });
+            });
+            api.wrapRoot((App)=>{
+                const getRouteApp = ()=>(props)=>{
+                        const context = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.InternalRuntimeContext);
+                        const router = context.routerInstance ?? context.routerRuntime?.instance;
+                        if (!router) return App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
+                            ...props
+                        }) : null;
+                        const routerWrapper = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Suspense, {
+                            fallback: null,
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_router_namespaceObject.RouterProvider, {
+                                router: router
+                            })
+                        });
+                        return App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
+                            children: routerWrapper
+                        }) : routerWrapper;
+                    };
+                return getRouteApp();
+            });
+        }
+    });
+exports.tanstackRouterPlugin = __webpack_exports__.tanstackRouterPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "tanstackRouterPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/router/runtime/tanstack/prefetchLink.js

@@ -0,0 +1,55 @@
+"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__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Link: ()=>Link,
+    NavLink: ()=>NavLink
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_router_namespaceObject = require("@tanstack/react-router");
+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;
+}
+const LinkComponentImpl = (props)=>{
+    const { prefetch, preload, ...rest } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_router_namespaceObject.Link, {
+        ...rest,
+        preload: resolvePreloadFromPrefetch(prefetch, preload)
+    });
+};
+const Link = LinkComponentImpl;
+const NavLink = LinkComponentImpl;
+exports.Link = __webpack_exports__.Link;
+exports.NavLink = __webpack_exports__.NavLink;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Link",
+    "NavLink"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});