@xmachines/play-vue 1.0.0-beta.2 → 1.0.0-beta.21

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

@@ -0,0 +1,796 @@
+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, runValidation as l } from "../../core/dist/index.js";
+import "./chunk-WIPZLAF7.js";
+import "../../core/dist/store-utils.js";
+import { computed as u, defineComponent as d, h as f, inject as p, onErrorCaptured as m, onUnmounted as h, provide as g, ref as _, shallowRef as v, watch as y } from "vue";
+//#region ../../node_modules/@json-render/vue/dist/index.mjs
+var b = /* @__PURE__ */ Symbol("json-render:state"), x = d({
+	name: "StateProvider",
+	props: {
+		store: {
+			type: Object,
+			default: void 0
+		},
+		initialState: {
+			type: Object,
+			default: void 0
+		},
+		onStateChange: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(r, { slots: i }) {
+		let a = !!r.store, o = a ? null : e(r.initialState ?? {}), s = r.store ?? o, c = v(s.getSnapshot());
+		if (h(s.subscribe(() => {
+			c.value = s.getSnapshot();
+		})), !a) {
+			let e = r.initialState && Object.keys(r.initialState).length > 0 ? t(r.initialState) : {};
+			y(() => r.initialState, (n) => {
+				if (!n) return;
+				let r = Object.keys(n).length > 0 ? t(n) : {}, i = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(r)]), a = {};
+				for (let t of i) e[t] !== r[t] && (a[t] = t in r ? r[t] : void 0);
+				e = r, Object.keys(a).length > 0 && s.update(a);
+			});
+		}
+		let l = _(r.onStateChange);
+		return y(() => r.onStateChange, (e) => {
+			l.value = e;
+		}), g(b, {
+			state: c,
+			get: (e) => s.get(e),
+			set: (e, t) => {
+				let n = s.getSnapshot();
+				s.set(e, t), !a && s.getSnapshot() !== n && l.value?.([{
+					path: e,
+					value: t
+				}]);
+			},
+			update: (e) => {
+				let t = s.getSnapshot();
+				if (s.update(e), !a && s.getSnapshot() !== t) {
+					let r = [];
+					for (let [i, a] of Object.entries(e)) n(t, i) !== a && r.push({
+						path: i,
+						value: a
+					});
+					r.length > 0 && l.value?.(r);
+				}
+			},
+			getSnapshot: () => s.getSnapshot()
+		}), () => i.default?.();
+	}
+});
+function S() {
+	let e = p(b);
+	if (!e) throw Error("useStateStore must be used within a StateProvider");
+	return e;
+}
+function C(e) {
+	let { state: t, set: r } = S();
+	return [u(() => n(t.value, e)), (t) => r(e, t)];
+}
+var w = /* @__PURE__ */ Symbol("json-render:visibility"), T = d({
+	name: "VisibilityProvider",
+	setup(e, { slots: t }) {
+		let { state: n } = S(), i = u(() => ({ stateModel: n.value }));
+		return g(w, {
+			isVisible: (e) => r(e, i.value),
+			ctx: i
+		}), () => t.default?.();
+	}
+});
+function E() {
+	let e = p(w);
+	if (!e) throw Error("useVisibility must be used within a VisibilityProvider");
+	return e;
+}
+var D = /* @__PURE__ */ Symbol("json-render:validation");
+function O(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 k(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 || !O(t.args, i.args)) return !1;
+	}
+	return !0;
+}
+var A = d({
+	name: "ValidationProvider",
+	props: { customFunctions: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(e, { slots: t }) {
+		let { state: n } = S(), r = _({}), i = _({}), a = (e, t) => {
+			let n = i.value[e];
+			n && k(n, t) || (i.value = {
+				...i.value,
+				[e]: t
+			});
+		}, o = (t, i) => {
+			let a = n.value, o = t.split("/").filter(Boolean), s = a;
+			for (let e of o) if (typeof s == "object" && s) s = s[e];
+			else {
+				s = void 0;
+				break;
+			}
+			let c = l(i, {
+				value: s,
+				stateModel: a,
+				customFunctions: e.customFunctions
+			});
+			return r.value = {
+				...r.value,
+				[t]: {
+					touched: r.value[t]?.touched ?? !0,
+					validated: !0,
+					result: c
+				}
+			}, c;
+		};
+		return g(D, {
+			get customFunctions() {
+				return e.customFunctions;
+			},
+			get fieldStates() {
+				return r.value;
+			},
+			validate: o,
+			touch: (e) => {
+				r.value = {
+					...r.value,
+					[e]: {
+						...r.value[e],
+						touched: !0,
+						validated: r.value[e]?.validated ?? !1,
+						result: r.value[e]?.result ?? null
+					}
+				};
+			},
+			clear: (e) => {
+				let { [e]: t, ...n } = r.value;
+				r.value = n;
+			},
+			validateAll: () => {
+				let e = !0;
+				for (let [t, n] of Object.entries(i.value)) o(t, n).valid || (e = !1);
+				return e;
+			},
+			registerField: a
+		}), () => t.default?.();
+	}
+});
+function j() {
+	return p(D, null) ?? null;
+}
+var M = 0;
+function N() {
+	return M += 1, `${Date.now()}-${M}`;
+}
+function P(e, t) {
+	if (e == null) return e;
+	if (e === "$id") return N();
+	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 N();
+	}
+	if (Array.isArray(e)) return e.map((e) => P(e, t));
+	if (typeof e == "object") {
+		let n = {};
+		for (let [r, i] of Object.entries(e)) n[r] = P(i, t);
+		return n;
+	}
+	return e;
+}
+var F = /* @__PURE__ */ Symbol("json-render:actions"), I = d({
+	name: "ActionProvider",
+	props: {
+		handlers: {
+			type: Object,
+			default: () => ({})
+		},
+		navigate: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(e, { slots: t }) {
+		let { get: n, set: r, getSnapshot: o } = S(), s = j(), c = _(e.handlers ?? {}), l = _(/* @__PURE__ */ new Set()), u = _(null);
+		y(() => e.handlers, (e) => {
+			e && (c.value = e);
+		});
+		let d = (e, t) => {
+			c.value = {
+				...c.value,
+				[e]: t
+			};
+		}, f = async (t) => {
+			let d = a(t, o());
+			if (d.action === "setState" && d.params) {
+				let e = d.params.statePath, t = d.params.value;
+				e && r(e, t);
+				return;
+			}
+			if (d.action === "pushState" && d.params) {
+				let e = d.params.statePath, t = d.params.value;
+				if (e) {
+					let i = P(t, n);
+					r(e, [...n(e) ?? [], i]);
+					let a = d.params.clearStatePath;
+					a && r(a, "");
+				}
+				return;
+			}
+			if (d.action === "removeState" && d.params) {
+				let e = d.params.statePath, t = d.params.index;
+				e !== void 0 && t !== void 0 && r(e, (n(e) ?? []).filter((e, n) => n !== t));
+				return;
+			}
+			if (d.action === "validateForm") {
+				let e = s?.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(), n = {};
+				for (let [e, t] of Object.entries(s.fieldStates)) t.result && !t.result.valid && (n[e] = t.result.errors);
+				r(d.params?.statePath || "/formValidation", {
+					valid: t,
+					errors: n
+				});
+				return;
+			}
+			if (d.action === "push" && d.params) {
+				let e = d.params.screen;
+				if (e) {
+					let t = n("/currentScreen"), i = n("/navStack") ?? [];
+					t ? r("/navStack", [...i, t]) : r("/navStack", [...i, ""]), r("/currentScreen", e);
+				}
+				return;
+			}
+			if (d.action === "pop") {
+				let e = n("/navStack") ?? [];
+				if (e.length > 0) {
+					let t = e[e.length - 1];
+					r("/navStack", e.slice(0, -1)), t ? r("/currentScreen", t) : r("/currentScreen", void 0);
+				}
+				return;
+			}
+			let p = c.value[d.action];
+			if (!p) {
+				console.warn(`No handler registered for action: ${d.action}`);
+				return;
+			}
+			if (d.confirm) {
+				await new Promise((e, t) => {
+					u.value = {
+						action: d,
+						handler: p,
+						resolve: () => {
+							u.value = null, e();
+						},
+						reject: () => {
+							u.value = null, t(/* @__PURE__ */ Error("Action cancelled"));
+						}
+					};
+				});
+				let t = new Set(l.value);
+				t.add(d.action), l.value = t;
+				try {
+					await i({
+						action: d,
+						handler: p,
+						setState: r,
+						navigate: e.navigate,
+						executeAction: async (e) => {
+							await f({ action: e });
+						}
+					});
+				} finally {
+					let e = new Set(l.value);
+					e.delete(d.action), l.value = e;
+				}
+				return;
+			}
+			let m = new Set(l.value);
+			m.add(d.action), l.value = m;
+			try {
+				await i({
+					action: d,
+					handler: p,
+					setState: r,
+					navigate: e.navigate,
+					executeAction: async (e) => {
+						await f({ action: e });
+					}
+				});
+			} finally {
+				let e = new Set(l.value);
+				e.delete(d.action), l.value = e;
+			}
+		};
+		return g(F, {
+			get handlers() {
+				return c.value;
+			},
+			get loadingActions() {
+				return l.value;
+			},
+			get pendingConfirmation() {
+				return u.value;
+			},
+			execute: f,
+			confirm: () => u.value?.resolve(),
+			cancel: () => u.value?.reject(),
+			registerHandler: d
+		}), () => t.default?.();
+	}
+});
+function L() {
+	let e = p(F);
+	if (!e) throw Error("useActions must be used within an ActionProvider");
+	return e;
+}
+var R = d({
+	name: "ConfirmDialog",
+	props: {
+		confirm: {
+			type: Object,
+			required: !0
+		},
+		onConfirm: {
+			type: Function,
+			required: !0
+		},
+		onCancel: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		return () => {
+			let t = e.confirm.variant === "danger";
+			return f("div", {
+				style: {
+					position: "fixed",
+					inset: "0",
+					backgroundColor: "rgba(0, 0, 0, 0.5)",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					zIndex: "50"
+				},
+				onClick: e.onCancel
+			}, [f("div", {
+				style: {
+					backgroundColor: "white",
+					borderRadius: "8px",
+					padding: "24px",
+					maxWidth: "400px",
+					width: "100%",
+					boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1)"
+				},
+				onClick: (e) => e.stopPropagation()
+			}, [
+				f("h3", { style: {
+					margin: "0 0 8px 0",
+					fontSize: "18px",
+					fontWeight: "600"
+				} }, e.confirm.title),
+				f("p", { style: {
+					margin: "0 0 24px 0",
+					color: "#6b7280"
+				} }, e.confirm.message),
+				f("div", { style: {
+					display: "flex",
+					gap: "12px",
+					justifyContent: "flex-end"
+				} }, [f("button", {
+					style: {
+						padding: "8px 16px",
+						borderRadius: "6px",
+						border: "1px solid #d1d5db",
+						backgroundColor: "white",
+						cursor: "pointer"
+					},
+					onClick: e.onCancel
+				}, e.confirm.cancelLabel ?? "Cancel"), f("button", {
+					style: {
+						padding: "8px 16px",
+						borderRadius: "6px",
+						border: "none",
+						backgroundColor: t ? "#dc2626" : "#3b82f6",
+						color: "white",
+						cursor: "pointer"
+					},
+					onClick: e.onConfirm
+				}, e.confirm.confirmLabel ?? "Confirm")])
+			])]);
+		};
+	}
+}), z = /* @__PURE__ */ Symbol("json-render:repeat-scope"), B = d({
+	name: "RepeatScopeProvider",
+	props: {
+		item: { required: !0 },
+		index: {
+			type: Number,
+			required: !0
+		},
+		basePath: {
+			type: String,
+			required: !0
+		}
+	},
+	setup(e, { slots: t }) {
+		return g(z, e), () => t.default?.();
+	}
+});
+function V() {
+	return p(z, null) ?? null;
+}
+var H = {}, U = /* @__PURE__ */ Symbol("json-render:functions"), W = d({
+	name: "FunctionsProvider",
+	props: { functions: {
+		type: Object,
+		default: void 0
+	} },
+	setup(e, { slots: t }) {
+		return g(U, u(() => e.functions ?? H)), () => t.default?.();
+	}
+});
+function G() {
+	return p(U, u(() => H));
+}
+var K = d({
+	name: "ElementErrorBoundary",
+	props: { elementType: {
+		type: String,
+		required: !0
+	} },
+	setup(e, { slots: t }) {
+		let n = _(!1);
+		return m((t) => (console.error(`[json-render] Rendering error in <${e.elementType}>:`, t), n.value = !0, !1)), () => n.value ? null : t.default?.();
+	}
+});
+async function q(e, t, n, r, i) {
+	for (let a of e) {
+		if (i?.()) break;
+		if (!a.params) {
+			if (await r(a), i?.()) break;
+			continue;
+		}
+		let e = {
+			...t,
+			stateModel: n()
+		}, s = {};
+		for (let [t, n] of Object.entries(a.params)) s[t] = o(n, e);
+		if (await r({
+			...a,
+			params: s
+		}), i?.()) break;
+	}
+}
+var J = d({
+	name: "JsonRenderElement",
+	props: {
+		element: {
+			type: Object,
+			required: !0
+		},
+		spec: {
+			type: Object,
+			required: !0
+		},
+		registry: {
+			type: Object,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		fallback: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = V(), { ctx: i } = E(), { execute: a } = L(), { getSnapshot: o, state: l } = S(), d = G(), p = u(() => {
+			let e = t ? {
+				...i.value,
+				repeatItem: t.item,
+				repeatIndex: t.index,
+				repeatBasePath: t.basePath
+			} : { ...i.value };
+			return e.functions = d.value, e;
+		}), m = async (t) => {
+			let n = e.element.on?.[t];
+			n && await q(Array.isArray(n) ? n : [n], p.value, o, a);
+		}, h = (t) => {
+			let n = e.element.on?.[t];
+			return n ? {
+				emit: () => {
+					m(t);
+				},
+				shouldPreventDefault: (Array.isArray(n) ? n : [n]).some((e) => e.preventDefault),
+				bound: !0
+			} : {
+				emit: () => {},
+				shouldPreventDefault: !1,
+				bound: !1
+			};
+		};
+		return y(u(() => {
+			let t = e.element.watch;
+			if (!t) return;
+			let r = {};
+			for (let e of Object.keys(t)) r[e] = n(l.value, e);
+			return r;
+		}), (t, n, r) => {
+			let i = e.element.watch;
+			if (!i || !t) return;
+			let s = !1;
+			r(() => {
+				s = !0;
+			});
+			let c = Object.keys(i);
+			(async () => {
+				for (let e of c) {
+					if (s) break;
+					if (n && t[e] === n[e]) continue;
+					let r = i[e];
+					r && await q(Array.isArray(r) ? r : [r], p.value, o, a, () => s);
+				}
+			})().catch(console.error);
+		}, { deep: !0 }), () => {
+			let t = p.value;
+			if (!(e.element.visible === void 0 || r(e.element.visible, t))) return null;
+			let n = e.element.props, i = s(n, t), a = c(n, t), o = a === e.element.props ? e.element : {
+				...e.element,
+				props: a
+			}, l = e.registry[o.type] ?? e.fallback;
+			if (!l) return console.warn(`[json-render] No renderer for component type: ${o.type}`), null;
+			let u = o.repeat ? f(Y, {
+				element: o,
+				spec: e.spec,
+				registry: e.registry,
+				loading: e.loading,
+				fallback: e.fallback
+			}) : o.children?.map((t) => {
+				let n = e.spec.elements[t];
+				return n ? f(J, {
+					key: t,
+					element: n,
+					spec: e.spec,
+					registry: e.registry,
+					loading: e.loading,
+					fallback: e.fallback
+				}) : (e.loading || console.warn(`[json-render] Missing element "${t}" referenced as child of "${o.type}". This element will not render.`), null);
+			}).filter((e) => e !== null) ?? void 0;
+			return f(K, { elementType: o.type }, { default: () => f(l, {
+				element: o,
+				emit: m,
+				on: h,
+				bindings: i,
+				loading: e.loading
+			}, { default: () => u }) });
+		};
+	}
+}), Y = d({
+	name: "JsonRenderRepeatChildren",
+	props: {
+		element: {
+			type: Object,
+			required: !0
+		},
+		spec: {
+			type: Object,
+			required: !0
+		},
+		registry: {
+			type: Object,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		fallback: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let { state: t } = S();
+		return () => {
+			let r = e.element.repeat;
+			if (!r?.statePath) return null;
+			let i = r.statePath, a = n(t.value, i);
+			return (Array.isArray(a) ? a : []).map((t, n) => f(B, {
+				key: r.key && typeof t == "object" && t ? String(t[r.key] ?? n) : String(n),
+				item: t,
+				index: n,
+				basePath: `${i}/${n}`
+			}, { default: () => e.element.children?.map((t) => {
+				let n = e.spec.elements[t];
+				return n ? f(J, {
+					key: t,
+					element: n,
+					spec: e.spec,
+					registry: e.registry,
+					loading: e.loading,
+					fallback: e.fallback
+				}) : (e.loading || console.warn(`[json-render] Missing element "${t}" referenced as child of "${e.element.type}" (repeat). This element will not render.`), null);
+			}).filter((e) => e !== null) ?? null }));
+		};
+	}
+}), X = d({
+	name: "JsonRenderer",
+	props: {
+		spec: {
+			type: Object,
+			default: null
+		},
+		registry: {
+			type: Object,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		fallback: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(e) {
+		return () => {
+			if (!e.spec?.root) return null;
+			let t = e.spec.elements[e.spec.root];
+			return t ? f(J, {
+				element: t,
+				spec: e.spec,
+				registry: e.registry,
+				loading: e.loading,
+				fallback: e.fallback
+			}) : null;
+		};
+	}
+}), Z = d({
+	name: "ConfirmationDialogManager",
+	setup() {
+		let { pendingConfirmation: e, confirm: t, cancel: n } = L();
+		return () => e?.action.confirm ? f(R, {
+			confirm: e.action.confirm,
+			onConfirm: t,
+			onCancel: n
+		}) : null;
+	}
+});
+d({
+	name: "JSONUIProvider",
+	props: {
+		registry: {
+			type: Object,
+			required: !0
+		},
+		store: {
+			type: Object,
+			default: void 0
+		},
+		initialState: {
+			type: Object,
+			default: void 0
+		},
+		handlers: {
+			type: Object,
+			default: void 0
+		},
+		navigate: {
+			type: Function,
+			default: void 0
+		},
+		validationFunctions: {
+			type: Object,
+			default: void 0
+		},
+		functions: {
+			type: Object,
+			default: void 0
+		},
+		onStateChange: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(e, { slots: t }) {
+		return () => f(x, {
+			store: e.store,
+			initialState: e.initialState,
+			onStateChange: e.onStateChange
+		}, { default: () => f(T, null, { default: () => f(A, { customFunctions: e.validationFunctions }, { default: () => f(I, {
+			handlers: e.handlers,
+			navigate: e.navigate
+		}, { default: () => f(W, { functions: e.functions }, { default: () => [t.default?.(), f(Z)] }) }) }) }) });
+	}
+});
+function Q(e, t) {
+	let n = {};
+	if (t.components) for (let [e, r] of Object.entries(t.components)) n[e] = d({
+		name: `JsonRenderRegistry_${e}`,
+		props: {
+			element: {
+				type: Object,
+				required: !0
+			},
+			emit: {
+				type: Function,
+				required: !0
+			},
+			on: {
+				type: Function,
+				required: !0
+			},
+			bindings: {
+				type: Object,
+				default: void 0
+			},
+			loading: {
+				type: Boolean,
+				default: void 0
+			}
+		},
+		setup(e, { slots: t }) {
+			return () => r({
+				props: e.element.props,
+				children: t.default?.(),
+				emit: e.emit,
+				on: e.on,
+				bindings: e.bindings,
+				loading: e.loading
+			});
+		}
+	});
+	let r = t.actions ? Object.entries(t.actions) : [];
+	return {
+		registry: n,
+		handlers: (e, t) => {
+			let n = {};
+			for (let [i, a] of r) n[i] = async (n) => {
+				let r = e(), i = t();
+				r && await a(n, r, i);
+			};
+			return n;
+		},
+		executeAction: async (e, t, n, i = {}) => {
+			let a = r.find(([t]) => t === e);
+			a ? await a[1](t, n, i) : console.warn(`Unknown action: ${e}`);
+		}
+	};
+}
+//#endregion
+export { I as ActionProvider, X as Renderer, x as StateProvider, T as VisibilityProvider, Q as defineRegistry, C as useStateBinding };
+
+//# sourceMappingURL=index.js.map