sibujs 1.4.0 → 2.0.0
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 +105 -119
- package/dist/browser.cjs +288 -80
- package/dist/browser.d.cts +19 -9
- package/dist/browser.d.ts +19 -9
- package/dist/browser.js +6 -6
- package/dist/build.cjs +1019 -313
- package/dist/build.d.cts +1 -1
- package/dist/build.d.ts +1 -1
- package/dist/build.js +15 -13
- package/dist/cdn.global.js +17 -16
- package/dist/chunk-2RA7SHDA.js +65 -0
- package/dist/chunk-2UPRY23K.js +80 -0
- package/dist/chunk-3JHCYHWN.js +125 -0
- package/dist/{chunk-ZWKZCBO6.js → chunk-3LR7GLWQ.js} +154 -33
- package/dist/{chunk-3AIRKM3B.js → chunk-3NSGB5JN.js} +115 -34
- package/dist/{chunk-3ARAQO7B.js → chunk-52YJLLRO.js} +29 -6
- package/dist/chunk-54EDRCEF.js +93 -0
- package/dist/chunk-7JDB7I65.js +1327 -0
- package/dist/{chunk-WZSPOOER.js → chunk-CC65Y57T.js} +8 -5
- package/dist/{chunk-23VV7YD3.js → chunk-DFPFITST.js} +25 -30
- package/dist/{chunk-WR5D4EGH.js → chunk-GTBNNBJ6.js} +14 -2
- package/dist/chunk-HB24TBAF.js +121 -0
- package/dist/{chunk-CZUGLNJS.js → chunk-ITX6OO3F.js} +3 -3
- package/dist/{chunk-JAKHTMQU.js → chunk-JA6667UN.js} +206 -46
- package/dist/{chunk-77L6NL3X.js → chunk-JXMMDLBY.js} +306 -183
- package/dist/{chunk-3X2YG6YM.js → chunk-JYD2PWXH.js} +59 -28
- package/dist/{chunk-F3FA4F32.js → chunk-KLRMB5ZS.js} +135 -79
- package/dist/{chunk-5X6PP2UK.js → chunk-LMLD24FC.js} +2 -2
- package/dist/{chunk-M4NLBH4I.js → chunk-LYTCUZ7H.js} +3 -2
- package/dist/{chunk-TSOKIX5Z.js → chunk-MIUAXB7K.js} +126 -74
- package/dist/{chunk-QWZG56ET.js → chunk-ND2664SF.js} +558 -190
- package/dist/{chunk-JCI5M6U6.js → chunk-O2MNQFLP.js} +261 -79
- package/dist/{chunk-EWFVA3TJ.js → chunk-R73P76YZ.js} +1 -1
- package/dist/{chunk-2BYQDGN3.js → chunk-SAHNHTFC.js} +234 -63
- package/dist/chunk-UCS6AMJ7.js +79 -0
- package/dist/{chunk-ZD6OAMTH.js → chunk-VLPPXTYG.js} +90 -35
- package/dist/{chunk-OUZZEE4S.js → chunk-WOMYAHHI.js} +17 -11
- package/dist/{contracts-xo5ckdRP.d.cts → contracts-ey_Qh8ef.d.cts} +7 -8
- package/dist/{contracts-xo5ckdRP.d.ts → contracts-ey_Qh8ef.d.ts} +7 -8
- package/dist/{customElement-D2DJp_xn.d.cts → customElement-CPfIrbvg.d.cts} +18 -9
- package/dist/{customElement-D2DJp_xn.d.ts → customElement-CPfIrbvg.d.ts} +18 -9
- package/dist/data.cjs +452 -100
- package/dist/data.d.cts +20 -2
- package/dist/data.d.ts +20 -2
- package/dist/data.js +11 -9
- package/dist/devtools.cjs +535 -247
- package/dist/devtools.d.cts +1 -1
- package/dist/devtools.d.ts +1 -1
- package/dist/devtools.js +34 -30
- package/dist/ecosystem.cjs +499 -143
- package/dist/ecosystem.d.cts +13 -11
- package/dist/ecosystem.d.ts +13 -11
- package/dist/ecosystem.js +12 -11
- package/dist/extras.cjs +3639 -1629
- package/dist/extras.d.cts +11 -11
- package/dist/extras.d.ts +11 -11
- package/dist/extras.js +58 -45
- package/dist/index.cjs +1023 -313
- package/dist/index.d.cts +128 -55
- package/dist/index.d.ts +128 -55
- package/dist/index.js +28 -16
- package/dist/{introspect-BumjnBKr.d.cts → introspect-BWNjNw64.d.cts} +22 -2
- package/dist/{introspect-CZrlcaYy.d.ts → introspect-cY2pg9pW.d.ts} +22 -2
- package/dist/motion.cjs +90 -36
- package/dist/motion.d.cts +1 -1
- package/dist/motion.d.ts +1 -1
- package/dist/motion.js +4 -4
- package/dist/patterns.cjs +414 -81
- package/dist/patterns.d.cts +53 -20
- package/dist/patterns.d.ts +53 -20
- package/dist/patterns.js +7 -7
- package/dist/performance.cjs +364 -108
- package/dist/performance.d.cts +29 -17
- package/dist/performance.d.ts +29 -17
- package/dist/performance.js +13 -6
- package/dist/plugin-D30wlGW5.d.cts +71 -0
- package/dist/plugin-D30wlGW5.d.ts +71 -0
- package/dist/plugins.cjs +652 -271
- package/dist/plugins.d.cts +13 -6
- package/dist/plugins.d.ts +13 -6
- package/dist/plugins.js +116 -50
- package/dist/{ssr-Do_SiVoL.d.cts → ssr-CrVNy6Pa.d.cts} +9 -15
- package/dist/{ssr-Do_SiVoL.d.ts → ssr-CrVNy6Pa.d.ts} +9 -15
- package/dist/{ssr-4PBXAOO3.js → ssr-FXD2PPMC.js} +4 -3
- package/dist/ssr.cjs +648 -219
- package/dist/ssr.d.cts +27 -7
- package/dist/ssr.d.ts +27 -7
- package/dist/ssr.js +12 -11
- package/dist/{tagFactory-DaJ0YWX6.d.ts → tagFactory-S17H2qxu.d.cts} +9 -1
- package/dist/{tagFactory-DaJ0YWX6.d.cts → tagFactory-S17H2qxu.d.ts} +9 -1
- package/dist/testing.cjs +252 -63
- package/dist/testing.d.cts +17 -4
- package/dist/testing.d.ts +17 -4
- package/dist/testing.js +100 -44
- package/dist/ui.cjs +576 -168
- package/dist/ui.d.cts +13 -16
- package/dist/ui.d.ts +13 -16
- package/dist/ui.js +20 -17
- package/dist/widgets.cjs +1001 -93
- package/dist/widgets.d.cts +104 -2
- package/dist/widgets.d.ts +104 -2
- package/dist/widgets.js +9 -7
- package/package.json +8 -2
- package/dist/chunk-32DY64NT.js +0 -282
- package/dist/chunk-3CRQALYP.js +0 -877
- package/dist/chunk-4EI4AG32.js +0 -482
- package/dist/chunk-4MYMUBRS.js +0 -21
- package/dist/chunk-6HLLIF3K.js +0 -398
- package/dist/chunk-6LSNVCS2.js +0 -937
- package/dist/chunk-6SA3QQES.js +0 -61
- package/dist/chunk-7BF6TK55.js +0 -1097
- package/dist/chunk-7TQKR4PP.js +0 -294
- package/dist/chunk-7V26P53V.js +0 -712
- package/dist/chunk-AZ3ISID5.js +0 -298
- package/dist/chunk-B7SWRFUT.js +0 -332
- package/dist/chunk-BGN5ZMP4.js +0 -26
- package/dist/chunk-BTU3TJDS.js +0 -365
- package/dist/chunk-BW3WT46K.js +0 -937
- package/dist/chunk-C6KFWOFV.js +0 -616
- package/dist/chunk-CHF5OHIA.js +0 -61
- package/dist/chunk-CHJ27IGK.js +0 -26
- package/dist/chunk-CMBFNA7L.js +0 -27
- package/dist/chunk-DAHRH4ON.js +0 -331
- package/dist/chunk-DKOHBI74.js +0 -924
- package/dist/chunk-DTCOOBMX.js +0 -725
- package/dist/chunk-EBGIRKQY.js +0 -616
- package/dist/chunk-EUZND3CB.js +0 -27
- package/dist/chunk-EVCZO745.js +0 -365
- package/dist/chunk-FGOEVHY3.js +0 -60
- package/dist/chunk-G3BOQPVO.js +0 -365
- package/dist/chunk-GCOK2LC3.js +0 -282
- package/dist/chunk-HGMJFBC7.js +0 -654
- package/dist/chunk-K5ZUMYVS.js +0 -89
- package/dist/chunk-KQPDEVVS.js +0 -398
- package/dist/chunk-L6JRBDNS.js +0 -60
- package/dist/chunk-LA6KQEDU.js +0 -712
- package/dist/chunk-MDVXJWFN.js +0 -304
- package/dist/chunk-MEZVEBPN.js +0 -2008
- package/dist/chunk-MK4ERFYL.js +0 -2249
- package/dist/chunk-MLKGABMK.js +0 -9
- package/dist/chunk-MQ5GOYPH.js +0 -2249
- package/dist/chunk-N6IZB6KJ.js +0 -567
- package/dist/chunk-NEKUBFPT.js +0 -60
- package/dist/chunk-NHUC2QWH.js +0 -282
- package/dist/chunk-NMRUZALC.js +0 -1097
- package/dist/chunk-NYVAC6P5.js +0 -37
- package/dist/chunk-OF7UZIVB.js +0 -725
- package/dist/chunk-P6W3STU4.js +0 -2249
- package/dist/chunk-PBHF5WKN.js +0 -616
- package/dist/chunk-PTQJDMRT.js +0 -146
- package/dist/chunk-PZEGYCF5.js +0 -61
- package/dist/chunk-QBMDLBU2.js +0 -975
- package/dist/chunk-RQGQSLQK.js +0 -725
- package/dist/chunk-SDLZDHKP.js +0 -107
- package/dist/chunk-TNQWPPE6.js +0 -37
- package/dist/chunk-UHNL42EF.js +0 -2730
- package/dist/chunk-UNXCEF6S.js +0 -21
- package/dist/chunk-V2XTI523.js +0 -347
- package/dist/chunk-VAU366PN.js +0 -2241
- package/dist/chunk-VMVDTCXB.js +0 -712
- package/dist/chunk-VRW3FULF.js +0 -725
- package/dist/chunk-WADYRCO2.js +0 -304
- package/dist/chunk-WILQZRO4.js +0 -282
- package/dist/chunk-WUHJISPP.js +0 -298
- package/dist/chunk-XYU6TZOW.js +0 -182
- package/dist/chunk-Y6GP4QGG.js +0 -276
- package/dist/chunk-YECR7UIA.js +0 -347
- package/dist/chunk-YUTWTI4B.js +0 -654
- package/dist/chunk-Z65KYU7I.js +0 -26
- package/dist/chunk-Z6POF5YC.js +0 -975
- package/dist/chunk-ZBJP6WFL.js +0 -482
- package/dist/contracts-DDrwxvJ-.d.cts +0 -245
- package/dist/contracts-DDrwxvJ-.d.ts +0 -245
- package/dist/contracts-DOrhwbke.d.cts +0 -245
- package/dist/contracts-DOrhwbke.d.ts +0 -245
- package/dist/customElement-BKQfbSZQ.d.cts +0 -262
- package/dist/customElement-BKQfbSZQ.d.ts +0 -262
- package/dist/customElement-yz8uyk-0.d.cts +0 -308
- package/dist/customElement-yz8uyk-0.d.ts +0 -308
- package/dist/introspect-Cb0zgpi2.d.cts +0 -477
- package/dist/introspect-Y2xNXGSf.d.ts +0 -477
- package/dist/plugin-Bek4RhJY.d.cts +0 -43
- package/dist/plugin-Bek4RhJY.d.ts +0 -43
- package/dist/ssr-3RXHP5ES.js +0 -38
- package/dist/ssr-6GIMY5MX.js +0 -38
- package/dist/ssr-BA6sxxUd.d.cts +0 -135
- package/dist/ssr-BA6sxxUd.d.ts +0 -135
- package/dist/ssr-WKUPVSSK.js +0 -36
- package/dist/tagFactory-Dl8QCLga.d.cts +0 -23
- package/dist/tagFactory-Dl8QCLga.d.ts +0 -23
package/dist/chunk-AZ3ISID5.js
DELETED
|
@@ -1,298 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
isDev
|
|
3
|
-
} from "./chunk-4MYMUBRS.js";
|
|
4
|
-
|
|
5
|
-
// src/platform/ssr.ts
|
|
6
|
-
var _isDev = isDev();
|
|
7
|
-
function ssrErrorComment(err) {
|
|
8
|
-
if (_isDev) {
|
|
9
|
-
return `<!--SSR error: ${escapeHtml(err instanceof Error ? err.message : String(err))}-->`;
|
|
10
|
-
}
|
|
11
|
-
return "<!--SSR error-->";
|
|
12
|
-
}
|
|
13
|
-
var VOID_ELEMENTS = /* @__PURE__ */ new Set([
|
|
14
|
-
"area",
|
|
15
|
-
"base",
|
|
16
|
-
"br",
|
|
17
|
-
"col",
|
|
18
|
-
"embed",
|
|
19
|
-
"hr",
|
|
20
|
-
"img",
|
|
21
|
-
"input",
|
|
22
|
-
"link",
|
|
23
|
-
"meta",
|
|
24
|
-
"param",
|
|
25
|
-
"source",
|
|
26
|
-
"track",
|
|
27
|
-
"wbr"
|
|
28
|
-
]);
|
|
29
|
-
function renderToString(element) {
|
|
30
|
-
if (element instanceof DocumentFragment) {
|
|
31
|
-
return Array.from(element.childNodes).map((child) => {
|
|
32
|
-
try {
|
|
33
|
-
return renderToString(child);
|
|
34
|
-
} catch (err) {
|
|
35
|
-
return ssrErrorComment(err);
|
|
36
|
-
}
|
|
37
|
-
}).join("");
|
|
38
|
-
}
|
|
39
|
-
if (element.nodeType === 3) {
|
|
40
|
-
return escapeHtml(element.textContent || "");
|
|
41
|
-
}
|
|
42
|
-
if (element.nodeType === 8) {
|
|
43
|
-
const content = (element.textContent || "").replace(/-->/g, "-->");
|
|
44
|
-
return `<!--${content}-->`;
|
|
45
|
-
}
|
|
46
|
-
if (!(element instanceof HTMLElement)) {
|
|
47
|
-
return element.textContent || "";
|
|
48
|
-
}
|
|
49
|
-
const tag = element.tagName.toLowerCase();
|
|
50
|
-
let html = `<${tag}`;
|
|
51
|
-
for (const attr of Array.from(element.attributes)) {
|
|
52
|
-
html += ` ${attr.name}="${escapeAttr(attr.value)}"`;
|
|
53
|
-
}
|
|
54
|
-
if (element.dataset && !element.dataset.sibuHydrate) {
|
|
55
|
-
html += ` data-sibu-ssr="true"`;
|
|
56
|
-
}
|
|
57
|
-
if (VOID_ELEMENTS.has(tag)) {
|
|
58
|
-
return `${html} />`;
|
|
59
|
-
}
|
|
60
|
-
html += ">";
|
|
61
|
-
for (const child of Array.from(element.childNodes)) {
|
|
62
|
-
try {
|
|
63
|
-
html += renderToString(child);
|
|
64
|
-
} catch (err) {
|
|
65
|
-
html += ssrErrorComment(err);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
html += `</${tag}>`;
|
|
69
|
-
return html;
|
|
70
|
-
}
|
|
71
|
-
function hydrate(component, container) {
|
|
72
|
-
const clientTree = component();
|
|
73
|
-
hydrateNode(container.firstElementChild, clientTree);
|
|
74
|
-
container.setAttribute("data-sibu-hydrated", "true");
|
|
75
|
-
}
|
|
76
|
-
function hydrateNode(serverNode, clientNode) {
|
|
77
|
-
if (!serverNode) return;
|
|
78
|
-
const serverChildren = Array.from(serverNode.children);
|
|
79
|
-
const clientChildren = Array.from(clientNode.children);
|
|
80
|
-
for (let i = 0; i < Math.min(serverChildren.length, clientChildren.length); i++) {
|
|
81
|
-
hydrateNode(serverChildren[i], clientChildren[i]);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
function trustHTML(html) {
|
|
85
|
-
return html;
|
|
86
|
-
}
|
|
87
|
-
function renderToDocument(component, options = {}) {
|
|
88
|
-
let content;
|
|
89
|
-
try {
|
|
90
|
-
content = renderToString(component());
|
|
91
|
-
} catch (err) {
|
|
92
|
-
content = ssrErrorComment(err);
|
|
93
|
-
}
|
|
94
|
-
const metaTags = (options.meta || []).map(
|
|
95
|
-
(attrs) => `<meta ${Object.entries(attrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ")} />`
|
|
96
|
-
).join("\n ");
|
|
97
|
-
const linkTags = (options.links || []).map(
|
|
98
|
-
(attrs) => `<link ${Object.entries(attrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ")} />`
|
|
99
|
-
).join("\n ");
|
|
100
|
-
const scriptTags = (options.scripts || []).map((src) => `<script src="${escapeAttr(src)}"></script>`).join("\n ");
|
|
101
|
-
const bodyAttrs = options.bodyAttrs ? " " + Object.entries(options.bodyAttrs).map(([k, v]) => `${k}="${escapeAttr(v)}"`).join(" ") : "";
|
|
102
|
-
return `<!DOCTYPE html>
|
|
103
|
-
<html>
|
|
104
|
-
<head>
|
|
105
|
-
<meta charset="UTF-8" />
|
|
106
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
107
|
-
${options.title ? `<title>${escapeHtml(options.title)}</title>` : ""}
|
|
108
|
-
${metaTags}
|
|
109
|
-
${linkTags}
|
|
110
|
-
${options.headExtra || ""}
|
|
111
|
-
</head>
|
|
112
|
-
<body${bodyAttrs}>
|
|
113
|
-
<div id="app">${content}</div>
|
|
114
|
-
${scriptTags}
|
|
115
|
-
</body>
|
|
116
|
-
</html>`;
|
|
117
|
-
}
|
|
118
|
-
async function* renderToStream(element) {
|
|
119
|
-
if (element instanceof DocumentFragment) {
|
|
120
|
-
for (const child of Array.from(element.childNodes)) {
|
|
121
|
-
try {
|
|
122
|
-
yield* renderToStream(child);
|
|
123
|
-
} catch (err) {
|
|
124
|
-
yield ssrErrorComment(err);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
if (element.nodeType === 3) {
|
|
130
|
-
yield escapeHtml(element.textContent || "");
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
if (element.nodeType === 8) {
|
|
134
|
-
const content = (element.textContent || "").replace(/-->/g, "-->");
|
|
135
|
-
yield `<!--${content}-->`;
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
if (!(element instanceof HTMLElement)) {
|
|
139
|
-
yield element.textContent || "";
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
const tag = element.tagName.toLowerCase();
|
|
143
|
-
let openTag = `<${tag}`;
|
|
144
|
-
for (const attr of Array.from(element.attributes)) {
|
|
145
|
-
openTag += ` ${attr.name}="${escapeAttr(attr.value)}"`;
|
|
146
|
-
}
|
|
147
|
-
if (VOID_ELEMENTS.has(tag)) {
|
|
148
|
-
yield `${openTag} />`;
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
yield `${openTag}>`;
|
|
152
|
-
for (const child of Array.from(element.childNodes)) {
|
|
153
|
-
try {
|
|
154
|
-
yield* renderToStream(child);
|
|
155
|
-
} catch (err) {
|
|
156
|
-
yield ssrErrorComment(err);
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
yield `</${tag}>`;
|
|
160
|
-
}
|
|
161
|
-
async function collectStream(stream) {
|
|
162
|
-
let result = "";
|
|
163
|
-
for await (const chunk of stream) {
|
|
164
|
-
result += chunk;
|
|
165
|
-
}
|
|
166
|
-
return result;
|
|
167
|
-
}
|
|
168
|
-
function renderToReadableStream(element) {
|
|
169
|
-
const generator = renderToStream(element);
|
|
170
|
-
return new ReadableStream({
|
|
171
|
-
async pull(controller) {
|
|
172
|
-
const { value, done } = await generator.next();
|
|
173
|
-
if (done) {
|
|
174
|
-
controller.close();
|
|
175
|
-
} else {
|
|
176
|
-
controller.enqueue(value);
|
|
177
|
-
}
|
|
178
|
-
},
|
|
179
|
-
cancel() {
|
|
180
|
-
generator.return(void 0);
|
|
181
|
-
}
|
|
182
|
-
});
|
|
183
|
-
}
|
|
184
|
-
function island(id, component) {
|
|
185
|
-
const el = component();
|
|
186
|
-
el.setAttribute("data-sibu-island", id);
|
|
187
|
-
return el;
|
|
188
|
-
}
|
|
189
|
-
function hydrateIslands(container, islands) {
|
|
190
|
-
const markers = container.querySelectorAll("[data-sibu-island]");
|
|
191
|
-
for (const marker of Array.from(markers)) {
|
|
192
|
-
const id = marker.getAttribute("data-sibu-island") ?? "";
|
|
193
|
-
const factory = islands[id];
|
|
194
|
-
if (!factory) continue;
|
|
195
|
-
const clientTree = factory();
|
|
196
|
-
hydrateNode(marker, clientTree);
|
|
197
|
-
marker.setAttribute("data-sibu-hydrated", "true");
|
|
198
|
-
}
|
|
199
|
-
container.setAttribute("data-sibu-hydrated", "partial");
|
|
200
|
-
}
|
|
201
|
-
function hydrateProgressively(container, islands, options) {
|
|
202
|
-
const markers = container.querySelectorAll("[data-sibu-island]");
|
|
203
|
-
const cleanups = [];
|
|
204
|
-
for (const marker of Array.from(markers)) {
|
|
205
|
-
const id = marker.getAttribute("data-sibu-island") ?? "";
|
|
206
|
-
const factory = islands[id];
|
|
207
|
-
if (!factory) continue;
|
|
208
|
-
const observer = new IntersectionObserver(
|
|
209
|
-
(entries) => {
|
|
210
|
-
for (const entry of entries) {
|
|
211
|
-
if (entry.isIntersecting) {
|
|
212
|
-
const clientTree = factory();
|
|
213
|
-
hydrateNode(marker, clientTree);
|
|
214
|
-
marker.setAttribute("data-sibu-hydrated", "true");
|
|
215
|
-
observer.disconnect();
|
|
216
|
-
break;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
},
|
|
220
|
-
{ rootMargin: "200px", ...options }
|
|
221
|
-
);
|
|
222
|
-
observer.observe(marker);
|
|
223
|
-
cleanups.push(() => observer.disconnect());
|
|
224
|
-
}
|
|
225
|
-
container.setAttribute("data-sibu-hydrated", "progressive");
|
|
226
|
-
return () => {
|
|
227
|
-
for (const cleanup of cleanups) cleanup();
|
|
228
|
-
};
|
|
229
|
-
}
|
|
230
|
-
var suspenseIdCounter = 0;
|
|
231
|
-
function resetSSRState() {
|
|
232
|
-
suspenseIdCounter = 0;
|
|
233
|
-
}
|
|
234
|
-
function ssrSuspense(props) {
|
|
235
|
-
const id = `sibu-sus-${suspenseIdCounter++}`;
|
|
236
|
-
const fallbackEl = props.fallback();
|
|
237
|
-
const wrapper = document.createElement("div");
|
|
238
|
-
wrapper.setAttribute("data-sibu-suspense-id", id);
|
|
239
|
-
wrapper.appendChild(fallbackEl);
|
|
240
|
-
const promise = props.content().then((resolvedEl) => ({
|
|
241
|
-
id,
|
|
242
|
-
html: renderToString(resolvedEl)
|
|
243
|
-
}));
|
|
244
|
-
return { element: wrapper, promise };
|
|
245
|
-
}
|
|
246
|
-
function suspenseSwapScript(id, nonce) {
|
|
247
|
-
const safeId = id.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
|
|
248
|
-
const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
|
|
249
|
-
return `<script${nonceAttr}>(function(){var t=document.getElementById("sibu-resolved-${safeId}");var f=document.querySelector('[data-sibu-suspense-id="${safeId}"]');if(t&&f){while(t.firstChild)f.appendChild(t.firstChild);t.remove();f.removeAttribute("data-sibu-suspense-id");}})()</script>`;
|
|
250
|
-
}
|
|
251
|
-
async function* renderToSuspenseStream(element, pendingBoundaries = []) {
|
|
252
|
-
yield* renderToStream(element);
|
|
253
|
-
if (pendingBoundaries.length > 0) {
|
|
254
|
-
const resolved = await Promise.all(pendingBoundaries);
|
|
255
|
-
for (const { id, html } of resolved) {
|
|
256
|
-
yield `<div hidden id="sibu-resolved-${escapeAttr(id)}">${html}</div>`;
|
|
257
|
-
yield suspenseSwapScript(id);
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
var SSR_DATA_ATTR = "__SIBU_SSR_DATA__";
|
|
262
|
-
function serializeState(state, nonce) {
|
|
263
|
-
const json = JSON.stringify(state).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
|
|
264
|
-
const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
|
|
265
|
-
return `<script${nonceAttr}>window.${SSR_DATA_ATTR}=${json}</script>`;
|
|
266
|
-
}
|
|
267
|
-
function deserializeState(validate) {
|
|
268
|
-
if (typeof window === "undefined") return void 0;
|
|
269
|
-
const raw = window[SSR_DATA_ATTR];
|
|
270
|
-
if (raw === void 0) return void 0;
|
|
271
|
-
if (validate && !validate(raw)) return void 0;
|
|
272
|
-
return raw;
|
|
273
|
-
}
|
|
274
|
-
function escapeHtml(str) {
|
|
275
|
-
return str.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
276
|
-
}
|
|
277
|
-
function escapeAttr(str) {
|
|
278
|
-
return str.replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<").replace(/>/g, ">");
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
export {
|
|
282
|
-
renderToString,
|
|
283
|
-
hydrate,
|
|
284
|
-
trustHTML,
|
|
285
|
-
renderToDocument,
|
|
286
|
-
renderToStream,
|
|
287
|
-
collectStream,
|
|
288
|
-
renderToReadableStream,
|
|
289
|
-
island,
|
|
290
|
-
hydrateIslands,
|
|
291
|
-
hydrateProgressively,
|
|
292
|
-
resetSSRState,
|
|
293
|
-
ssrSuspense,
|
|
294
|
-
suspenseSwapScript,
|
|
295
|
-
renderToSuspenseStream,
|
|
296
|
-
serializeState,
|
|
297
|
-
deserializeState
|
|
298
|
-
};
|
package/dist/chunk-B7SWRFUT.js
DELETED
|
@@ -1,332 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
bindAttribute,
|
|
3
|
-
isUrlAttribute,
|
|
4
|
-
sanitizeCSSValue,
|
|
5
|
-
sanitizeUrl
|
|
6
|
-
} from "./chunk-23VV7YD3.js";
|
|
7
|
-
import {
|
|
8
|
-
track
|
|
9
|
-
} from "./chunk-V2XTI523.js";
|
|
10
|
-
import {
|
|
11
|
-
devWarn,
|
|
12
|
-
isDev
|
|
13
|
-
} from "./chunk-UNXCEF6S.js";
|
|
14
|
-
|
|
15
|
-
// src/core/rendering/dispose.ts
|
|
16
|
-
var elementDisposers = /* @__PURE__ */ new WeakMap();
|
|
17
|
-
var _isDev = isDev();
|
|
18
|
-
var activeBindingCount = 0;
|
|
19
|
-
function registerDisposer(node, teardown) {
|
|
20
|
-
let disposers = elementDisposers.get(node);
|
|
21
|
-
if (!disposers) {
|
|
22
|
-
disposers = [];
|
|
23
|
-
elementDisposers.set(node, disposers);
|
|
24
|
-
}
|
|
25
|
-
disposers.push(teardown);
|
|
26
|
-
if (_isDev) activeBindingCount++;
|
|
27
|
-
}
|
|
28
|
-
function dispose(node) {
|
|
29
|
-
const stack = [node];
|
|
30
|
-
const order = [];
|
|
31
|
-
while (stack.length > 0) {
|
|
32
|
-
const current = stack.pop();
|
|
33
|
-
order.push(current);
|
|
34
|
-
const children = current.childNodes;
|
|
35
|
-
for (let i = 0; i < children.length; i++) {
|
|
36
|
-
stack.push(children[i]);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
for (let i = order.length - 1; i >= 0; i--) {
|
|
40
|
-
const current = order[i];
|
|
41
|
-
const disposers = elementDisposers.get(current);
|
|
42
|
-
if (disposers) {
|
|
43
|
-
if (_isDev) activeBindingCount -= disposers.length;
|
|
44
|
-
for (const d of disposers) d();
|
|
45
|
-
elementDisposers.delete(current);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
function checkLeaks(warnThreshold = 0) {
|
|
50
|
-
if (!_isDev) return 0;
|
|
51
|
-
if (warnThreshold > 0 && activeBindingCount > warnThreshold) {
|
|
52
|
-
devWarn(
|
|
53
|
-
`checkLeaks: ${activeBindingCount} active DOM bindings detected. Expected \u2264${warnThreshold}. This may indicate a component was removed from the DOM without calling dispose().`
|
|
54
|
-
);
|
|
55
|
-
}
|
|
56
|
-
return activeBindingCount;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// src/reactivity/bindChildNode.ts
|
|
60
|
-
var _isDev2 = isDev();
|
|
61
|
-
function bindChildNode(placeholder, getter) {
|
|
62
|
-
let lastNodes = [];
|
|
63
|
-
function commit() {
|
|
64
|
-
let result;
|
|
65
|
-
try {
|
|
66
|
-
result = getter();
|
|
67
|
-
} catch (err) {
|
|
68
|
-
if (_isDev2) devWarn(`bindChildNode: getter threw: ${err instanceof Error ? err.message : String(err)}`);
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
if (result == null || typeof result === "boolean") {
|
|
72
|
-
for (let i = 0; i < lastNodes.length; i++) {
|
|
73
|
-
const node = lastNodes[i];
|
|
74
|
-
if (node.parentNode) node.parentNode.removeChild(node);
|
|
75
|
-
}
|
|
76
|
-
lastNodes.length = 0;
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
const parent = placeholder.parentNode;
|
|
80
|
-
if (!parent) {
|
|
81
|
-
lastNodes.length = 0;
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
let newNodes;
|
|
85
|
-
if (Array.isArray(result)) {
|
|
86
|
-
newNodes = [];
|
|
87
|
-
for (let i = 0; i < result.length; i++) {
|
|
88
|
-
const item = result[i];
|
|
89
|
-
if (item == null || typeof item === "boolean") continue;
|
|
90
|
-
newNodes.push(item instanceof Node ? item : document.createTextNode(String(item)));
|
|
91
|
-
}
|
|
92
|
-
} else {
|
|
93
|
-
const node = result instanceof Node ? result : document.createTextNode(String(result));
|
|
94
|
-
newNodes = [node];
|
|
95
|
-
}
|
|
96
|
-
const reused = lastNodes.length > 0 && newNodes.length > 0 ? /* @__PURE__ */ new Set() : void 0;
|
|
97
|
-
if (reused) {
|
|
98
|
-
for (let i = 0; i < newNodes.length; i++) {
|
|
99
|
-
for (let j = 0; j < lastNodes.length; j++) {
|
|
100
|
-
if (newNodes[i] === lastNodes[j]) {
|
|
101
|
-
reused.add(newNodes[i]);
|
|
102
|
-
break;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
for (let i = 0; i < lastNodes.length; i++) {
|
|
108
|
-
const node = lastNodes[i];
|
|
109
|
-
if (reused?.has(node)) continue;
|
|
110
|
-
if (node.parentNode) node.parentNode.removeChild(node);
|
|
111
|
-
}
|
|
112
|
-
const anchor = placeholder.nextSibling;
|
|
113
|
-
for (let i = 0; i < newNodes.length; i++) {
|
|
114
|
-
const node = newNodes[i];
|
|
115
|
-
if (reused?.has(node) && node.parentNode === parent) {
|
|
116
|
-
if (node.nextSibling !== anchor) {
|
|
117
|
-
parent.insertBefore(node, anchor);
|
|
118
|
-
}
|
|
119
|
-
} else {
|
|
120
|
-
parent.insertBefore(node, anchor);
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
lastNodes = newNodes;
|
|
124
|
-
}
|
|
125
|
-
return track(commit);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
// src/core/rendering/tagFactory.ts
|
|
129
|
-
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
130
|
-
var kebabCache = /* @__PURE__ */ new Map();
|
|
131
|
-
function toKebab(prop) {
|
|
132
|
-
let cached = kebabCache.get(prop);
|
|
133
|
-
if (cached !== void 0) return cached;
|
|
134
|
-
cached = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
|
|
135
|
-
kebabCache.set(prop, cached);
|
|
136
|
-
return cached;
|
|
137
|
-
}
|
|
138
|
-
function applyStyle(el, style) {
|
|
139
|
-
if (typeof style === "function") {
|
|
140
|
-
const teardown = track(() => {
|
|
141
|
-
el.setAttribute("style", style());
|
|
142
|
-
});
|
|
143
|
-
registerDisposer(el, teardown);
|
|
144
|
-
return;
|
|
145
|
-
}
|
|
146
|
-
if (typeof style === "string") {
|
|
147
|
-
el.setAttribute("style", style);
|
|
148
|
-
return;
|
|
149
|
-
}
|
|
150
|
-
const htmlEl = el;
|
|
151
|
-
for (const prop in style) {
|
|
152
|
-
const val = style[prop];
|
|
153
|
-
const name = toKebab(prop);
|
|
154
|
-
if (typeof val === "function") {
|
|
155
|
-
const getter = val;
|
|
156
|
-
const teardown = track(() => {
|
|
157
|
-
htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
|
|
158
|
-
});
|
|
159
|
-
registerDisposer(el, teardown);
|
|
160
|
-
} else {
|
|
161
|
-
htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
function applyClass(el, cls) {
|
|
166
|
-
if (typeof cls === "string") {
|
|
167
|
-
el.setAttribute("class", cls);
|
|
168
|
-
return;
|
|
169
|
-
}
|
|
170
|
-
if (typeof cls === "function") {
|
|
171
|
-
const teardown = track(() => {
|
|
172
|
-
el.setAttribute("class", cls());
|
|
173
|
-
});
|
|
174
|
-
registerDisposer(el, teardown);
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
const obj = cls;
|
|
178
|
-
let hasReactive = false;
|
|
179
|
-
let result = "";
|
|
180
|
-
for (const name in obj) {
|
|
181
|
-
const val = obj[name];
|
|
182
|
-
if (typeof val === "function") {
|
|
183
|
-
hasReactive = true;
|
|
184
|
-
break;
|
|
185
|
-
}
|
|
186
|
-
if (val) result = result ? `${result} ${name}` : name;
|
|
187
|
-
}
|
|
188
|
-
if (hasReactive) {
|
|
189
|
-
const update = () => {
|
|
190
|
-
let r = "";
|
|
191
|
-
for (const name in obj) {
|
|
192
|
-
const val = obj[name];
|
|
193
|
-
const active = typeof val === "function" ? val() : val;
|
|
194
|
-
if (active) r = r ? `${r} ${name}` : name;
|
|
195
|
-
}
|
|
196
|
-
el.setAttribute("class", r);
|
|
197
|
-
};
|
|
198
|
-
const teardown = track(update);
|
|
199
|
-
registerDisposer(el, teardown);
|
|
200
|
-
} else {
|
|
201
|
-
el.setAttribute("class", result);
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
function appendChildren(el, nodes) {
|
|
205
|
-
if (typeof nodes === "string") {
|
|
206
|
-
el.textContent = nodes;
|
|
207
|
-
return;
|
|
208
|
-
}
|
|
209
|
-
if (typeof nodes === "number") {
|
|
210
|
-
el.textContent = String(nodes);
|
|
211
|
-
return;
|
|
212
|
-
}
|
|
213
|
-
if (typeof nodes === "boolean" || nodes == null) {
|
|
214
|
-
return;
|
|
215
|
-
}
|
|
216
|
-
if (typeof nodes === "function") {
|
|
217
|
-
const ph = document.createComment("");
|
|
218
|
-
el.appendChild(ph);
|
|
219
|
-
registerDisposer(el, bindChildNode(ph, nodes));
|
|
220
|
-
return;
|
|
221
|
-
}
|
|
222
|
-
if (nodes instanceof Node) {
|
|
223
|
-
el.appendChild(nodes);
|
|
224
|
-
return;
|
|
225
|
-
}
|
|
226
|
-
if (Array.isArray(nodes)) {
|
|
227
|
-
for (let i = 0; i < nodes.length; i++) {
|
|
228
|
-
const c = nodes[i];
|
|
229
|
-
if (typeof c === "function") {
|
|
230
|
-
const ph = document.createComment("");
|
|
231
|
-
el.appendChild(ph);
|
|
232
|
-
registerDisposer(el, bindChildNode(ph, c));
|
|
233
|
-
} else if (c instanceof Node) {
|
|
234
|
-
el.appendChild(c);
|
|
235
|
-
} else if (Array.isArray(c)) {
|
|
236
|
-
for (let j = 0; j < c.length; j++) {
|
|
237
|
-
const inner = c[j];
|
|
238
|
-
if (typeof inner === "function") {
|
|
239
|
-
const ph = document.createComment("");
|
|
240
|
-
el.appendChild(ph);
|
|
241
|
-
registerDisposer(el, bindChildNode(ph, inner));
|
|
242
|
-
} else if (inner instanceof Node) {
|
|
243
|
-
el.appendChild(inner);
|
|
244
|
-
} else if (inner != null && typeof inner !== "boolean") {
|
|
245
|
-
el.appendChild(document.createTextNode(String(inner)));
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
} else if (c != null && typeof c !== "boolean") {
|
|
249
|
-
el.appendChild(document.createTextNode(String(c)));
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
var tagFactory = (tag, ns) => (first, second) => {
|
|
255
|
-
const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
|
|
256
|
-
if (first === void 0) return el;
|
|
257
|
-
if (second === void 0 && typeof first === "string") {
|
|
258
|
-
el.textContent = first;
|
|
259
|
-
return el;
|
|
260
|
-
}
|
|
261
|
-
if (second !== void 0) {
|
|
262
|
-
el.setAttribute("class", first);
|
|
263
|
-
appendChildren(el, second);
|
|
264
|
-
return el;
|
|
265
|
-
}
|
|
266
|
-
if (Array.isArray(first) || first instanceof Node) {
|
|
267
|
-
appendChildren(el, first);
|
|
268
|
-
return el;
|
|
269
|
-
}
|
|
270
|
-
const props = first;
|
|
271
|
-
const pClass = props.class;
|
|
272
|
-
if (pClass != null) applyClass(el, pClass);
|
|
273
|
-
const pId = props.id;
|
|
274
|
-
if (pId != null) el.id = pId;
|
|
275
|
-
const pNodes = props.nodes;
|
|
276
|
-
if (pNodes != null) appendChildren(el, pNodes);
|
|
277
|
-
const pOn = props.on;
|
|
278
|
-
if (pOn) {
|
|
279
|
-
for (const ev in pOn) {
|
|
280
|
-
el.addEventListener(ev, pOn[ev]);
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
const pStyle = props.style;
|
|
284
|
-
if (pStyle != null) applyStyle(el, pStyle);
|
|
285
|
-
const pRef = props.ref;
|
|
286
|
-
if (pRef) pRef.current = el;
|
|
287
|
-
for (const key in props) {
|
|
288
|
-
switch (key) {
|
|
289
|
-
case "class":
|
|
290
|
-
case "id":
|
|
291
|
-
case "nodes":
|
|
292
|
-
case "on":
|
|
293
|
-
case "style":
|
|
294
|
-
case "ref":
|
|
295
|
-
case "onElement":
|
|
296
|
-
continue;
|
|
297
|
-
// already handled above / below
|
|
298
|
-
default: {
|
|
299
|
-
const value = props[key];
|
|
300
|
-
if (value == null) continue;
|
|
301
|
-
if (key[0] === "o" && key[1] === "n") continue;
|
|
302
|
-
if (typeof value === "function") {
|
|
303
|
-
registerDisposer(el, bindAttribute(el, key, value));
|
|
304
|
-
} else if (typeof value === "boolean") {
|
|
305
|
-
if (key in el && (key === "checked" || key === "disabled" || key === "selected")) {
|
|
306
|
-
el[key] = value;
|
|
307
|
-
} else if (value) {
|
|
308
|
-
el.setAttribute(key, "");
|
|
309
|
-
} else {
|
|
310
|
-
el.removeAttribute(key);
|
|
311
|
-
}
|
|
312
|
-
} else {
|
|
313
|
-
const str = String(value);
|
|
314
|
-
el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);
|
|
315
|
-
}
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
if (props.onElement && typeof props.onElement === "function") {
|
|
320
|
-
props.onElement(el);
|
|
321
|
-
}
|
|
322
|
-
return el;
|
|
323
|
-
};
|
|
324
|
-
|
|
325
|
-
export {
|
|
326
|
-
bindChildNode,
|
|
327
|
-
registerDisposer,
|
|
328
|
-
dispose,
|
|
329
|
-
checkLeaks,
|
|
330
|
-
SVG_NS,
|
|
331
|
-
tagFactory
|
|
332
|
-
};
|
package/dist/chunk-BGN5ZMP4.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
signal
|
|
3
|
-
} from "./chunk-WZSPOOER.js";
|
|
4
|
-
|
|
5
|
-
// src/core/rendering/context.ts
|
|
6
|
-
function context(defaultValue) {
|
|
7
|
-
const [getValue, setValue] = signal(defaultValue);
|
|
8
|
-
return {
|
|
9
|
-
provide(value) {
|
|
10
|
-
setValue(value);
|
|
11
|
-
},
|
|
12
|
-
use() {
|
|
13
|
-
return getValue;
|
|
14
|
-
},
|
|
15
|
-
get() {
|
|
16
|
-
return getValue();
|
|
17
|
-
},
|
|
18
|
-
set(value) {
|
|
19
|
-
setValue(value);
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export {
|
|
25
|
-
context
|
|
26
|
-
};
|