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-WADYRCO2.js
DELETED
|
@@ -1,304 +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
|
-
for (let i = 0; i < lastNodes.length; i++) {
|
|
72
|
-
const node = lastNodes[i];
|
|
73
|
-
if (node.parentNode) node.parentNode.removeChild(node);
|
|
74
|
-
}
|
|
75
|
-
if (result == null || typeof result === "boolean") {
|
|
76
|
-
lastNodes.length = 0;
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
const parent = placeholder.parentNode;
|
|
80
|
-
if (!parent) {
|
|
81
|
-
lastNodes.length = 0;
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
const anchor = placeholder.nextSibling;
|
|
85
|
-
let count = 0;
|
|
86
|
-
if (Array.isArray(result)) {
|
|
87
|
-
if (lastNodes.length < result.length) lastNodes = new Array(result.length);
|
|
88
|
-
for (let i = 0; i < result.length; i++) {
|
|
89
|
-
const item = result[i];
|
|
90
|
-
if (item == null || typeof item === "boolean") continue;
|
|
91
|
-
const node = item instanceof Node ? item : document.createTextNode(String(item));
|
|
92
|
-
parent.insertBefore(node, anchor);
|
|
93
|
-
lastNodes[count++] = node;
|
|
94
|
-
}
|
|
95
|
-
} else {
|
|
96
|
-
if (lastNodes.length < 1) lastNodes = [null];
|
|
97
|
-
const node = result instanceof Node ? result : document.createTextNode(String(result));
|
|
98
|
-
parent.insertBefore(node, anchor);
|
|
99
|
-
lastNodes[count++] = node;
|
|
100
|
-
}
|
|
101
|
-
lastNodes.length = count;
|
|
102
|
-
}
|
|
103
|
-
return track(commit);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
// src/core/rendering/tagFactory.ts
|
|
107
|
-
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
108
|
-
var kebabCache = /* @__PURE__ */ new Map();
|
|
109
|
-
function toKebab(prop) {
|
|
110
|
-
let cached = kebabCache.get(prop);
|
|
111
|
-
if (cached !== void 0) return cached;
|
|
112
|
-
cached = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
|
|
113
|
-
kebabCache.set(prop, cached);
|
|
114
|
-
return cached;
|
|
115
|
-
}
|
|
116
|
-
function applyStyle(el, style) {
|
|
117
|
-
if (typeof style === "function") {
|
|
118
|
-
const teardown = track(() => {
|
|
119
|
-
el.setAttribute("style", style());
|
|
120
|
-
});
|
|
121
|
-
registerDisposer(el, teardown);
|
|
122
|
-
return;
|
|
123
|
-
}
|
|
124
|
-
if (typeof style === "string") {
|
|
125
|
-
el.setAttribute("style", style);
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
const htmlEl = el;
|
|
129
|
-
for (const prop in style) {
|
|
130
|
-
const val = style[prop];
|
|
131
|
-
const name = toKebab(prop);
|
|
132
|
-
if (typeof val === "function") {
|
|
133
|
-
const getter = val;
|
|
134
|
-
const teardown = track(() => {
|
|
135
|
-
htmlEl.style.setProperty(name, sanitizeCSSValue(String(getter())));
|
|
136
|
-
});
|
|
137
|
-
registerDisposer(el, teardown);
|
|
138
|
-
} else {
|
|
139
|
-
htmlEl.style.setProperty(name, sanitizeCSSValue(String(val)));
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
function applyClass(el, cls) {
|
|
144
|
-
if (typeof cls === "string") {
|
|
145
|
-
el.setAttribute("class", cls);
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
if (typeof cls === "function") {
|
|
149
|
-
const teardown = track(() => {
|
|
150
|
-
el.setAttribute("class", cls());
|
|
151
|
-
});
|
|
152
|
-
registerDisposer(el, teardown);
|
|
153
|
-
return;
|
|
154
|
-
}
|
|
155
|
-
const obj = cls;
|
|
156
|
-
let hasReactive = false;
|
|
157
|
-
let result = "";
|
|
158
|
-
for (const name in obj) {
|
|
159
|
-
const val = obj[name];
|
|
160
|
-
if (typeof val === "function") {
|
|
161
|
-
hasReactive = true;
|
|
162
|
-
break;
|
|
163
|
-
}
|
|
164
|
-
if (val) result = result ? `${result} ${name}` : name;
|
|
165
|
-
}
|
|
166
|
-
if (hasReactive) {
|
|
167
|
-
const update = () => {
|
|
168
|
-
let r = "";
|
|
169
|
-
for (const name in obj) {
|
|
170
|
-
const val = obj[name];
|
|
171
|
-
const active = typeof val === "function" ? val() : val;
|
|
172
|
-
if (active) r = r ? `${r} ${name}` : name;
|
|
173
|
-
}
|
|
174
|
-
el.setAttribute("class", r);
|
|
175
|
-
};
|
|
176
|
-
const teardown = track(update);
|
|
177
|
-
registerDisposer(el, teardown);
|
|
178
|
-
} else {
|
|
179
|
-
el.setAttribute("class", result);
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
function appendChildren(el, nodes) {
|
|
183
|
-
if (typeof nodes === "string") {
|
|
184
|
-
el.textContent = nodes;
|
|
185
|
-
return;
|
|
186
|
-
}
|
|
187
|
-
if (typeof nodes === "number") {
|
|
188
|
-
el.textContent = String(nodes);
|
|
189
|
-
return;
|
|
190
|
-
}
|
|
191
|
-
if (typeof nodes === "boolean" || nodes == null) {
|
|
192
|
-
return;
|
|
193
|
-
}
|
|
194
|
-
if (typeof nodes === "function") {
|
|
195
|
-
const ph = document.createComment("");
|
|
196
|
-
el.appendChild(ph);
|
|
197
|
-
registerDisposer(el, bindChildNode(ph, nodes));
|
|
198
|
-
return;
|
|
199
|
-
}
|
|
200
|
-
if (nodes instanceof Node) {
|
|
201
|
-
el.appendChild(nodes);
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
if (Array.isArray(nodes)) {
|
|
205
|
-
for (let i = 0; i < nodes.length; i++) {
|
|
206
|
-
const c = nodes[i];
|
|
207
|
-
if (typeof c === "function") {
|
|
208
|
-
const ph = document.createComment("");
|
|
209
|
-
el.appendChild(ph);
|
|
210
|
-
registerDisposer(el, bindChildNode(ph, c));
|
|
211
|
-
} else if (c instanceof Node) {
|
|
212
|
-
el.appendChild(c);
|
|
213
|
-
} else if (Array.isArray(c)) {
|
|
214
|
-
for (let j = 0; j < c.length; j++) {
|
|
215
|
-
const inner = c[j];
|
|
216
|
-
if (typeof inner === "function") {
|
|
217
|
-
const ph = document.createComment("");
|
|
218
|
-
el.appendChild(ph);
|
|
219
|
-
registerDisposer(el, bindChildNode(ph, inner));
|
|
220
|
-
} else if (inner instanceof Node) {
|
|
221
|
-
el.appendChild(inner);
|
|
222
|
-
} else if (inner != null && typeof inner !== "boolean") {
|
|
223
|
-
el.appendChild(document.createTextNode(String(inner)));
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
} else if (c != null && typeof c !== "boolean") {
|
|
227
|
-
el.appendChild(document.createTextNode(String(c)));
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
var tagFactory = (tag, ns) => (first, second) => {
|
|
233
|
-
const el = ns ? document.createElementNS(ns, tag) : document.createElement(tag);
|
|
234
|
-
if (first === void 0) return el;
|
|
235
|
-
if (second === void 0 && typeof first === "string") {
|
|
236
|
-
el.textContent = first;
|
|
237
|
-
return el;
|
|
238
|
-
}
|
|
239
|
-
if (second !== void 0) {
|
|
240
|
-
el.setAttribute("class", first);
|
|
241
|
-
appendChildren(el, second);
|
|
242
|
-
return el;
|
|
243
|
-
}
|
|
244
|
-
if (Array.isArray(first) || first instanceof Node) {
|
|
245
|
-
appendChildren(el, first);
|
|
246
|
-
return el;
|
|
247
|
-
}
|
|
248
|
-
const props = first;
|
|
249
|
-
const pClass = props.class;
|
|
250
|
-
if (pClass != null) applyClass(el, pClass);
|
|
251
|
-
const pId = props.id;
|
|
252
|
-
if (pId != null) el.id = pId;
|
|
253
|
-
const pNodes = props.nodes;
|
|
254
|
-
if (pNodes != null) appendChildren(el, pNodes);
|
|
255
|
-
const pOn = props.on;
|
|
256
|
-
if (pOn) {
|
|
257
|
-
for (const ev in pOn) {
|
|
258
|
-
el.addEventListener(ev, pOn[ev]);
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
const pStyle = props.style;
|
|
262
|
-
if (pStyle != null) applyStyle(el, pStyle);
|
|
263
|
-
const pRef = props.ref;
|
|
264
|
-
if (pRef) pRef.current = el;
|
|
265
|
-
for (const key in props) {
|
|
266
|
-
switch (key) {
|
|
267
|
-
case "class":
|
|
268
|
-
case "id":
|
|
269
|
-
case "nodes":
|
|
270
|
-
case "on":
|
|
271
|
-
case "style":
|
|
272
|
-
case "ref":
|
|
273
|
-
case "onElement":
|
|
274
|
-
continue;
|
|
275
|
-
// already handled above / below
|
|
276
|
-
default: {
|
|
277
|
-
const value = props[key];
|
|
278
|
-
if (value == null || value === false) continue;
|
|
279
|
-
if (key[0] === "o" && key[1] === "n") continue;
|
|
280
|
-
if (typeof value === "function") {
|
|
281
|
-
registerDisposer(el, bindAttribute(el, key, value));
|
|
282
|
-
} else if (value === true) {
|
|
283
|
-
el.setAttribute(key, "");
|
|
284
|
-
} else {
|
|
285
|
-
const str = String(value);
|
|
286
|
-
el.setAttribute(key, isUrlAttribute(key) ? sanitizeUrl(str) : str);
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
if (props.onElement && typeof props.onElement === "function") {
|
|
292
|
-
props.onElement(el);
|
|
293
|
-
}
|
|
294
|
-
return el;
|
|
295
|
-
};
|
|
296
|
-
|
|
297
|
-
export {
|
|
298
|
-
bindChildNode,
|
|
299
|
-
registerDisposer,
|
|
300
|
-
dispose,
|
|
301
|
-
checkLeaks,
|
|
302
|
-
SVG_NS,
|
|
303
|
-
tagFactory
|
|
304
|
-
};
|
package/dist/chunk-WILQZRO4.js
DELETED
|
@@ -1,282 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
derived
|
|
3
|
-
} from "./chunk-L6JRBDNS.js";
|
|
4
|
-
import {
|
|
5
|
-
effect
|
|
6
|
-
} from "./chunk-6SA3QQES.js";
|
|
7
|
-
import {
|
|
8
|
-
signal
|
|
9
|
-
} from "./chunk-V2XTI523.js";
|
|
10
|
-
|
|
11
|
-
// src/patterns/machine.ts
|
|
12
|
-
function machine(config) {
|
|
13
|
-
const [state, setState] = signal(config.initial);
|
|
14
|
-
const [context, setContext] = signal(config.context || {});
|
|
15
|
-
const initialDef = config.states[config.initial];
|
|
16
|
-
if (initialDef?.entry) {
|
|
17
|
-
initialDef.entry(context());
|
|
18
|
-
}
|
|
19
|
-
function send(event) {
|
|
20
|
-
const currentState = state();
|
|
21
|
-
const stateDef = config.states[currentState];
|
|
22
|
-
if (!stateDef?.on) return;
|
|
23
|
-
const transition = stateDef.on[event];
|
|
24
|
-
if (!transition) return;
|
|
25
|
-
let target;
|
|
26
|
-
let guard;
|
|
27
|
-
let action;
|
|
28
|
-
if (typeof transition === "string") {
|
|
29
|
-
target = transition;
|
|
30
|
-
} else {
|
|
31
|
-
target = transition.target;
|
|
32
|
-
guard = transition.guard;
|
|
33
|
-
action = transition.action;
|
|
34
|
-
}
|
|
35
|
-
const ctx = context();
|
|
36
|
-
if (guard && !guard(ctx)) return;
|
|
37
|
-
if (stateDef.exit) {
|
|
38
|
-
stateDef.exit(ctx);
|
|
39
|
-
}
|
|
40
|
-
if (action) {
|
|
41
|
-
const patch = action(ctx);
|
|
42
|
-
setContext({ ...ctx, ...patch });
|
|
43
|
-
}
|
|
44
|
-
setState(target);
|
|
45
|
-
const targetDef = config.states[target];
|
|
46
|
-
if (targetDef?.entry) {
|
|
47
|
-
targetDef.entry(context());
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
function matches(s) {
|
|
51
|
-
return state() === s;
|
|
52
|
-
}
|
|
53
|
-
function can(event) {
|
|
54
|
-
const currentState = state();
|
|
55
|
-
const stateDef = config.states[currentState];
|
|
56
|
-
if (!stateDef?.on) return false;
|
|
57
|
-
const transition = stateDef.on[event];
|
|
58
|
-
if (!transition) return false;
|
|
59
|
-
if (typeof transition === "string") return true;
|
|
60
|
-
if (transition.guard) {
|
|
61
|
-
return transition.guard(context());
|
|
62
|
-
}
|
|
63
|
-
return true;
|
|
64
|
-
}
|
|
65
|
-
return { state, context, send, matches, can };
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
// src/patterns/persist.ts
|
|
69
|
-
function persisted(key, initial, options = {}) {
|
|
70
|
-
const storage = options.session ? sessionStorage : localStorage;
|
|
71
|
-
const serialize = options.serialize || JSON.stringify;
|
|
72
|
-
const deserialize = options.deserialize || JSON.parse;
|
|
73
|
-
const encrypt = options.encrypt;
|
|
74
|
-
const decrypt = options.decrypt;
|
|
75
|
-
let restored = initial;
|
|
76
|
-
try {
|
|
77
|
-
let raw = storage.getItem(key);
|
|
78
|
-
if (raw !== null) {
|
|
79
|
-
if (decrypt) raw = decrypt(raw);
|
|
80
|
-
const parsed = deserialize(raw);
|
|
81
|
-
restored = options.validate && !options.validate(parsed) ? initial : parsed;
|
|
82
|
-
}
|
|
83
|
-
} catch {
|
|
84
|
-
}
|
|
85
|
-
const [value, setValue] = signal(restored);
|
|
86
|
-
effect(() => {
|
|
87
|
-
const current = value();
|
|
88
|
-
try {
|
|
89
|
-
let serialized = serialize(current);
|
|
90
|
-
if (encrypt) serialized = encrypt(serialized);
|
|
91
|
-
storage.setItem(key, serialized);
|
|
92
|
-
} catch {
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
return [value, setValue];
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
// src/patterns/optimistic.ts
|
|
99
|
-
function optimistic(initialValue) {
|
|
100
|
-
const [value, setValue] = signal(initialValue);
|
|
101
|
-
const [_pending, setPending] = signal(false);
|
|
102
|
-
async function addOptimistic(optimisticValue, asyncAction) {
|
|
103
|
-
const previousValue = value();
|
|
104
|
-
setValue(optimisticValue);
|
|
105
|
-
setPending(true);
|
|
106
|
-
try {
|
|
107
|
-
const result = await asyncAction();
|
|
108
|
-
setValue(result);
|
|
109
|
-
} catch {
|
|
110
|
-
setValue(previousValue);
|
|
111
|
-
} finally {
|
|
112
|
-
setPending(false);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
return [value, addOptimistic];
|
|
116
|
-
}
|
|
117
|
-
function optimisticList(initialValue) {
|
|
118
|
-
const [items, setItems] = signal([...initialValue]);
|
|
119
|
-
async function addOptimistic(item, asyncAction) {
|
|
120
|
-
const prev = items();
|
|
121
|
-
setItems([...prev, item]);
|
|
122
|
-
try {
|
|
123
|
-
const result = await asyncAction();
|
|
124
|
-
setItems((current) => {
|
|
125
|
-
const idx = current.lastIndexOf(item);
|
|
126
|
-
if (idx >= 0) {
|
|
127
|
-
const next = [...current];
|
|
128
|
-
next[idx] = result;
|
|
129
|
-
return next;
|
|
130
|
-
}
|
|
131
|
-
return [...current.filter((i) => i !== item), result];
|
|
132
|
-
});
|
|
133
|
-
} catch {
|
|
134
|
-
setItems(prev);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
async function removeOptimistic(predicate, asyncAction) {
|
|
138
|
-
const prev = items();
|
|
139
|
-
setItems(prev.filter((item) => !predicate(item)));
|
|
140
|
-
try {
|
|
141
|
-
await asyncAction();
|
|
142
|
-
} catch {
|
|
143
|
-
setItems(prev);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
async function updateOptimistic(predicate, update, asyncAction) {
|
|
147
|
-
const prev = items();
|
|
148
|
-
setItems(prev.map((item) => predicate(item) ? { ...item, ...update } : item));
|
|
149
|
-
try {
|
|
150
|
-
const result = await asyncAction();
|
|
151
|
-
setItems((current) => current.map((item) => predicate(item) ? result : item));
|
|
152
|
-
} catch {
|
|
153
|
-
setItems(prev);
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
return { items, addOptimistic, removeOptimistic, updateOptimistic };
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
// src/patterns/timeTravel.ts
|
|
160
|
-
function timeline(initial, maxHistory = 100) {
|
|
161
|
-
const [history, setHistory] = signal([initial]);
|
|
162
|
-
const [index, setIndex] = signal(0);
|
|
163
|
-
const value = derived(() => history()[index()]);
|
|
164
|
-
const canUndo = derived(() => index() > 0);
|
|
165
|
-
const canRedo = derived(() => index() < history().length - 1);
|
|
166
|
-
function set(next) {
|
|
167
|
-
const current = value();
|
|
168
|
-
const newValue = typeof next === "function" ? next(current) : next;
|
|
169
|
-
if (Object.is(newValue, current)) return;
|
|
170
|
-
const hist = history();
|
|
171
|
-
const idx = index();
|
|
172
|
-
const newHistory = hist.slice(0, idx + 1);
|
|
173
|
-
newHistory.push(newValue);
|
|
174
|
-
if (newHistory.length > maxHistory) {
|
|
175
|
-
newHistory.shift();
|
|
176
|
-
setHistory(newHistory);
|
|
177
|
-
setIndex(newHistory.length - 1);
|
|
178
|
-
} else {
|
|
179
|
-
setHistory(newHistory);
|
|
180
|
-
setIndex(idx + 1);
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
function undo() {
|
|
184
|
-
if (canUndo()) {
|
|
185
|
-
setIndex(index() - 1);
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
function redo() {
|
|
189
|
-
if (canRedo()) {
|
|
190
|
-
setIndex(index() + 1);
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
function reset() {
|
|
194
|
-
setHistory([initial]);
|
|
195
|
-
setIndex(0);
|
|
196
|
-
}
|
|
197
|
-
function jumpTo(targetIndex) {
|
|
198
|
-
const hist = history();
|
|
199
|
-
if (targetIndex >= 0 && targetIndex < hist.length) {
|
|
200
|
-
setIndex(targetIndex);
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
return { value, set, undo, redo, canUndo, canRedo, history, index, reset, jumpTo };
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
// src/patterns/globalStore.ts
|
|
207
|
-
function globalStore(config) {
|
|
208
|
-
const initialState = { ...config.state };
|
|
209
|
-
const [getState, setState] = signal({ ...initialState });
|
|
210
|
-
const listeners = /* @__PURE__ */ new Set();
|
|
211
|
-
const middlewares = config.middleware || [];
|
|
212
|
-
function dispatch(action, payload) {
|
|
213
|
-
const actionFn = config.actions[action];
|
|
214
|
-
if (!actionFn) throw new Error(`Unknown action: ${String(action)}`);
|
|
215
|
-
const execute = () => {
|
|
216
|
-
const current = getState();
|
|
217
|
-
const rawPatch = actionFn(current, payload);
|
|
218
|
-
const patch = {};
|
|
219
|
-
for (const key of Object.keys(rawPatch)) {
|
|
220
|
-
if (key !== "__proto__" && key !== "constructor" && key !== "prototype") {
|
|
221
|
-
patch[key] = rawPatch[key];
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
setState({ ...current, ...patch });
|
|
225
|
-
const newState = getState();
|
|
226
|
-
for (const listener of listeners) {
|
|
227
|
-
listener(newState);
|
|
228
|
-
}
|
|
229
|
-
};
|
|
230
|
-
if (middlewares.length === 0) {
|
|
231
|
-
execute();
|
|
232
|
-
return;
|
|
233
|
-
}
|
|
234
|
-
let index = 0;
|
|
235
|
-
const next = () => {
|
|
236
|
-
if (index < middlewares.length) {
|
|
237
|
-
const mw = middlewares[index++];
|
|
238
|
-
mw(getState(), String(action), payload, next);
|
|
239
|
-
} else {
|
|
240
|
-
execute();
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
next();
|
|
244
|
-
}
|
|
245
|
-
function select(selector) {
|
|
246
|
-
return derived(() => selector(getState()));
|
|
247
|
-
}
|
|
248
|
-
function subscribe(callback) {
|
|
249
|
-
listeners.add(callback);
|
|
250
|
-
return () => listeners.delete(callback);
|
|
251
|
-
}
|
|
252
|
-
function reset() {
|
|
253
|
-
setState({ ...initialState });
|
|
254
|
-
for (const listener of listeners) {
|
|
255
|
-
listener(getState());
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
return { getState, select, dispatch, subscribe, reset };
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
// src/patterns/primitives.ts
|
|
262
|
-
function createSignal(value) {
|
|
263
|
-
return signal(value);
|
|
264
|
-
}
|
|
265
|
-
function createMemo(fn) {
|
|
266
|
-
return derived(fn);
|
|
267
|
-
}
|
|
268
|
-
function createEffect(fn) {
|
|
269
|
-
return effect(fn);
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
export {
|
|
273
|
-
machine,
|
|
274
|
-
persisted,
|
|
275
|
-
optimistic,
|
|
276
|
-
optimisticList,
|
|
277
|
-
timeline,
|
|
278
|
-
globalStore,
|
|
279
|
-
createSignal,
|
|
280
|
-
createMemo,
|
|
281
|
-
createEffect
|
|
282
|
-
};
|