vite-react-ssg 0.5.2 → 0.6.0

package/README.md

@@ -9,6 +9,7 @@ See demo(also document): [docs](https://vite-react-ssg.netlify.app/)
 # Table of contents
 
 - [Usage](#usage)
+- [Use CSR during development](#use-csr-during-development)
 - [Extra route options](#extra-route-options)
   - [`entry`](#entry)
   - [`getStaticPaths`](#getstaticpaths)
@@ -22,7 +23,6 @@ See demo(also document): [docs](https://vite-react-ssg.netlify.app/)
 - [Configuration](#configuration)
   - [Custom Routes to Render](#custom-routes-to-render)
   - [Https](#https)
-- [Use CSR in development environment](#use-csr-in-development-environment)
 - [Roadmap](#roadmap)
 - [Credits](#credits)
 
@@ -100,6 +100,35 @@ export const routes: RouteRecord[] = [
 ]
 ```
 
+### Use CSR during development
+
+Vite React SSG provide SSR (Server-Side Rendering) during development to ensure consistency between development and production as much as possible.
+
+But if you want to use CSR during development, just:
+
+```diff
+// package.json
+{
+  "scripts": {
+-   "dev": "vite-react-ssg dev",
++   "dev": "vite",
+    "build": "vite-react-ssg build"
+  }
+}
+```
+
+### Single Page SSG
+
+For SSG of an index page only (i.e. without `react-router-dom`); import `vite-react-ssg/single-page` instead.
+
+```tsx
+// src/main.tsx
+import { ViteReactSSG } from 'vite-react-ssg/single-page'
+import App from './App.tsx'
+
+export const createRoot = ViteReactSSG(<App />)
+```
+
 ## Extra route options
 
 The RouteObject of vite-react-ssg is based on react-router, and vite-react-ssg receives some additional properties.
@@ -117,7 +146,7 @@ to determine which paths will be pre-rendered by vite-react-ssg.
 
 This function is only valid for dynamic route.
 
-```ts
+```tsx
 const route = {
   path: 'nest/:b',
   Component: React.lazy(() => import('./pages/nest/[b]')),
@@ -503,40 +532,6 @@ export default defineConfig({
 })
 ```
 
-## Use CSR in development environment
-
-If you want to use CSR during development, just:
-
-```ts
-// src/main.ts
-import { ViteReactSSG } from 'vite-react-ssg'
-import routes from './App.tsx'
-
-export const createRoot = ViteReactSSG(
-  { routes },
-  ({ router, routes, isClient, initialState }) => {
-    // do something.
-  },
-  {
-    // Default value is `true`
-    ssrWhenDev: false
-  }
-)
-```
-
-```diff
-// package.json
-{
-  "scripts": {
--   "dev": "vite-react-ssg dev",
-+   "dev": "vite",
-    "build": "vite-react-ssg build"
-  }
-}
-```
-
-Then, you can start the application with CSR in the development environment.
-
 ## Roadmap
 
 - [x] Preload assets

package/dist/client/single-page.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+const client = require('react-dom/client');
+const reactHelmetAsync = require('react-helmet-async');
+const React = require('react');
+const ClientOnly = require('../shared/vite-react-ssg.c639b3fe.cjs');
+const state = require('../shared/vite-react-ssg.e6991406.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+function ViteReactSSG(App, 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";
+  async function createRoot(client = false, routePath) {
+    const appRenderCallbacks = [];
+    const onSSRAppRendered = client ? () => {
+    } : (cb) => appRenderCallbacks.push(cb);
+    const triggerOnSSRAppRendered = () => {
+      return Promise.all(appRenderCallbacks.map((cb) => cb()));
+    };
+    const context = {
+      isClient,
+      onSSRAppRendered,
+      triggerOnSSRAppRendered,
+      initialState: {},
+      transformState,
+      routePath,
+      getStyleCollector,
+      routes: void 0,
+      routerOptions: void 0,
+      base: "/",
+      app: App
+    };
+    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;
+      }
+      await createRoot(true);
+      const app = /* @__PURE__ */ React__default.createElement(reactHelmetAsync.HelmetProvider, null, App);
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && process.env.NODE_ENV === "development") {
+        const root = client.createRoot(container);
+        React__default.startTransition(() => {
+          root.render(app);
+        });
+      } else {
+        React__default.startTransition(() => {
+          client.hydrateRoot(container, app);
+        });
+      }
+    })();
+  }
+  return createRoot;
+}
+
+exports.ClientOnly = ClientOnly.ClientOnly;
+exports.Head = ClientOnly.Head;
+exports.ViteReactSSG = ViteReactSSG;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.d734eb79.cjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.d734eb79.cjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.cjs';
+import 'critters';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function ViteReactSSG(App: ReactNode, fn?: (context: ViteReactSSGContext<false>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<false>>;
+
+export { ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.d734eb79.mjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.d734eb79.mjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.mjs';
+import 'critters';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function ViteReactSSG(App: ReactNode, fn?: (context: ViteReactSSGContext<false>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<false>>;
+
+export { ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.d734eb79.js';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.d734eb79.js';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.js';
+import 'critters';
+import 'react-router-dom';
+import 'react-helmet-async';
+
+declare function ViteReactSSG(App: ReactNode, fn?: (context: ViteReactSSGContext<false>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<false>>;
+
+export { ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/client/single-page.mjs

@@ -0,0 +1,75 @@
+import { createRoot, hydrateRoot } from 'react-dom/client';
+import { HelmetProvider } from 'react-helmet-async';
+import React from 'react';
+import { d as documentReady } from '../shared/vite-react-ssg.8cdb31f1.mjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.8cdb31f1.mjs';
+import { d as deserializeState } from '../shared/vite-react-ssg.a009fbf1.mjs';
+
+function ViteReactSSG(App, 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";
+  async function createRoot$1(client = false, routePath) {
+    const appRenderCallbacks = [];
+    const onSSRAppRendered = client ? () => {
+    } : (cb) => appRenderCallbacks.push(cb);
+    const triggerOnSSRAppRendered = () => {
+      return Promise.all(appRenderCallbacks.map((cb) => cb()));
+    };
+    const context = {
+      isClient,
+      onSSRAppRendered,
+      triggerOnSSRAppRendered,
+      initialState: {},
+      transformState,
+      routePath,
+      getStyleCollector,
+      routes: void 0,
+      routerOptions: void 0,
+      base: "/",
+      app: App
+    };
+    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;
+      }
+      await createRoot$1(true);
+      const app = /* @__PURE__ */ React.createElement(HelmetProvider, null, App);
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && process.env.NODE_ENV === "development") {
+        const root = createRoot(container);
+        React.startTransition(() => {
+          root.render(app);
+        });
+      } else {
+        React.startTransition(() => {
+          hydrateRoot(container, app);
+        });
+      }
+    })();
+  }
+  return createRoot$1;
+}
+
+export { ViteReactSSG };

package/dist/index.cjs

@@ -4,44 +4,13 @@ const React = require('react');
 const client = require('react-dom/client');
 const reactHelmetAsync = require('react-helmet-async');
 const reactRouterDom = require('react-router-dom');
-const SiteMetadataDefaults = require('./shared/vite-react-ssg.4ca822c0.cjs');
+const ClientOnly = require('./shared/vite-react-ssg.c639b3fe.cjs');
+const state = require('./shared/vite-react-ssg.e6991406.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-function documentReady(_passThrough) {
-  if (document.readyState === "loading") {
-    return new Promise((resolve) => {
-      document.addEventListener("DOMContentLoaded", () => resolve(_passThrough));
-    });
-  }
-  return Promise.resolve(_passThrough);
-}
-
-function useIsClient() {
-  const [isBrowser, setIsBrowser] = React.useState(false);
-  React.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: ${React.isValidElement(children) ? "React element" : typeof children}`);
-    }
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children?.());
-  }
-  return fallback ?? null;
-}
-
 const Link = React.forwardRef((props, ref) => {
   const {
     replace,
@@ -109,9 +78,11 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   const {
     transformState,
     rootContainer = "#root",
-    ssrWhenDev = true,
+    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 ?? "/";
   async function createRoot(client = false, routePath) {
@@ -136,14 +107,10 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
       getStyleCollector
     };
     if (client) {
-      await documentReady();
-      context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || SiteMetadataDefaults.deserializeState(window.__INITIAL_STATE__);
+      await ClientOnly.documentReady();
+      context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || state.deserializeState(window.__INITIAL_STATE__);
     }
     await fn?.(context);
-    if (!client) {
-      context.routePath ?? "/";
-      context.initialState = {};
-    }
     const initialState = context.initialState;
     return {
       ...context,
@@ -153,6 +120,11 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   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 lazeMatches = reactRouterDom.matchRoutes(routerOptions.routes, window.location, BASE_URL)?.filter(
         (m) => m.route.lazy
       );
@@ -165,8 +137,9 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
         );
       }
       const { router } = await createRoot(true);
-      const app = /* @__PURE__ */ React__default.createElement(reactHelmetAsync.HelmetProvider, null, /* @__PURE__ */ React__default.createElement(SiteMetadataDefaults.SiteMetadataDefaults, null), /* @__PURE__ */ React__default.createElement(reactRouterDom.RouterProvider, { router }));
-      if (!ssrWhenDev && process.env.NODE_ENV === "development") {
+      const app = /* @__PURE__ */ React__default.createElement(reactHelmetAsync.HelmetProvider, null, /* @__PURE__ */ React__default.createElement(reactRouterDom.RouterProvider, { router }));
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = client.createRoot(container);
         React__default.startTransition(() => {
           root.render(app);
@@ -181,8 +154,8 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   return createRoot;
 }
 
-exports.Head = SiteMetadataDefaults.Head;
-exports.ClientOnly = ClientOnly;
+exports.ClientOnly = ClientOnly.ClientOnly;
+exports.Head = ClientOnly.Head;
 exports.Link = Link;
 exports.NavLink = NavLink;
 exports.ViteReactSSG = ViteReactSSG;

package/dist/index.d.cts

@@ -1,24 +1,14 @@
-import { R as RouterOptions, a as ViteReactSSGContext, b as ViteReactSSGClientOptions } from './shared/vite-react-ssg.4d8d5138.cjs';
-export { I as IndexRouteRecord, N as NonIndexRouteRecord, c as RouteRecord, S as StyleCollector, V as ViteReactSSGOptions } from './shared/vite-react-ssg.4d8d5138.cjs';
-import React, { ReactNode } from 'react';
-import { HelmetProps } from 'react-helmet-async';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.d734eb79.cjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.d734eb79.cjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.faf3855a.cjs';
+import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'critters';
-
-type Props = HelmetProps & {
-    children: ReactNode;
-};
-declare function Head(props: Props): JSX.Element;
-
-interface ClientOnlyProps {
-    children?: () => JSX.Element;
-    fallback?: JSX.Element;
-}
-declare function ClientOnly({ children, fallback, }: ClientOnlyProps): JSX.Element | null;
+import 'react-helmet-async';
 
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 
-export { ClientOnly, Head, Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };
+export { Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/index.d.mts

@@ -1,24 +1,14 @@
-import { R as RouterOptions, a as ViteReactSSGContext, b as ViteReactSSGClientOptions } from './shared/vite-react-ssg.4d8d5138.mjs';
-export { I as IndexRouteRecord, N as NonIndexRouteRecord, c as RouteRecord, S as StyleCollector, V as ViteReactSSGOptions } from './shared/vite-react-ssg.4d8d5138.mjs';
-import React, { ReactNode } from 'react';
-import { HelmetProps } from 'react-helmet-async';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.d734eb79.mjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.d734eb79.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.faf3855a.mjs';
+import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'critters';
-
-type Props = HelmetProps & {
-    children: ReactNode;
-};
-declare function Head(props: Props): JSX.Element;
-
-interface ClientOnlyProps {
-    children?: () => JSX.Element;
-    fallback?: JSX.Element;
-}
-declare function ClientOnly({ children, fallback, }: ClientOnlyProps): JSX.Element | null;
+import 'react-helmet-async';
 
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 
-export { ClientOnly, Head, Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };
+export { Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/index.d.ts

@@ -1,24 +1,14 @@
-import { R as RouterOptions, a as ViteReactSSGContext, b as ViteReactSSGClientOptions } from './shared/vite-react-ssg.4d8d5138.js';
-export { I as IndexRouteRecord, N as NonIndexRouteRecord, c as RouteRecord, S as StyleCollector, V as ViteReactSSGOptions } from './shared/vite-react-ssg.4d8d5138.js';
-import React, { ReactNode } from 'react';
-import { HelmetProps } from 'react-helmet-async';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.d734eb79.js';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.d734eb79.js';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.faf3855a.js';
+import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'critters';
-
-type Props = HelmetProps & {
-    children: ReactNode;
-};
-declare function Head(props: Props): JSX.Element;
-
-interface ClientOnlyProps {
-    children?: () => JSX.Element;
-    fallback?: JSX.Element;
-}
-declare function ClientOnly({ children, fallback, }: ClientOnlyProps): JSX.Element | null;
+import 'react-helmet-async';
 
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 
-export { ClientOnly, Head, Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };
+export { Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/index.mjs

@@ -1,41 +1,10 @@
-import React, { useState, useEffect, isValidElement, forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { createRoot, hydrateRoot } from 'react-dom/client';
 import { HelmetProvider } from 'react-helmet-async';
 import { useLinkClickHandler, Link as Link$1, NavLink as NavLink$1, matchRoutes, createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { d as deserializeState, S as SiteMetadataDefaults } from './shared/vite-react-ssg.9d005d5e.mjs';
-export { H as Head } from './shared/vite-react-ssg.9d005d5e.mjs';
-
-function documentReady(_passThrough) {
-  if (document.readyState === "loading") {
-    return new Promise((resolve) => {
-      document.addEventListener("DOMContentLoaded", () => resolve(_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__ */ React.createElement(React.Fragment, null, children?.());
-  }
-  return fallback ?? null;
-}
+import { d as documentReady } from './shared/vite-react-ssg.8cdb31f1.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.8cdb31f1.mjs';
+import { d as deserializeState } from './shared/vite-react-ssg.a009fbf1.mjs';
 
 const Link = forwardRef((props, ref) => {
   const {
@@ -104,9 +73,11 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   const {
     transformState,
     rootContainer = "#root",
-    ssrWhenDev = true,
+    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 ?? "/";
   async function createRoot$1(client = false, routePath) {
@@ -135,10 +106,6 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
       context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || deserializeState(window.__INITIAL_STATE__);
     }
     await fn?.(context);
-    if (!client) {
-      context.routePath ?? "/";
-      context.initialState = {};
-    }
     const initialState = context.initialState;
     return {
       ...context,
@@ -148,6 +115,11 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   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 lazeMatches = matchRoutes(routerOptions.routes, window.location, BASE_URL)?.filter(
         (m) => m.route.lazy
       );
@@ -160,8 +132,9 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
         );
       }
       const { router } = await createRoot$1(true);
-      const app = /* @__PURE__ */ React.createElement(HelmetProvider, null, /* @__PURE__ */ React.createElement(SiteMetadataDefaults, null), /* @__PURE__ */ React.createElement(RouterProvider, { router }));
-      if (!ssrWhenDev && process.env.NODE_ENV === "development") {
+      const app = /* @__PURE__ */ React.createElement(HelmetProvider, null, /* @__PURE__ */ React.createElement(RouterProvider, { router }));
+      const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = createRoot(container);
         React.startTransition(() => {
           root.render(app);
@@ -176,4 +149,4 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   return createRoot$1;
 }
 
-export { ClientOnly, Link, NavLink, ViteReactSSG };
+export { Link, NavLink, ViteReactSSG };

package/dist/node/cli.cjs

@@ -10,28 +10,15 @@ require('node:module');
 require('fs-extra');
 require('vite');
 require('jsdom');
-require('../shared/vite-react-ssg.4ca822c0.cjs');
+require('../shared/vite-react-ssg.e6991406.cjs');
+require('node:fs');
 require('react');
 require('react-helmet-async');
-require('node:fs');
-require('react-router-dom/server.js');
 require('node:stream');
 require('react-dom/server');
 require('node:https');
 require('express');
-require('fs');
-require('tty');
-require('util');
-require('os');
-require('child_process');
-require('path');
-require('assert');
-require('events');
-require('crypto');
-require('url');
-require('net');
-require('http');
-require('punycode');
+require('@childrentime/devcert');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 

package/dist/node/cli.mjs

@@ -8,28 +8,15 @@ import 'node:module';
 import 'fs-extra';
 import 'vite';
 import 'jsdom';
-import '../shared/vite-react-ssg.9d005d5e.mjs';
+import '../shared/vite-react-ssg.a009fbf1.mjs';
+import 'node:fs';
 import 'react';
 import 'react-helmet-async';
-import 'node:fs';
-import 'react-router-dom/server.js';
 import 'node:stream';
 import 'react-dom/server';
 import 'node:https';
 import 'express';
-import 'fs';
-import 'tty';
-import 'util';
-import 'os';
-import 'child_process';
-import 'path';
-import 'assert';
-import 'events';
-import 'crypto';
-import 'url';
-import 'net';
-import 'http';
-import 'punycode';
+import '@childrentime/devcert';
 
 class NodeRequest extends Request {
   constructor(info, init) {