vite-react-ssg 0.8.4 → 0.8.5-beta.1

package/dist/shared/{vite-react-ssg.CKcl-j8g.mjs → vite-react-ssg.2P3UhU88.mjs}

@@ -1,89 +1,81 @@
-import { join, isAbsolute, parse, dirname } from 'node:path';
 import { createRequire } from 'node:module';
+import { join, isAbsolute, parse, dirname } from 'node:path';
+import fs from 'fs-extra';
+import { JSDOM } from 'jsdom';
 import { gray, yellow, blue, dim, cyan, red, green, reset, bold, bgLightCyan } from 'kolorist';
 import PQueue from 'p-queue';
-import fs from 'fs-extra';
 import { resolveConfig, createLogger, build as build$1, mergeConfig, version as version$1, send, createServer } from 'vite';
-import { JSDOM } from 'jsdom';
-import { s as serializeState } from './vite-react-ssg.C6pK7rvr.mjs';
 import { a as withTrailingSlash, r as removeLeadingSlash, w as withLeadingSlash, s as stripBase, j as joinUrlSegments } from './vite-react-ssg.CjIppNIS.mjs';
+import { s as serializeState } from './vite-react-ssg.C6pK7rvr.mjs';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { HelmetProvider } from 'react-helmet-async';
-import { Writable, Readable } from 'node:stream';
-import * as ReactDomServer from 'react-dom/server';
 import { once } from 'node:events';
-import { c as convertRoutesToDataRoutes } from './vite-react-ssg.C0y5wbxl.mjs';
+import { Readable, Writable } from 'node:stream';
+import { c as convertRoutesToDataRoutes } from './vite-react-ssg.C_MPXL9p.mjs';
+import * as ReactDomServer from 'react-dom/server';
 import { M as META_CONTAINER_ID } from './vite-react-ssg.B-j07kW6.mjs';
 
