@xmachines/play-solid 1.0.0-beta.31 → 1.0.0-beta.32

package/dist/node_modules/@json-render/solid/dist/index.js

@@ -1,46 +1,46 @@
 import { createStateStore as e, flattenToPointers as t, getByPath as n } from "../../core/dist/chunk-AFLK3Q4T.js";
-import { evaluateVisibility as r, executeAction as i, resolveAction as a, resolveActionParam as o, resolveBindings as s, resolveElementProps as c } from "../../core/dist/index.js";
+import { evaluateVisibility as r, executeAction as i, isDevtoolsActive as a, nextActionDispatchId as o, notifyActionDispatch as s, notifyActionSettle as c, resolveAction as l, resolveActionParam as u, resolveBindings as d, resolveElementProps as f, subscribeDevtoolsActive as p } from "../../core/dist/index.js";
 import "./chunk-XTSB6FIM.js";
 import "../../core/dist/store-utils.js";
-import { createComponent as l, delegateEvents as u } from "solid-js/web";
-import { ErrorBoundary as d, For as f, Show as p, createContext as m, createEffect as h, createMemo as g, createSignal as _, onCleanup as v, useContext as y } from "solid-js";
+import { createComponent as m, delegateEvents as h, effect as g, insert as _, memo as v, setAttribute as y, template as b } from "solid-js/web";
+import { ErrorBoundary as x, For as S, Show as C, createContext as w, createEffect as T, createMemo as E, createSignal as D, onCleanup as O, useContext as k } from "solid-js";
 //#region ../../node_modules/@json-render/solid/dist/index.mjs
