vite-react-ssg 0.8.3 → 0.8.4

package/README.md

@@ -24,7 +24,9 @@ For usage examples, see: [`main`/examples/tanstack/src/main.tsx](https://github.
 - [`<ClientOnly/>`](#clientonly)
 - [Document head](#document-head)
   - [Reactive head](#reactive-head)
+- [Redirect](#redirect)
 - [Public Base Path](#public-base-path)
+- [Future config](#future-config)
 - [CSS in JS](#css-in-js)
 - [Critical CSS](#critical-css)
 - [Configuration](#configuration)
@@ -337,6 +339,36 @@ export default function MyHead() {
 }
 ```
 
+## Redirect
+
+You should not use redirect in the loader.
+In vite-react-ssg, the loader only executes during the build process for data fetching.
+If you need to perform a redirect in certain situations, you can use the following method to redirect on the client side:
+
+```tsx
+export const routes: RouteRecord[] = [
+  {
+    path: '/:lng',
+    Component: Layout,
+    getStaticPaths: () => Object.keys(resources),
+    children: [
+      // ... some routes
+    ],
+  },
+  {
+    path: '/',
+    Component: () => {
+      const navigate = useNavigate()
+      useEffect(() => {
+        navigate('/en', { replace: true })
+      }, [navigate])
+
+      return null
+    },
+  },
+]
+```
+
 ## Public Base Path
 
 Just set `base` in vite.config.ts like:

package/dist/index.cjs

@@ -88,7 +88,7 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
     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 ?? {};
+  const { v7_startTransition = true, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot(client = false, routePath) {
     const browserRouter = client ? reactRouterDom.createBrowserRouter(
       remixRouter.convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute),

package/dist/index.d.cts

@@ -6,7 +6,13 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'beasties';
 import 'react-helmet-async';
 
+/**
+ * @deprecated Please use `Link` from 'react-router-dom' instead.
+ */
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * @deprecated Please use `NavLink` from 'react-router-dom' instead.
+ */
 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>>;

package/dist/index.d.mts

@@ -6,7 +6,13 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'beasties';
 import 'react-helmet-async';
 
+/**
+ * @deprecated Please use `Link` from 'react-router-dom' instead.
+ */
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * @deprecated Please use `NavLink` from 'react-router-dom' instead.
+ */
 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>>;

package/dist/index.d.ts

@@ -6,7 +6,13 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import 'beasties';
 import 'react-helmet-async';
 
+/**
+ * @deprecated Please use `Link` from 'react-router-dom' instead.
+ */
 declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * @deprecated Please use `NavLink` from 'react-router-dom' instead.
+ */
 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>>;

package/dist/index.mjs

@@ -83,7 +83,7 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
     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 ?? {};
+  const { v7_startTransition = true, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot(client = false, routePath) {
     const browserRouter = client ? createBrowserRouter(
       convertRoutesToDataRoutes(routerOptions.routes, transformStaticLoaderRoute),

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.D5xBH08M.cjs');
+const dev = require('../shared/vite-react-ssg.Dus0yLsZ.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.BgawrvuJ.mjs';
+import { b as build, d as dev } from '../shared/vite-react-ssg.CKcl-j8g.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.D5xBH08M.cjs');
+const dev = require('./shared/vite-react-ssg.Dus0yLsZ.cjs');
 require('node:path');
 require('node:module');
 require('kolorist');

package/dist/node.mjs

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

package/dist/shared/{vite-react-ssg.BgawrvuJ.mjs → vite-react-ssg.CKcl-j8g.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.3";
+const version = "0.8.4";
 
 function buildLog(text, count) {
   console.log(`
@@ -752,9 +752,11 @@ async function build(ssgOptions = {}, viteConfig = {}) {
     customLogger: clientLogger,
     mode: config.mode
   }));
+  let unmock = () => {
+  };
   if (mock) {
     const { jsdomGlobal } = await import('../chunks/jsdomGlobal.mjs');
-    jsdomGlobal();
+    unmock = jsdomGlobal();
   }
   buildLog("Build for server...");
   process.env.VITE_SSG = "true";
@@ -861,6 +863,7 @@ ${err.stack}`);
     `${dim(`${outDir}/`)}${cyan(`static-loader-data-manifest-${hash}.json`.padEnd(15, " "))}  ${dim(getSize(staticLoaderDataManifestString))}`
   );
   await fs.remove(join(root, ".vite-react-ssg-temp"));
+  unmock();
   const pwaPlugin = config.plugins.find((i) => i.name === "vite-plugin-pwa")?.api;
   if (pwaPlugin && !pwaPlugin.disabled && pwaPlugin.generateSW) {
     buildLog("Regenerate PWA...");

package/dist/shared/{vite-react-ssg.D5xBH08M.cjs → vite-react-ssg.Dus0yLsZ.cjs}

@@ -36,7 +36,7 @@ const PQueue__default = /*#__PURE__*/_interopDefaultCompat(PQueue);
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const ReactDomServer__namespace = /*#__PURE__*/_interopNamespaceCompat(ReactDomServer);
 
-const version = "0.8.3";
+const version = "0.8.4";
 
 function buildLog(text, count) {
   console.log(`
@@ -773,9 +773,11 @@ async function build(ssgOptions = {}, viteConfig = {}) {
     customLogger: clientLogger,
     mode: config.mode
   }));
+  let unmock = () => {
+  };
   if (mock) {
     const { jsdomGlobal } = await import('../chunks/jsdomGlobal.cjs');
-    jsdomGlobal();
+    unmock = jsdomGlobal();
   }
   buildLog("Build for server...");
   process.env.VITE_SSG = "true";
@@ -809,7 +811,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   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.D5xBH08M.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.Dus0yLsZ.cjs', document.baseURI).href)));
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
@@ -882,6 +884,7 @@ ${err.stack}`);
     `${kolorist.dim(`${outDir}/`)}${kolorist.cyan(`static-loader-data-manifest-${hash}.json`.padEnd(15, " "))}  ${kolorist.dim(getSize(staticLoaderDataManifestString))}`
   );
   await fs__default.remove(node_path.join(root, ".vite-react-ssg-temp"));
+  unmock();
   const pwaPlugin = config.plugins.find((i) => i.name === "vite-plugin-pwa")?.api;
   if (pwaPlugin && !pwaPlugin.disabled && pwaPlugin.generateSW) {
     buildLog("Regenerate PWA...");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "packageManager": "pnpm@9.12.3",
   "description": "Static-site generation for React on Vite.",
   "author": "Riri <Daydreamerriri@outlook.com>",