-const version = "0.8.4";
-
-function buildLog(text, count) {
-  console.log(`
-${gray("[vite-react-ssg]")} ${yellow(text)}${count ? blue(` (${count})`) : ""}`);
-}
-function getSize(str) {
-  return `${(str.length / 1024).toFixed(2)} KiB`;
-}
-async function routesToPaths(routes) {
-  if (!routes || routes.length === 0)
-    return { paths: ["/"] };
-  const paths = /* @__PURE__ */ new Set();
-  const getPaths = async (routes2, prefix = "") => {
-    prefix = prefix.replace(/\/$/g, "");
-    for (let route of routes2) {
-      if (route.lazy) {
-        const lazyData = await route.lazy();
-        if (lazyData) {
-          route = {
-            ...route,
-            ...lazyData
-          };
-        }
-      }
-      let path = route.path;
-      path = handlePath(path, prefix);
-      if (route.getStaticPaths && isDynamicSegmentsRoute(path)) {
-        const staticPaths = await route.getStaticPaths();
-        for (let staticPath of staticPaths) {
-          staticPath = handlePath(staticPath, prefix);
-          if (Array.isArray(route.children))
-            await getPaths(route.children, staticPath);
-        }
-      }
-      if (route.index && !path) {
-        paths.add("/");
-      }
-      if (Array.isArray(route.children))
-        await getPaths(route.children, path);
+const DYNAMIC_IMPORT_REGEX = /import\("([^)]+)"\)/g;
+async function collectAssets({
+  routes,
+  locationArg,
+  base,
+  serverManifest,
+  manifest,
+  ssrManifest
+}) {
+  const { matchRoutes } = await import('react-router-dom');
+  const matches = matchRoutes([...routes], locationArg, base);
+  const routeEntries = matches?.map((item) => item.route.entry).filter(Boolean) ?? [];
+  const dynamicImports = /* @__PURE__ */ new Set();
+  matches?.forEach((item) => {
+    let lazyStr = "";
+    if (item.route.lazy) {
+      lazyStr += item.route.lazy.toString();
     }
-  };
-  await getPaths(routes);
-  return { paths: Array.from(paths) };
-  function handlePath(path, prefix) {
-    if (path != null) {
-      path = prefix && !path.startsWith("/") ? `${prefix}${path ? `/${path}` : ""}` : path;
-      paths.add(path);
+    if (item.route.Component?._payload?._result) {
+      lazyStr += item.route.Component._payload._result.toString();
     }
-    return path;
-  }
-}
-async function resolveAlias(config, entry) {
-  const resolver = config.createResolver();
-  const result = await resolver(entry, config.root);
-  return result || join(config.root, entry);
+    const match = lazyStr.matchAll(DYNAMIC_IMPORT_REGEX);
+    for (const m of match) {
+      dynamicImports.add(m[1].split("/").at(-1) ?? "");
+    }
+  });
+  const entries = /* @__PURE__ */ new Set();
+  routeEntries.forEach((e) => entries.add(e));
+  const manifestEntries = [...Object.entries(serverManifest)];
+  dynamicImports.forEach((name) => {
+    const result = manifestEntries.find(([_, value]) => value.file.endsWith(name));
+    if (result) {
+      entries.add(result[0]);
+    }
+  });
+  const modules = collectModulesForEntries(manifest, entries);
+  const assets = /* @__PURE__ */ new Set();
+  Array.from(modules).forEach((id) => {
+    const files = ssrManifest[id] || [];
+    files.forEach((file) => {
+      assets.add(file);
+    });
+  });
+  return assets;
 }
-function createRequest(path) {
-  const url = new URL(path, "http://vite-react-ssg.com");
-  url.search = "";
-  url.hash = "";
-  url.pathname = path;
-  return new Request(url.href);
+function collectModulesForEntries(manifest, entries) {
+  const mods = /* @__PURE__ */ new Set();
+  if (!entries)
+    return mods;
+  for (const entry of entries)
+    collectModules(manifest, entry, mods);
+  return mods;
 }
-const dynamicRE = /[:*?]/;
-function isDynamicSegmentsRoute(route) {
-  if (!route)
-    return false;
-  return dynamicRE.test(route);
+function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
+  if (!entry)
+    return mods;
+  mods.add(entry);
+  manifest[entry]?.dynamicImports?.forEach((item) => {
+    collectModules(manifest, item, mods);
+  });
+  return mods;
 }
 
 async function getBeastiesOrCritters(outDir, options = {}) {
@@ -111,7 +103,7 @@ async function getBeastiesOrCritters(outDir, options = {}) {
       ...options
     });
   } catch (e) {
-    return void 0;
+    return undefined;
   }
 }
 
@@ -233,138 +225,6 @@ function appendLink(document, attrs) {
   document.head.appendChild(link);
 }
 
-const DYNAMIC_IMPORT_REGEX = /import\("([^)]+)"\)/g;
-async function collectAssets({
-  routes,
-  locationArg,
-  base,
-  serverManifest,
-  manifest,
-  ssrManifest
-}) {
-  const { matchRoutes } = await import('react-router-dom');
-  const matches = matchRoutes([...routes], locationArg, base);
-  const routeEntries = matches?.map((item) => item.route.entry).filter(Boolean) ?? [];
-  const dynamicImports = /* @__PURE__ */ new Set();
-  matches?.forEach((item) => {
-    let lazyStr = "";
-    if (item.route.lazy) {
-      lazyStr += item.route.lazy.toString();
-    }
-    if (item.route.Component?._payload?._result) {
-      lazyStr += item.route.Component._payload._result.toString();
-    }
-    const match = lazyStr.matchAll(DYNAMIC_IMPORT_REGEX);
-    for (const m of match) {
-      dynamicImports.add(m[1].split("/").at(-1) ?? "");
-    }
-  });
-  const entries = /* @__PURE__ */ new Set();
-  routeEntries.forEach((e) => entries.add(e));
-  const manifestEntries = [...Object.entries(serverManifest)];
-  dynamicImports.forEach((name) => {
-    const result = manifestEntries.find(([_, value]) => value.file.endsWith(name));
-    if (result) {
-      entries.add(result[0]);
-    }
-  });
-  const modules = collectModulesForEntries(manifest, entries);
-  const assets = /* @__PURE__ */ new Set();
-  Array.from(modules).forEach((id) => {
-    const files = ssrManifest[id] || [];
-    files.forEach((file) => {
-      assets.add(file);
-    });
-  });
-  return assets;
-}
-function collectModulesForEntries(manifest, entries) {
-  const mods = /* @__PURE__ */ new Set();
-  if (!entries)
-    return mods;
-  for (const entry of entries)
-    collectModules(manifest, entry, mods);
-  return mods;
-}
-function collectModules(manifest, entry, mods = /* @__PURE__ */ new Set()) {
-  if (!entry)
-    return mods;
-  mods.add(entry);
-  manifest[entry]?.dynamicImports?.forEach((item) => {
-    collectModules(manifest, item, mods);
-  });
-  return mods;
-}
-
-async function renderStaticApp(app) {
-  if (!ReactDomServer.renderToPipeableStream) {
-    return ReactDomServer.renderToString(/* @__PURE__ */ jsx(Fragment, { children: app }));
-  }
-  const writableStream = new WritableAsPromise();
-  const { pipe } = ReactDomServer.renderToPipeableStream(app, {
-    onError(error) {
-      writableStream.destroy(error);
-    },
-    onAllReady() {
-      pipe(writableStream);
-    }
-  });
-  return writableStream.getPromise();
-}
-class WritableAsPromise extends Writable {
-  _output;
-  _deferred;
-  constructor() {
-    super();
-    this._output = "";
-    this._deferred = {
-      promise: null,
-      resolve: () => null,
-      reject: () => null
-    };
-    this._deferred.promise = new Promise((resolve, reject) => {
-      this._deferred.resolve = resolve;
-      this._deferred.reject = reject;
-    });
-  }
-  _write(chunk, _enc, next) {
-    this._output += chunk.toString();
-    next();
-  }
-  _destroy(error, next) {
-    if (error instanceof Error)
-      this._deferred.reject(error);
-    else
-      next();
-  }
-  end() {
-    this._deferred.resolve(this._output);
-    return this.destroy();
-  }
-  getPromise() {
-    return this._deferred.promise;
-  }
-}
-
-function extractHelmet(context, styleCollector) {
-  const { helmet } = context;
-  const htmlAttributes = helmet.htmlAttributes.toString();
-  const bodyAttributes = helmet.bodyAttributes.toString();
-  let titleString = helmet.title.toString();
-  if (titleString.split(">")[1] === "</title") {
-    titleString = "";
-  }
-  const metaStrings = [
-    titleString,
-    helmet.meta.toString(),
-    helmet.link.toString(),
-    helmet.script.toString()
-  ];
-  const styleTag = styleCollector?.toString?.("") ?? "";
-  const metaAttributes = metaStrings.filter(Boolean);
-  return { htmlAttributes, bodyAttributes, metaAttributes, styleTag };
-}
-
 function invariant(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
     console.error(
@@ -417,7 +277,7 @@ async function toNodeRequest(res, nodeRes) {
   }
 }
 function json(data, init) {
-  if (init === void 0) {
+  if (init === undefined) {
     init = {};
   }
   const responseInit = typeof init === "number" ? {
@@ -447,6 +307,146 @@ function stripDataParam(request) {
   return new Request(url.href, init);
 }
 
+async function renderStaticApp(app) {
+  if (!ReactDomServer.renderToPipeableStream) {
+    return ReactDomServer.renderToString(/* @__PURE__ */ jsx(Fragment, { children: app }));
+  }
+  const writableStream = new WritableAsPromise();
+  const { pipe } = ReactDomServer.renderToPipeableStream(app, {
+    onError(error) {
+      writableStream.destroy(error);
+    },
+    onAllReady() {
+      pipe(writableStream);
+    }
+  });
+  return writableStream.getPromise();
+}
+class WritableAsPromise extends Writable {
+  _output;
+  _deferred;
+  constructor() {
+    super();
+    this._output = "";
+    this._deferred = {
+      promise: null,
+      resolve: () => null,
+      reject: () => null
+    };
+    this._deferred.promise = new Promise((resolve, reject) => {
+      this._deferred.resolve = resolve;
+      this._deferred.reject = reject;
+    });
+  }
+  _write(chunk, _enc, next) {
+    this._output += chunk.toString();
+    next();
+  }
+  _destroy(error, next) {
+    if (error instanceof Error)
+      this._deferred.reject(error);
+    else
+      next();
+  }
+  end() {
+    this._deferred.resolve(this._output);
+    return this.destroy();
+  }
+  getPromise() {
+    return this._deferred.promise;
+  }
+}
+
+const version = "0.8.5-beta.1";
+
+function buildLog(text, count) {
+  console.log(`
+${gray("[vite-react-ssg]")} ${yellow(text)}${count ? blue(` (${count})`) : ""}`);
+}
+function getSize(str) {
+  return `${(str.length / 1024).toFixed(2)} KiB`;
+}
+async function routesToPaths(routes) {
+  if (!routes || routes.length === 0)
+    return { paths: ["/"] };
+  const paths = /* @__PURE__ */ new Set();
+  const getPaths = async (routes2, prefix = "") => {
+    prefix = prefix.replace(/\/$/g, "");
+    for (let route of routes2) {
+      if (route.lazy) {
+        const lazyData = await route.lazy();
+        if (lazyData) {
+          route = {
+            ...route,
+            ...lazyData
+          };
+        }
+      }
+      let path = route.path;
+      path = handlePath(path, prefix);
+      if (route.getStaticPaths && isDynamicSegmentsRoute(path)) {
+        const staticPaths = await route.getStaticPaths();
+        for (let staticPath of staticPaths) {
+          staticPath = handlePath(staticPath, prefix);
+          if (Array.isArray(route.children))
+            await getPaths(route.children, staticPath);
+        }
+      }
+      if (route.index && !path) {
+        paths.add("/");
+      }
+      if (Array.isArray(route.children))
+        await getPaths(route.children, path);
+    }
+  };
+  await getPaths(routes);
+  return { paths: Array.from(paths) };
+  function handlePath(path, prefix) {
+    if (path != null) {
+      path = prefix && !path.startsWith("/") ? `${prefix}${path ? `/${path}` : ""}` : path;
+      paths.add(path);
+    }
+    return path;
+  }
+}
+async function resolveAlias(config, entry) {
+  const resolver = config.createResolver();
+  const result = await resolver(entry, config.root);
+  return result || join(config.root, entry);
+}
+function createRequest(path) {
+  const url = new URL(path, "http://vite-react-ssg.com");
+  url.search = "";
+  url.hash = "";
+  url.pathname = path;
+  return new Request(url.href);
+}
+const dynamicRE = /[:*?]/;
+function isDynamicSegmentsRoute(route) {
+  if (!route)
+    return false;
+  return dynamicRE.test(route);
+}
+
+function extractHelmet(context, styleCollector) {
+  const { helmet } = context;
+  const htmlAttributes = helmet.htmlAttributes.toString();
+  const bodyAttributes = helmet.bodyAttributes.toString();
+  let titleString = helmet.title.toString();
+  if (titleString.split(">")[1] === "</title") {
+    titleString = "";
+  }
+  const metaStrings = [
+    titleString,
+    helmet.meta.toString(),
+    helmet.link.toString(),
+    helmet.script.toString()
+  ];
+  const styleTag = styleCollector?.toString?.("") ?? "";
+  const metaAttributes = metaStrings.filter(Boolean);
+  return { htmlAttributes, bodyAttributes, metaAttributes, styleTag };
+}
+
 class RemixAdapter {
   context;
   constructor(context) {
@@ -528,7 +528,7 @@ async function callRouteLoader({
     request: stripDataParam(stripIndexParam(request)),
     params
   });
-  if (result === void 0) {
+  if (result === undefined) {
     throw new Error(
       `You defined a loader for route "${routeId}" but didn't return anything from your \`loader\` function. Please return a value or \`null\`.`
     );
@@ -788,7 +788,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   }));
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
-  const serverEntry = join(prefix, ssgOut, parse(ssrEntry).name + ext);
+  const serverEntry = prefix + join(ssgOut, parse(ssrEntry).name + ext).replace(/\\/g, "/");
   const serverManifest = JSON.parse(await fs.readFile(join(ssgOut, ...dotVitedir, "manifest.json"), "utf-8"));
   const _require = createRequire(import.meta.url);
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
@@ -799,7 +799,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   routesPaths = DefaultIncludedRoutes(routesPaths);
   routesPaths = Array.from(new Set(routesPaths));
   buildLog("Rendering Pages...", routesPaths.length);
-  const beasties = beastiesOptions !== false ? await getBeastiesOrCritters(outDir, { publicPath: configBase, ...beastiesOptions }) : void 0;
+  const beasties = beastiesOptions !== false ? await getBeastiesOrCritters(outDir, { publicPath: configBase, ...beastiesOptions }) : undefined;
   if (beasties)
     console.log(`${gray("[vite-react-ssg]")} ${blue("Critical CSS generation enabled via `beasties`")}`);
   const ssrManifest = JSON.parse(await fs.readFile(join(out, ...dotVitedir, "ssr-manifest.json"), "utf-8"));
@@ -916,13 +916,14 @@ function ssrServerPlugin({
           const appCtx = await createRoot(false, url);
           const adapter = getAdapter(appCtx);
           const { app, base } = appCtx;
-          const searchParams = new URLSearchParams(url.split("?")[1]);
+          const [pathname, search] = url.split("?");
+          const searchParams = new URLSearchParams(search);
           if (!app && searchParams.has("_data")) {
             return adapter.handleLoader(req, res);
           }
           const indexHTML = await server.transformIndexHtml(url, template);
           const transformedIndexHTML = await onBeforePageRender?.(url, indexHTML, appCtx) || indexHTML;
-          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag } = await adapter.render(stripBase(url, base));
+          const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag } = await adapter.render(stripBase(pathname, base));
           metaAttributes.push(styleTag);
           const mods = await Promise.all(
             [ssrEntry, entry].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))

package/dist/shared/{vite-react-ssg.C0y5wbxl.mjs → vite-react-ssg.C_MPXL9p.mjs}

@@ -15,7 +15,7 @@ function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = [])
         ...route,
         ...mapRouteProperties(route),
         id,
-        children: void 0
+        children: undefined
       };
       if (route.children) {
         pathOrLayoutRoute.children = convertRoutesToDataRoutes(

package/dist/shared/{vite-react-ssg.CfJcpdWF.mjs → vite-react-ssg.Dx4ca9OM.mjs}

@@ -8,10 +8,18 @@ const CopyReactDOM = {
 };
 const { version, render: reactRender, hydrate: reactHydrate } = CopyReactDOM;
 const isReact18 = Number((version || "").split(".")[0]) > 17;
+const isReact19 = Number((version || "").split(".")[0]) > 18;
 function render(app, container, renderOptions = {}) {
   const { useLegacyRender } = renderOptions;
   if (useLegacyRender || !isReact18) {
     reactRender(app, container);
+  } else if (isReact19) {
+    import('react-dom/client').then(({ createRoot }) => {
+      const root = createRoot(container);
+      React.startTransition(() => {
+        root.render(app);
+      });
+    });
   } else {
     CopyReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = true;
     const { createRoot } = CopyReactDOM;
@@ -29,6 +37,12 @@ function hydrate(app, container, renderOptions = {}) {
   const { useLegacyRender } = renderOptions;
   if (useLegacyRender || !isReact18) {
     reactHydrate(app, container);
+  } else if (isReact19) {
+    import('react-dom/client').then(({ hydrateRoot }) => {
+      React.startTransition(() => {
+        hydrateRoot(container, app);
+      });
+    });
   } else {
     CopyReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = true;
     const { hydrateRoot } = CopyReactDOM;
@@ -51,10 +65,6 @@ function documentReady(_passThrough) {
   return Promise.resolve(_passThrough);
 }
 
-function Head(props) {
-  return /* @__PURE__ */ jsx(Helmet, { ...props });
-}
-
 function useIsClient() {
   const [isBrowser, setIsBrowser] = useState(false);
   useEffect(() => {
@@ -80,4 +90,8 @@ Current type: ${isValidElement(children) ? "React element" : typeof children}`
   return fallback ?? null;
 }
 
+function Head(props) {
+  return /* @__PURE__ */ jsx(Helmet, { ...props });
+}
+
 export { ClientOnly as C, Head as H, documentReady as d, hydrate as h, render as r };

package/dist/tanstack.d.mts

@@ -1,10 +1,10 @@
 import { AnyRouter } from '@tanstack/react-router';
-import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Di0pROyF.mjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.Di0pROyF.mjs';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.mjs';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.BrImbdZU.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.BrImbdZU.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.mjs';
+import 'beasties';
 import 'react';
 import 'react-router-dom';
-import 'beasties';
 import 'react-helmet-async';
 
 declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
@@ -24,6 +24,7 @@ declare global {
     interface Window {
         __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
         __VITE_REACT_SSG_HASH__: string;
+        __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }
 }
 

package/dist/tanstack.d.ts

@@ -1,10 +1,10 @@
 import { AnyRouter } from '@tanstack/react-router';
-import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Di0pROyF.js';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.Di0pROyF.js';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.js';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.BrImbdZU.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.BrImbdZU.js';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.js';
+import 'beasties';
 import 'react';
 import 'react-router-dom';
-import 'beasties';
 import 'react-helmet-async';
 
 declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
@@ -24,6 +24,7 @@ declare global {
     interface Window {
         __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
         __VITE_REACT_SSG_HASH__: string;
+        __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }
 }
 

package/dist/tanstack.mjs

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { HelmetProvider } from 'react-helmet-async';
 import { RouterProvider } from '@tanstack/react-router';
 import { Meta, StartClient } from '@tanstack/start';
-import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.CfJcpdWF.mjs';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.CfJcpdWF.mjs';
+import { HelmetProvider } from 'react-helmet-async';
+import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.Dx4ca9OM.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Dx4ca9OM.mjs';
+import { j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.CjIppNIS.mjs';
 import { d as deserializeState } from './shared/vite-react-ssg.C6pK7rvr.mjs';
 import { M as META_CONTAINER_ID, c as convertRouteTreeToRouteOption } from './shared/vite-react-ssg.B-j07kW6.mjs';
 export { r as registerPaths } from './shared/vite-react-ssg.B-j07kW6.mjs';
-import { j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.CjIppNIS.mjs';
 import 'react';
 import 'react-dom';
 
@@ -19,7 +19,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (process.env.NODE_ENV === "development" && ssrWhenDev !== void 0)
+  if (process.env.NODE_ENV === "development" && ssrWhenDev !== undefined)
     console.warn("[vite-react-ssg] `ssrWhenDev` option is no longer needed. If you want to use csr, just replace `vite-react-ssg dev` with `vite`.");
   const isClient = typeof window !== "undefined";
   const BASE_URL = routerOptions.basename ?? "/";
@@ -71,7 +71,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
           const routeData = staticLoadData?.[pathname]?.find((item) => item.id === node.id);
           return routeData?.loaderData ?? null;
         };
-      } : void 0
+      } : undefined
     );
     const router = routerOptions.router;
     router.options.isServer = !client;
@@ -118,7 +118,9 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
           console.warn("[vite-react-ssg] Root container not found.");
         return;
       }
-      const { router } = await createRoot(true);
+      const context = await createRoot(true);
+      window.__VITE_REACT_SSG_CONTEXT__ = context;
+      const { router } = context;
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
       if (!isSSR && process.env.NODE_ENV === "development") {
         render(