vite-react-ssg 0.7.3 → 0.8.0-beta.2

package/dist/shared/{vite-react-ssg.de54c34e.d.cts → vite-react-ssg.Txy2EJkI.d.cts}

@@ -1,9 +1,27 @@
-import { Options } from 'critters';
 import { ReactNode, ReactElement } from 'react';
 import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
 
 type Router = ReturnType<typeof createBrowserRouter>;
-interface ViteReactSSGOptions {
+interface CrittersOptions {
+    path?: string;
+    publicPath?: string;
+    external?: boolean;
+    inlineThreshold?: number;
+    minimumExternalSize?: number;
+    pruneSource?: boolean;
+    mergeStylesheets?: boolean;
+    additionalStylesheets?: string[];
+    preload?: 'body' | 'media' | 'swap' | 'js' | 'js-lazy';
+    noscriptFallback?: boolean;
+    inlineFonts?: boolean;
+    preloadFonts?: boolean;
+    fonts?: boolean;
+    keyframes?: string;
+    compress?: boolean;
+    logLevel?: 'info' | 'warn' | 'error' | 'trace' | 'debug' | 'silent';
+    reduceInlineStyles?: boolean;
+}
+interface ViteReactSSGOptions<Context = ViteReactSSGContext> {
     /**
      * Set the scripts' loading mode. Only works for `type="module"`.
      *
@@ -62,7 +80,7 @@ interface ViteReactSSGOptions {
      *
      * @see https://github.com/GoogleChromeLabs/critters
      */
-    crittersOptions?: Options | false;
+    crittersOptions?: CrittersOptions | false;
     /**
      * Custom function to modify the routes to do the SSG.
      *
@@ -80,7 +98,7 @@ interface ViteReactSSGOptions {
      * To do so, you can change the 'index.html' file contents (passed in through the `indexHTML` parameter), and return it.
      * The returned value will then be passed to renderer.
      */
-    onBeforePageRender?: (route: string, indexHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onBeforePageRender?: (route: string, indexHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     /**
      * Callback to be called on every rendered page.
      *
@@ -89,7 +107,7 @@ interface ViteReactSSGOptions {
      * To do so, you can transform the route's rendered HTML (passed in through the `renderedHTML` parameter), and return it.
      * The returned value will be used as the HTML of the route.
      */
-    onPageRendered?: (route: string, renderedHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onPageRendered?: (route: string, renderedHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     onFinished?: () => Promise<void> | void;
     /**
      * The application's root container `id`.
@@ -120,6 +138,7 @@ interface ViteReactSSGContext<HasRouter extends boolean = true> {
     base: string;
     getStyleCollector: (() => StyleCollector | Promise<StyleCollector>) | null;
     app?: HasRouter extends true ? never : ReactNode;
+    routerType: 'remix' | 'single-page';
 }
 interface ViteReactSSGClientOptions {
     transformState?: (state: any) => any;
@@ -176,4 +195,4 @@ declare module 'vite' {
     }
 }
 
-export type { IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, ViteReactSSGOptions as b, RouterOptions as c };
+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, RouterOptions as c };

package/dist/shared/{vite-react-ssg.de54c34e.d.mts → vite-react-ssg.Txy2EJkI.d.mts}

@@ -1,9 +1,27 @@
-import { Options } from 'critters';
 import { ReactNode, ReactElement } from 'react';
 import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
 
 type Router = ReturnType<typeof createBrowserRouter>;
-interface ViteReactSSGOptions {
+interface CrittersOptions {
+    path?: string;
+    publicPath?: string;
+    external?: boolean;
+    inlineThreshold?: number;
+    minimumExternalSize?: number;
+    pruneSource?: boolean;
+    mergeStylesheets?: boolean;
+    additionalStylesheets?: string[];
+    preload?: 'body' | 'media' | 'swap' | 'js' | 'js-lazy';
+    noscriptFallback?: boolean;
+    inlineFonts?: boolean;
+    preloadFonts?: boolean;
+    fonts?: boolean;
+    keyframes?: string;
+    compress?: boolean;
+    logLevel?: 'info' | 'warn' | 'error' | 'trace' | 'debug' | 'silent';
+    reduceInlineStyles?: boolean;
+}
+interface ViteReactSSGOptions<Context = ViteReactSSGContext> {
     /**
      * Set the scripts' loading mode. Only works for `type="module"`.
      *
@@ -62,7 +80,7 @@ interface ViteReactSSGOptions {
      *
      * @see https://github.com/GoogleChromeLabs/critters
      */
-    crittersOptions?: Options | false;
+    crittersOptions?: CrittersOptions | false;
     /**
      * Custom function to modify the routes to do the SSG.
      *
@@ -80,7 +98,7 @@ interface ViteReactSSGOptions {
      * To do so, you can change the 'index.html' file contents (passed in through the `indexHTML` parameter), and return it.
      * The returned value will then be passed to renderer.
      */
-    onBeforePageRender?: (route: string, indexHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onBeforePageRender?: (route: string, indexHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     /**
      * Callback to be called on every rendered page.
      *
@@ -89,7 +107,7 @@ interface ViteReactSSGOptions {
      * To do so, you can transform the route's rendered HTML (passed in through the `renderedHTML` parameter), and return it.
      * The returned value will be used as the HTML of the route.
      */
-    onPageRendered?: (route: string, renderedHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onPageRendered?: (route: string, renderedHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     onFinished?: () => Promise<void> | void;
     /**
      * The application's root container `id`.
@@ -120,6 +138,7 @@ interface ViteReactSSGContext<HasRouter extends boolean = true> {
     base: string;
     getStyleCollector: (() => StyleCollector | Promise<StyleCollector>) | null;
     app?: HasRouter extends true ? never : ReactNode;
+    routerType: 'remix' | 'single-page';
 }
 interface ViteReactSSGClientOptions {
     transformState?: (state: any) => any;
@@ -176,4 +195,4 @@ declare module 'vite' {
     }
 }
 
-export type { IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, ViteReactSSGOptions as b, RouterOptions as c };
+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, RouterOptions as c };

package/dist/shared/{vite-react-ssg.de54c34e.d.ts → vite-react-ssg.Txy2EJkI.d.ts}

@@ -1,9 +1,27 @@
-import { Options } from 'critters';
 import { ReactNode, ReactElement } from 'react';
 import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
 
 type Router = ReturnType<typeof createBrowserRouter>;
-interface ViteReactSSGOptions {
+interface CrittersOptions {
+    path?: string;
+    publicPath?: string;
+    external?: boolean;
+    inlineThreshold?: number;
+    minimumExternalSize?: number;
+    pruneSource?: boolean;
+    mergeStylesheets?: boolean;
+    additionalStylesheets?: string[];
+    preload?: 'body' | 'media' | 'swap' | 'js' | 'js-lazy';
+    noscriptFallback?: boolean;
+    inlineFonts?: boolean;
+    preloadFonts?: boolean;
+    fonts?: boolean;
+    keyframes?: string;
+    compress?: boolean;
+    logLevel?: 'info' | 'warn' | 'error' | 'trace' | 'debug' | 'silent';
+    reduceInlineStyles?: boolean;
+}
+interface ViteReactSSGOptions<Context = ViteReactSSGContext> {
     /**
      * Set the scripts' loading mode. Only works for `type="module"`.
      *
@@ -62,7 +80,7 @@ interface ViteReactSSGOptions {
      *
      * @see https://github.com/GoogleChromeLabs/critters
      */
-    crittersOptions?: Options | false;
+    crittersOptions?: CrittersOptions | false;
     /**
      * Custom function to modify the routes to do the SSG.
      *
@@ -80,7 +98,7 @@ interface ViteReactSSGOptions {
      * To do so, you can change the 'index.html' file contents (passed in through the `indexHTML` parameter), and return it.
      * The returned value will then be passed to renderer.
      */
-    onBeforePageRender?: (route: string, indexHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onBeforePageRender?: (route: string, indexHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     /**
      * Callback to be called on every rendered page.
      *
@@ -89,7 +107,7 @@ interface ViteReactSSGOptions {
      * To do so, you can transform the route's rendered HTML (passed in through the `renderedHTML` parameter), and return it.
      * The returned value will be used as the HTML of the route.
      */
-    onPageRendered?: (route: string, renderedHTML: string, appCtx: ViteReactSSGContext<true>) => Promise<string | null | undefined> | string | null | undefined;
+    onPageRendered?: (route: string, renderedHTML: string, appCtx: Context) => Promise<string | null | undefined> | string | null | undefined;
     onFinished?: () => Promise<void> | void;
     /**
      * The application's root container `id`.
@@ -120,6 +138,7 @@ interface ViteReactSSGContext<HasRouter extends boolean = true> {
     base: string;
     getStyleCollector: (() => StyleCollector | Promise<StyleCollector>) | null;
     app?: HasRouter extends true ? never : ReactNode;
+    routerType: 'remix' | 'single-page';
 }
 interface ViteReactSSGClientOptions {
     transformState?: (state: any) => any;
@@ -176,4 +195,4 @@ declare module 'vite' {
     }
 }
 
-export type { IndexRouteRecord as I, NonIndexRouteRecord as N, RouteRecord as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, ViteReactSSGOptions as b, RouterOptions as c };
+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, RouterOptions as c };

package/dist/tanstack.cjs

@@ -0,0 +1,150 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const client = require('react-dom/client');
+const reactHelmetAsync = require('react-helmet-async');
+const reactRouter = require('@tanstack/react-router');
+const start = require('@tanstack/start');
+const ClientOnly = require('./shared/vite-react-ssg.BuZVBVT6.cjs');
+const state = require('./shared/vite-react-ssg.CjsEygxB.cjs');
+const tanstackRouter = require('./shared/vite-react-ssg.D0EGioth.cjs');
+const path = require('./shared/vite-react-ssg.CFQGqC60.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const HAS_ADD_META_FLAG_KEY = "HAS_ADD_META_FLAG_KEY";
+function ViteReactSSG(routerOptions, fn, options = {}) {
+  const {
+    transformState,
+    rootContainer = "#root",
+    ssrWhenDev,
+    getStyleCollector = null
+  } = options;
+  if (undefined.DEV && 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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(OriginComponent, {}),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { id: tanstackRouter.META_CONTAINER_ID, style: { display: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(start.Meta, {}) })
+    ] });
+    component[HAS_ADD_META_FLAG_KEY] = true;
+    routeTree.update({
+      component
+    });
+  }
+  async function createRoot(client = false, routePath) {
+    const routes = await tanstackRouter.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 (undefined.DEV) {
+            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 = path.joinUrlSegments(BASE_URL, `static-loader-data-manifest-${window.__VITE_REACT_SSG_HASH__}.json`);
+            staticLoadData = await (await fetch(path.withLeadingSlash(manifestUrl))).json();
+            window.__VITE_REACT_SSG_STATIC_LOADER_DATA__ = staticLoadData;
+          }
+          if (BASE_URL !== "/") {
+            pathname = path.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 ClientOnly.documentReady();
+      context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || 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 { router } = await createRoot(true);
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && undefined.DEV) {
+        const root = client.createRoot(container);
+        React__default.startTransition(() => {
+          root.render(
+            /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router }) })
+          );
+        });
+      } else {
+        React__default.startTransition(() => {
+          client.hydrateRoot(
+            container,
+            /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(start.StartClient, { router }) })
+          );
+        });
+      }
+    })();
+  }
+  return createRoot;
+}
+
+exports.ClientOnly = ClientOnly.ClientOnly;
+exports.Head = ClientOnly.Head;
+exports.registerPaths = tanstackRouter.registerPaths;
+exports.ViteReactSSG = ViteReactSSG;

package/dist/tanstack.d.cts

@@ -0,0 +1,29 @@
+import { AnyRouter } from '@tanstack/react-router';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Txy2EJkI.cjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.Txy2EJkI.cjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.cjs';
+import 'react';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
+
+interface RouterOptions {
+    router: AnyRouter;
+    routes: AnyRouter['routeTree'];
+    basename?: string;
+}
+type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGContext$1, 'router' | 'routerType'> & {
+    router: HasRouter extends true ? AnyRouter : undefined;
+    routeTree?: AnyRouter['routeTree'];
+    routerType: 'tanstack';
+};
+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;
+        __VITE_REACT_SSG_HASH__: string;
+    }
+}
+
+export { type RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };

package/dist/tanstack.d.mts

@@ -0,0 +1,29 @@
+import { AnyRouter } from '@tanstack/react-router';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Txy2EJkI.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.Txy2EJkI.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.mjs';
+import 'react';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
+
+interface RouterOptions {
+    router: AnyRouter;
+    routes: AnyRouter['routeTree'];
+    basename?: string;
+}
+type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGContext$1, 'router' | 'routerType'> & {
+    router: HasRouter extends true ? AnyRouter : undefined;
+    routeTree?: AnyRouter['routeTree'];
+    routerType: 'tanstack';
+};
+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;
+        __VITE_REACT_SSG_HASH__: string;
+    }
+}
+
+export { type RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };

package/dist/tanstack.d.ts

@@ -0,0 +1,29 @@
+import { AnyRouter } from '@tanstack/react-router';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Txy2EJkI.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.Txy2EJkI.js';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.js';
+import 'react';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
+
+interface RouterOptions {
+    router: AnyRouter;
+    routes: AnyRouter['routeTree'];
+    basename?: string;
+}
+type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGContext$1, 'router' | 'routerType'> & {
+    router: HasRouter extends true ? AnyRouter : undefined;
+    routeTree?: AnyRouter['routeTree'];
+    routerType: 'tanstack';
+};
+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;
+        __VITE_REACT_SSG_HASH__: string;
+    }
+}
+
+export { type RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };

package/dist/tanstack.mjs

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React from 'react';
+import { createRoot, hydrateRoot } from 'react-dom/client';
+import { HelmetProvider } from 'react-helmet-async';
+import { RouterProvider } from '@tanstack/react-router';
+import { StartClient, Meta } from '@tanstack/start';
+import { d as documentReady } from './shared/vite-react-ssg.B6SGTWpD.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.B6SGTWpD.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.4y2OEiyV.mjs';
+export { r as registerPaths } from './shared/vite-react-ssg.4y2OEiyV.mjs';
+import { j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.CjIppNIS.mjs';
+
+const HAS_ADD_META_FLAG_KEY = "HAS_ADD_META_FLAG_KEY";
+function ViteReactSSG(routerOptions, fn, options = {}) {
+  const {
+    transformState,
+    rootContainer = "#root",
+    ssrWhenDev,
+    getStyleCollector = null
+  } = options;
+  if (import.meta.env.DEV && 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$1(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 (import.meta.env.DEV) {
+            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 { router } = await createRoot$1(true);
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && import.meta.env.DEV) {
+        const root = createRoot(container);
+        React.startTransition(() => {
+          root.render(
+            /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router }) })
+          );
+        });
+      } else {
+        React.startTransition(() => {
+          hydrateRoot(
+            container,
+            /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(StartClient, { router }) })
+          );
+        });
+      }
+    })();
+  }
+  return createRoot$1;
+}
+
+export { ViteReactSSG };