vite-react-ssg 0.6.0 → 0.6.2

package/README.md

@@ -4,6 +4,8 @@ Static-site generation for React on Vite.
 
 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!**
+
 [![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
@@ -13,6 +15,7 @@ See demo(also document): [docs](https://vite-react-ssg.netlify.app/)
 - [Extra route options](#extra-route-options)
   - [`entry`](#entry)
   - [`getStaticPaths`](#getstaticpaths)
+- [Data fetch](#data-fetch)
 - [lazy](#lazy)
 - [`<ClientOnly/>`](#clientonly)
 - [Document head](#document-head)
@@ -135,7 +138,8 @@ The RouteObject of vite-react-ssg is based on react-router, and vite-react-ssg r
 
 #### `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`
 
@@ -187,6 +191,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>`.
@@ -520,10 +530,6 @@ export default {
 }
 ```
 
-### Https
-
-If you set `https` to true in Vite, we will by default use `devcert` to generate a local HTTPS service for you. Of course, if you pass in your own custom https parameters, we will also help you pass them through to the Express server.
-
 ```ts
 export default defineConfig({
   server: {
@@ -539,7 +545,6 @@ export default defineConfig({
 - [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

@@ -3,7 +3,7 @@
 const client = require('react-dom/client');
 const reactHelmetAsync = require('react-helmet-async');
 const React = require('react');
-const ClientOnly = require('../shared/vite-react-ssg.c639b3fe.cjs');
+const 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; }

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.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';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.870c683b.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.870c683b.cjs';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.cjs';
 import 'critters';
 import 'react-router-dom';

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.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';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.870c683b.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.870c683b.mjs';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.mjs';
 import 'critters';
 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.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';
+import { V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from '../shared/vite-react-ssg.870c683b.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.870c683b.js';
 export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.faf3855a.js';
 import 'critters';
 import 'react-router-dom';

package/dist/client/single-page.mjs

@@ -1,8 +1,8 @@
 import { createRoot, hydrateRoot } from 'react-dom/client';
 import { HelmetProvider } from 'react-helmet-async';
 import React from 'react';
-import { d as documentReady } from '../shared/vite-react-ssg.8cdb31f1.mjs';
-export { C as ClientOnly, H as Head } from '../shared/vite-react-ssg.8cdb31f1.mjs';
+import { d as 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 = {}) {

package/dist/index.cjs

@@ -4,7 +4,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.c639b3fe.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; }

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-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';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.870c683b.cjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.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';

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-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';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.870c683b.mjs';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.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';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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';
+import { c as RouterOptions, V as ViteReactSSGContext, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.870c683b.js';
+export { I as IndexRouteRecord, N as NonIndexRouteRecord, R as RouteRecord, S as StyleCollector, b as ViteReactSSGOptions } from './shared/vite-react-ssg.870c683b.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';

package/dist/index.mjs

@@ -2,8 +2,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.8cdb31f1.mjs';
-export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.8cdb31f1.mjs';
+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) => {

package/dist/node/cli.cjs

@@ -3,8 +3,8 @@
 const kolorist = require('kolorist');
 const yargs = require('yargs');
 const helpers = require('yargs/helpers');
-const webFetch = require('@remix-run/web-fetch');
 const node = require('../node.cjs');
+const webFetch = require('@remix-run/web-fetch');
 require('node:path');
 require('node:module');
 require('fs-extra');
@@ -16,48 +16,16 @@ require('react');
 require('react-helmet-async');
 require('node:stream');
 require('react-dom/server');
-require('node:https');
-require('express');
-require('@childrentime/devcert');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const yargs__default = /*#__PURE__*/_interopDefaultCompat(yargs);
 
-class NodeRequest extends webFetch.Request {
-  constructor(info, init) {
-    super(info, init);
-  }
-  get headers() {
-    return super.headers;
-  }
-  clone() {
-    return new NodeRequest(this);
-  }
-}
-class NodeResponse extends webFetch.Response {
-  get headers() {
-    return super.headers;
-  }
-  clone() {
-    return super.clone();
-  }
-}
-const fetch = (info, init) => {
-  init = {
-    // Disable compression handling so people can return the result of a fetch
-    // directly in the loader without messing with the Content-Encoding header.
-    compress: false,
-    ...init
-  };
-  return webFetch.fetch(info, init);
-};
-
 function installGlobals() {
   global.Headers = webFetch.Headers;
-  global.Request = NodeRequest;
-  global.Response = NodeResponse;
-  global.fetch = fetch;
+  global.Request = webFetch.Request;
+  global.Response = webFetch.Response;
+  global.fetch = webFetch.fetch;
   global.FormData = webFetch.FormData;
 }
 
@@ -101,10 +69,13 @@ yargs__default(helpers.hideBin(process.argv)).scriptName("vite-react-ssg").usage
     alias: "b",
     type: "string",
     describe: "The base path to render"
+  }).option("host", {
+    type: "boolean",
+    describe: "The host to expose"
   }),
   async (args) => {
-    const { config: configFile = void 0, ...ssgOptions } = args;
-    await node.dev(ssgOptions, { configFile });
+    const { config: configFile = void 0, host, ...ssgOptions } = args;
+    await node.dev(ssgOptions, { configFile, server: { host } });
   }
 ).fail((msg, err, yargs2) => {
   console.error(`

package/dist/node/cli.mjs

@@ -1,8 +1,8 @@
 import { gray, bold, red, reset, underline } from 'kolorist';
 import yargs from 'yargs';
 import { hideBin } from 'yargs/helpers';
-import { Request, Response, fetch as fetch$1, Headers, FormData } from '@remix-run/web-fetch';
 import { build, dev } from '../node.mjs';
+import { Headers, Request, Response, fetch, FormData } from '@remix-run/web-fetch';
 import 'node:path';
 import 'node:module';
 import 'fs-extra';
@@ -14,43 +14,11 @@ import 'react';
 import 'react-helmet-async';
 import 'node:stream';
 import 'react-dom/server';
-import 'node:https';
-import 'express';
-import '@childrentime/devcert';
-
-class NodeRequest extends Request {
-  constructor(info, init) {
-    super(info, init);
-  }
-  get headers() {
-    return super.headers;
-  }
-  clone() {
-    return new NodeRequest(this);
-  }
-}
-class NodeResponse extends Response {
-  get headers() {
-    return super.headers;
-  }
-  clone() {
-    return super.clone();
-  }
-}
-const fetch = (info, init) => {
-  init = {
-    // Disable compression handling so people can return the result of a fetch
-    // directly in the loader without messing with the Content-Encoding header.
-    compress: false,
-    ...init
-  };
-  return fetch$1(info, init);
-};
 
 function installGlobals() {
   global.Headers = Headers;
-  global.Request = NodeRequest;
-  global.Response = NodeResponse;
+  global.Request = Request;
+  global.Response = Response;
   global.fetch = fetch;
   global.FormData = FormData;
 }
@@ -95,10 +63,13 @@ yargs(hideBin(process.argv)).scriptName("vite-react-ssg").usage("$0 [args]").com
     alias: "b",
     type: "string",
     describe: "The base path to render"
+  }).option("host", {
+    type: "boolean",
+    describe: "The host to expose"
   }),
   async (args) => {
-    const { config: configFile = void 0, ...ssgOptions } = args;
-    await dev(ssgOptions, { configFile });
+    const { config: configFile = void 0, host, ...ssgOptions } = args;
+    await dev(ssgOptions, { configFile, server: { host } });
   }
 ).fail((msg, err, yargs2) => {
   console.error(`