vite-react-ssg 0.8.4 → 0.8.5-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/README.md +5 -8
  2. package/dist/client/single-page.d.mts +4 -4
  3. package/dist/client/single-page.d.ts +4 -4
  4. package/dist/client/single-page.mjs +7 -6
  5. package/dist/index.d.mts +5 -4
  6. package/dist/index.d.ts +5 -4
  7. package/dist/index.mjs +10 -8
  8. package/dist/node/cli.mjs +9 -9
  9. package/dist/node.d.mts +2 -2
  10. package/dist/node.d.ts +2 -2
  11. package/dist/node.mjs +7 -7
  12. package/dist/shared/{vite-react-ssg.Cm9gBlfg.d.ts → vite-react-ssg.-NlgsPvg.d.mts} +8 -8
  13. package/dist/shared/{vite-react-ssg.Cm9gBlfg.d.mts → vite-react-ssg.-NlgsPvg.d.ts} +8 -8
  14. package/dist/shared/{vite-react-ssg.CKcl-j8g.mjs → vite-react-ssg.2P3UhU88.mjs} +212 -211
  15. package/dist/shared/{vite-react-ssg.C0y5wbxl.mjs → vite-react-ssg.C_MPXL9p.mjs} +1 -1
  16. package/dist/shared/{vite-react-ssg.CfJcpdWF.mjs → vite-react-ssg.Dx4ca9OM.mjs} +18 -4
  17. package/dist/tanstack.d.mts +5 -4
  18. package/dist/tanstack.d.ts +5 -4
  19. package/dist/tanstack.mjs +9 -7
  20. package/package.json +32 -33
  21. package/dist/chunks/jsdomGlobal.cjs +0 -36
  22. package/dist/client/single-page.cjs +0 -75
  23. package/dist/client/single-page.d.cts +0 -11
  24. package/dist/index.cjs +0 -196
  25. package/dist/index.d.cts +0 -26
  26. package/dist/node/cli.cjs +0 -89
  27. package/dist/node/cli.d.cts +0 -2
  28. package/dist/node.cjs +0 -24
  29. package/dist/node.d.cts +0 -11
  30. package/dist/shared/vite-react-ssg.B4jDfvXh.cjs +0 -106
  31. package/dist/shared/vite-react-ssg.C2GpVZF1.cjs +0 -38
  32. package/dist/shared/vite-react-ssg.CFQGqC60.cjs +0 -36
  33. package/dist/shared/vite-react-ssg.CjsEygxB.cjs +0 -37
  34. package/dist/shared/vite-react-ssg.Cm9gBlfg.d.cts +0 -15
  35. package/dist/shared/vite-react-ssg.DWHmkjdM.cjs +0 -35
  36. package/dist/shared/vite-react-ssg.Di0pROyF.d.ts +0 -214
  37. package/dist/shared/vite-react-ssg.Dus0yLsZ.cjs +0 -1082
  38. package/dist/style-collectors/styled-components.cjs +0 -20
  39. package/dist/style-collectors/styled-components.d.cts +0 -9
  40. package/dist/tanstack.cjs +0 -144
  41. package/dist/tanstack.d.cts +0 -30
  42. package/dist/shared/{vite-react-ssg.Di0pROyF.d.cts → vite-react-ssg.BrImbdZU.d.mts} +1 -1
  43. package/dist/shared/{vite-react-ssg.Di0pROyF.d.mts → vite-react-ssg.BrImbdZU.d.ts} +1 -1
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- const styledComponents = require('styled-components');
4
-
5
- async function ssrCollector() {
6
- const sheet = new styledComponents.ServerStyleSheet();
7
- return {
8
- collect(app) {
9
- return sheet.collectStyles(app);
10
- },
11
- toString() {
12
- return sheet.getStyleTags();
13
- },
14
- cleanup() {
15
- sheet.seal();
16
- }
17
- };
18
- }
19
-
20
- module.exports = ssrCollector;
@@ -1,9 +0,0 @@
1
- import { ReactElement } from 'react';
2
-
3
- declare function ssrCollector(): Promise<{
4
- collect(app: ReactElement): JSX.Element;
5
- toString(): string;
6
- cleanup(): void;
7
- }>;
8
-
9
- export { ssrCollector as default };
package/dist/tanstack.cjs DELETED
@@ -1,144 +0,0 @@
1
- 'use strict';
2
-
3
- const jsxRuntime = require('react/jsx-runtime');
4
- const reactHelmetAsync = require('react-helmet-async');
5
- const reactRouter = require('@tanstack/react-router');
6
- const start = require('@tanstack/start');
7
- const ClientOnly = require('./shared/vite-react-ssg.B4jDfvXh.cjs');
8
- const state = require('./shared/vite-react-ssg.CjsEygxB.cjs');
9
- const tanstackRouter = require('./shared/vite-react-ssg.DWHmkjdM.cjs');
10
- const path = require('./shared/vite-react-ssg.CFQGqC60.cjs');
11
- require('react');
12
- require('react-dom');
13
-
14
- const HAS_ADD_META_FLAG_KEY = "HAS_ADD_META_FLAG_KEY";
15
- function Experimental_ViteReactSSG(routerOptions, fn, options = {}) {
16
- const {
17
- transformState,
18
- rootContainer = "#root",
19
- ssrWhenDev,
20
- getStyleCollector = null
21
- } = options;
22
- if (process.env.NODE_ENV === "development" && ssrWhenDev !== void 0)
23
- 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`.");
24
- const isClient = typeof window !== "undefined";
25
- const BASE_URL = routerOptions.basename ?? "/";
26
- const routeTree = routerOptions.routes;
27
- const OriginComponent = routeTree.options.component;
28
- if (!OriginComponent[HAS_ADD_META_FLAG_KEY]) {
29
- const component = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
30
- /* @__PURE__ */ jsxRuntime.jsx(OriginComponent, {}),
31
- /* @__PURE__ */ jsxRuntime.jsx("div", { id: tanstackRouter.META_CONTAINER_ID, style: { display: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(start.Meta, {}) })
32
- ] });
33
- component[HAS_ADD_META_FLAG_KEY] = true;
34
- routeTree.update({
35
- component
36
- });
37
- }
38
- async function createRoot(client = false, routePath) {
39
- const routes = await tanstackRouter.convertRouteTreeToRouteOption(
40
- routerOptions.routes,
41
- client,
42
- client ? (node) => {
43
- const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
44
- if (!isSSR)
45
- return;
46
- node.options.loader = async (ctx) => {
47
- let pathname = ctx.location.pathname;
48
- if (process.env.NODE_ENV === "development") {
49
- const routeId = encodeURIComponent(node.id);
50
- const dataQuery = `_data=${routeId}`;
51
- const href = ctx.location.href;
52
- const url = href.includes("?") ? `${href}&${dataQuery}` : `${href}?${dataQuery}`;
53
- const res = await fetch(url);
54
- const header = res.headers;
55
- const contentType = header.get("content-type");
56
- if (contentType?.startsWith("application/json"))
57
- return res.json();
58
- return res.text();
59
- }
60
- let staticLoadData;
61
- if (window.__VITE_REACT_SSG_STATIC_LOADER_DATA__) {
62
- staticLoadData = window.__VITE_REACT_SSG_STATIC_LOADER_DATA__;
63
- } else {
64
- const manifestUrl = path.joinUrlSegments(BASE_URL, `static-loader-data-manifest-${window.__VITE_REACT_SSG_HASH__}.json`);
65
- staticLoadData = await (await fetch(path.withLeadingSlash(manifestUrl))).json();
66
- window.__VITE_REACT_SSG_STATIC_LOADER_DATA__ = staticLoadData;
67
- }
68
- if (BASE_URL !== "/") {
69
- pathname = path.stripBase(pathname, BASE_URL);
70
- }
71
- const routeData = staticLoadData?.[pathname]?.find((item) => item.id === node.id);
72
- return routeData?.loaderData ?? null;
73
- };
74
- } : void 0
75
- );
76
- const router = routerOptions.router;
77
- router.options.isServer = !client;
78
- const appRenderCallbacks = [];
79
- const onSSRAppRendered = client ? () => {
80
- } : (cb) => appRenderCallbacks.push(cb);
81
- const triggerOnSSRAppRendered = () => {
82
- return Promise.all(appRenderCallbacks.map((cb) => cb()));
83
- };
84
- const context = {
85
- isClient,
86
- routes,
87
- routeTree,
88
- router,
89
- routerOptions: {
90
- routes,
91
- basename: BASE_URL
92
- },
93
- onSSRAppRendered,
94
- triggerOnSSRAppRendered,
95
- initialState: {},
96
- transformState,
97
- routePath,
98
- base: BASE_URL,
99
- getStyleCollector,
100
- routerType: "tanstack"
101
- };
102
- if (client) {
103
- await ClientOnly.documentReady();
104
- context.initialState = transformState?.(window.__INITIAL_STATE__ || {}) || state.deserializeState(window.__INITIAL_STATE__);
105
- }
106
- await fn?.(context);
107
- const initialState = context.initialState;
108
- return {
109
- ...context,
110
- initialState
111
- };
112
- }
113
- if (isClient) {
114
- (async () => {
115
- const container = typeof rootContainer === "string" ? document.querySelector(rootContainer) : rootContainer;
116
- if (!container) {
117
- if (typeof $jsdom === "undefined")
118
- console.warn("[vite-react-ssg] Root container not found.");
119
- return;
120
- }
121
- const { router } = await createRoot(true);
122
- const isSSR = document.querySelector("[data-server-rendered=true]") !== null;
123
- if (!isSSR && process.env.NODE_ENV === "development") {
124
- ClientOnly.render(
125
- /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router }) }),
126
- container,
127
- options
128
- );
129
- } else {
130
- ClientOnly.hydrate(
131
- /* @__PURE__ */ jsxRuntime.jsx(reactHelmetAsync.HelmetProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(start.StartClient, { router }) }),
132
- container,
133
- options
134
- );
135
- }
136
- })();
137
- }
138
- return createRoot;
139
- }
140
-
141
- exports.ClientOnly = ClientOnly.ClientOnly;
142
- exports.Head = ClientOnly.Head;
143
- exports.registerPaths = tanstackRouter.registerPaths;
144
- exports.Experimental_ViteReactSSG = Experimental_ViteReactSSG;
@@ -1,30 +0,0 @@
1
- import { AnyRouter } from '@tanstack/react-router';
2
- import { V as ViteReactSSGContext$1, a as ViteReactSSGClientOptions } from './shared/vite-react-ssg.Di0pROyF.cjs';
3
- 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.Di0pROyF.cjs';
4
- export { C as ClientOnly, H as Head } from './shared/vite-react-ssg.Cm9gBlfg.cjs';
5
- import 'react';
6
- import 'react-router-dom';
7
- import 'beasties';
8
- import 'react-helmet-async';
9
-
10
- declare function registerPaths(id: string, getStaticPaths: () => string[] | Promise<string[]>): void;
11
-
12
- interface RouterOptions {
13
- router: AnyRouter;
14
- routes: AnyRouter['routeTree'];
15
- basename?: string;
16
- }
17
- type ViteReactSSGContext<HasRouter extends boolean = true> = Omit<ViteReactSSGContext$1, 'router' | 'routerType'> & {
18
- router: HasRouter extends true ? AnyRouter : undefined;
19
- routeTree?: AnyRouter['routeTree'];
20
- routerType: 'tanstack';
21
- };
22
- declare function Experimental_ViteReactSSG(routerOptions: RouterOptions, fn?: (context: ViteReactSSGContext<true>) => Promise<void> | void, options?: ViteReactSSGClientOptions): (client?: boolean, routePath?: string) => Promise<ViteReactSSGContext<true>>;
23
- declare global {
24
- interface Window {
25
- __VITE_REACT_SSG_STATIC_LOADER_DATA__: any;
26
- __VITE_REACT_SSG_HASH__: string;
27
- }
28
- }
29
-
30
- export { Experimental_ViteReactSSG, type RouterOptions, ViteReactSSGClientOptions, type ViteReactSSGContext, registerPaths };
@@ -1,6 +1,6 @@
1
+ import { Options } from 'beasties';
1
2
  import { ReactNode, ReactElement } from 'react';
2
3
  import { NonIndexRouteObject, IndexRouteObject, FutureConfig, createBrowserRouter } from 'react-router-dom';
3
- import { Options } from 'beasties';
4
4
 
5
5
  type Router = ReturnType<typeof createBrowserRouter>;
6
6
  interface CrittersOptions {
@@ -1,6 +1,6 @@
1
+ import { Options } from 'beasties';
1
2
  import { ReactNode, ReactElement } from 'react';
2
3
  import { NonIndexRouteObject, IndexRouteObject, FutureConfig, createBrowserRouter } from 'react-router-dom';
3
- import { Options } from 'beasties';
4
4
 
5
5
  type Router = ReturnType<typeof createBrowserRouter>;
6
6
  interface CrittersOptions {