@rotorjs/react 0.9.0 → 0.10.1

package/dist/Dashboard.d.ts

@@ -2,7 +2,7 @@ import { DashboardAction, DashboardEventTarget, DashboardFact, DashboardLayoutNo
 import { ReactNode } from 'react';
 import { DashboardLayoutMap, DashboardTileMap } from './DashboardContext';
 export type DashboardProps = {
-    engine: DashboardEventTarget;
+    target: DashboardEventTarget;
     initialVars?: {
         [name: string]: DashboardVar;
     };
@@ -20,4 +20,4 @@ export type DashboardProps = {
     };
     children?: ReactNode;
 };
-export declare function Dashboard({ engine, initialVars: rawInitialVars, initialFacts: rawInitialFacts, layouts, defaultLayout, tiles, layout, content, onAction, allowedNavigateOrigins: rawAllowedNavigateOrigins, children, }: DashboardProps): import("react").JSX.Element;
+export declare function Dashboard({ target, initialVars, initialFacts, layouts, defaultLayout, tiles, layout, content, onAction, allowedNavigateOrigins: rawAllowedNavigateOrigins, children, }: DashboardProps): import("react").JSX.Element;

package/dist/DashboardContext.d.ts

@@ -3,7 +3,7 @@ import { ComponentType, PropsWithChildren } from 'react';
 export type DashboardLayoutMap = Record<string, ComponentType<PropsWithChildren<DashboardLayoutNode>>>;
 export type DashboardTileMap = Record<string, ComponentType<DashboardTileNode>>;
 export type DashboardContextValue = {
-    engine: DashboardEventTarget;
+    target: DashboardEventTarget;
     vars: {
         [name: string]: DashboardVar;
     };

package/dist/main.js

@@ -1,11 +1,9 @@
-import { ActionEvent as e } from "@rotorjs/state";
-import t from "fast-deep-equal";
-import { createContext as n, createElement as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useState as c } from "react";
-import { v7 as l } from "uuid";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { DashboardStateConsumer as p, NumberFormatter as m } from "@rotorjs/dashboard";
+import { DashboardEnvironment as e, DashboardStateConsumer as t, NumberFormatter as n, dashboardLocaleFact as r } from "@rotorjs/dashboard";
+import i from "fast-deep-equal";
+import { createContext as a, createElement as o, useCallback as s, useContext as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region lib/DashboardContext.ts
-var h = n(void 0);
+var h = a(void 0);
 //#endregion
 //#region lib/DashboardError.tsx
 function g({ error: e }) {
@@ -13,7 +11,7 @@ function g({ error: e }) {
 }
 //#endregion
 //#region lib/DashboardLayoutContext.ts
-var _ = n(void 0);
+var _ = a(void 0);
 //#endregion
 //#region lib/getNodeKey.ts
 function v(e, t = 0) {
@@ -23,126 +21,108 @@ function v(e, t = 0) {
 //#region lib/DashboardLayoutError.tsx
 var y = { type: "error" };
 function b({ id: e, error: t, children: n }) {
-	let { layouts: i } = a(h), o = i.error ?? g, s = {
+	let { layouts: r } = c(h), i = r.error ?? g, a = {
 		type: "error",
 		id: e,
 		error: t
 	};
-	return /* @__PURE__ */ d(_.Provider, {
+	return /* @__PURE__ */ p(_.Provider, {
 		value: y,
-		children: /* @__PURE__ */ r(o, {
-			...s,
-			key: v(s)
+		children: /* @__PURE__ */ o(i, {
+			...a,
+			key: v(a)
 		}, n)
 	});
 }
 //#endregion
 //#region lib/DashboardLayout.tsx
 function x({ layout: e, children: t }) {
-	let { layouts: n, defaultLayout: i } = a(h), o = s(() => ({
+	let { layouts: n, defaultLayout: r } = c(h), i = u(() => ({
 		error: g,
 		...n
-	}), [n]), c = e ?? i, l = c?.type, u = s(() => ({ type: l }), [l]);
-	if (!c?.type) return null;
-	let f = o[c.type];
-	return f ? /* @__PURE__ */ d(_.Provider, {
-		value: u,
-		children: /* @__PURE__ */ r(f, {
-			...c,
-			key: v(c)
+	}), [n]), a = e ?? r, s = a?.type, l = u(() => ({ type: s }), [s]);
+	if (!a?.type) return null;
+	let d = i[a.type];
+	return d ? /* @__PURE__ */ p(_.Provider, {
+		value: l,
+		children: /* @__PURE__ */ o(d, {
+			...a,
+			key: v(a)
 		}, t)
-	}) : /* @__PURE__ */ d(b, {
-		error: `Invalid layout type "${c.type}"`,
+	}) : /* @__PURE__ */ p(b, {
+		error: `Invalid layout type "${a.type}"`,
 		children: t
 	});
 }
 //#endregion
 //#region lib/DashboardTileError.tsx
 function S({ id: e, error: t }) {
-	let { tiles: n } = a(h), i = n.error ?? g, o = {
+	let { tiles: n } = c(h), r = n.error ?? g, i = {
 		type: "error",
 		id: e,
 		error: t
 	};
-	return /* @__PURE__ */ r(i, {
-		...o,
-		key: v(o)
+	return /* @__PURE__ */ o(r, {
+		...i,
+		key: v(i)
 	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
 function C({ content: e }) {
-	let { tiles: t } = a(h), n = s(() => ({
+	let { tiles: t } = c(h), n = u(() => ({
 		error: g,
 		...t
 	}), [t]);
-	return /* @__PURE__ */ d(u, { children: e.map((e, t) => {
+	return /* @__PURE__ */ p(f, { children: e.map((e, t) => {
 		if (!e?.type) return null;
-		let i = n[e.type];
-		return i ? /* @__PURE__ */ r(i, {
+		let r = n[e.type];
+		return r ? /* @__PURE__ */ o(r, {
 			...e,
 			key: v(e, t)
-		}) : /* @__PURE__ */ d(S, { error: `Invalid tile type "${e.type}"` }, v({ type: "error" }, t));
+		}) : /* @__PURE__ */ p(S, { error: `Invalid tile type "${e.type}"` }, v({ type: "error" }, t));
 	}) });
 }
 //#endregion
 //#region lib/Dashboard.tsx
 var w = { [window.location.origin]: !0 };
-function T({ engine: n, initialVars: r, initialFacts: i, layouts: a, defaultLayout: u, tiles: p, layout: m, content: g, onAction: _, allowedNavigateOrigins: v = w, children: y }) {
-	let [b] = c(() => l()), [S] = c(r ?? {}), [T] = c(i ?? {}), [E, D] = c(v), [O, k] = c(S), [A, j] = c(T);
-	t(E, v) || D(v), o(() => {
-		Object.entries(S).forEach(([t, { value: r, exposed: i }]) => {
-			let a = new e({
-				type: "var",
-				name: t,
-				value: r,
-				exposed: i
+function T({ target: t, initialVars: n, initialFacts: r, layouts: a, defaultLayout: o, tiles: s, layout: c, content: f, onAction: g, allowedNavigateOrigins: _ = w, children: v }) {
+	let [y, b] = d(_), [S, T] = d(n ?? {}), [E, D] = d(r ?? {});
+	i(y, _) || b(_), l(() => {
+		let n = new e(t, {
+			vars: S,
+			facts: E
+		});
+		return n.addEventListener("var", (e) => {
+			T((t) => {
+				let n = t[e.name], r = {
+					value: e.value,
+					exposed: e.exposed
+				};
+				return Object.hasOwn(t, e.name) && i(n, r) ? t : {
+					...t,
+					[e.name]: r
+				};
 			});
-			a.emitter = b, n.dispatchEvent(a);
-		}), Object.entries(T).forEach(([t, { value: r }]) => {
-			let i = new e({
-				type: "fact",
-				name: t,
-				value: r
+		}), n.addEventListener("fact", (e) => {
+			D((t) => {
+				let n = t[e.name], r = { value: e.value };
+				return Object.hasOwn(t, e.name) && i(n, r) ? t : {
+					...t,
+					[e.name]: r
+				};
 			});
-			i.emitter = b, n.dispatchEvent(i);
-		});
-	}, [
-		b,
-		n,
-		S,
-		T
-	]), o(() => {
-		let e = new AbortController(), t = e.signal;
-		return n.addEventListener("action", (e) => {
+		}), () => {
+			n.stop();
+		};
+	}, [t]), l(() => {
+		let e = new AbortController(), n = e.signal;
+		return t.addEventListener("action", (e) => {
 			let t = e.action;
-			if (e.emitter !== b) switch (t.type) {
-				case "var":
-					k((e) => {
-						let n = e[t.name];
-						return Object.hasOwn(e, t.name) && n.value === t.value && n.exposed === (t.exposed ?? !1) ? e : {
-							...e,
-							[t.name]: {
-								value: t.value,
-								exposed: t.exposed ?? !1
-							}
-						};
-					});
-					break;
-				case "fact":
-					j((e) => {
-						let n = e[t.name];
-						return Object.hasOwn(e, t.name) && n.value === t.value ? e : {
-							...e,
-							[t.name]: { value: t.value }
-						};
-					});
-					break;
-			}
-			if (!_?.(e.action)) switch (t.type) {
+			if (!g?.(e.action)) switch (t.type) {
 				case "navigate": {
 					let e = new URL(t.href, window.location.href).origin;
-					if (!E["*"] && (!Object.hasOwn(E, e) || !E[e])) {
+					if (!y["*"] && (!Object.hasOwn(y, e) || !y[e])) {
 						console.warn(`Dashboard navigation blocked: origin "${e}" is not allowed`);
 						break;
 					}
@@ -150,43 +130,42 @@ function T({ engine: n, initialVars: r, initialFacts: i, layouts: a, defaultLayo
 					break;
 				}
 			}
-		}, { signal: t }), () => {
+		}, { signal: n }), () => {
 			e.abort();
 		};
 	}, [
-		b,
-		n,
-		_,
-		E
+		t,
+		g,
+		y
 	]);
-	let M = s(() => ({
-		engine: n,
-		vars: O,
-		facts: A,
+	let O = u(() => ({
+		target: t,
+		vars: S,
+		facts: E,
 		layouts: a,
-		defaultLayout: u,
-		tiles: p
+		defaultLayout: o,
+		tiles: s
 	}), [
-		n,
-		O,
-		A,
+		t,
+		S,
+		E,
 		a,
-		u,
-		p
+		o,
+		s
 	]);
-	return /* @__PURE__ */ d(h.Provider, {
-		value: M,
-		children: /* @__PURE__ */ f(x, {
-			layout: m,
-			children: [/* @__PURE__ */ d(C, { content: g }), y]
+	return /* @__PURE__ */ p(h.Provider, {
+		value: O,
+		children: /* @__PURE__ */ m(x, {
+			layout: c,
+			children: [/* @__PURE__ */ p(C, { content: f }), v]
 		})
 	});
 }
 //#endregion
 //#region lib/DashboardTileContainer.tsx
 function E({ layout: e, children: t }) {
-	let { tileContainer: n } = a(_);
-	return n ? /* @__PURE__ */ d(n, {
+	let { tileContainer: n } = c(_);
+	return n ? /* @__PURE__ */ p(n, {
 		layout: e,
 		children: t
 	}) : t({});
@@ -194,21 +173,21 @@ function E({ layout: e, children: t }) {
 //#endregion
 //#region lib/useDashboardState.ts
 function D(e, n = []) {
-	let { engine: r } = a(h), [i, s] = c(e), [l, u] = c(n);
-	return t(i, e) || s(e), o(() => {
-		let e = new p(r, i, (e) => {
-			u((n) => t(e, n) ? n : e);
+	let { target: r } = c(h), [a, o] = d(e), [s, u] = d(n);
+	return i(a, e) || o(e), l(() => {
+		let e = new t(r, a, (e) => {
+			u((t) => i(e, t) ? t : e);
 		});
 		return () => {
 			e.stop();
 		};
-	}, [r, i]), l;
+	}, [r, a]), s;
 }
 //#endregion
 //#region lib/useNumberFormatter.ts
 function O(e) {
-	let { locale: t } = e ?? {}, n = s(() => new m({ locale: t }), [t]);
-	return i((e, t) => n.format(e, t), [n]);
+	let { facts: t } = c(h), i = t[r]?.value, a = e?.locale || (typeof i == "string" && i ? i : void 0), o = u(() => new n({ locale: a }), [a]);
+	return s((e, t) => o.format(e, t), [o]);
 }
 //#endregion
 export { T as Dashboard, h as DashboardContext, g as DashboardError, x as DashboardLayout, _ as DashboardLayoutContext, b as DashboardLayoutError, E as DashboardTileContainer, S as DashboardTileError, C as DashboardTiles, v as getNodeKey, D as useDashboardState, O as useNumberFormatter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/react",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@rotorjs/dashboard": "^0.3.1",
+    "@rotorjs/dashboard": "^0.5.2",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^6.0.2",
@@ -65,11 +65,11 @@
     "vite": "^8.0.16"
   },
   "peerDependencies": {
-    "@rotorjs/dashboard": "^0.3.1",
+    "@rotorjs/dashboard": "^0.5.0",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@rotorjs/state": "^0.6.1",
+    "@rotorjs/state": "^0.7.0",
     "fast-deep-equal": "^3.1.3",
     "uuid": "^14.0.0"
   }