vite-react-ssg 0.8.9 → 0.9.1-beta.1

package/README.md

@@ -4,6 +4,13 @@ Static-site generation for React on Vite.
 
 See demo(also document): [docs](https://vite-react-ssg.netlify.app/)
 
+> [!IMPORTANT]
+> **React Router v7 Notice**
+>
+> React Router v7 now has built-in SSG support. If you are using React Router v7, we recommend using its official SSG capabilities for better official support and integration.
+>
+> `vite-react-ssg` will continue to maintain SSG functionality for React Router v6 users.
+
 **🎈 Support for [`@tanstack/router`](https://tanstack.com/router/latest/docs/framework/react/overview)
 and [`wouter`](https://github.com/molefrog/wouter) is in progress!**
 
@@ -229,6 +236,10 @@ export const Component = Docs
 export const entry = 'src/pages/json.tsx'
 
 export async function loader() {
+  // This code will avoid `shiki` and `node:fs` being mark as 'modulepreload' and sent to the client.
+  if (!import.meta.ssr) {
+    return null
+  }
   // The code here will not be executed on the client side, and the modules imported will not be sent to the client.
   const fs = (await import('node:fs'))
   const cwd = process.cwd()
@@ -585,7 +596,14 @@ interface ViteReactSSGOptions {
    */
   onPageRendered?: (route: string, renderedHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined
 
-  onFinished?: () => Promise<void> | void
+  /**
+   * A function that is run after generation is complete.
+   * It receives the build output directory as a string.
+   *
+   * You can use this to add, edit, or delete files in the output
+   directory that you don't want to manage in React.
+   */
+  onFinished?: (dir: string) => Promise<void> | void
   /**
    * The application's root container `id`.
    *

package/dist/client/single-page.d.mts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.B2xAADcy.mjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, d as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.B2xAADcy.mjs';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.jgFXOhqq.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, c as RouterOptions, S as StyleCollector, d as ViteReactSSGOptions } from '../shared/vite-react-ssg.jgFXOhqq.mjs';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.-NlgsPvg.mjs';
 import 'beasties';
 import 'react-router-dom';

package/dist/client/single-page.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.B2xAADcy.js';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterFutureConfig, d as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.B2xAADcy.js';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.jgFXOhqq.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, c as RouterOptions, S as StyleCollector, d as ViteReactSSGOptions } from '../shared/vite-react-ssg.jgFXOhqq.js';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.-NlgsPvg.js';
 import 'beasties';
 import 'react-router-dom';

package/dist/client/single-page.mjs

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { HelmetProvider } from 'react-helmet-async';
-import { r as render, h as hydrate, d as documentReady } from '../shared/vite-react-ssg.BxjO14Et.mjs';
-export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.BxjO14Et.mjs';
+import { r as render, h as hydrate, d as documentReady } from '../shared/vite-react-ssg.DTTf7HZy.mjs';
 import { d as deserializeState } from '../shared/vite-react-ssg.C6pK7rvr.mjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.CoMLbIiW.mjs';
 import 'react';
 import 'react-dom';
 

package/dist/index.d.mts

@@ -1,24 +1,40 @@
-import { V as ViteReactSSGContext, d as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.B2xAADcy.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.B2xAADcy.mjs';
+import { V as ViteReactSSGContext, c as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.jgFXOhqq.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.mjs';
-import { LinkProps, NavLinkProps } from 'react-router-dom';
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'beasties';
+import 'react';
+import 'react-router-dom';
 import 'react-helmet-async';
 
 /**
  * @deprecated Please use `Link` from 'react-router-dom' instead.
  */
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function Link({ ref, ...props }: {
+    [x: string]: any;
+    ref: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Link {
+    var displayName: string;
+}
 /**
  * @deprecated Please use `NavLink` from 'react-router-dom' instead.
  */
-declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function NavLink({ ref, ...props }: {
+    [x: string]: any;
+    ref: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace NavLink {
+    var displayName: string;
+}
 
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
-        __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
+        /** Manifest index: route path -> data file path */
+        __VITE_REACT_SSG_STATIC_LOADER_MANIFEST__: Record<string, string>;
+        /** Cached loader data: route path -> loader data */
+        __VITE_REACT_SSG_STATIC_LOADER_DATA__: Record<string, Record<string, unknown>>;
         __VITE_REACT_SSG_HASH__: string;
         __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }

package/dist/index.d.ts

@@ -1,24 +1,40 @@
-import { V as ViteReactSSGContext, d as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.B2xAADcy.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.B2xAADcy.js';
+import { V as ViteReactSSGContext, c as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.jgFXOhqq.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.js';
-import { LinkProps, NavLinkProps } from 'react-router-dom';
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'beasties';
+import 'react';
+import 'react-router-dom';
 import 'react-helmet-async';
 
 /**
  * @deprecated Please use `Link` from 'react-router-dom' instead.
  */
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function Link({ ref, ...props }: {
+    [x: string]: any;
+    ref: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Link {
+    var displayName: string;
+}
 /**
  * @deprecated Please use `NavLink` from 'react-router-dom' instead.
  */
-declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function NavLink({ ref, ...props }: {
+    [x: string]: any;
+    ref: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace NavLink {
+    var displayName: string;
+}
 
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
-        __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
+        /** Manifest index: route path -> data file path */
+        __VITE_REACT_SSG_STATIC_LOADER_MANIFEST__: Record<string, string>;
+        /** Cached loader data: route path -> loader data */
+        __VITE_REACT_SSG_STATIC_LOADER_DATA__: Record<string, Record<string, unknown>>;
         __VITE_REACT_SSG_HASH__: string;
         __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }

package/dist/index.mjs

@@ -1,15 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { HelmetProvider } from 'react-helmet-async';
 import { useLinkClickHandler, Link as Link$1, NavLink as NavLink$1, matchRoutes, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.BxjO14Et.mjs';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.BxjO14Et.mjs';
-import { j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.CjIppNIS.mjs';
-import { c as convertRoutesToDataRoutes } from './shared/vite-react-ssg.C0y5wbxl.mjs';
+import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.DTTf7HZy.mjs';
+import { c as convertRoutesToDataRoutes, j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.BhGKpaqQ.mjs';
 import { d as deserializeState } from './shared/vite-react-ssg.C6pK7rvr.mjs';
-import React, { forwardRef } from 'react';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.CoMLbIiW.mjs';
+import React from 'react';
 import 'react-dom';
 
-const Link = forwardRef((props, ref) => {
+function Link({ ref, ...props }) {
   const {
     replace,
     state,
@@ -38,9 +37,9 @@ const Link = forwardRef((props, ref) => {
     event.preventDefault();
   }
   return /* @__PURE__ */ jsx(Link$1, { ...props, ref, onClick: handleClick });
-});
+}
 Link.displayName = "Link";
-const NavLink = forwardRef((props, ref) => {
+function NavLink({ ref, ...props }) {
   const {
     replace,
     state,
@@ -69,7 +68,7 @@ const NavLink = forwardRef((props, ref) => {
     event.preventDefault();
   }
   return /* @__PURE__ */ jsx(NavLink$1, { ...props, ref, onClick: handleClick });
-});
+}
 NavLink.displayName = "NavLink";
 
 function ViteReactSSG(routerOptions, fn, options = {}) {
@@ -79,14 +78,21 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (process.env.NODE_ENV === "development" && ssrWhenDev !== void 0)
-    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`.");
+  if (process.env.NODE_ENV === "development" && ssrWhenDev !== void 0) {
+    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 ?? "/";
   const { v7_startTransition = true, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot(client = false, routePath) {
-    const browserRouter = client ? createBrowserRouter(
-      convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute),
+    const createRouter = routerOptions.customCreateRouter ?? createBrowserRouter;
+    const browserRouter = client ? createRouter(
+      convertRoutesToDataRoutes(
+        routerOptions.routes,
+        transformStaticLoaderRoute
+      ),
       { basename: BASE_URL, future: routerFeature }
     ) : void 0;
     const appRenderCallbacks = [];
@@ -128,9 +134,11 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
           console.warn("[vite-react-ssg] Root container not found.");
         return;
       }
-      const lazeMatches = matchRoutes(routerOptions.routes, window.location, BASE_URL)?.filter(
-        (m) => m.route.lazy
-      );
+      const lazeMatches = matchRoutes(
+        routerOptions.routes,
+        window.location,
+        BASE_URL
+      )?.filter((m) => m.route.lazy);
       if (lazeMatches && lazeMatches?.length > 0) {
         await Promise.all(
           lazeMatches.map(async (m) => {
@@ -164,20 +172,31 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
         const url = request.url.includes("?") ? `${request.url}&${dataQuery}` : `${request.url}?${dataQuery}`;
         return fetch(url);
       } else {
-        let staticLoadData;
-        if (window.__VITE_REACT_SSG_STATIC_LOADER_DATA__) {
-          staticLoadData = window.__VITE_REACT_SSG_STATIC_LOADER_DATA__;
-        } else {
-          const manifestUrl = joinUrlSegments(BASE_URL, `static-loader-data-manifest-${window.__VITE_REACT_SSG_HASH__}.json`);
-          staticLoadData = await (await fetch(withLeadingSlash(manifestUrl))).json();
-          window.__VITE_REACT_SSG_STATIC_LOADER_DATA__ = staticLoadData;
+        if (!window.__VITE_REACT_SSG_STATIC_LOADER_MANIFEST__) {
+          const manifestUrl = joinUrlSegments(
+            BASE_URL,
+            `static-loader-data-manifest-${window.__VITE_REACT_SSG_HASH__}.json`
+          );
+          window.__VITE_REACT_SSG_STATIC_LOADER_MANIFEST__ = await (await fetch(withLeadingSlash(manifestUrl))).json();
         }
         const { url } = request;
         let { pathname } = new URL(url);
         if (BASE_URL !== "/") {
           pathname = stripBase(pathname, BASE_URL);
         }
-        const routeData = staticLoadData?.[pathname]?.[route.id];
+        const manifest = window.__VITE_REACT_SSG_STATIC_LOADER_MANIFEST__;
+        const dataFilePath = manifest?.[pathname];
+        if (!dataFilePath) {
+          return null;
+        }
+        if (!window.__VITE_REACT_SSG_STATIC_LOADER_DATA__) {
+          window.__VITE_REACT_SSG_STATIC_LOADER_DATA__ = {};
+        }
+        if (!window.__VITE_REACT_SSG_STATIC_LOADER_DATA__[pathname]) {
+          const dataUrl = joinUrlSegments(BASE_URL, dataFilePath);
+          window.__VITE_REACT_SSG_STATIC_LOADER_DATA__[pathname] = await (await fetch(withLeadingSlash(dataUrl))).json();
+        }
+        const routeData = window.__VITE_REACT_SSG_STATIC_LOADER_DATA__[pathname]?.[route.id];
         return routeData ?? null;
       }
     };

package/dist/node/cli.d.mts

@@ -1,2 +1,2 @@
 
-export {  }
+export { };

package/dist/node/cli.d.ts

@@ -1,2 +1,2 @@
 
-export {  }
+export { };

package/dist/node/cli.mjs

@@ -1,22 +1,21 @@
 import { gray, bold, red, reset, underline } from 'kolorist';
 import yargs from 'yargs';
 import { hideBin } from 'yargs/helpers';
-import { b as build, d as dev } from '../shared/vite-react-ssg.qp2k9AZ2.mjs';
+import { b as build, d as dev } from '../shared/vite-react-ssg.DUkzxBEb.mjs';
 import 'node:module';
 import 'node:path';
 import 'fs-extra';
 import 'jsdom';
 import 'p-queue';
 import 'vite';
-import '../shared/vite-react-ssg.CjIppNIS.mjs';
+import '../shared/vite-react-ssg.BhGKpaqQ.mjs';
 import '../shared/vite-react-ssg.C6pK7rvr.mjs';
 import 'react/jsx-runtime';
 import 'react-helmet-async';
 import 'node:events';
 import 'node:stream';
-import '../shared/vite-react-ssg.C0y5wbxl.mjs';
 import 'react-dom/server';
-import '../shared/vite-react-ssg.B-j07kW6.mjs';
+import '../shared/vite-react-ssg.BqDzTpJh.mjs';
 
 yargs(hideBin(process.argv)).scriptName("vite-react-ssg").usage("$0 [args]").command(
   "build",

package/dist/node.d.mts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.B2xAADcy.mjs';
+import { d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.mjs';
 import 'beasties';
 import 'react';
 import 'react-router-dom';

package/dist/node.d.ts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.B2xAADcy.js';
+import { d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.js';
 import 'beasties';
 import 'react';
 import 'react-router-dom';

package/dist/node.mjs

@@ -1,4 +1,4 @@
-export { b as build, d as dev } from './shared/vite-react-ssg.qp2k9AZ2.mjs';
+export { b as build, d as dev } from './shared/vite-react-ssg.DUkzxBEb.mjs';
 import 'node:module';
 import 'node:path';
 import 'fs-extra';
@@ -6,12 +6,11 @@ import 'jsdom';
 import 'kolorist';
 import 'p-queue';
 import 'vite';
-import './shared/vite-react-ssg.CjIppNIS.mjs';
+import './shared/vite-react-ssg.BhGKpaqQ.mjs';
 import './shared/vite-react-ssg.C6pK7rvr.mjs';
 import 'react/jsx-runtime';
 import 'react-helmet-async';
 import 'node:events';
 import 'node:stream';
-import './shared/vite-react-ssg.C0y5wbxl.mjs';
 import 'react-dom/server';
-import './shared/vite-react-ssg.B-j07kW6.mjs';
+import './shared/vite-react-ssg.BqDzTpJh.mjs';

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

@@ -1,3 +1,32 @@
+function joinUrlSegments(a, b) {
+  if (!a || !b)
+    return a || b || "";
+  if (a[a.length - 1] === "/")
+    a = a.substring(0, a.length - 1);
+  if (b[0] !== "/")
+    b = `/${b}`;
+  return a + b;
+}
+function removeLeadingSlash(str) {
+  return str[0] === "/" ? str.slice(1) : str;
+}
+function stripBase(path, base) {
+  if (path === base)
+    return "/";
+  const devBase = withTrailingSlash(base);
+  return path.startsWith(devBase) ? path.slice(devBase.length - 1) : path;
+}
+function withTrailingSlash(path) {
+  if (path[path.length - 1] !== "/")
+    return `${path}/`;
+  return path;
+}
+function withLeadingSlash(path) {
+  if (path[0] !== "/")
+    return `/${path}`;
+  return path;
+}
+
 function convertRoutesToDataRoutes(routes, mapRouteProperties, parentPath = []) {
   return routes.map((route, index) => {
     const treePath = [...parentPath, String(index)];
@@ -33,4 +62,4 @@ function isIndexRoute(route) {
   return route.index === true;
 }
 
-export { convertRoutesToDataRoutes as c };
+export { withTrailingSlash as a, convertRoutesToDataRoutes as c, joinUrlSegments as j, removeLeadingSlash as r, stripBase as s, withLeadingSlash as w };

package/dist/shared/vite-react-ssg.BqDzTpJh.mjs

@@ -0,0 +1,5 @@
+function registerPaths(id, getStaticPaths) {
+}
+const META_CONTAINER_ID = "__SSG_TANSTACK_META_CONTAINER__";
+
+export { META_CONTAINER_ID as M, registerPaths as r };

package/dist/shared/vite-react-ssg.CoMLbIiW.mjs

@@ -0,0 +1,34 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, isValidElement } from 'react';
+import { Helmet } from 'react-helmet-async';
+
+function useIsClient() {
+  const [isBrowser, setIsBrowser] = useState(false);
+  useEffect(() => {
+    setIsBrowser(true);
+  }, []);
+  return isBrowser;
+}
+
+function ClientOnly({
+  children,
+  fallback
+}) {
+  const isBrowser = useIsClient();
+  if (isBrowser) {
+    if (typeof children !== "function" && process.env.NODE_ENV === "development") {
+      throw new Error(
+        `vite-react-ssg error: The children of <ClientOnly> must be a "render function", e.g. <ClientOnly>{() => <span>{window.location.href}</span>}</ClientOnly>.
+Current type: ${isValidElement(children) ? "React element" : typeof children}`
+      );
+    }
+    return /* @__PURE__ */ jsx(Fragment, { children: children?.() });
+  }
+  return fallback ?? null;
+}
+
+function Head(props) {
+  return /* @__PURE__ */ jsx(Helmet, { ...props });
+}
+
+export { ClientOnly as C, Head as H };

package/dist/shared/{vite-react-ssg.BxjO14Et.mjs → vite-react-ssg.DTTf7HZy.mjs}

@@ -1,7 +1,5 @@
-import React, { useState, useEffect, isValidElement } from 'react';
+import React from 'react';
 import * as ReactDOM from 'react-dom';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { Helmet } from 'react-helmet-async';
 
 const CopyReactDOM = {
   ...ReactDOM
@@ -65,33 +63,4 @@ function documentReady(_passThrough) {
   return Promise.resolve(_passThrough);
 }
 
-function useIsClient() {
-  const [isBrowser, setIsBrowser] = useState(false);
-  useEffect(() => {
-    setIsBrowser(true);
-  }, []);
-  return isBrowser;
-}
-
-function ClientOnly({
-  children,
-  fallback
-}) {
-  const isBrowser = useIsClient();
-  if (isBrowser) {
-    if (typeof children !== "function" && process.env.NODE_ENV === "development") {
-      throw new Error(
-        `vite-react-ssg error: The children of <ClientOnly> must be a "render function", e.g. <ClientOnly>{() => <span>{window.location.href}</span>}</ClientOnly>.
-Current type: ${isValidElement(children) ? "React element" : typeof children}`
-      );
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children: 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 };
+export { documentReady as d, hydrate as h, render as r };

package/dist/shared/{vite-react-ssg.qp2k9AZ2.mjs → vite-react-ssg.DUkzxBEb.mjs}

@@ -5,15 +5,14 @@ import { JSDOM } from 'jsdom';
 import { gray, yellow, blue, dim, cyan, red, green, reset, bold, bgLightCyan } from 'kolorist';
 import PQueue from 'p-queue';
 import { resolveConfig, createLogger, build as build$1, mergeConfig, version as version$1, send, createServer } from 'vite';
-import { a as withTrailingSlash, r as removeLeadingSlash, w as withLeadingSlash, s as stripBase, j as joinUrlSegments } from './vite-react-ssg.CjIppNIS.mjs';
+import { a as withTrailingSlash, r as removeLeadingSlash, c as convertRoutesToDataRoutes, w as withLeadingSlash, s as stripBase, j as joinUrlSegments } from './vite-react-ssg.BhGKpaqQ.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 { once } from 'node:events';
 import { Readable, Writable } from 'node:stream';
-import { c as convertRoutesToDataRoutes } from './vite-react-ssg.C0y5wbxl.mjs';
 import * as ReactDomServer from 'react-dom/server';
-import { M as META_CONTAINER_ID } from './vite-react-ssg.B-j07kW6.mjs';
+import { M as META_CONTAINER_ID } from './vite-react-ssg.BqDzTpJh.mjs';
 
 const DYNAMIC_IMPORT_REGEX = /import\("([^)]+)"\)/g;
 async function collectAssets({
@@ -356,7 +355,7 @@ class WritableAsPromise extends Writable {
   }
 }
 
-const version = "0.8.9";
+const version = "0.9.1-beta.1";
 
 function buildLog(text, count) {
   console.log(`
@@ -694,6 +693,10 @@ function getAdapter(context) {
 }
 
 const dotVitedir = Number.parseInt(version$1) >= 5 ? [".vite"] : [];
+function getLoaderDataFilePath(routePath, hash) {
+  const normalized = routePath === "/" ? "/index" : routePath.endsWith("/") ? `${routePath}index` : routePath;
+  return `static-loader-data${withLeadingSlash(normalized)}.${hash}.json`;
+}
 function DefaultIncludedRoutes(paths, _routes) {
   return paths.filter((i) => !i.includes(":") && !i.includes("*"));
 }
@@ -729,36 +732,41 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   const clientLogger = createLogger();
   const loggerWarn = clientLogger.warn;
   clientLogger.warn = (msg, options) => {
-    if (msg.includes("vite:resolve") && msg.includes("externalized for browser compatibility"))
+    if (msg.includes("vite:resolve") && msg.includes("externalized for browser compatibility")) {
       return;
+    }
     loggerWarn(msg, options);
   };
   buildLog("Build for client...");
-  await build$1(mergeConfig(viteConfig, {
-    build: {
-      manifest: true,
-      ssrManifest: true,
-      rollupOptions: {
-        input: {
-          app: join(root, htmlEntry || "./index.html")
-        },
-        // @ts-expect-error rollup type
-        onLog(level, log, handler) {
-          if (log.message.includes("react-helmet-async"))
-            return;
-          handler(level, log);
+  await build$1(
+    mergeConfig(viteConfig, {
+      build: {
+        manifest: true,
+        ssrManifest: true,
+        rollupOptions: {
+          input: {
+            app: join(root, htmlEntry || "./index.html")
+          },
+          // @ts-expect-error rollup type
+          onLog(level, log, handler) {
+            if (log.message.includes("react-helmet-async"))
+              return;
+            handler(level, log);
+          }
         }
-      }
-    },
-    customLogger: clientLogger,
-    mode: config.mode,
-    plugins: [{
-      name: "vite-react-ssg:get-oup-dir",
-      configResolved(resolvedConfig) {
-        outDir = resolvedConfig.build.outDir || "dist";
-      }
-    }]
-  }));
+      },
+      customLogger: clientLogger,
+      mode: config.mode,
+      plugins: [
+        {
+          name: "vite-react-ssg:get-oup-dir",
+          configResolved(resolvedConfig) {
+            outDir = resolvedConfig.build.outDir || "dist";
+          }
+        }
+      ]
+    })
+  );
   let unmock = () => {
   };
   if (mock) {
@@ -768,37 +776,44 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   buildLog("Build for server...");
   process.env.VITE_SSG = "true";
   const ssrEntry = await resolveAlias(config, entry);
-  await build$1(mergeConfig(viteConfig, {
-    build: {
-      ssr: ssrEntry,
-      manifest: true,
-      outDir: ssgOut,
-      minify: false,
-      cssCodeSplit: false,
-      rollupOptions: {
-        output: format === "esm" ? {
-          entryFileNames: "[name].mjs",
-          format: "esm"
-        } : {
-          entryFileNames: "[name].cjs",
-          format: "cjs"
-        },
-        // @ts-expect-error rollup type
-        onLog(level, log, handler) {
-          if (log.message.includes("react-helmet-async"))
-            return;
-          handler(level, log);
+  await build$1(
+    mergeConfig(viteConfig, {
+      build: {
+        ssr: ssrEntry,
+        manifest: true,
+        outDir: ssgOut,
+        minify: false,
+        cssCodeSplit: false,
+        rollupOptions: {
+          output: format === "esm" ? {
+            entryFileNames: "[name].mjs",
+            format: "esm"
+          } : {
+            entryFileNames: "[name].cjs",
+            format: "cjs"
+          },
+          // @ts-expect-error rollup type
+          onLog(level, log, handler) {
+            if (log.message.includes("react-helmet-async"))
+              return;
+            handler(level, log);
+          }
         }
-      }
-    },
-    mode: config.mode
-  }));
+      },
+      mode: config.mode
+    })
+  );
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
   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 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);
+  const {
+    createRoot,
+    includedRoutes: serverEntryIncludedRoutes
+  } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
   const { paths } = await routesToPaths(routes);
@@ -806,29 +821,74 @@ 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;
-  if (beasties)
-    console.log(`${gray("[vite-react-ssg]")} ${blue("Critical CSS generation enabled via `beasties`")}`);
+  const beasties = beastiesOptions !== false ? await getBeastiesOrCritters(outDir, {
+    publicPath: configBase,
+    ...beastiesOptions
+  }) : void 0;
+  if (beasties) {
+    console.log(
+      `${gray("[vite-react-ssg]")} ${blue("Critical CSS generation enabled via `beasties`")}`
+    );
+  }
   const out = isAbsolute(outDir) ? outDir : join(root, outDir);
-  const ssrManifest = JSON.parse(await fs.readFile(join(out, ...dotVitedir, "ssr-manifest.json"), "utf-8"));
-  const manifest = JSON.parse(await fs.readFile(join(out, ...dotVitedir, "manifest.json"), "utf-8"));
+  const ssrManifest = JSON.parse(
+    await fs.readFile(join(out, ...dotVitedir, "ssr-manifest.json"), "utf-8")
+  );
+  const manifest = JSON.parse(
+    await fs.readFile(join(out, ...dotVitedir, "manifest.json"), "utf-8")
+  );
   let indexHTML = await fs.readFile(join(out, htmlEntry), "utf-8");
   fs.rmSync(join(out, htmlEntry));
   indexHTML = rewriteScripts(indexHTML, script);
   const queue = new PQueue({ concurrency });
   const crittersQueue = new PQueue({ concurrency: 1 });
   const staticLoaderDataManifest = {};
+  let loaderDataFileCount = 0;
   for (const path of routesPaths) {
     queue.add(async () => {
       try {
-        const appCtx = await createRoot(false, path);
-        const { base, routes: routes2, triggerOnSSRAppRendered, transformState = serializeState, app, routerType } = appCtx;
+        const appCtx = await createRoot(
+          false,
+          path
+        );
+        const {
+          base,
+          routes: routes2,
+          triggerOnSSRAppRendered,
+          transformState = serializeState,
+          app,
+          routerType
+        } = appCtx;
         const transformedIndexHTML = await onBeforePageRender?.(path, indexHTML, appCtx) || indexHTML;
         const fetchUrl = `${withTrailingSlash(base)}${removeLeadingSlash(path)}`;
         const adapter = getAdapter(appCtx);
-        const assets = !app && routerType === "remix" ? await collectAssets({ routes: [...routes2], locationArg: fetchUrl, base, serverManifest, manifest, ssrManifest }) : /* @__PURE__ */ new Set();
-        const { appHTML, bodyAttributes, htmlAttributes, metaAttributes, styleTag, routerContext } = await adapter.render(path);
-        staticLoaderDataManifest[withLeadingSlash(path)] = routerContext?.loaderData;
+        const assets = !app && routerType === "remix" ? await collectAssets({
+          routes: [...routes2],
+          locationArg: fetchUrl,
+          base,
+          serverManifest,
+          manifest,
+          ssrManifest
+        }) : /* @__PURE__ */ new Set();
+        const {
+          appHTML,
+          bodyAttributes,
+          htmlAttributes,
+          metaAttributes,
+          styleTag,
+          routerContext
+        } = await adapter.render(path);
+        const loaderData = routerContext?.loaderData;
+        if (loaderData && Object.keys(loaderData).length > 0) {
+          const loaderDataFilePath = getLoaderDataFilePath(path, hash);
+          await fs.ensureDir(join(out, dirname(loaderDataFilePath)));
+          await fs.writeFile(
+            join(out, loaderDataFilePath),
+            JSON.stringify(loaderData)
+          );
+          staticLoaderDataManifest[withLeadingSlash(path)] = loaderDataFilePath;
+          loaderDataFileCount++;
+        }
         await triggerOnSSRAppRendered?.(path, appHTML, appCtx);
         const renderedHTML = await renderHTML({
           rootContainerId,
@@ -843,10 +903,18 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         renderPreloadLinks(jsdom.window.document, assets);
         const html = jsdom.serialize();
         let transformed = await onPageRendered?.(path, html, appCtx) || html;
-        transformed = transformed.replace(SCRIPT_COMMENT_PLACEHOLDER, `window.__VITE_REACT_SSG_HASH__ = '${hash}'`);
+        transformed = transformed.replace(
+          SCRIPT_COMMENT_PLACEHOLDER,
+          `window.__VITE_REACT_SSG_HASH__ = '${hash}'`
+        );
         if (beasties) {
-          transformed = await crittersQueue.add(() => beasties.process(transformed));
-          transformed = transformed.replace(/<link\srel="stylesheet"/g, '<link rel="stylesheet" crossorigin');
+          transformed = await crittersQueue.add(
+            () => beasties.process(transformed)
+          );
+          transformed = transformed.replace(
+            /<link\srel="stylesheet"/g,
+            '<link rel="stylesheet" crossorigin'
+          );
         }
         if (styleTag)
           transformed = transformed.replace("<head>", `<head>${styleTag}`);
@@ -859,15 +927,24 @@ async function build(ssgOptions = {}, viteConfig = {}) {
           `${dim(`${outDir}/`)}${cyan(filename.padEnd(15, " "))}  ${dim(getSize(formatted))}`
         );
       } catch (err) {
-        throw new Error(`${gray("[vite-react-ssg]")} ${red(`Error on page: ${cyan(path)}`)}
-${err.stack}`);
+        throw new Error(
+          `${gray("[vite-react-ssg]")} ${red(`Error on page: ${cyan(path)}`)}
+${err.stack}`
+        );
       }
     });
   }
   await queue.start().onIdle();
-  buildLog("Generating static loader data manifest...");
-  const staticLoaderDataManifestString = JSON.stringify(staticLoaderDataManifest, null, 0);
-  await fs.writeFile(join(out, `static-loader-data-manifest-${hash}.json`), staticLoaderDataManifestString);
+  buildLog("Generating static loader data...", loaderDataFileCount);
+  const staticLoaderDataManifestString = JSON.stringify(
+    staticLoaderDataManifest,
+    null,
+    0
+  );
+  await fs.writeFile(
+    join(out, `static-loader-data-manifest-${hash}.json`),
+    staticLoaderDataManifestString
+  );
   config.logger.info(
     `${dim(`${outDir}/`)}${cyan(`static-loader-data-manifest-${hash}.json`.padEnd(15, " "))}  ${dim(getSize(staticLoaderDataManifestString))}`
   );
@@ -880,10 +957,12 @@ ${err.stack}`);
   }
   console.log(`
 ${gray("[vite-react-ssg]")} ${green("Build finished.")}`);
-  await onFinished?.();
+  await onFinished?.(outDir);
   const waitInSeconds = 15;
   const timeout = setTimeout(() => {
-    console.log(`${gray("[vite-react-ssg]")} ${yellow(`Build process still running after ${waitInSeconds}s`)}.  There might be something misconfigured in your setup. Force exit.`);
+    console.log(
+      `${gray("[vite-react-ssg]")} ${yellow(`Build process still running after ${waitInSeconds}s`)}.  There might be something misconfigured in your setup. Force exit.`
+    );
     process.exit(0);
   }, waitInSeconds * 1e3);
   timeout.unref();
@@ -891,16 +970,25 @@ ${gray("[vite-react-ssg]")} ${green("Build finished.")}`);
 function rewriteScripts(indexHTML, mode) {
   if (!mode || mode === "sync")
     return indexHTML;
-  return indexHTML.replace(/<script type="module" /g, `<script type="module" ${mode} `);
+  return indexHTML.replace(
+    /<script type="module" /g,
+    `<script type="module" ${mode} `
+  );
 }
 async function formatHtml(html, formatting) {
   if (formatting === "prettify") {
     try {
       const prettier = (await import('prettier/esm/standalone.mjs')).default;
       const parserHTML = (await import('prettier/esm/parser-html.mjs')).default;
-      return prettier.format(html, { semi: false, parser: "html", plugins: [parserHTML] });
+      return prettier.format(html, {
+        semi: false,
+        parser: "html",
+        plugins: [parserHTML]
+      });
     } catch (e) {
-      console.error(`${gray("[vite-react-ssg]")} ${red(`Error formatting html: ${e?.message}`)}`);
+      console.error(
+        `${gray("[vite-react-ssg]")} ${red(`Error formatting html: ${e?.message}`)}`
+      );
       return html;
     }
   }

package/dist/shared/{vite-react-ssg.B2xAADcy.d.mts → vite-react-ssg.jgFXOhqq.d.mts}

@@ -121,7 +121,7 @@ interface ViteReactSSGOptions<Context = ViteReactSSGContext> {
      * The returned value will be used as the HTML of the route.
      */
     onPageRendered?: (route: string, renderedHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
-    onFinished?: () => Promise<void> | void;
+    onFinished?: (dir: string) => Promise<void> | void;
     /**
      * The application's root container `id`.
      *
@@ -204,6 +204,7 @@ interface RouterOptions {
     routes: RouteRecord[];
     basename?: string;
     future?: Partial<RouterFutureConfig & FutureConfig>;
+    customCreateRouter?: typeof createBrowserRouter;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -216,4 +217,4 @@ declare module 'vite' {
     }
 }
 
-export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, ViteReactSSGOptions as b, RouterFutureConfig as c, RouterOptions as d };
+export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, RouterFutureConfig as b, RouterOptions as c, ViteReactSSGOptions as d };

package/dist/shared/{vite-react-ssg.B2xAADcy.d.ts → vite-react-ssg.jgFXOhqq.d.ts}

@@ -121,7 +121,7 @@ interface ViteReactSSGOptions<Context = ViteReactSSGContext> {
      * The returned value will be used as the HTML of the route.
      */
     onPageRendered?: (route: string, renderedHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
-    onFinished?: () => Promise<void> | void;
+    onFinished?: (dir: string) => Promise<void> | void;
     /**
      * The application's root container `id`.
      *
@@ -204,6 +204,7 @@ interface RouterOptions {
     routes: RouteRecord[];
     basename?: string;
     future?: Partial<RouterFutureConfig & FutureConfig>;
+    customCreateRouter?: typeof createBrowserRouter;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -216,4 +217,4 @@ declare module 'vite' {
     }
 }
 
-export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, ViteReactSSGOptions as b, RouterFutureConfig as c, RouterOptions as d };
+export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, RouterFutureConfig as b, RouterOptions as c, ViteReactSSGOptions as d };

package/dist/tanstack.d.mts

@@ -1,6 +1,6 @@
 import { AnyRouter } from '@tanstack/react-router';
-import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.B2xAADcy.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.B2xAADcy.mjs';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.jgFXOhqq.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.mjs';
 import 'beasties';
 import 'react';
@@ -22,10 +22,14 @@ type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGCo
 declare function Experimental_ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
-        __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
+        /** Manifest index: route path -> data file path */
+        __VITE_REACT_SSG_STATIC_LOADER_MANIFEST__: Record<string, string>;
+        /** Cached loader data: route path -> loader data */
+        __VITE_REACT_SSG_STATIC_LOADER_DATA__: Record<string, Record<string, unknown>>;
         __VITE_REACT_SSG_HASH__: string;
         __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }
 }
 
-export { Experimental_ViteReactSSG, type RouterOptions, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };
+export { Experimental_ViteReactSSG, ViteReactSSGClientOptions, registerPaths };
+export type { RouterOptions, ViteReactSSGContext };

package/dist/tanstack.d.ts

@@ -1,6 +1,6 @@
 import { AnyRouter } from '@tanstack/react-router';
-import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.B2xAADcy.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.B2xAADcy.js';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.jgFXOhqq.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.jgFXOhqq.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.js';
 import 'beasties';
 import 'react';
@@ -22,10 +22,14 @@ type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGCo
 declare function Experimental_ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
-        __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
+        /** Manifest index: route path -> data file path */
+        __VITE_REACT_SSG_STATIC_LOADER_MANIFEST__: Record<string, string>;
+        /** Cached loader data: route path -> loader data */
+        __VITE_REACT_SSG_STATIC_LOADER_DATA__: Record<string, Record<string, unknown>>;
         __VITE_REACT_SSG_HASH__: string;
         __VITE_REACT_SSG_CONTEXT__: ViteReactSSGContext<true>;
     }
 }
 
-export { Experimental_ViteReactSSG, type RouterOptions, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };
+export { Experimental_ViteReactSSG, ViteReactSSGClientOptions, registerPaths };
+export type { RouterOptions, ViteReactSSGContext };

package/dist/tanstack.mjs

@@ -1,143 +1,15 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { RouterProvider } from '@tanstack/react-router';
-import { Meta, StartClient } from '@tanstack/start';
-import { HelmetProvider } from 'react-helmet-async';
-import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.BxjO14Et.mjs';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.BxjO14Et.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 'react/jsx-runtime';
+import '@tanstack/react-router';
+import '@tanstack/start';
+import 'react-helmet-async';
+export { r as registerPaths } from './shared/vite-react-ssg.BqDzTpJh.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.CoMLbIiW.mjs';
 import 'react';
-import 'react-dom';
 
-const HAS_ADD_META_FLAG_KEY = "HAS_ADD_META_FLAG_KEY";
 function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
-  const {
-    transformState,
-    rootContainer = "#root",
-    ssrWhenDev,
-    getStyleCollector = null
-  } = options;
-  if (process.env.NODE_ENV === "development" && ssrWhenDev !== void 0)
-    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 ?? "/";
-  const routeTree = routerOptions.routes;
-  const OriginComponent = routeTree.options.component;
-  if (!OriginComponent[HAS_ADD_META_FLAG_KEY]) {
-    const component = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(OriginComponent, {}),
-      /* @__PURE__ */ jsx("div", { id: META_CONTAINER_ID, style: { display: "none" }, children: /* @__PURE__ */ jsx(Meta, {}) })
-    ] });
-    component[HAS_ADD_META_FLAG_KEY] = true;
-    routeTree.update({
-      component
-    });
-  }
-  async function createRoot(client = false, routePath) {
-    const routes = await convertRouteTreeToRouteOption(
-      routerOptions.routes,
-      client,
-      client ? (node) => {
-        const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-        if (!isSSR)
-          return;
-        node.options.loader = async (ctx) => {
-          let pathname = ctx.location.pathname;
-          if (process.env.NODE_ENV === "development") {
-            const routeId = encodeURIComponent(node.id);
-            const dataQuery = `_data=${routeId}`;
-            const href = ctx.location.href;
-            const url = href.includes("?") ? `${href}&${dataQuery}` : `${href}?${dataQuery}`;
-            const res = await fetch(url);
-            const header = res.headers;
-            const contentType = header.get("content-type");
-            if (contentType?.startsWith("application/json"))
-              return res.json();
-            return res.text();
-          }
-          let staticLoadData;
-          if (window.__VITE_REACT_SSG_STATIC_LOADER_DATA__) {
-            staticLoadData = window.__VITE_REACT_SSG_STATIC_LOADER_DATA__;
-          } else {
-            const manifestUrl = joinUrlSegments(BASE_URL, `static-loader-data-manifest-${window.__VITE_REACT_SSG_HASH__}.json`);
-            staticLoadData = await (await fetch(withLeadingSlash(manifestUrl))).json();
-            window.__VITE_REACT_SSG_STATIC_LOADER_DATA__ = staticLoadData;
-          }
-          if (BASE_URL !== "/") {
-            pathname = stripBase(pathname, BASE_URL);
-          }
-          const routeData = staticLoadData?.[pathname]?.find((item) => item.id === node.id);
-          return routeData?.loaderData ?? null;
-        };
-      } : void 0
-    );
-    const router = routerOptions.router;
-    router.options.isServer = !client;
-    const appRenderCallbacks = [];
-    const onSSRAppRendered = client ? () => {
-    } : (cb) => appRenderCallbacks.push(cb);
-    const triggerOnSSRAppRendered = () => {
-      return Promise.all(appRenderCallbacks.map((cb) => cb()));
-    };
-    const context = {
-      isClient,
-      routes,
-      routeTree,
-      router,
-      routerOptions: {
-        routes,
-        basename: BASE_URL
-      },
-      onSSRAppRendered,
-      triggerOnSSRAppRendered,
-      initialState: {},
-      transformState,
-      routePath,
-      base: BASE_URL,
-      getStyleCollector,
-      routerType: "tanstack"
-    };
-    if (client) {
-      await documentReady();
-      context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || deserializeState(window.__INITIAL_STATE__);
-    }
-    await fn?.(context);
-    const initialState = context.initialState;
-    return {
-      ...context,
-      initialState
-    };
-  }
-  if (isClient) {
-    (async () => {
-      const container = typeof rootContainer === "string" ? document.querySelector(rootContainer) : rootContainer;
-      if (!container) {
-        if (typeof $jsdom === "undefined")
-          console.warn("[vite-react-ssg] Root container not found.");
-        return;
-      }
-      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(
-          /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router }) }),
-          container,
-          options
-        );
-      } else {
-        hydrate(
-          /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(StartClient, { router }) }),
-          container,
-          options
-        );
-      }
-    })();
-  }
-  return createRoot;
+  throw new Error(
+    "[vite-react-ssg] Sorry, this Version has no support for tanstack router. Please contact me via GitHub issue if you need this feature."
+  );
 }
 
 export { Experimental_ViteReactSSG };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.8.9",
-  "packageManager": "pnpm@10.12.1",
+  "version": "0.9.1-beta.1",
+  "packageManager": "pnpm@10.28.2",
   "description": "Static-site generation for React on Vite.",
   "author": "Riri <Daydreamerriri@outlook.com>",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "build": "unbuild",
     "dev": "unbuild --stub",
     "lint": "eslint .",
-    "test": "pnpm -r --filter=./examples/* build && vitest run",
+    "test": "pnpm -r build && vitest run",
     "prepublishOnly": "nr build",
     "release": "bumpp && npm publish",
     "start": "esno src/index.ts",
@@ -109,45 +109,45 @@
     }
   },
   "dependencies": {
-    "fs-extra": "^11.3.0",
+    "fs-extra": "^11.3.3",
     "html5parser": "^2.0.2",
     "jsdom": "^24.1.3",
     "kolorist": "^1.8.0",
-    "p-queue": "^8.1.0",
+    "p-queue": "^9.1.0",
     "react-helmet-async": "^1.3.0",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@ririd/eslint-config": "^1.4.0",
-    "@tanstack/react-router": "^1.121.24",
+    "@ririd/eslint-config": "^2.1.1",
+    "@tanstack/react-router": "^1.158.0",
     "@tanstack/start": "^1.120.20",
     "@types/fs-extra": "^11.0.4",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^18.19.112",
+    "@types/node": "^18.19.130",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@types/yargs": "^17.0.33",
-    "@vitejs/plugin-react-swc": "^3.10.2",
-    "beasties": "^0.3.4",
-    "bumpp": "^10.2.0",
+    "@types/yargs": "^17.0.35",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "beasties": "^0.4.1",
+    "bumpp": "^10.4.0",
     "critters": "^0.0.25",
-    "eslint": "^9.29.0",
+    "eslint": "^9.39.2",
     "esno": "^4.8.0",
     "fast-glob": "3.3.2",
-    "prettier": "^3.5.3",
+    "prettier": "^3.8.1",
     "react": "catalog:",
     "react-dom": "catalog:",
-    "react-router-dom": "^6.30.1",
+    "react-router-dom": "^6.30.3",
     "rimraf": "5.0.1",
     "styled-components": "6.0.5",
-    "typescript": "^5.8.3",
-    "unbuild": "^3.5.0",
+    "typescript": "^5.9.3",
+    "unbuild": "^3.6.1",
     "vite": "catalog:",
     "vitest": "1.6.1"
   },
   "pnpm": {
     "overrides": {
-      "@babel/traverse": "^7.27.4"
+      "@babel/traverse": "^7.29.0"
     },
     "onlyBuiltDependencies": [
       "@swc/core",

package/dist/shared/vite-react-ssg.B-j07kW6.mjs

@@ -1,31 +0,0 @@
-const ViteReactSSGTanstackRouterStaticPathsContext = {};
-function registerPaths(id, getStaticPaths) {
-  ViteReactSSGTanstackRouterStaticPathsContext[id] = getStaticPaths;
-}
-async function convertRouteTreeToRouteOption(routeTree, client, visitNode) {
-  const routes = [];
-  async function traverseRouteTree(node) {
-    if (!client && node.path?.includes("$") && node.lazyFn) {
-      await node.lazyFn();
-    }
-    visitNode?.(node);
-    const routeRecord = {
-      path: node.path,
-      getStaticPaths: ViteReactSSGTanstackRouterStaticPathsContext[node.id]
-    };
-    routeRecord.path = routeRecord.path?.replaceAll("$", ":");
-    const children = node.children;
-    if (children) {
-      routeRecord.children = [];
-      for (const child of Object.values(children)) {
-        routeRecord.children.push(await traverseRouteTree(child));
-      }
-    }
-    return routeRecord;
-  }
-  routes.push(await traverseRouteTree(routeTree));
-  return routes;
-}
-const META_CONTAINER_ID = "__SSG_TANSTACK_META_CONTAINER__";
-
-export { META_CONTAINER_ID as M, convertRouteTreeToRouteOption as c, registerPaths as r };

package/dist/shared/vite-react-ssg.CjIppNIS.mjs

@@ -1,30 +0,0 @@
-function joinUrlSegments(a, b) {
-  if (!a || !b)
-    return a || b || "";
-  if (a[a.length - 1] === "/")
-    a = a.substring(0, a.length - 1);
-  if (b[0] !== "/")
-    b = `/${b}`;
-  return a + b;
-}
-function removeLeadingSlash(str) {
-  return str[0] === "/" ? str.slice(1) : str;
-}
-function stripBase(path, base) {
-  if (path === base)
-    return "/";
-  const devBase = withTrailingSlash(base);
-  return path.startsWith(devBase) ? path.slice(devBase.length - 1) : path;
-}
-function withTrailingSlash(path) {
-  if (path[path.length - 1] !== "/")
-    return `${path}/`;
-  return path;
-}
-function withLeadingSlash(path) {
-  if (path[0] !== "/")
-    return `/${path}`;
-  return path;
-}
-
-export { withTrailingSlash as a, joinUrlSegments as j, removeLeadingSlash as r, stripBase as s, withLeadingSlash as w };