vite-react-ssg 0.8.0 → 0.8.2

package/README.md

@@ -7,6 +7,9 @@ See demo(also document): [docs](https://vite-react-ssg.netlify.app/)
 **🎈 Support for [`@tanstack/router`](https://tanstack.com/router/latest/docs/framework/react/overview)
 and [`wouter`](https://github.com/molefrog/wouter) is in progress!**
 
+Support for the [`@tanstack/router`](https://tanstack.com/router/latest/docs/framework/react/overview) router is still experimental, and `pathname.lazy.tsx routes` are not yet supported.
+For usage examples, see: [`main`/examples/tanstack/src/main.tsx](https://github.com/Daydreamer-riri/vite-react-ssg/blob/main/examples/tanstack/src/main.tsx)
+
 [![NPM version](https://img.shields.io/npm/v/vite-react-ssg?color=a1b858&label=)](https://www.npmjs.com/package/vite-react-ssg)
 
 ## Table of contents
@@ -371,6 +374,29 @@ See: [react-router's create-browser-router](https://reactrouter.com/en/main/rout
 
 [Example](./examples/lazy-pages/vite.config.ts)
 
+## Future config
+
+```tsx
+export const createRoot = ViteReactSSG(
+  {
+    routes,
+    basename: import.meta.env.BASE_URL,
+    future: {
+      v7_normalizeFormMethod: true,
+      v7_startTransition: true,
+      v7_fetcherPersist: true,
+      v7_relativeSplatPath: true,
+      v7_skipActionErrorRevalidation: true,
+      v7_partialHydration: true,
+    },
+  },
+)
+```
+
+See: [react-router's optsfuture](https://reactrouter.com/6.28.0/routers/create-browser-router#optsfuture)
+
+[Example](./examples/lazy-pages/src/main.tsx)
+
 ## CSS in JS
 
 Use the `getStyleCollector` option to specify an SSR/SSG style collector. Currently only supports `styled-components`.

package/dist/client/single-page.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const client = require('react-dom/client');
 const reactHelmetAsync = require('react-helmet-async');
 const React = require('react');
-const ClientOnly = require('../shared/vite-react-ssg.BuZVBVT6.cjs');
+const ClientOnly = require('../shared/vite-react-ssg.yL7u7OP5.cjs');
 const state = require('../shared/vite-react-ssg.CjsEygxB.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -18,7 +18,7 @@ function ViteReactSSG(App, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (undefined.DEV && ssrWhenDev !== void 0)
+  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) {
@@ -64,7 +64,7 @@ function ViteReactSSG(App, fn, options = {}) {
       await createRoot(true);
       const app = /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: App });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && undefined.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = client.createRoot(container);
         React__default.startTransition(() => {
           root.render(app);

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.MPbH7GTN.cjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.MPbH7GTN.cjs';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.WtHsP9dD.cjs';
+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.WtHsP9dD.cjs';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.Cm9gBlfg.cjs';
 import 'react-router-dom';
 import 'beasties';

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.MPbH7GTN.mjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.MPbH7GTN.mjs';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.mjs';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.Cm9gBlfg.mjs';
 import 'react-router-dom';
 import 'beasties';

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.MPbH7GTN.js';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, c as RouterOptions, S as StyleCollector, b as ViteReactSSGOptions } from '../shared/vite-react-ssg.MPbH7GTN.js';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.js';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.Cm9gBlfg.js';
 import 'react-router-dom';
 import 'beasties';

package/dist/client/single-page.mjs

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 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.B6SGTWpD.mjs';
-export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.B6SGTWpD.mjs';
+import { d as documentReady } from '../shared/vite-react-ssg.DdDMKzrS.mjs';
+export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.DdDMKzrS.mjs';
 import { d as deserializeState } from '../shared/vite-react-ssg.C6pK7rvr.mjs';
 
 function ViteReactSSG(App, fn, options = {}) {
@@ -13,7 +13,7 @@ function ViteReactSSG(App, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (import.meta.env.DEV && ssrWhenDev !== void 0)
+  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) {
@@ -59,7 +59,7 @@ function ViteReactSSG(App, fn, options = {}) {
       await createRoot$1(true);
       const app = /* @__PURE__ */ jsx(HelmetProvider, { children: App });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = createRoot(container);
         React.startTransition(() => {
           root.render(app);

package/dist/index.cjs

@@ -5,7 +5,7 @@ const React = require('react');
 const client = require('react-dom/client');
 const reactHelmetAsync = require('react-helmet-async');
 const reactRouterDom = require('react-router-dom');
-const ClientOnly = require('./shared/vite-react-ssg.BuZVBVT6.cjs');
+const ClientOnly = require('./shared/vite-react-ssg.yL7u7OP5.cjs');
 const state = require('./shared/vite-react-ssg.CjsEygxB.cjs');
 const path = require('./shared/vite-react-ssg.CFQGqC60.cjs');
 const remixRouter = require('./shared/vite-react-ssg.C2GpVZF1.cjs');
@@ -84,12 +84,16 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (undefined.DEV && ssrWhenDev !== void 0)
+  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, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot(client = false, routePath) {
-    const browserRouter = client ? reactRouterDom.createBrowserRouter(remixRouter.convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute), { basename: BASE_URL }) : void 0;
+    const browserRouter = client ? reactRouterDom.createBrowserRouter(
+      remixRouter.convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute),
+      { basename: BASE_URL, future: routerFeature }
+    ) : void 0;
     const appRenderCallbacks = [];
     const onSSRAppRendered = client ? () => {
     } : (cb) => appRenderCallbacks.push(cb);
@@ -141,9 +145,9 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
         );
       }
       const { router } = await createRoot(true);
-      const app = /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.RouterProvider, { router }) });
+      const app = /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.RouterProvider, { router, future: { v7_startTransition } }) });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && undefined.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = client.createRoot(container);
         React__default.startTransition(() => {
           root.render(app);
@@ -162,7 +166,7 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
       return route;
     }
     const loader = async ({ request }) => {
-      if (undefined.DEV) {
+      if (process.env.NODE_ENV === "development") {
         const routeId = encodeURIComponent(route.id);
         const dataQuery = `_data=${routeId}`;
         const url = request.url.includes("?") ? `${request.url}&${dataQuery}` : `${request.url}?${dataQuery}`;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.MPbH7GTN.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.MPbH7GTN.cjs';
+import { d as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.cjs';
+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.WtHsP9dD.cjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.cjs';
 import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.MPbH7GTN.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.MPbH7GTN.mjs';
+import { d as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.mjs';
 import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.MPbH7GTN.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.MPbH7GTN.js';
+import { d as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.js';
 import React from 'react';
 import { LinkProps, NavLinkProps } from 'react-router-dom';

package/dist/index.mjs

@@ -3,8 +3,8 @@ 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 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 documentReady } from './shared/vite-react-ssg.DdDMKzrS.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.DdDMKzrS.mjs';
 import { d as deserializeState } from './shared/vite-react-ssg.C6pK7rvr.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';
@@ -79,12 +79,16 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (import.meta.env.DEV && ssrWhenDev !== void 0)
+  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, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot$1(client = false, routePath) {
-    const browserRouter = client ? createBrowserRouter(convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute), { basename: BASE_URL }) : void 0;
+    const browserRouter = client ? createBrowserRouter(
+      convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute),
+      { basename: BASE_URL, future: routerFeature }
+    ) : void 0;
     const appRenderCallbacks = [];
     const onSSRAppRendered = client ? () => {
     } : (cb) => appRenderCallbacks.push(cb);
@@ -136,9 +140,9 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
         );
       }
       const { router } = await createRoot$1(true);
-      const app = /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router }) });
+      const app = /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router, future: { v7_startTransition } }) });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = createRoot(container);
         React.startTransition(() => {
           root.render(app);
@@ -157,7 +161,7 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
       return route;
     }
     const loader = async ({ request }) => {
-      if (import.meta.env.DEV) {
+      if (process.env.NODE_ENV === "development") {
         const routeId = encodeURIComponent(route.id);
         const dataQuery = `_data=${routeId}`;
         const url = request.url.includes("?") ? `${request.url}&${dataQuery}` : `${request.url}?${dataQuery}`;

package/dist/node/cli.cjs

@@ -3,7 +3,7 @@
 const kolorist = require('kolorist');
 const yargs = require('yargs');
 const helpers = require('yargs/helpers');
-const dev = require('../shared/vite-react-ssg.D5dVt1Iv.cjs');
+const dev = require('../shared/vite-react-ssg.BEenhaUp.cjs');
 const webFetch = require('@remix-run/web-fetch');
 require('node:path');
 require('node:module');

package/dist/node/cli.mjs

@@ -1,7 +1,7 @@
 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.DObRRhiz.mjs';
+import { b as build, d as dev } from '../shared/vite-react-ssg.CCvTYWeJ.mjs';
 import { Headers, Request, Response, fetch, FormData } from '@remix-run/web-fetch';
 import 'node:path';
 import 'node:module';

package/dist/node.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const dev = require('./shared/vite-react-ssg.D5dVt1Iv.cjs');
+const dev = require('./shared/vite-react-ssg.BEenhaUp.cjs');
 require('node:path');
 require('node:module');
 require('kolorist');

package/dist/node.d.cts

@@ -1,5 +1,5 @@
 import { InlineConfig } from 'vite';
-import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.MPbH7GTN.cjs';
+import { b as ViteReactSSGOptions } from './shared/vite-react-ssg.WtHsP9dD.cjs';
 import 'react';
 import 'react-router-dom';
 import 'beasties';

package/dist/node.d.mts

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

package/dist/node.d.ts

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

package/dist/node.mjs

@@ -1,4 +1,4 @@
-export { b as build, d as dev } from './shared/vite-react-ssg.DObRRhiz.mjs';
+export { b as build, d as dev } from './shared/vite-react-ssg.CCvTYWeJ.mjs';
 import 'node:path';
 import 'node:module';
 import 'kolorist';

package/dist/shared/{vite-react-ssg.D5dVt1Iv.cjs → vite-react-ssg.BEenhaUp.cjs}

@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 const PQueue__default = /*#__PURE__*/_interopDefaultCompat(PQueue);
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 
-const version = "0.8.0";
+const version = "0.8.2";
 
 function buildLog(text, count) {
   console.log(`
@@ -458,7 +458,7 @@ class RemixAdapter {
     this.context = context;
   }
   async render(path$1) {
-    const { base, routes, getStyleCollector } = this.context;
+    const { base, routes, getStyleCollector, routerOptions } = this.context;
     const fetchUrl = `${path.withTrailingSlash(base)}${path.removeLeadingSlash(path$1)}`;
     const request = createRequest(fetchUrl);
     const styleCollector = getStyleCollector ? await getStyleCollector() : null;
@@ -470,7 +470,7 @@ class RemixAdapter {
     if (_context instanceof Response)
       throw _context;
     routerContext = _context;
-    const router = createStaticRouter(dataRoutes, routerContext);
+    const router = createStaticRouter(dataRoutes, routerContext, { future: routerOptions.future });
     let app = /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { context: helmetContext, children: /* @__PURE__ */ jsxRuntime.jsx(StaticRouterProvider, { router, context: routerContext }) });
     if (styleCollector)
       app = styleCollector.collect(app);
@@ -755,8 +755,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
       }
     },
     customLogger: clientLogger,
-    mode: config.mode,
-    ssr: { noExternal: ["vite-react-ssg"] }
+    mode: config.mode
   }));
   if (mock) {
     const { jsdomGlobal } = await import('../chunks/jsdomGlobal.cjs');
@@ -788,14 +787,13 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         }
       }
     },
-    mode: config.mode,
-    ssr: { noExternal: ["vite-react-ssg", "vite-react-ssg/tanstack"] }
+    mode: config.mode
   }));
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
   const serverEntry = node_path.join(prefix, ssgOut, node_path.parse(ssrEntry).name + ext);
   const serverManifest = JSON.parse(await fs__default.readFile(node_path.join(ssgOut, ...dotVitedir, "manifest.json"), "utf-8"));
-  const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/vite-react-ssg.D5dVt1Iv.cjs', document.baseURI).href)));
+  const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/vite-react-ssg.BEenhaUp.cjs', document.baseURI).href)));
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
@@ -932,9 +930,11 @@ function ssrServerPlugin({
             [ssrEntry, entry].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
           );
           const assetsUrls = /* @__PURE__ */ new Set();
+          const collectedMods = /* @__PURE__ */ new Set();
           const collectAssets = async (mod) => {
-            if (!mod || !mod?.ssrTransformResult)
+            if (!mod || !mod?.ssrTransformResult || collectedMods.has(mod))
               return;
+            collectedMods.add(mod);
             const { deps = [], dynamicDeps = [] } = mod?.ssrTransformResult;
             const allDeps = [...deps, ...dynamicDeps];
             for (const dep of allDeps) {
@@ -1023,9 +1023,7 @@ ${err.stack}`
             })
           ]
         },
-        {
-          ssr: { noExternal: ["vite-react-ssg"] }
-        }
+        {}
       )
     );
     await viteServer.listen();

package/dist/shared/{vite-react-ssg.DObRRhiz.mjs → vite-react-ssg.CCvTYWeJ.mjs}

@@ -15,7 +15,7 @@ import { once } from 'node:events';
 import { c as convertRoutesToDataRoutes } from './vite-react-ssg.C0y5wbxl.mjs';
 import { M as META_CONTAINER_ID } from './vite-react-ssg.B-j07kW6.mjs';
 
-const version = "0.8.0";
+const version = "0.8.2";
 
 function buildLog(text, count) {
   console.log(`
@@ -450,7 +450,7 @@ class RemixAdapter {
     this.context = context;
   }
   async render(path) {
-    const { base, routes, getStyleCollector } = this.context;
+    const { base, routes, getStyleCollector, routerOptions } = this.context;
     const fetchUrl = `${withTrailingSlash(base)}${removeLeadingSlash(path)}`;
     const request = createRequest(fetchUrl);
     const styleCollector = getStyleCollector ? await getStyleCollector() : null;
@@ -462,7 +462,7 @@ class RemixAdapter {
     if (_context instanceof Response)
       throw _context;
     routerContext = _context;
-    const router = createStaticRouter(dataRoutes, routerContext);
+    const router = createStaticRouter(dataRoutes, routerContext, { future: routerOptions.future });
     let app = /* @__PURE__ */ jsx(HelmetProvider, { context: helmetContext, children: /* @__PURE__ */ jsx(StaticRouterProvider, { router, context: routerContext }) });
     if (styleCollector)
       app = styleCollector.collect(app);
@@ -747,8 +747,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
       }
     },
     customLogger: clientLogger,
-    mode: config.mode,
-    ssr: { noExternal: ["vite-react-ssg"] }
+    mode: config.mode
   }));
   if (mock) {
     const { jsdomGlobal } = await import('../chunks/jsdomGlobal.mjs');
@@ -780,8 +779,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         }
       }
     },
-    mode: config.mode,
-    ssr: { noExternal: ["vite-react-ssg", "vite-react-ssg/tanstack"] }
+    mode: config.mode
   }));
   const prefix = format === "esm" && process.platform === "win32" ? "file://" : "";
   const ext = format === "esm" ? ".mjs" : ".cjs";
@@ -924,9 +922,11 @@ function ssrServerPlugin({
             [ssrEntry, entry].map(async (entry2) => await server.moduleGraph.getModuleByUrl(entry2))
           );
           const assetsUrls = /* @__PURE__ */ new Set();
+          const collectedMods = /* @__PURE__ */ new Set();
           const collectAssets = async (mod) => {
-            if (!mod || !mod?.ssrTransformResult)
+            if (!mod || !mod?.ssrTransformResult || collectedMods.has(mod))
               return;
+            collectedMods.add(mod);
             const { deps = [], dynamicDeps = [] } = mod?.ssrTransformResult;
             const allDeps = [...deps, ...dynamicDeps];
             for (const dep of allDeps) {
@@ -1015,9 +1015,7 @@ ${err.stack}`
             })
           ]
         },
