vite-react-ssg 0.5.2 → 0.6.1

package/README.md

@@ -9,9 +9,11 @@ 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)
+- [Data fetch](#data-fetch)
 - [lazy](#lazy)
 - [`<ClientOnly/>`](#clientonly)
 - [Document head](#document-head)
@@ -22,7 +24,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,13 +101,43 @@ 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.
 
 #### `entry`
 
-Used to obtain static resources.If you introduce static resources (such as css files) in that route and use lazy loading (such as React.lazy or route.lazy), you should set the entry field. It should be the path from root to the target file.
+Used to obtain static resources.If you introduce static resources (such as css files) in that route and use lazy loading (such as React.lazy or route.lazy), you should set the entry field.
+It should be the path from root to the target file.
 
 eg: `src/pages/page1.tsx`
 
@@ -117,7 +148,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]')),
@@ -158,6 +189,12 @@ const routes = [
 
 See [example](./examples/lazy-pages/src/App.tsx).
 
+## Data fetch
+
+You can use react-router-dom's `loader` to fetch data at build time and use `useLoaderData` to get the data in the component.
+
+See [example | with-loader](./examples/with-loader/src/pages/[docs].tsx).
+
 ## `<ClientOnly/>`
 
 If you need to render some component in browser only, you can wrap your component with `<ClientOnly>`.
@@ -503,40 +540,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
@@ -544,7 +547,6 @@ Then, you can start the application with CSR in the development environment.
 - [x] SSR in dev environment
 - [x] More Client components, such as `<ClientOnly />`
 - [x] `getStaticPaths` for dynamic routes
-- [ ] Initial State
 
 ## Credits
 

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.c1d49976.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.a292c181.mjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.a292c181.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.c1d49976.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.a292c181.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.a292c181.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; }