-var b = m(null);
-function x(e, n) {
+var A = w(null);
+function j(e, n) {
 	return e ? null : Object.keys(n).length === 0 ? {} : t(n);
 }
-function S(r) {
+function M(r) {
 	let i;
 	r.store || (i = e(r.initialState ?? {}));
 	let a = () => r.store ?? i, o = r.store ? "controlled" : "uncontrolled", s = !1;
-	typeof globalThis < "u" && globalThis.process?.env?.NODE_ENV !== "production" && h(() => {
+	typeof globalThis < "u" && globalThis.process?.env?.NODE_ENV !== "production" && T(() => {
 		let e = r.store ? "controlled" : "uncontrolled";
 		e !== o && !s && (s = !0, console.warn(`StateProvider: switching from ${o} to ${e} mode is not supported.`));
 	});
-	let c = r.initialState, u = x(!!r.store, r.initialState ?? {});
-	h(() => {
+	let c = r.initialState, l = j(!!r.store, r.initialState ?? {});
+	T(() => {
 		if (r.store) return;
 		let e = r.initialState ?? {};
 		if (e === c) return;
 		c = e;
-		let n = e && Object.keys(e).length > 0 ? t(e) : {}, i = u ?? {}, o = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)]), s = {};
+		let n = e && Object.keys(e).length > 0 ? t(e) : {}, i = l ?? {}, o = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(n)]), s = {};
 		for (let e of o) i[e] !== n[e] && (s[e] = e in n ? n[e] : void 0);
-		u = n, Object.keys(s).length > 0 && a().update(s);
+		l = n, Object.keys(s).length > 0 && a().update(s);
 	});
-	let [d, f] = _(a().getSnapshot(), { equals: !1 }), p = /* @__PURE__ */ new Set(), m = (e) => (p.add(e), () => {
-		p.delete(e);
-	}), g = (e) => {
-		for (let t of p) t(e);
+	let [u, d] = D(a().getSnapshot(), { equals: !1 }), f = /* @__PURE__ */ new Set(), p = (e) => (f.add(e), () => {
+		f.delete(e);
+	}), h = (e) => {
+		for (let t of f) t(e);
 	};
-	h(() => {
+	T(() => {
 		let e = a();
-		f(e.getSnapshot()), v(e.subscribe(() => {
-			f(e.getSnapshot());
+		d(e.getSnapshot()), O(e.subscribe(() => {
+			d(e.getSnapshot());
 		}));
 	});
-	let y = {
+	let g = {
 		get state() {
-			return d();
+			return u();
 		},
 		get: (e) => a().get(e),
 		set: (e, t) => {
@@ -50,7 +50,7 @@ function S(r) {
 					path: e,
 					value: t
 				}];
-				g(n), !r.store && i.getSnapshot() !== o && r.onStateChange?.(n);
+				h(n), !r.store && i.getSnapshot() !== o && r.onStateChange?.(n);
 			}
 		},
 		update: (e) => {
@@ -61,213 +61,234 @@ function S(r) {
 				path: t,
 				value: r
 			});
-			o.length > 0 && (g(o), !r.store && t.getSnapshot() !== i && r.onStateChange?.(o));
+			o.length > 0 && (h(o), !r.store && t.getSnapshot() !== i && r.onStateChange?.(o));
 		},
 		getSnapshot: () => a().getSnapshot(),
-		subscribeChanges: m
+		subscribeChanges: p
 	};
-	return l(b.Provider, {
-		value: y,
+	return m(A.Provider, {
+		value: g,
 		get children() {
 			return r.children;
 		}
 	});
 }
-function C() {
-	let e = y(b);
+function N() {
+	let e = k(A);
 	if (!e) throw Error("useStateStore must be used within a StateProvider");
 	return e;
 }
-var w = m(null);
-function T(e) {
-	let t = C(), n = { get stateModel() {
+var P = w(null);
+function F(e) {
+	let t = N(), n = { get stateModel() {
 		return t.state;
 	} }, i = {
 		isVisible: (e) => r(e, n),
 		ctx: n
 	};
-	return l(w.Provider, {
+	return m(P.Provider, {
 		value: i,
 		get children() {
 			return e.children;
 		}
 	});
 }
-function E() {
-	let e = y(w);
+function I() {
+	let e = k(P);
 	if (!e) throw Error("useVisibility must be used within a VisibilityProvider");
 	return e;
 }
-var D = m(null);
-function O() {
-	return y(D);
+var L = w(null);
+function R() {
+	return k(L);
 }
-var k = 0;
-function A() {
-	return k += 1, `${Date.now()}-${k}`;
+var z = 0;
+function B() {
+	return z += 1, `${Date.now()}-${z}`;
 }
-function j(e, t) {
+function V(e, t) {
 	if (e == null) return e;
-	if (e === "$id") return A();
+	if (e === "$id") return B();
 	if (typeof e == "object" && !Array.isArray(e)) {
 		let n = e, r = Object.keys(n);
 		if (r.length === 1 && typeof n.$state == "string") return t(n.$state);
-		if (r.length === 1 && "$id" in n) return A();
+		if (r.length === 1 && "$id" in n) return B();
 	}
-	if (Array.isArray(e)) return e.map((e) => j(e, t));
+	if (Array.isArray(e)) return e.map((e) => V(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = j(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = V(i, t);
 		return n;
 	}
 	return e;
 }
-var M = m(null);
-function N(e) {
-	let { get: t, set: n, getSnapshot: r } = C(), o = O(), [s, c] = _(e.handlers ?? {}), [u, d] = _(/* @__PURE__ */ new Set()), [f, p] = _(null), m = (e, t) => {
-		c((n) => ({
+var H = w(null);
+function U(e) {
+	let { get: t, set: n, getSnapshot: r } = N(), a = R(), [u, d] = D(e.handlers ?? {}), [f, p] = D(/* @__PURE__ */ new Set()), [h, g] = D(null), _ = (e, t) => {
+		d((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, h = async (c) => {
-		let l = a(c, r());
-		if (l.action === "setState" && l.params) {
-			let e = l.params.statePath, t = l.params.value;
-			e && n(e, t);
-			return;
-		}
-		if (l.action === "pushState" && l.params) {
-			let e = l.params.statePath, r = l.params.value;
-			if (e) {
-				let i = j(r, t);
-				n(e, [...t(e) ?? [], i]);
-				let a = l.params.clearStatePath;
-				a && n(a, "");
+	}, v = async (d) => {
+		let f = l(d, r()), m = o(), h = Date.now();
+		s({
+			id: m,
+			name: f.action,
+			params: f.params,
+			at: h
+		});
+		let _ = !0, y;
+		try {
+			if (f.action === "setState" && f.params) {
+				let e = f.params.statePath, t = f.params.value;
+				e && n(e, t);
+				return;
 			}
-			return;
-		}
-		if (l.action === "removeState" && l.params) {
-			let e = l.params.statePath, r = l.params.index;
-			e !== void 0 && r !== void 0 && n(e, (t(e) ?? []).filter((e, t) => t !== r));
-			return;
-		}
-		if (l.action === "push" && l.params) {
-			let e = l.params.screen;
-			if (e) {
-				let r = t("/currentScreen"), i = t("/navStack") ?? [];
-				r ? n("/navStack", [...i, r]) : n("/navStack", [...i, ""]), n("/currentScreen", e);
+			if (f.action === "pushState" && f.params) {
+				let e = f.params.statePath, r = f.params.value;
+				if (e) {
+					let i = V(r, t);
+					n(e, [...t(e) ?? [], i]);
+					let a = f.params.clearStatePath;
+					a && n(a, "");
+				}
+				return;
 			}
-			return;
-		}
-		if (l.action === "pop") {
-			let e = t("/navStack") ?? [];
-			if (e.length > 0) {
-				let t = e[e.length - 1];
-				n("/navStack", e.slice(0, -1)), t ? n("/currentScreen", t) : n("/currentScreen", void 0);
+			if (f.action === "removeState" && f.params) {
+				let e = f.params.statePath, r = f.params.index;
+				e !== void 0 && r !== void 0 && n(e, (t(e) ?? []).filter((e, t) => t !== r));
+				return;
 			}
-			return;
-		}
-		if (l.action === "validateForm") {
-			let e = o?.validateAll;
-			if (!e) {
-				console.warn("validateForm action was dispatched but no ValidationProvider is connected. Ensure ValidationProvider is rendered inside the provider tree.");
+			if (f.action === "push" && f.params) {
+				let e = f.params.screen;
+				if (e) {
+					let r = t("/currentScreen"), i = t("/navStack") ?? [];
+					r ? n("/navStack", [...i, r]) : n("/navStack", [...i, ""]), n("/currentScreen", e);
+				}
 				return;
 			}
-			let t = e(), r = {};
-			for (let [e, t] of Object.entries(o.fieldStates)) t.result && !t.result.valid && (r[e] = t.result.errors);
-			n(l.params?.statePath || "/formValidation", {
-				valid: t,
-				errors: r
-			});
-			return;
-		}
-		let u = s()[l.action];
-		if (!u) {
-			console.warn(`No handler registered for action: ${l.action}`);
-			return;
-		}
-		if (l.confirm) return new Promise((e, t) => {
-			p({
-				action: l,
-				handler: u,
-				resolve: () => {
-					p(null), e();
-				},
-				reject: () => {
-					p(null), t(/* @__PURE__ */ Error("Action cancelled"));
+			if (f.action === "pop") {
+				let e = t("/navStack") ?? [];
+				if (e.length > 0) {
+					let t = e[e.length - 1];
+					n("/navStack", e.slice(0, -1)), t ? n("/currentScreen", t) : n("/currentScreen", void 0);
+				}
+				return;
+			}
+			if (f.action === "validateForm") {
+				let e = a?.validateAll;
+				if (!e) {
+					console.warn("validateForm action was dispatched but no ValidationProvider is connected. Ensure ValidationProvider is rendered inside the provider tree.");
+					return;
+				}
+				let t = e(), r = {};
+				for (let [e, t] of Object.entries(a.fieldStates)) t.result && !t.result.valid && (r[e] = t.result.errors);
+				n(f.params?.statePath || "/formValidation", {
+					valid: t,
+					errors: r
+				});
+				return;
+			}
+			let r = u()[f.action];
+			if (!r) {
+				console.warn(`No handler registered for action: ${f.action}`);
+				return;
+			}
+			if (f.confirm) return new Promise((e, t) => {
+				g({
+					action: f,
+					handler: r,
+					resolve: () => {
+						g(null), e();
+					},
+					reject: () => {
+						g(null), t(/* @__PURE__ */ Error("Action cancelled"));
+					}
+				});
+			}).then(async () => {
+				p((e) => new Set(e).add(f.action));
+				try {
+					await i({
+						action: f,
+						handler: r,
+						setState: n,
+						navigate: e.navigate,
+						executeAction: async (e) => {
+							await v({ action: e });
+						}
+					});
+				} finally {
+					p((e) => {
+						let t = new Set(e);
+						return t.delete(f.action), t;
+					});
 				}
 			});
-		}).then(async () => {
-			d((e) => new Set(e).add(l.action));
+			p((e) => new Set(e).add(f.action));
 			try {
 				await i({
-					action: l,
-					handler: u,
+					action: f,
+					handler: r,
 					setState: n,
 					navigate: e.navigate,
 					executeAction: async (e) => {
-						await h({ action: e });
+						await v({ action: e });
 					}
 				});
 			} finally {
-				d((e) => {
+				p((e) => {
 					let t = new Set(e);
-					return t.delete(l.action), t;
+					return t.delete(f.action), t;
 				});
 			}
-		});
-		d((e) => new Set(e).add(l.action));
-		try {
-			await i({
-				action: l,
-				handler: u,
-				setState: n,
-				navigate: e.navigate,
-				executeAction: async (e) => {
-					await h({ action: e });
-				}
-			});
+		} catch (e) {
+			throw _ = !1, y = e, e;
 		} finally {
-			d((e) => {
-				let t = new Set(e);
-				return t.delete(l.action), t;
+			let e = Date.now();
+			c({
+				id: m,
+				name: f.action,
+				ok: _,
+				at: e,
+				durationMs: e - h,
+				error: y
 			});
 		}
-	}, g = {
+	}, y = {
 		get handlers() {
-			return s();
+			return u();
 		},
 		get loadingActions() {
-			return u();
+			return f();
 		},
 		get pendingConfirmation() {
-			return f();
+			return h();
 		},
-		execute: h,
+		execute: v,
 		confirm: () => {
-			f()?.resolve();
+			h()?.resolve();
 		},
 		cancel: () => {
-			f()?.reject();
+			h()?.reject();
 		},
-		registerHandler: m
+		registerHandler: _
 	};
-	return l(M.Provider, {
-		value: g,
+	return m(H.Provider, {
+		value: y,
 		get children() {
 			return e.children;
 		}
 	});
 }
-function P() {
-	let e = y(M);
+function W() {
+	let e = k(H);
 	if (!e) throw Error("useActions must be used within an ActionProvider");
 	return e;
 }
-u(["click"]);
-var F = m(null);
-function I(e) {
-	return l(F.Provider, {
+h(["click"]);
+var G = w(null);
+function K(e) {
+	return m(G.Provider, {
 		get value() {
 			return {
 				item: e.item,
@@ -280,15 +301,19 @@ function I(e) {
 		}
 	});
 }
-function L() {
-	return y(F);
+function q() {
+	return k(G);
 }
-var R = {}, z = m(R);
-function B() {
-	return y(z) ?? R;
+var J = /* @__PURE__ */ b("<span style=display:contents>"), Y = {}, X = w(Y);
+function Z() {
+	return k(X) ?? Y;
+}
+function Q() {
+	let [e, t] = D(a());
+	return O(p(() => t(a()))), e;
 }
-function V(e) {
-	let t = L(), { ctx: n } = E(), { execute: i } = P(), a = C(), u = () => a.getSnapshot(), f = B(), m = g(() => {
+function $(e) {
+	let t = q(), { ctx: n } = I(), { execute: i } = W(), a = N(), o = () => a.getSnapshot(), s = Z(), c = E(() => {
 		let e = t?.item, r = t?.index, i = t?.basePath;
 		return {
 			get stateModel() {
@@ -297,9 +322,9 @@ function V(e) {
 			...e === void 0 ? {} : { repeatItem: e },
 			...r === void 0 ? {} : { repeatIndex: r },
 			...i === void 0 ? {} : { repeatBasePath: i },
-			functions: f
+			functions: s
 		};
-	}), _ = g(() => e.element.visible === void 0 ? !0 : r(e.element.visible, m())), y = async (t) => {
+	}), l = E(() => e.element.visible === void 0 ? !0 : r(e.element.visible, c())), p = async (t) => {
 		let n = e.element.on?.[t];
 		if (!n) return;
 		let r = Array.isArray(n) ? n : [n];
@@ -309,19 +334,19 @@ function V(e) {
 				continue;
 			}
 			let t = {
-				...m(),
-				stateModel: u()
+				...c(),
+				stateModel: o()
 			}, n = {};
-			for (let [r, i] of Object.entries(e.params)) n[r] = o(i, t);
+			for (let [r, i] of Object.entries(e.params)) n[r] = u(i, t);
 			await i({
 				...e,
 				params: n
 			});
 		}
-	}, b = (t) => {
+	}, h = (t) => {
 		let n = e.element.on?.[t];
 		return n ? {
-			emit: () => y(t),
+			emit: () => p(t),
 			shouldPreventDefault: (Array.isArray(n) ? n : [n]).some((e) => e.preventDefault),
 			bound: !0
 		} : {
@@ -330,7 +355,7 @@ function V(e) {
 			bound: !1
 		};
 	};
-	h(() => {
+	T(() => {
 		let t = e.element.watch;
 		if (!t) return;
 		let n = Object.keys(t);
@@ -349,10 +374,10 @@ function V(e) {
 							continue;
 						}
 						let t = {
-							...m(),
-							stateModel: u()
+							...c(),
+							stateModel: o()
 						}, n = {};
-						for (let [r, i] of Object.entries(e.params)) n[r] = o(i, t);
+						for (let [r, i] of Object.entries(e.params)) n[r] = u(i, t);
 						await i({
 							...e,
 							params: n
@@ -361,31 +386,34 @@ function V(e) {
 				}
 			})().catch(console.error);
 		});
-		v(() => {
+		O(() => {
 			r();
 		});
 	});
-	let x = g(() => {
+	let g = E(() => {
 		let t = e.element.props;
-		return s(t, m());
-	}), S = g(() => {
-		let t = e.element.props, n = c(t, m());
+		return d(t, c());
+	}), _ = E(() => {
+		let t = e.element.props, n = f(t, c());
 		return n === e.element.props ? e.element : {
 			...e.element,
 			props: n
 		};
 	});
-	return l(p, {
+	return m(C, {
 		get when() {
-			return _();
+			return l();
 		},
 		get children() {
-			return l(d, {
+			return m(x, {
 				fallback: (t) => (console.error(`[json-render] Rendering error in <${e.element.type}>:`, t), null),
 				get children() {
-					return l(H, {
+					return m(ee, {
 						get resolvedElement() {
-							return S();
+							return _();
+						},
+						get elementKey() {
+							return e.elementKey;
 						},
 						get spec() {
 							return e.spec;
@@ -399,10 +427,10 @@ function V(e) {
 						get fallback() {
 							return e.fallback;
 						},
-						emit: y,
-						on: b,
+						emit: p,
+						on: h,
 						get bindings() {
-							return x();
+							return g();
 						}
 					});
 				}
@@ -410,17 +438,17 @@ function V(e) {
 		}
 	});
 }
-function H(e) {
-	let t = () => e.registry[e.resolvedElement.type] ?? e.fallback;
-	return l(p, {
+function ee(e) {
+	let t = Q(), n = () => e.registry[e.resolvedElement.type] ?? e.fallback;
+	return m(C, {
 		get when() {
-			return t();
+			return n();
 		},
 		get fallback() {
 			return console.warn(`No renderer for component type: ${e.resolvedElement.type}`), null;
 		},
-		children: (t) => {
-			let n = t(), r = () => e.resolvedElement.repeat ? l(U, {
+		children: (n) => {
+			let r = n(), i = () => e.resolvedElement.repeat ? m(te, {
 				get element() {
 					return e.resolvedElement;
 				},
@@ -436,23 +464,24 @@ function H(e) {
 				get fallback() {
 					return e.fallback;
 				}
-			}) : l(f, {
+			}) : m(S, {
 				get each() {
 					return e.resolvedElement.children ?? [];
 				},
 				children: (t) => {
 					let n = () => e.spec.elements[t];
-					return l(p, {
+					return m(C, {
 						get when() {
 							return n();
 						},
 						get fallback() {
 							return e.loading || console.warn(`[json-render] Missing element "${t}" referenced as child of "${e.resolvedElement.type}". This element will not render.`), null;
 						},
-						children: (t) => l(V, {
+						children: (n) => m($, {
 							get element() {
-								return t();
+								return n();
 							},
+							elementKey: t,
 							get spec() {
 								return e.spec;
 							},
@@ -468,8 +497,7 @@ function H(e) {
 						})
 					});
 				}
-			});
-			return l(n, {
+			}), a = m(r, {
 				get element() {
 					return e.resolvedElement;
 				},
@@ -486,19 +514,29 @@ function H(e) {
 					return e.loading;
 				},
 				get children() {
-					return r();
+					return i();
+				}
+			});
+			return m(C, {
+				get when() {
+					return v(() => !!t())() && e.elementKey;
+				},
+				fallback: a,
+				get children() {
+					var t = J();
+					return _(t, a), g(() => y(t, "data-jr-key", e.elementKey)), t;
 				}
 			});
 		}
 	});
 }
-function U(e) {
-	let t = C(), r = () => e.element.repeat, i = () => r().statePath, a = () => n(t.state, i()) ?? [];
-	return l(f, {
+function te(e) {
+	let t = N(), r = () => e.element.repeat, i = () => r().statePath, a = () => n(t.state, i()) ?? [];
+	return m(S, {
 		get each() {
 			return a();
 		},
-		children: (t, n) => l(I, {
+		children: (t, n) => m(K, {
 			item: t,
 			get index() {
 				return n();
@@ -507,20 +545,20 @@ function U(e) {
 				return `${i()}/${n()}`;
 			},
 			get children() {
-				return l(f, {
+				return m(S, {
 					get each() {
 						return e.element.children ?? [];
 					},
 					children: (t) => {
 						let n = () => e.spec.elements[t];
-						return l(p, {
+						return m(C, {
 							get when() {
 								return n();
 							},
 							get fallback() {
 								return e.loading || console.warn(`[json-render] Missing element "${t}" referenced as child of "${e.element.type}" (repeat). This element will not render.`), null;
 							},
-							children: (t) => l(V, {
+							children: (t) => m($, {
 								get element() {
 									return t();
 								},
@@ -544,19 +582,22 @@ function U(e) {
 		})
 	});
 }
-function W(e) {
-	let t = g(() => {
+function ne(e) {
+	let t = E(() => {
 		let t = e.spec;
 		if (!(!t || !t.root)) return t.elements[t.root];
 	});
-	return l(p, {
+	return m(C, {
 		get when() {
 			return t();
 		},
-		children: (t) => l(V, {
+		children: (t) => m($, {
 			get element() {
 				return t();
 			},
+			get elementKey() {
+				return e.spec.root;
+			},
 			get spec() {
 				return e.spec;
 			},
@@ -572,7 +613,7 @@ function W(e) {
 		})
 	});
 }
-function G(e, t) {
+function re(e, t) {
 	let n = {};
 	if (t.components) for (let [e, r] of Object.entries(t.components)) n[e] = (e) => r({
 		get props() {
@@ -607,13 +648,13 @@ function G(e, t) {
 		}
 	};
 }
-function K(e, t) {
-	let { set: n } = C();
+function ie(e, t) {
+	let { set: n } = N();
 	return [e, (e) => {
 		t && n(t, e);
 	}];
 }
 //#endregion
-export { N as ActionProvider, W as Renderer, S as StateProvider, T as VisibilityProvider, G as defineRegistry, K as useBoundProp, C as useStateStore };
+export { U as ActionProvider, ne as Renderer, M as StateProvider, F as VisibilityProvider, re as defineRegistry, ie as useBoundProp, N as useStateStore };
 
 //# sourceMappingURL=index.js.map