vite-react-ssg 0.0.2 → 0.0.3

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 Riri
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 Riri
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,172 +1,239 @@
-# Vite React SSG
-
-Static-site generation for React on Vite.
-
-[![NPM version](https://img.shields.io/npm/v/vite-react-ssg?color=a1b858&label=)](https://www.npmjs.com/package/vite-react-ssg)
-
-## Install
-
-> **This library requires Node.js version >= 17**
-> or `Request` is available
-<pre>
-<b>npm i -D vite-react-ssg</b> <em>react-router-dom</em>
-</pre>
-
-```diff
-// package.json
-{
-  "scripts": {
-    "dev": "vite",
--   "build": "vite build"
-+   "build": "vite-react-ssg build"
-
-    // OR if you want to use another vite config file
-+   "build": "vite-react-ssg build -c another-vite.config.ts"
-  }
-}
-```
-
-```ts
-// src/main.ts
-import { ViteReactSSG } from 'vite-react-ssg'
-import routes from './App.tsx'
-
-export const createRoot = ViteReactSSG(
-  // react-router-dom data routes
-  { routes },
-  // function to have custom setups
-  ({ router, routes, isClient, initialState }) => {
-    // do something.
-  },
-)
-```
-
-```tsx
-// src/App.tsx
-import React from 'react'
-import type { RouteRecord } from 'vite-react-ssg'
-import './App.css'
-
-const pages = import.meta.glob<any>('./pages/**/*.tsx')
-
-const children: RouteRecord[] = Object.entries(pages).map(([filepath, component]) => {
-  let path = filepath.split('/pages')[1]
-  path = path.split('.')[0].replace('index', '')
-  const entry = `src${filepath.slice(1)}`
-
-  if (path.endsWith('/')) {
-    return {
-      index: true,
-      Component: React.lazy(component),
-      entry,
-    }
-  }
-  return {
-    path,
-    Component: React.lazy(component),
-    // Used to obtain static resources through manifest
-    entry,
-  }
-})
-
-const Layout = React.lazy(() => import('./Layout'))
-export const routes: RouteRecord[] = [
-  {
-    path: '/',
-    element: <Layout />,
-    children,
-    // Used to obtain static resources through manifest
-    entry: 'src/Layout.tsx',
-  },
-]
-```
-
-## Critical CSS
-
-Vite SSG has built-in support for generating [Critical CSS](https://web.dev/extract-critical-css/) inlined in the HTML via the [`critters`](https://github.com/GoogleChromeLabs/critters) package.
-Install it with:
-
-```bash
-npm i -D critters
-```
-
-Critical CSS generation will automatically be enabled for you.
-
-To configure `critters`, pass [its options](https://github.com/GoogleChromeLabs/critters#usage) into `ssgOptions.crittersOptions` in `vite.config.ts`:
-
-```ts
-// vite.config.ts
-export default defineConfig({
-  ssgOptions: {
-    crittersOptions: {
-      // E.g., change the preload strategy
-      preload: 'media',
-      // Other options: https://github.com/GoogleChromeLabs/critters#usage
-    },
-  },
-})
-```
-
-## Configuration
-
-You can pass options to Vite SSG in the `ssgOptions` field of your `vite.config.js`
-
-```js
-// vite.config.js
-
-export default {
-  plugins: [],
-  ssgOptions: {
-    script: 'async',
-  },
-}
-```
-
-See [src/types.ts](./src/types.ts). for more options available.
-
-### Custom Routes to Render
-
-You can use the `includedRoutes` hook to include or exclude route paths to render, or even provide some completely custom ones.
-
-```js
-// vite.config.js
-
-export default {
-  plugins: [],
-  ssgOptions: {
-    includedRoutes(paths, routes) {
-      // exclude all the route paths that contains 'foo'
-      return paths.filter(i => !i.includes('foo'))
-    },
-  },
-}
-```
-```js
-// vite.config.js
-
-export default {
-  plugins: [],
-  ssgOptions: {
-    includedRoutes(paths, routes) {
-      // use original route records
-      return routes.flatMap((route) => {
-        return route.name === 'Blog'
-          ? myBlogSlugs.map(slug => `/blog/${slug}`)
-          : route.path
-      })
-    },
-  },
-}
-```
-
-## Roadmap
-
-- [x] Preload assets
-- [ ] SSR under dev
-- [ ] Initial State
-- [ ] Document head
-- [ ] More Client components, such as `<ClientOnly />`
-
-## License
-
+# Vite React SSG
+
+Static-site generation for React on Vite.
+
+[![NPM version](https://img.shields.io/npm/v/vite-react-ssg?color=a1b858&label=)](https://www.npmjs.com/package/vite-react-ssg)
+
+## Install
+
+> **This library requires Node.js version >= 17**
+> or `Request` is available
+<pre>
+<b>npm i -D vite-react-ssg</b> <em>react-router-dom</em>
+</pre>
+
+```diff
+// package.json
+{
+  "scripts": {
+    "dev": "vite",
+-   "build": "vite build"
++   "build": "vite-react-ssg build"
+
+    // OR if you want to use another vite config file
++   "build": "vite-react-ssg build -c another-vite.config.ts"
+  }
+}
+```
+
+```ts
+// src/main.ts
+import { ViteReactSSG } from 'vite-react-ssg'
+import routes from './App.tsx'
+
+export const createRoot = ViteReactSSG(
+  // react-router-dom data routes
+  { routes },
+  // function to have custom setups
+  ({ router, routes, isClient, initialState }) => {
+    // do something.
+  },
+)
+```
+
+```tsx
+// src/App.tsx
+import React from 'react'
+import type { RouteRecord } from 'vite-react-ssg'
+import './App.css'
+
+const pages = import.meta.glob<any>('./pages/**/*.tsx')
+
+const children: RouteRecord[] = Object.entries(pages).map(([filepath, component]) => {
+  let path = filepath.split('/pages')[1]
+  path = path.split('.')[0].replace('index', '')
+  const entry = `src${filepath.slice(1)}`
+
+  if (path.endsWith('/')) {
+    return {
+      index: true,
+      Component: React.lazy(component),
+      entry,
+    }
+  }
+  return {
+    path,
+    Component: React.lazy(component),
+    // Used to obtain static resources through manifest
+    entry,
+  }
+})
+
+const Layout = React.lazy(() => import('./Layout'))
+export const routes: RouteRecord[] = [
+  {
+    path: '/',
+    element: <Layout />,
+    children,
+    // Used to obtain static resources through manifest
+    entry: 'src/Layout.tsx',
+  },
+]
+```
+
+## Document head
+
+You can use `<Head/>` to manage all of your changes to the document head. It takes plain HTML tags and outputs plain HTML tags. It is a wrapper around [React Helmet](https://github.com/nfl/react-helmet).
+
+```tsx
+import { Head } from 'vite-react-ssg'
+
+const MyHead = () => (
+  <Head>
+    <meta property="og:description" content="My custom description" />
+    <meta charSet="utf-8" />
+    <title>My Title</title>
+    <link rel="canonical" href="http://mysite.com/example" />
+  </Head>
+)
+```
+
+Nested or latter components will override duplicate usages:
+
+```tsx
+import { Head } from 'vite-react-ssg'
+
+const MyHead = () => (
+  <parent>
+    <Head>
+      <title>My Title</title>
+      <meta name="description" content="Helmet application" />
+    </Head>
+    <child>
+      <Head>
+        <title>Nested Title</title>
+        <meta name="description" content="Nested component" />
+      </Head>
+    </child>
+  </parent>
+)
+```
+
+Outputs:
+```html
+<head>
+  <title>Nested Title</title>
+  <meta name="description" content="Nested component" />
+</head>
+```
+
+### Reactive head
+
+```tsx
+import { useState } from 'react'
+import { Head } from 'vite-react-ssg'
+
+export default function MyHead() {
+  const [state, setState] = useState(false)
+
+  return (
+    <Head>
+      <meta charSet="UTF-8" />
+      <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+      <title>head test {state ? 'A' : 'B'}</title>
+      {/* You can also set the 'body' attributes here */}
+      <body className={`body-class-in-head-${state ? 'a' : 'b'}`} />
+    </Head>
+  )
+}
+```
+
+## Critical CSS
+
+Vite SSG has built-in support for generating [Critical CSS](https://web.dev/extract-critical-css/) inlined in the HTML via the [`critters`](https://github.com/GoogleChromeLabs/critters) package.
+Install it with:
+
+```bash
+npm i -D critters
+```
+
+Critical CSS generation will automatically be enabled for you.
+
+To configure `critters`, pass [its options](https://github.com/GoogleChromeLabs/critters#usage) into `ssgOptions.crittersOptions` in `vite.config.ts`:
+
+```ts
+// vite.config.ts
+export default defineConfig({
+  ssgOptions: {
+    crittersOptions: {
+      // E.g., change the preload strategy
+      preload: 'media',
+      // Other options: https://github.com/GoogleChromeLabs/critters#usage
+    },
+  },
+})
+```
+
+## Configuration
+
+You can pass options to Vite SSG in the `ssgOptions` field of your `vite.config.js`
+
+```js
+// vite.config.js
+
+export default {
+  plugins: [],
+  ssgOptions: {
+    script: 'async',
+  },
+}
+```
+
+See [src/types.ts](./src/types.ts). for more options available.
+
+### Custom Routes to Render
+
+You can use the `includedRoutes` hook to include or exclude route paths to render, or even provide some completely custom ones.
+
+```js
+// vite.config.js
+
+export default {
+  plugins: [],
+  ssgOptions: {
+    includedRoutes(paths, routes) {
+      // exclude all the route paths that contains 'foo'
+      return paths.filter(i => !i.includes('foo'))
+    },
+  },
+}
+```
+```js
+// vite.config.js
+
+export default {
+  plugins: [],
+  ssgOptions: {
+    includedRoutes(paths, routes) {
+      // use original route records
+      return routes.flatMap((route) => {
+        return route.name === 'Blog'
+          ? myBlogSlugs.map(slug => `/blog/${slug}`)
+          : route.path
+      })
+    },
+  },
+}
+```
+
+## Roadmap
+
+- [x] Preload assets
+- [x] Document head
+- [ ] SSR under dev
+- [ ] Initial State
+- [ ] More Client components, such as `<ClientOnly />`
+
+## License
+
 [MIT](./LICENSE) License © 2023 [Riri](https://github.com/Daydreamer-riri)

package/bin/vite-react-ssg.js

@@ -1,3 +1,3 @@
-#!/usr/bin/env node
-'use strict'
-import('../dist/node/cli.mjs')
+#!/usr/bin/env node
+'use strict'
+import('../dist/node/cli.mjs')

package/dist/chunks/jsdomGlobal.cjs

@@ -6,85 +6,85 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 const JSDOM__default = /*#__PURE__*/_interopDefaultCompat(JSDOM);
 
-/*
-MIT License
-
-Copyright for portions of global-jsdom are held by Rico Sta. Cruz, 2016 as part of
-jsdom-global. All other copyright for global-jsdom are held by jonathan schatz, 2017.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-*/
-
-
-const defaultHtml = '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>';
-
-// define this here so that we only ever dynamically populate KEYS once.
-
-const KEYS = [];
-
-function jsdomGlobal(html = defaultHtml, options = {}) {
-  // Idempotency
-  if (global.navigator
-    && global.navigator.userAgent
-    && global.navigator.userAgent.includes('Node.js')
-    && global.document
-    && typeof global.document.destroy === 'function')
-    return global.document.destroy
-
-  // set a default url if we don't get one - otherwise things explode when we copy localstorage keys
-  if (!('url' in options))
-    Object.assign(options, { url: 'http://localhost:3000' });
-
-  // enable pretendToBeVisual by default since react needs
-  // window.requestAnimationFrame, see https://github.com/jsdom/jsdom#pretending-to-be-a-visual-browser
-  if (!('pretendToBeVisual' in options))
-    Object.assign(options, { pretendToBeVisual: true });
-
-  const jsdom = new JSDOM__default.JSDOM(html, options);
-  const { window } = jsdom;
-  const { document } = window;
-
-  // generate our list of keys by enumerating document.window - this list may vary
-  // based on the jsdom version. filter out internal methods as well as anything
-  // that node already defines
-
-  if (KEYS.length === 0) {
-    KEYS.push(...Object.getOwnPropertyNames(window).filter(k => !k.startsWith('_')).filter(k => !(k in global)));
-    // going to add our jsdom instance, see below
-    KEYS.push('$jsdom');
-  }
-
-  KEYS.forEach(key => global[key] = window[key]);
-
-  // setup document / window / window.console
-  global.document = document;
-  global.window = window;
-  window.console = global.console;
-
-  // add access to our jsdom instance
-  global.$jsdom = jsdom;
-
-  const cleanup = () => KEYS.forEach(key => delete global[key]);
-
-  document.destroy = cleanup;
-
-  return cleanup
+/*
+MIT License
+
+Copyright for portions of global-jsdom are held by Rico Sta. Cruz, 2016 as part of
+jsdom-global. All other copyright for global-jsdom are held by jonathan schatz, 2017.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
+
+const defaultHtml = '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>';
+
+// define this here so that we only ever dynamically populate KEYS once.
+
+const KEYS = [];
+
+function jsdomGlobal(html = defaultHtml, options = {}) {
+  // Idempotency
+  if (global.navigator
+    && global.navigator.userAgent
+    && global.navigator.userAgent.includes('Node.js')
+    && global.document
+    && typeof global.document.destroy === 'function')
+    return global.document.destroy
+
+  // set a default url if we don't get one - otherwise things explode when we copy localstorage keys
+  if (!('url' in options))
+    Object.assign(options, { url: 'http://localhost:3000' });
+
+  // enable pretendToBeVisual by default since react needs
+  // window.requestAnimationFrame, see https://github.com/jsdom/jsdom#pretending-to-be-a-visual-browser
+  if (!('pretendToBeVisual' in options))
+    Object.assign(options, { pretendToBeVisual: true });
+
+  const jsdom = new JSDOM__default.JSDOM(html, options);
+  const { window } = jsdom;
+  const { document } = window;
+
+  // generate our list of keys by enumerating document.window - this list may vary
+  // based on the jsdom version. filter out internal methods as well as anything
+  // that node already defines
+
+  if (KEYS.length === 0) {
+    KEYS.push(...Object.getOwnPropertyNames(window).filter(k => !k.startsWith('_')).filter(k => !(k in global)));
+    // going to add our jsdom instance, see below
+    KEYS.push('$jsdom');
+  }
+
+  KEYS.forEach(key => global[key] = window[key]);
+
+  // setup document / window / window.console
+  global.document = document;
+  global.window = window;
+  window.console = global.console;
+
+  // add access to our jsdom instance
+  global.$jsdom = jsdom;
+
+  const cleanup = () => KEYS.forEach(key => delete global[key]);
+
+  document.destroy = cleanup;
+
+  return cleanup
 }
 
 exports.jsdomGlobal = jsdomGlobal;

package/dist/chunks/jsdomGlobal.mjs

@@ -1,84 +1,84 @@
 import JSDOM from 'jsdom';
 
-/*
-MIT License
-
-Copyright for portions of global-jsdom are held by Rico Sta. Cruz, 2016 as part of
-jsdom-global. All other copyright for global-jsdom are held by jonathan schatz, 2017.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-*/
-
-
-const defaultHtml = '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>';
-
-// define this here so that we only ever dynamically populate KEYS once.
-
-const KEYS = [];
-
-function jsdomGlobal(html = defaultHtml, options = {}) {
-  // Idempotency
-  if (global.navigator
-    && global.navigator.userAgent
-    && global.navigator.userAgent.includes('Node.js')
-    && global.document
-    && typeof global.document.destroy === 'function')
-    return global.document.destroy
-
-  // set a default url if we don't get one - otherwise things explode when we copy localstorage keys
-  if (!('url' in options))
-    Object.assign(options, { url: 'http://localhost:3000' });
-
-  // enable pretendToBeVisual by default since react needs
-  // window.requestAnimationFrame, see https://github.com/jsdom/jsdom#pretending-to-be-a-visual-browser
-  if (!('pretendToBeVisual' in options))
-    Object.assign(options, { pretendToBeVisual: true });
-
-  const jsdom = new JSDOM.JSDOM(html, options);
-  const { window } = jsdom;
-  const { document } = window;
-
-  // generate our list of keys by enumerating document.window - this list may vary
-  // based on the jsdom version. filter out internal methods as well as anything
-  // that node already defines
-
-  if (KEYS.length === 0) {
-    KEYS.push(...Object.getOwnPropertyNames(window).filter(k => !k.startsWith('_')).filter(k => !(k in global)));
-    // going to add our jsdom instance, see below
-    KEYS.push('$jsdom');
-  }
-
-  KEYS.forEach(key => global[key] = window[key]);
-
-  // setup document / window / window.console
-  global.document = document;
-  global.window = window;
-  window.console = global.console;
-
-  // add access to our jsdom instance
-  global.$jsdom = jsdom;
-
-  const cleanup = () => KEYS.forEach(key => delete global[key]);
-
-  document.destroy = cleanup;
-
-  return cleanup
+/*
+MIT License
+
+Copyright for portions of global-jsdom are held by Rico Sta. Cruz, 2016 as part of
+jsdom-global. All other copyright for global-jsdom are held by jonathan schatz, 2017.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+
+
+const defaultHtml = '<!doctype html><html><head><meta charset="utf-8"></head><body></body></html>';
+
+// define this here so that we only ever dynamically populate KEYS once.
+
+const KEYS = [];
+
+function jsdomGlobal(html = defaultHtml, options = {}) {
+  // Idempotency
+  if (global.navigator
+    && global.navigator.userAgent
+    && global.navigator.userAgent.includes('Node.js')
+    && global.document
+    && typeof global.document.destroy === 'function')
+    return global.document.destroy
+
+  // set a default url if we don't get one - otherwise things explode when we copy localstorage keys
+  if (!('url' in options))
+    Object.assign(options, { url: 'http://localhost:3000' });
+
+  // enable pretendToBeVisual by default since react needs
+  // window.requestAnimationFrame, see https://github.com/jsdom/jsdom#pretending-to-be-a-visual-browser
+  if (!('pretendToBeVisual' in options))
+    Object.assign(options, { pretendToBeVisual: true });
+
+  const jsdom = new JSDOM.JSDOM(html, options);
+  const { window } = jsdom;
+  const { document } = window;
+
+  // generate our list of keys by enumerating document.window - this list may vary
+  // based on the jsdom version. filter out internal methods as well as anything
+  // that node already defines
+
+  if (KEYS.length === 0) {
+    KEYS.push(...Object.getOwnPropertyNames(window).filter(k => !k.startsWith('_')).filter(k => !(k in global)));
+    // going to add our jsdom instance, see below
+    KEYS.push('$jsdom');
+  }
+
+  KEYS.forEach(key => global[key] = window[key]);
+
+  // setup document / window / window.console
+  global.document = document;
+  global.window = window;
+  window.console = global.console;
+
+  // add access to our jsdom instance
+  global.$jsdom = jsdom;
+
+  const cleanup = () => KEYS.forEach(key => delete global[key]);
+
+  document.destroy = cleanup;
+
+  return cleanup
 }
 
 export { jsdomGlobal };

package/dist/node/cli.cjs

@@ -3,7 +3,7 @@
 const kolorist = require('kolorist');
 const yargs = require('yargs');
 const helpers = require('yargs/helpers');
-const build = require('../shared/vite-react-ssg.0e1b881e.cjs');
+const build = require('../shared/vite-react-ssg.a5dfecac.cjs');
 require('node:path');
 require('node:module');
 require('fs-extra');

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 } from '../shared/vite-react-ssg.f66e4ba5.mjs';
+import { b as build } from '../shared/vite-react-ssg.524ba00d.mjs';
 import 'node:path';
 import 'node:module';
 import 'fs-extra';

package/dist/node.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const build = require('./shared/vite-react-ssg.0e1b881e.cjs');
+const build = require('./shared/vite-react-ssg.a5dfecac.cjs');
 require('node:path');
 require('node:module');
 require('kolorist');

package/dist/node.mjs

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

package/dist/shared/{vite-react-ssg.f66e4ba5.mjs → vite-react-ssg.524ba00d.mjs}

@@ -868,9 +868,10 @@ function routesToPaths(routes) {
       pathToEntry[path] = /* @__PURE__ */ new Set([entry]);
   }
   if (!routes)
-    return { paths: ["/"] };
+    return { paths: ["/"], pathToEntry };
   const paths = /* @__PURE__ */ new Set();
   const getPaths = (routes2, prefix = "") => {
+    const parentPath = prefix;
     prefix = prefix.replace(/\/$/g, "");
     for (const route of routes2) {
       let path = route.path;
@@ -878,6 +879,10 @@ function routesToPaths(routes) {
         path = prefix && !route.path.startsWith("/") ? `${prefix}${route.path ? `/${route.path}` : ""}` : route.path;
         paths.add(path);
         addEntry(path, route.entry);
+        if (pathToEntry[parentPath]) {
+          const pathCopy = path;
+          pathToEntry[parentPath].forEach((entry) => addEntry(pathCopy, entry));
+        }
       }
       if (route.index)
         addEntry(prefix, route.entry);
@@ -958,17 +963,18 @@ async function render(routes, request) {
     throw context;
   const router = createStaticRouter(dataRoutes, context);
   const app = /* @__PURE__ */ React.createElement(HelmetProvider, { context: helmetContext }, /* @__PURE__ */ React.createElement(SiteMetadataDefaults, null), /* @__PURE__ */ React.createElement(StaticRouterProvider, { router, context }));
-  const appHtml = await renderStaticApp(app);
+  const appHTML = await renderStaticApp(app);
   const { helmet } = helmetContext;
-  helmet.htmlAttributes.toString();
-  helmet.bodyAttributes.toString();
-  [
+  const htmlAttributes = helmet.htmlAttributes.toString();
+  const bodyAttributes = helmet.bodyAttributes.toString();
+  const metaStrings = [
     helmet.title.toString(),
     helmet.meta.toString(),
     helmet.link.toString(),
     helmet.script.toString()
   ];
-  return appHtml;
+  const metaAttributes = metaStrings.filter(Boolean);
+  return { appHTML, htmlAttributes, bodyAttributes, metaAttributes };
 }
 
 function renderPreloadLinks(document, modules, ssrManifest) {
@@ -1118,12 +1124,15 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         url.hash = "";
         url.pathname = route;
         const request = new Request(url.href);
-        const appHTML = await render([...routes2], request);
+        const { appHTML, bodyAttributes, htmlAttributes, metaAttributes } = await render([...routes2], request);
         await triggerOnSSRAppRendered?.(route, appHTML, appCtx);
         const renderedHTML = await renderHTML({
           rootContainerId,
           appHTML,
           indexHTML,
+          metaAttributes,
+          bodyAttributes,
+          htmlAttributes,
           initialState: null
         });
         const jsdom = new JSDOM(renderedHTML);
@@ -1189,10 +1198,20 @@ async function renderHTML({
   rootContainerId,
   indexHTML,
   appHTML,
+  metaAttributes,
+  bodyAttributes,
+  htmlAttributes,
   initialState
 }) {
   const stateScript = initialState ? `
 <script>window.__INITIAL_STATE__=${initialState}<\/script>` : "";
+  const headStartTag = "<head>";
+  const metaTags = metaAttributes.join("");
+  indexHTML = indexHTML.replace(headStartTag, headStartTag + metaTags);
+  const bodyStartTag = "<body";
+  indexHTML = indexHTML.replace(bodyStartTag, `${bodyStartTag} ${bodyAttributes}`);
+  const htmlStartTag = "<html";
+  indexHTML = indexHTML.replace(htmlStartTag, `${htmlStartTag} ${htmlAttributes}`);
   const container = `<div id="${rootContainerId}"></div>`;
   if (indexHTML.includes(container)) {
     return indexHTML.replace(

package/dist/shared/{vite-react-ssg.0e1b881e.cjs → vite-react-ssg.a5dfecac.cjs}

@@ -875,9 +875,10 @@ function routesToPaths(routes) {
       pathToEntry[path] = /* @__PURE__ */ new Set([entry]);
   }
   if (!routes)
-    return { paths: ["/"] };
+    return { paths: ["/"], pathToEntry };
   const paths = /* @__PURE__ */ new Set();
   const getPaths = (routes2, prefix = "") => {
+    const parentPath = prefix;
     prefix = prefix.replace(/\/$/g, "");
     for (const route of routes2) {
       let path = route.path;
@@ -885,6 +886,10 @@ function routesToPaths(routes) {
         path = prefix && !route.path.startsWith("/") ? `${prefix}${route.path ? `/${route.path}` : ""}` : route.path;
         paths.add(path);
         addEntry(path, route.entry);
+        if (pathToEntry[parentPath]) {
+          const pathCopy = path;
+          pathToEntry[parentPath].forEach((entry) => addEntry(pathCopy, entry));
+        }
       }
       if (route.index)
         addEntry(prefix, route.entry);
@@ -965,17 +970,18 @@ async function render(routes, request) {
     throw context;
   const router = server_js.createStaticRouter(dataRoutes, context);
   const app = /* @__PURE__ */ React__default.createElement(reactHelmetAsync.HelmetProvider, { context: helmetContext }, /* @__PURE__ */ React__default.createElement(SiteMetadataDefaults.SiteMetadataDefaults, null), /* @__PURE__ */ React__default.createElement(server_js.StaticRouterProvider, { router, context }));
-  const appHtml = await renderStaticApp(app);
+  const appHTML = await renderStaticApp(app);
   const { helmet } = helmetContext;
-  helmet.htmlAttributes.toString();
-  helmet.bodyAttributes.toString();
-  [
+  const htmlAttributes = helmet.htmlAttributes.toString();
+  const bodyAttributes = helmet.bodyAttributes.toString();
+  const metaStrings = [
     helmet.title.toString(),
     helmet.meta.toString(),
     helmet.link.toString(),
     helmet.script.toString()
   ];
-  return appHtml;
+  const metaAttributes = metaStrings.filter(Boolean);
+  return { appHTML, htmlAttributes, bodyAttributes, metaAttributes };
 }
 
 function renderPreloadLinks(document, modules, ssrManifest) {
@@ -1098,7 +1104,7 @@ async function build(ssgOptions = {}, viteConfig = {}) {
   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 _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('shared/vite-react-ssg.0e1b881e.cjs', document.baseURI).href)));
+  const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('shared/vite-react-ssg.a5dfecac.cjs', document.baseURI).href)));
   const { createRoot, includedRoutes: serverEntryIncludedRoutes } = format === "esm" ? await import(serverEntry) : _require(serverEntry);
   const includedRoutes = serverEntryIncludedRoutes || configIncludedRoutes;
   const { routes } = await createRoot(false);
@@ -1125,12 +1131,15 @@ async function build(ssgOptions = {}, viteConfig = {}) {
         url.hash = "";
         url.pathname = route;
         const request = new Request(url.href);
-        const appHTML = await render([...routes2], request);
+        const { appHTML, bodyAttributes, htmlAttributes, metaAttributes } = await render([...routes2], request);
         await triggerOnSSRAppRendered?.(route, appHTML, appCtx);
         const renderedHTML = await renderHTML({
           rootContainerId,
           appHTML,
           indexHTML,
+          metaAttributes,
+          bodyAttributes,
+          htmlAttributes,
           initialState: null
         });
         const jsdom = new JSDOM.JSDOM(renderedHTML);
@@ -1196,10 +1205,20 @@ async function renderHTML({
   rootContainerId,
   indexHTML,
   appHTML,
+  metaAttributes,
+  bodyAttributes,
+  htmlAttributes,
   initialState
 }) {
   const stateScript = initialState ? `
 <script>window.__INITIAL_STATE__=${initialState}<\/script>` : "";
+  const headStartTag = "<head>";
+  const metaTags = metaAttributes.join("");
+  indexHTML = indexHTML.replace(headStartTag, headStartTag + metaTags);
+  const bodyStartTag = "<body";
+  indexHTML = indexHTML.replace(bodyStartTag, `${bodyStartTag} ${bodyAttributes}`);
+  const htmlStartTag = "<html";
+  indexHTML = indexHTML.replace(htmlStartTag, `${htmlStartTag} ${htmlAttributes}`);
   const container = `<div id="${rootContainerId}"></div>`;
   if (indexHTML.includes(container)) {
     return indexHTML.replace(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-ssg",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "packageManager": "pnpm@8.6.6",
   "description": "",
   "author": "Riri <Daydreamerriri@outlook.com>",
@@ -110,4 +110,4 @@
     "vite-plugin-pwa": "^0.16.4",
     "vitest": "0.33.0"
   }
-}
+}