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.
- package/README.md +5 -8
- package/dist/client/single-page.d.mts +4 -4
- package/dist/client/single-page.d.ts +4 -4
- package/dist/client/single-page.mjs +7 -6
- package/dist/index.d.mts +5 -4
- package/dist/index.d.ts +5 -4
- package/dist/index.mjs +10 -8
- package/dist/node/cli.mjs +9 -9
- package/dist/node.d.mts +2 -2
- package/dist/node.d.ts +2 -2
- package/dist/node.mjs +7 -7
- package/dist/shared/{vite-react-ssg.Cm9gBlfg.d.ts → vite-react-ssg.-NlgsPvg.d.mts} +8 -8
- package/dist/shared/{vite-react-ssg.Cm9gBlfg.d.mts → vite-react-ssg.-NlgsPvg.d.ts} +8 -8
- package/dist/shared/{vite-react-ssg.CKcl-j8g.mjs → vite-react-ssg.2P3UhU88.mjs} +212 -211
- package/dist/shared/{vite-react-ssg.C0y5wbxl.mjs → vite-react-ssg.C_MPXL9p.mjs} +1 -1
- package/dist/shared/{vite-react-ssg.CfJcpdWF.mjs → vite-react-ssg.Dx4ca9OM.mjs} +18 -4
- package/dist/tanstack.d.mts +5 -4
- package/dist/tanstack.d.ts +5 -4
- package/dist/tanstack.mjs +9 -7
- package/package.json +32 -33
- package/dist/chunks/jsdomGlobal.cjs +0 -36
- package/dist/client/single-page.cjs +0 -75
- package/dist/client/single-page.d.cts +0 -11
- package/dist/index.cjs +0 -196
- package/dist/index.d.cts +0 -26
- package/dist/node/cli.cjs +0 -89
- package/dist/node/cli.d.cts +0 -2
- package/dist/node.cjs +0 -24
- package/dist/node.d.cts +0 -11
- package/dist/shared/vite-react-ssg.B4jDfvXh.cjs +0 -106
- package/dist/shared/vite-react-ssg.C2GpVZF1.cjs +0 -38
- package/dist/shared/vite-react-ssg.CFQGqC60.cjs +0 -36
- package/dist/shared/vite-react-ssg.CjsEygxB.cjs +0 -37
- package/dist/shared/vite-react-ssg.Cm9gBlfg.d.cts +0 -15
- package/dist/shared/vite-react-ssg.DWHmkjdM.cjs +0 -35
- package/dist/shared/vite-react-ssg.Di0pROyF.d.ts +0 -214
- package/dist/shared/vite-react-ssg.Dus0yLsZ.cjs +0 -1082
- package/dist/style-collectors/styled-components.cjs +0 -20
- package/dist/style-collectors/styled-components.d.cts +0 -9
- package/dist/tanstack.cjs +0 -144
- package/dist/tanstack.d.cts +0 -30
- package/dist/shared/{vite-react-ssg.Di0pROyF.d.cts → vite-react-ssg.BrImbdZU.d.mts} +1 -1
- 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;
|
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;
|
package/dist/tanstack.d.cts
DELETED
|
@@ -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 {
|