@xmachines/play-solid 1.0.0-beta.33 → 1.0.0-beta.34

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

@@ -1,24 +1,24 @@
 import { createStateStore as e, flattenToPointers as t, getByPath as n } from "../../core/dist/chunk-AFLK3Q4T.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 { 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, runValidation as p, subscribeDevtoolsActive as m } from "../../core/dist/index.js";
 import "./chunk-XTSB6FIM.js";
 import "../../core/dist/store-utils.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";
+import { addEventListener as h, createComponent as g, delegateEvents as _, effect as v, insert as y, memo as b, setAttribute as x, setStyleProperty as S, template as C } from "solid-js/web";
+import { ErrorBoundary as ee, For as w, Show as T, createContext as E, createEffect as D, createMemo as O, createSignal as k, onCleanup as A, useContext as j } from "solid-js";
 //#region ../../node_modules/@json-render/solid/dist/index.mjs
-var A = w(null);
-function j(e, n) {
+var M = E(null);
+function N(e, n) {
 	return e ? null : Object.keys(n).length === 0 ? {} : t(n);
 }
-function M(r) {
+function P(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" && T(() => {
+	typeof globalThis < "u" && globalThis.process?.env?.NODE_ENV !== "production" && D(() => {
 		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, l = j(!!r.store, r.initialState ?? {});
-	T(() => {
+	let c = r.initialState, l = N(!!r.store, r.initialState ?? {});
+	D(() => {
 		if (r.store) return;
 		let e = r.initialState ?? {};
 		if (e === c) return;
@@ -27,18 +27,18 @@ function M(r) {
 		for (let e of o) i[e] !== n[e] && (s[e] = e in n ? n[e] : void 0);
 		l = n, Object.keys(s).length > 0 && a().update(s);
 	});
-	let [u, d] = D(a().getSnapshot(), { equals: !1 }), f = /* @__PURE__ */ new Set(), p = (e) => (f.add(e), () => {
+	let [u, d] = k(a().getSnapshot(), { equals: !1 }), f = /* @__PURE__ */ new Set(), p = (e) => (f.add(e), () => {
 		f.delete(e);
-	}), h = (e) => {
+	}), m = (e) => {
 		for (let t of f) t(e);
 	};
-	T(() => {
+	D(() => {
 		let e = a();
-		d(e.getSnapshot()), O(e.subscribe(() => {
+		d(e.getSnapshot()), A(e.subscribe(() => {
 			d(e.getSnapshot());
 		}));
 	});
-	let g = {
+	let h = {
 		get state() {
 			return u();
 		},
@@ -50,7 +50,7 @@ function M(r) {
 					path: e,
 					value: t
 				}];
-				h(n), !r.store && i.getSnapshot() !== o && r.onStateChange?.(n);
+				m(n), !r.store && i.getSnapshot() !== o && r.onStateChange?.(n);
 			}
 		},
 		update: (e) => {
@@ -61,81 +61,211 @@ function M(r) {
 				path: t,
 				value: r
 			});
-			o.length > 0 && (h(o), !r.store && t.getSnapshot() !== i && r.onStateChange?.(o));
+			o.length > 0 && (m(o), !r.store && t.getSnapshot() !== i && r.onStateChange?.(o));
 		},
 		getSnapshot: () => a().getSnapshot(),
 		subscribeChanges: p
 	};
-	return m(A.Provider, {
-		value: g,
+	return g(M.Provider, {
+		value: h,
 		get children() {
 			return r.children;
 		}
 	});
 }
-function N() {
-	let e = k(A);
+function F() {
+	let e = j(M);
 	if (!e) throw Error("useStateStore must be used within a StateProvider");
 	return e;
 }
-var P = w(null);
-function F(e) {
-	let t = N(), n = { get stateModel() {
+function I(e) {
+	let t = F();
+	return O(() => n(t.state, e));
+}
+function te(e) {
+	let t = F();
+	return [O(() => n(t.state, e)), (n) => t.set(e, n)];
+}
+var L = E(null);
+function R(e) {
+	let t = F(), n = { get stateModel() {
 		return t.state;
 	} }, i = {
 		isVisible: (e) => r(e, n),
 		ctx: n
 	};
-	return m(P.Provider, {
+	return g(L.Provider, {
 		value: i,
 		get children() {
 			return e.children;
 		}
 	});
 }
-function I() {
-	let e = k(P);
+function z() {
+	let e = j(L);
 	if (!e) throw Error("useVisibility must be used within a VisibilityProvider");
 	return e;
 }
-var L = w(null);
-function R() {
-	return k(L);
-}
-var z = 0;
-function B() {
-	return z += 1, `${Date.now()}-${z}`;
+function ne(e) {
+	let { isVisible: t } = z();
+	return t(e);
 }
+var B = E(null);
 function V(e, t) {
+	if (e === t) return !0;
+	if (!e || !t) return !1;
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r of n) {
+		let n = e[r], i = t[r];
+		if (n !== i) {
+			if (typeof n == "object" && n && typeof i == "object" && i) {
+				let e = n.$state, t = i.$state;
+				if (typeof e == "string" && e === t) continue;
+			}
+			return !1;
+		}
+	}
+	return !0;
+}
+function re(e, t) {
+	if (e === t) return !0;
+	if (e.validateOn !== t.validateOn) return !1;
+	let n = e.checks ?? [], r = t.checks ?? [];
+	if (n.length !== r.length) return !1;
+	for (let e = 0; e < n.length; e++) {
+		let t = n[e], i = r[e];
+		if (t.type !== i.type || t.message !== i.message || !V(t.args, i.args)) return !1;
+	}
+	return !0;
+}
+function H(e) {
+	let { getSnapshot: t } = F(), n = () => e.customFunctions ?? {}, [r, i] = k({}), a = {}, [o, s] = k({}), c = (e, t) => {
+		s((n) => {
+			let r = n[e];
+			return r && re(r, t) ? n : {
+				...n,
+				[e]: t
+			};
+		});
+	}, l = (e, r) => {
+		let o = t(), s = e.split("/").filter(Boolean), c = o;
+		for (let e of s) if (typeof c == "object" && c) c = c[e];
+		else {
+			c = void 0;
+			break;
+		}
+		let l = p(r, {
+			value: c,
+			stateModel: o,
+			customFunctions: n()
+		}), u = {
+			touched: a[e]?.touched ?? !0,
+			validated: !0,
+			result: l
+		};
+		return a = {
+			...a,
+			[e]: u
+		}, i(a), l;
+	}, u = {
+		get customFunctions() {
+			return n();
+		},
+		get fieldStates() {
+			return r(), a;
+		},
+		validate: l,
+		touch: (e) => {
+			a = {
+				...a,
+				[e]: {
+					...a[e],
+					touched: !0,
+					validated: a[e]?.validated ?? !1,
+					result: a[e]?.result ?? null
+				}
+			}, i(a);
+		},
+		clear: (e) => {
+			let { [e]: t, ...n } = a;
+			a = n, i(n);
+		},
+		validateAll: () => {
+			let e = !0;
+			for (let [t, n] of Object.entries(o())) l(t, n).valid || (e = !1);
+			return e;
+		},
+		registerField: c
+	};
+	return g(B.Provider, {
+		value: u,
+		get children() {
+			return e.children;
+		}
+	});
+}
+function ie() {
+	let e = j(B);
+	if (!e) throw Error("useValidation must be used within a ValidationProvider");
+	return e;
+}
+function U() {
+	return j(B);
+}
+function ae(e, t) {
+	let n = ie();
+	D(() => {
+		e && t && n.registerField(e, t);
+	});
+	let r = O(() => n.fieldStates[e] ?? {
+		touched: !1,
+		validated: !1,
+		result: null
+	});
+	return {
+		state: r,
+		validate: () => n.validate(e, t ?? { checks: [] }),
+		touch: () => n.touch(e),
+		clear: () => n.clear(e),
+		errors: O(() => r().result?.errors ?? []),
+		isValid: O(() => r().result?.valid ?? !0)
+	};
+}
+var oe = /* @__PURE__ */ C("<div style=\"position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:50\"><div style=\"background-color:white;border-radius:8px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)\"><h3 style=\"margin:0 0 8px 0;font-size:18px;font-weight:600\"></h3><p style=\"margin:0 0 24px 0;color:#6b7280\"></p><div style=display:flex;gap:12px;justify-content:flex-end><button style=\"padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;background-color:white;cursor:pointer\"></button><button style=\"padding:8px 16px;border-radius:6px;border:none;color:white;cursor:pointer\">"), W = 0;
+function G() {
+	return W += 1, `${Date.now()}-${W}`;
+}
+function K(e, t) {
 	if (e == null) return e;
-	if (e === "$id") return B();
+	if (e === "$id") return G();
 	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 B();
+		if (r.length === 1 && "$id" in n) return G();
 	}
-	if (Array.isArray(e)) return e.map((e) => V(e, t));
+	if (Array.isArray(e)) return e.map((e) => K(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = V(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = K(i, t);
 		return n;
 	}
 	return e;
 }
-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) => {
+var q = E(null);
+function J(e) {
+	let { get: t, set: n, getSnapshot: r } = F(), a = U(), [u, d] = k(e.handlers ?? {}), [f, p] = k(/* @__PURE__ */ new Set()), [m, h] = k(null), _ = (e, t) => {
 		d((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, v = async (d) => {
-		let f = l(d, r()), m = o(), h = Date.now();
+		let f = l(d, r()), m = o(), g = Date.now();
 		s({
 			id: m,
 			name: f.action,
 			params: f.params,
-			at: h
+			at: g
 		});
 		let _ = !0, y;
 		try {
@@ -147,7 +277,7 @@ function U(e) {
 			if (f.action === "pushState" && f.params) {
 				let e = f.params.statePath, r = f.params.value;
 				if (e) {
-					let i = V(r, t);
+					let i = K(r, t);
 					n(e, [...t(e) ?? [], i]);
 					let a = f.params.clearStatePath;
 					a && n(a, "");
@@ -195,14 +325,14 @@ function U(e) {
 				return;
 			}
 			if (f.confirm) return new Promise((e, t) => {
-				g({
+				h({
 					action: f,
 					handler: r,
 					resolve: () => {
-						g(null), e();
+						h(null), e();
 					},
 					reject: () => {
-						g(null), t(/* @__PURE__ */ Error("Action cancelled"));
+						h(null), t(/* @__PURE__ */ Error("Action cancelled"));
 					}
 				});
 			}).then(async () => {
@@ -250,7 +380,7 @@ function U(e) {
 				name: f.action,
 				ok: _,
 				at: e,
-				durationMs: e - h,
+				durationMs: e - g,
 				error: y
 			});
 		}
@@ -262,33 +392,49 @@ function U(e) {
 			return f();
 		},
 		get pendingConfirmation() {
-			return h();
+			return m();
 		},
 		execute: v,
 		confirm: () => {
-			h()?.resolve();
+			m()?.resolve();
 		},
 		cancel: () => {
-			h()?.reject();
+			m()?.reject();
 		},
 		registerHandler: _
 	};
-	return m(H.Provider, {
+	return g(q.Provider, {
 		value: y,
 		get children() {
 			return e.children;
 		}
 	});
 }
-function W() {
-	let e = k(H);
+function Y() {
+	let e = j(q);
 	if (!e) throw Error("useActions must be used within an ActionProvider");
 	return e;
 }
-h(["click"]);
-var G = w(null);
-function K(e) {
-	return m(G.Provider, {
+function se(e) {
+	let t = Y();
+	return {
+		execute: () => t.execute(e),
+		get isLoading() {
+			return t.loadingActions.has(e.action);
+		}
+	};
+}
+function ce(e) {
+	let t = () => e.confirm.variant === "danger";
+	return (() => {
+		var n = oe(), r = n.firstChild, i = r.firstChild, a = i.nextSibling, o = a.nextSibling.firstChild, s = o.nextSibling;
+		return h(n, "click", e.onCancel, !0), r.$$click = (e) => e.stopPropagation(), y(i, () => e.confirm.title), y(a, () => e.confirm.message), h(o, "click", e.onCancel, !0), y(o, () => e.confirm.cancelLabel ?? "Cancel"), h(s, "click", e.onConfirm, !0), y(s, () => e.confirm.confirmLabel ?? "Confirm"), v((e) => S(s, "background-color", t() ? "#dc2626" : "#3b82f6")), n;
+	})();
+}
+_(["click"]);
+var X = E(null);
+function le(e) {
+	return g(X.Provider, {
 		get value() {
 			return {
 				item: e.item,
@@ -301,27 +447,27 @@ function K(e) {
 		}
 	});
 }
-function q() {
-	return k(G);
+function ue() {
+	return j(X);
 }
-var J = /* @__PURE__ */ b("<span style=display:contents>");
-function Y(e, t, n) {
+var de = /* @__PURE__ */ C("<span style=display:contents>");
+function fe(e, t, n) {
 	if (typeof e?.onRenderError == "function") {
 		e.onRenderError(n, t);
 		return;
 	}
 	console.error(`[json-render] Rendering error in <${t}>:`, n);
 }
-var X = {}, Z = w(X);
-function Q() {
-	return k(Z) ?? X;
+var Z = {}, Q = E(Z);
+function pe() {
+	return j(Q) ?? Z;
 }
-function ee() {
-	let [e, t] = D(a());
-	return O(p(() => t(a()))), e;
+function me() {
+	let [e, t] = k(a());
+	return A(m(() => t(a()))), e;
 }
 function $(e) {
-	let t = q(), { ctx: n } = I(), { execute: i } = W(), a = N(), o = () => a.getSnapshot(), s = Q(), c = E(() => {
+	let t = ue(), { ctx: n } = z(), { execute: i } = Y(), a = F(), o = () => a.getSnapshot(), s = pe(), c = O(() => {
 		let e = t?.item, r = t?.index, i = t?.basePath;
 		return {
 			get stateModel() {
@@ -332,7 +478,7 @@ function $(e) {
 			...i === void 0 ? {} : { repeatBasePath: i },
 			functions: s
 		};
-	}), l = E(() => e.element.visible === void 0 ? !0 : r(e.element.visible, c())), p = async (t) => {
+	}), l = O(() => 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];
@@ -351,7 +497,7 @@ function $(e) {
 				params: n
 			});
 		}
-	}, h = (t) => {
+	}, m = (t) => {
 		let n = e.element.on?.[t];
 		return n ? {
 			emit: () => p(t),
@@ -363,7 +509,7 @@ function $(e) {
 			bound: !1
 		};
 	};
-	T(() => {
+	D(() => {
 		let t = e.element.watch;
 		if (!t) return;
 		let n = Object.keys(t);
@@ -394,29 +540,29 @@ function $(e) {
 				}
 			})().catch(console.error);
 		});
-		O(() => {
+		A(() => {
 			r();
 		});
 	});
-	let g = E(() => {
+	let h = O(() => {
 		let t = e.element.props;
 		return d(t, c());
-	}), _ = E(() => {
+	}), _ = O(() => {
 		let t = e.element.props, n = f(t, c());
 		return n === e.element.props ? e.element : {
 			...e.element,
 			props: n
 		};
 	});
-	return m(C, {
+	return g(T, {
 		get when() {
 			return l();
 		},
 		get children() {
-			return m(x, {
-				fallback: (t) => (Y(e.registry, e.element.type, t), null),
+			return g(ee, {
+				fallback: (t) => (fe(e.registry, e.element.type, t), null),
 				get children() {
-					return m(te, {
+					return g(he, {
 						get resolvedElement() {
 							return _();
 						},
@@ -436,9 +582,9 @@ function $(e) {
 							return e.fallback;
 						},
 						emit: p,
-						on: h,
+						on: m,
 						get bindings() {
-							return g();
+							return h();
 						}
 					});
 				}
@@ -446,9 +592,9 @@ function $(e) {
 		}
 	});
 }
-function te(e) {
-	let t = ee(), n = () => e.registry[e.resolvedElement.type] ?? e.fallback;
-	return m(C, {
+function he(e) {
+	let t = me(), n = () => e.registry[e.resolvedElement.type] ?? e.fallback;
+	return g(T, {
 		get when() {
 			return n();
 		},
@@ -456,7 +602,7 @@ function te(e) {
 			return console.warn(`No renderer for component type: ${e.resolvedElement.type}`), null;
 		},
 		children: (n) => {
-			let r = n(), i = () => e.resolvedElement.repeat ? m(ne, {
+			let r = n(), i = () => e.resolvedElement.repeat ? g(ge, {
 				get element() {
 					return e.resolvedElement;
 				},
@@ -472,20 +618,20 @@ function te(e) {
 				get fallback() {
 					return e.fallback;
 				}
-			}) : m(S, {
+			}) : g(w, {
 				get each() {
 					return e.resolvedElement.children ?? [];
 				},
 				children: (t) => {
 					let n = () => e.spec.elements[t];
-					return m(C, {
+					return g(T, {
 						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: (n) => m($, {
+						children: (n) => g($, {
 							get element() {
 								return n();
 							},
@@ -505,7 +651,7 @@ function te(e) {
 						})
 					});
 				}
-			}), a = m(r, {
+			}), a = g(r, {
 				get element() {
 					return e.resolvedElement;
 				},
@@ -525,26 +671,26 @@ function te(e) {
 					return i();
 				}
 			});
-			return m(C, {
+			return g(T, {
 				get when() {
-					return v(() => !!t())() && e.elementKey;
+					return b(() => !!t())() && e.elementKey;
 				},
 				fallback: a,
 				get children() {
-					var t = J();
-					return _(t, a), g(() => y(t, "data-jr-key", e.elementKey)), t;
+					var t = de();
+					return y(t, a), v(() => x(t, "data-jr-key", e.elementKey)), t;
 				}
 			});
 		}
 	});
 }
-function ne(e) {
-	let t = N(), r = () => e.element.repeat, i = () => r().statePath, a = () => n(t.state, i()) ?? [];
-	return m(S, {
+function ge(e) {
+	let t = F(), r = () => e.element.repeat, i = () => r().statePath, a = () => n(t.state, i()) ?? [];
+	return g(w, {
 		get each() {
 			return a();
 		},
-		children: (t, n) => m(K, {
+		children: (t, n) => g(le, {
 			item: t,
 			get index() {
 				return n();
@@ -553,20 +699,20 @@ function ne(e) {
 				return `${i()}/${n()}`;
 			},
 			get children() {
-				return m(S, {
+				return g(w, {
 					get each() {
 						return e.element.children ?? [];
 					},
 					children: (t) => {
 						let n = () => e.spec.elements[t];
-						return m(C, {
+						return g(T, {
 							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) => m($, {
+							children: (t) => g($, {
 								get element() {
 									return t();
 								},
@@ -590,16 +736,16 @@ function ne(e) {
 		})
 	});
 }
-function re(e) {
-	let t = E(() => {
+function _e(e) {
+	let t = O(() => {
 		let t = e.spec;
 		if (!(!t || !t.root)) return t.elements[t.root];
 	});
-	return m(C, {
+	return g(T, {
 		get when() {
 			return t();
 		},
-		children: (t) => m($, {
+		children: (t) => g($, {
 			get element() {
 				return t();
 			},
@@ -621,7 +767,64 @@ function re(e) {
 		})
 	});
 }
-function ie(e, t) {
+function ve(e) {
+	return g(P, {
+		get store() {
+			return e.store;
+		},
+		get initialState() {
+			return e.initialState;
+		},
+		get onStateChange() {
+			return e.onStateChange;
+		},
+		get children() {
+			return g(R, { get children() {
+				return g(H, {
+					get customFunctions() {
+						return e.validationFunctions;
+					},
+					get children() {
+						return g(J, {
+							get handlers() {
+								return e.handlers;
+							},
+							get navigate() {
+								return e.navigate;
+							},
+							get children() {
+								return g(Q.Provider, {
+									get value() {
+										return e.functions ?? Z;
+									},
+									get children() {
+										return [b(() => e.children), g(ye, {})];
+									}
+								});
+							}
+						});
+					}
+				});
+			} });
+		}
+	});
+}
+function ye() {
+	let { pendingConfirmation: e, confirm: t, cancel: n } = Y();
+	return g(T, {
+		get when() {
+			return e?.action.confirm;
+		},
+		children: (e) => g(ce, {
+			get confirm() {
+				return e();
+			},
+			onConfirm: t,
+			onCancel: n
+		})
+	});
+}
+function be(e, t) {
 	let n = {};
 	if (t.components) for (let [e, r] of Object.entries(t.components)) n[e] = (e) => r({
 		get props() {
@@ -660,13 +863,13 @@ function ie(e, t) {
 		}
 	};
 }
-function ae(e, t) {
-	let { set: n } = N();
+function xe(e, t) {
+	let { set: n } = F();
 	return [e, (e) => {
 		t && n(t, e);
 	}];
 }
 //#endregion
-export { U as ActionProvider, re as Renderer, M as StateProvider, F as VisibilityProvider, ie as defineRegistry, ae as useBoundProp, N as useStateStore };
+export { J as ActionProvider, ve as JSONUIProvider, _e as Renderer, P as StateProvider, H as ValidationProvider, R as VisibilityProvider, be as defineRegistry, se as useAction, Y as useActions, xe as useBoundProp, ae as useFieldValidation, ne as useIsVisible, U as useOptionalValidation, te as useStateBinding, F as useStateStore, I as useStateValue, z as useVisibility };
 
 //# sourceMappingURL=index.js.map