vite-react-ssg 0.9.0 → 0.9.1

package/README.md

@@ -441,6 +441,39 @@ See: [react-router's optsfuture](https://reactrouter.com/6.28.0/routers/create-b
 
 [Example](./examples/lazy-pages/src/main.tsx)
 
+## Custom Router Factory
+
+You can provide a custom router factory function via `customCreateRouter` option.
+This is useful if you want to use a different router implementation or wrap the default `createBrowserRouter`.
+
+```ts
+import { createBrowserRouter } from 'react-router-dom'
+
+export const createRoot = ViteReactSSG(
+  {
+    routes,
+    customCreateRouter: (routes, options) => {
+      // Custom logic here
+      return createBrowserRouter(routes, options)
+    },
+  },
+)
+```
+
+eg. [sentry](https://docs.sentry.io/platforms/javascript/guides/react/features/react-router/v6/)
+
+```ts
+import * as Sentry from '@sentry/react'
+import { createBrowserRouter } from 'react-router-dom'
+
+export const createRoot = ViteReactSSG(
+  {
+    routes,
+    customCreateRouter: Sentry.wrapCreateBrowserRouterV6(createBrowserRouter),
+  },
+)
+```
+
 ## CSS in JS
 
 Use the `getStyleCollector` option to specify an SSR/SSG style collector. Currently only supports `styled-components`.

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

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

package/dist/client/single-page.mjs

@@ -60,7 +60,7 @@ function ViteReactSSG(App, fn, options = {}) {
       window.__VITE_REACT_SSG_CONTEXT__ = context;
       const app = /* @__PURE__ */ jsx(HelmetProvider, { children: App });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && process.env.NODE_ENV === "development") {
+      if (!isSSR) {
         render(app, container, options);
       } else {
         hydrate(app, container, options);

package/dist/index.d.mts

@@ -1,33 +1,11 @@
-import { V as ViteReactSSGContext, c as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.CHKvDn8n.mjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.CHKvDn8n.mjs';
+import { V as ViteReactSSGContext, R as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.DMvCQLH5.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, b as RouteRecord, c as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.DMvCQLH5.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.mjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'beasties';
 import 'react';
 import 'react-router-dom';
 import 'react-helmet-async';
 
-/**
- * @deprecated Please use `Link` from 'react-router-dom' instead.
- */
-declare function Link({ ref, ...props }: {
-    [x: string]: any;
-    ref: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace Link {
-    var displayName: string;
-}
-/**
- * @deprecated Please use `NavLink` from 'react-router-dom' instead.
- */
-declare function NavLink({ ref, ...props }: {
-    [x: string]: any;
-    ref: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace NavLink {
-    var displayName: string;
-}
-
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
@@ -40,4 +18,4 @@ declare global {
     }
 }
 
-export { Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };
+export { RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/index.d.ts

@@ -1,33 +1,11 @@
-import { V as ViteReactSSGContext, c as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.CHKvDn8n.js';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.CHKvDn8n.js';
+import { V as ViteReactSSGContext, R as RouterOptions, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.DMvCQLH5.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, b as RouteRecord, c as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.DMvCQLH5.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'beasties';
 import 'react';
 import 'react-router-dom';
 import 'react-helmet-async';
 
-/**
- * @deprecated Please use `Link` from 'react-router-dom' instead.
- */
-declare function Link({ ref, ...props }: {
-    [x: string]: any;
-    ref: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace Link {
-    var displayName: string;
-}
-/**
- * @deprecated Please use `NavLink` from 'react-router-dom' instead.
- */
-declare function NavLink({ ref, ...props }: {
-    [x: string]: any;
-    ref: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace NavLink {
-    var displayName: string;
-}
-
 declare function ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
 declare global {
     interface Window {
@@ -40,4 +18,4 @@ declare global {
     }
 }
 
-export { Link, NavLink, RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };
+export { RouterOptions, ViteReactSSG, ViteReactSSGClientOptions, ViteReactSSGContext };

package/dist/index.mjs

@@ -1,76 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import { HelmetProvider } from 'react-helmet-async';
-import { useLinkClickHandler, Link as Link$1, NavLink as NavLink$1, matchRoutes, createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { matchRoutes, createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { r as render, h as hydrate, d as documentReady } from './shared/vite-react-ssg.DTTf7HZy.mjs';
 import { c as convertRoutesToDataRoutes, j as joinUrlSegments, w as withLeadingSlash, s as stripBase } from './shared/vite-react-ssg.BhGKpaqQ.mjs';
 import { d as deserializeState } from './shared/vite-react-ssg.C6pK7rvr.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.CoMLbIiW.mjs';
-import React from 'react';
+import 'react';
 import 'react-dom';
 
-function Link({ ref, ...props }) {
-  const {
-    replace,
-    state,
-    target,
-    preventScrollReset,
-    relative,
-    to,
-    onClick
-  } = props;
-  const internalOnClick = useLinkClickHandler(to, {
-    replace,
-    state,
-    target,
-    preventScrollReset,
-    relative
-  });
-  function handleClick(event) {
-    if (onClick)
-      onClick(event);
-    if (!event.defaultPrevented) {
-      React.startTransition(() => {
-        internalOnClick(event);
-      });
-    }
-    event.defaultPrevented = true;
-    event.preventDefault();
-  }
-  return /* @__PURE__ */ jsx(Link$1, { ...props, ref, onClick: handleClick });
-}
-Link.displayName = "Link";
-function NavLink({ ref, ...props }) {
-  const {
-    replace,
-    state,
-    target,
-    preventScrollReset,
-    relative,
-    to,
-    onClick
-  } = props;
-  const internalOnClick = useLinkClickHandler(to, {
-    replace,
-    state,
-    target,
-    preventScrollReset,
-    relative
-  });
-  function handleClick(event) {
-    if (onClick)
-      onClick(event);
-    if (!event.defaultPrevented) {
-      React.startTransition(() => {
-        internalOnClick(event);
-      });
-    }
-    event.defaultPrevented = true;
-    event.preventDefault();
-  }
-  return /* @__PURE__ */ jsx(NavLink$1, { ...props, ref, onClick: handleClick });
-}
-NavLink.displayName = "NavLink";
-
 function ViteReactSSG(routerOptions, fn, options = {}) {
   const {
     transformState,
@@ -87,7 +24,8 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   const BASE_URL = routerOptions.basename ?? "/";
   const { v7_startTransition = true, ...routerFeature } = routerOptions.future ?? {};
   async function createRoot(client = false, routePath) {
-    const browserRouter = client ? createBrowserRouter(
+    const createRouter = routerOptions.customCreateRouter ?? createBrowserRouter;
+    const browserRouter = client ? createRouter(
       convertRoutesToDataRoutes(
         routerOptions.routes,
         transformStaticLoaderRoute
@@ -151,7 +89,7 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
       const { router } = context;
       const app = /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router, future: { v7_startTransition } }) });
       const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
-      if (!isSSR && process.env.NODE_ENV === "development") {
+      if (!isSSR) {
         render(app, container, options);
       } else {
         hydrate(app, container, options);
@@ -204,4 +142,4 @@ function ViteReactSSG(routerOptions, fn, options = {}) {
   }
 }
 
-export { Link, NavLink, ViteReactSSG };
+export { ViteReactSSG };

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.DsKK_1op.mjs';
+import { b as build, d as dev } from '../shared/vite-react-ssg.Dj8AUNXT.mjs';
 import 'node:module';
 import 'node:path';
 import 'fs-extra';

package/dist/node.d.mts

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

package/dist/node.d.ts

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

package/dist/node.mjs

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

package/dist/shared/{vite-react-ssg.CHKvDn8n.d.mts → vite-react-ssg.DMvCQLH5.d.mts}

@@ -204,6 +204,7 @@ interface RouterOptions {
     routes: RouteRecord[];
     basename?: string;
     future?: Partial<RouterFutureConfig & FutureConfig>;
+    customCreateRouter?: typeof createBrowserRouter;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -216,4 +217,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, RouterFutureConfig as b, RouterOptions as c, ViteReactSSGOptions as d };
+export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouterOptions as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, RouteRecord as b, RouterFutureConfig as c, ViteReactSSGOptions as d };

package/dist/shared/{vite-react-ssg.CHKvDn8n.d.ts → vite-react-ssg.DMvCQLH5.d.ts}

@@ -204,6 +204,7 @@ interface RouterOptions {
     routes: RouteRecord[];
     basename?: string;
     future?: Partial<RouterFutureConfig & FutureConfig>;
+    customCreateRouter?: typeof createBrowserRouter;
 }
 interface StyleCollector {
     collect: (app: ReactElement) => ReactElement;
@@ -216,4 +217,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, RouterFutureConfig as b, RouterOptions as c, ViteReactSSGOptions as d };
+export type { CrittersOptions as C, IndexRouteRecord as I, NonIndexRouteRecord as N, RouterOptions as R, StyleCollector as S, ViteReactSSGContext as V, ViteReactSSGClientOptions as a, RouteRecord as b, RouterFutureConfig as c, ViteReactSSGOptions as d };

package/dist/shared/{vite-react-ssg.DsKK_1op.mjs → vite-react-ssg.Dj8AUNXT.mjs}

@@ -355,7 +355,7 @@ class WritableAsPromise extends Writable {
   }
 }
 
-const version = "0.9.0";
+const version = "0.9.1";
 
 function buildLog(text, count) {
   console.log(`
@@ -693,6 +693,9 @@ function getAdapter(context) {
 }
 
 const dotVitedir = Number.parseInt(version$1) >= 5 ? [".vite"] : [];
+function buildBundlerOptions(options) {
+  return Number.parseInt(version$1) >= 8 ? { rolldownOptions: options } : { rollupOptions: options };
+}
 function getLoaderDataFilePath(routePath, hash) {
   const normalized = routePath === "/" ? "/index" : routePath.endsWith("/") ? `${routePath}index` : routePath;
   return `static-loader-data${withLeadingSlash(normalized)}.${hash}.json`;
@@ -743,7 +746,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
       build: {
         manifest: true,
         ssrManifest: true,
-        rollupOptions: {
+        ...buildBundlerOptions({
           input: {
             app: join(root, htmlEntry || "./index.html")
           },
@@ -753,7 +756,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
               return;
             handler(level, log);
           }
-        }
+        })
       },
       customLogger: clientLogger,
       mode: config.mode,
@@ -784,7 +787,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         outDir: ssgOut,
         minify: false,
         cssCodeSplit: false,
-        rollupOptions: {
+        ...buildBundlerOptions({
           output: format === "esm" ? {
             entryFileNames: "[name].mjs",
             format: "esm"
@@ -798,7 +801,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
               return;
             handler(level, log);
           }
-        }
+        })
       },
       mode: config.mode
     })

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.CHKvDn8n.mjs';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.CHKvDn8n.mjs';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.DMvCQLH5.mjs';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, b as RouteRecord, c as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.DMvCQLH5.mjs';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.mjs';
 import 'beasties';
 import 'react';

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.CHKvDn8n.js';
-export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, b as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.CHKvDn8n.js';
+import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.DMvCQLH5.js';
+export { C as CrittersOptions, I as IndexRouteRecord, N as NonIndexRouteRecord, b as RouteRecord, c as RouterFutureConfig, S as StyleCollector, d as ViteReactSSGOptions } from './shared/vite-react-ssg.DMvCQLH5.js';
 export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.-NlgsPvg.js';
 import 'beasties';
 import 'react';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "packageManager": "pnpm@10.28.2",
   "description": "Static-site generation for React on Vite.",
   "author": "Riri <Daydreamerriri@outlook.com>",
@@ -69,10 +69,11 @@
     "build": "unbuild",
     "dev": "unbuild --stub",
     "lint": "eslint .",
-    "test": "pnpm -r build && vitest run",
+    "test": "pnpm --filter \"./examples/*\" --filter=\"!./examples/tanstack\" build && vitest run",
     "prepublishOnly": "nr build",
     "release": "bumpp && npm publish",
     "start": "esno src/index.ts",
+    "test:unit": "vitest run --project unit",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -83,7 +84,7 @@
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.14.1",
     "styled-components": "^6.0.0",
-    "vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+    "vite": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {
@@ -123,7 +124,7 @@
     "@tanstack/start": "^1.120.20",
     "@types/fs-extra": "^11.0.4",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^18.19.130",
+    "@types/node": "^24.10.0",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@types/yargs": "^17.0.35",
@@ -143,7 +144,7 @@
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
     "vite": "catalog:",
-    "vitest": "1.6.1"
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "overrides": {