-        {
-          ssr: { noExternal: ["vite-react-ssg"] }
-        }
+        {}
       )
     );
     await viteServer.listen();

package/dist/shared/{vite-react-ssg.B6SGTWpD.mjs → vite-react-ssg.DdDMKzrS.mjs}

@@ -29,7 +29,7 @@ function ClientOnly({
 }) {
   const isBrowser = useIsClient();
   if (isBrowser) {
-    if (typeof children !== "function" && import.meta.env.DEV) {
+    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}`

package/dist/shared/{vite-react-ssg.MPbH7GTN.d.cts → vite-react-ssg.WtHsP9dD.d.cts}

@@ -1,5 +1,5 @@
 import { ReactNode, ReactElement } from 'react';
-import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
+import { NonIndexRouteObject, IndexRouteObject, FutureConfig, createBrowserRouter } from 'react-router-dom';
 import { Options } from 'beasties';
 
 type Router = ReturnType<typeof createBrowserRouter>;
@@ -187,10 +187,17 @@ type NonIndexRouteRecord = Omit<NonIndexRouteObject, 'children'> & {
 } & CommonRouteOptions;
 type IndexRouteRecord = IndexRouteObject & CommonRouteOptions;
 type RouteRecord = NonIndexRouteRecord | IndexRouteRecord;
+interface RouterFutureConfig {
+    v7_fetcherPersist?: boolean;
+    v7_normalizeFormMethod?: boolean;
+    v7_partialHydration?: boolean;
+    v7_relativeSplatPath?: boolean;
+    v7_skipActionErrorRevalidation?: boolean;
+}
 interface RouterOptions {
     routes: RouteRecord[];
-    createFetchRequest?: <T>(req: T) => Request;
     basename?: string;
+    future?: Partial<RouterFutureConfig & FutureConfig>;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -203,4 +210,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, 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, RouterFutureConfig as c, RouterOptions as d };

package/dist/shared/{vite-react-ssg.MPbH7GTN.d.mts → vite-react-ssg.WtHsP9dD.d.mts}

@@ -1,5 +1,5 @@
 import { ReactNode, ReactElement } from 'react';
-import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
+import { NonIndexRouteObject, IndexRouteObject, FutureConfig, createBrowserRouter } from 'react-router-dom';
 import { Options } from 'beasties';
 
 type Router = ReturnType<typeof createBrowserRouter>;
@@ -187,10 +187,17 @@ type NonIndexRouteRecord = Omit<NonIndexRouteObject, 'children'> & {
 } & CommonRouteOptions;
 type IndexRouteRecord = IndexRouteObject & CommonRouteOptions;
 type RouteRecord = NonIndexRouteRecord | IndexRouteRecord;
+interface RouterFutureConfig {
+    v7_fetcherPersist?: boolean;
+    v7_normalizeFormMethod?: boolean;
+    v7_partialHydration?: boolean;
+    v7_relativeSplatPath?: boolean;
+    v7_skipActionErrorRevalidation?: boolean;
+}
 interface RouterOptions {
     routes: RouteRecord[];
-    createFetchRequest?: <T>(req: T) => Request;
     basename?: string;
+    future?: Partial<RouterFutureConfig & FutureConfig>;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -203,4 +210,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, 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, RouterFutureConfig as c, RouterOptions as d };

package/dist/shared/{vite-react-ssg.MPbH7GTN.d.ts → vite-react-ssg.WtHsP9dD.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, ReactElement } from 'react';
-import { NonIndexRouteObject, IndexRouteObject, createBrowserRouter } from 'react-router-dom';
+import { NonIndexRouteObject, IndexRouteObject, FutureConfig, createBrowserRouter } from 'react-router-dom';
 import { Options } from 'beasties';
 
 type Router = ReturnType<typeof createBrowserRouter>;
@@ -187,10 +187,17 @@ type NonIndexRouteRecord = Omit<NonIndexRouteObject, 'children'> & {
 } & CommonRouteOptions;
 type IndexRouteRecord = IndexRouteObject & CommonRouteOptions;
 type RouteRecord = NonIndexRouteRecord | IndexRouteRecord;
+interface RouterFutureConfig {
+    v7_fetcherPersist?: boolean;
+    v7_normalizeFormMethod?: boolean;
+    v7_partialHydration?: boolean;
+    v7_relativeSplatPath?: boolean;
+    v7_skipActionErrorRevalidation?: boolean;
+}
 interface RouterOptions {
     routes: RouteRecord[];
-    createFetchRequest?: <T>(req: T) => Request;
     basename?: string;
+    future?: Partial<RouterFutureConfig & FutureConfig>;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -203,4 +210,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, 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, RouterFutureConfig as c, RouterOptions as d };

package/dist/shared/{vite-react-ssg.BuZVBVT6.cjs → vite-react-ssg.yL7u7OP5.cjs}

@@ -31,7 +31,7 @@ function ClientOnly({
 }) {
   const isBrowser = useIsClient();
   if (isBrowser) {
-    if (typeof children !== "function" && undefined.DEV) {
+    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}`

package/dist/tanstack.cjs

@@ -6,7 +6,7 @@ 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 ClientOnly = require('./shared/vite-react-ssg.yL7u7OP5.cjs');
 const state = require('./shared/vite-react-ssg.CjsEygxB.cjs');
 const tanstackRouter = require('./shared/vite-react-ssg.DWHmkjdM.cjs');
 const path = require('./shared/vite-react-ssg.CFQGqC60.cjs');
@@ -23,7 +23,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (undefined.DEV && ssrWhenDev !== void 0)
+  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 ?? "/";
@@ -49,7 +49,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
           return;
         node.options.loader = async (ctx) => {
           let pathname = ctx.location.pathname;
-          if (undefined.DEV) {
+          if (process.env.NODE_ENV === "development") {
             const routeId = encodeURIComponent(node.id);
             const dataQuery = `_data=${routeId}`;
             const href = ctx.location.href;
@@ -124,7 +124,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
       }
       const { router } = await createRoot(true);
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && undefined.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = client.createRoot(container);
         React__default.startTransition(() => {
           root.render(

package/dist/tanstack.d.cts

@@ -1,6 +1,6 @@
 import { AnyRouter } from '@tanstack/react-router';
-import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.MPbH7GTN.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.MPbH7GTN.cjs';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.cjs';
+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.WtHsP9dD.cjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.cjs';
 import 'react';
 import 'react-router-dom';

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.MPbH7GTN.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.MPbH7GTN.mjs';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.mjs';
 import 'react';
 import 'react-router-dom';

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.MPbH7GTN.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.MPbH7GTN.js';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.WtHsP9dD.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.WtHsP9dD.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.js';
 import 'react';
 import 'react-router-dom';

package/dist/tanstack.mjs

@@ -4,8 +4,8 @@ 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 documentReady } from './shared/vite-react-ssg.DdDMKzrS.mjs';
+export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.DdDMKzrS.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';
@@ -19,7 +19,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
     ssrWhenDev,
     getStyleCollector = null
   } = options;
-  if (import.meta.env.DEV && ssrWhenDev !== void 0)
+  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 ?? "/";
@@ -45,7 +45,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
           return;
         node.options.loader = async (ctx) => {
           let pathname = ctx.location.pathname;
-          if (import.meta.env.DEV) {
+          if (process.env.NODE_ENV === "development") {
             const routeId = encodeURIComponent(node.id);
             const dataQuery = `_data=${routeId}`;
             const href = ctx.location.href;
@@ -120,7 +120,7 @@ function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
       }
       const { router } = await createRoot$1(true);
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && import.meta.env.DEV) {
+      if (!isSSR && process.env.NODE_ENV === "development") {
         const root = createRoot(container);
         React.startTransition(() => {
           root.render(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "packageManager": "pnpm@9.12.3",
   "description": "Static-site generation for React on Vite.",
   "author": "Riri <Daydreamerriri@outlook.com>",
@@ -144,7 +144,7 @@
     "prettier": "^3.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.26.2",
+    "react-router-dom": "^6.28.0",
     "rimraf": "5.0.1",
     "styled-components": "6.0.5",
     "typescript": "^5.6.2",