@rotorjs/react 0.4.1 → 0.5.0

package/dist/DashboardLayoutContext.d.ts

@@ -1,6 +1,7 @@
-import { ComponentType, PropsWithChildren } from 'react';
+import { ComponentType } from 'react';
+import { DashboardTileContainerProps } from './DashboardTileContainer';
 export type DashboardLayoutContextValue = {
     type: string;
-    tileContainer?: ComponentType<PropsWithChildren>;
+    tileContainer?: ComponentType<DashboardTileContainerProps>;
 };
 export declare const DashboardLayoutContext: import('react').Context<DashboardLayoutContextValue>;

package/dist/DashboardTileContainer.d.ts

@@ -0,0 +1,6 @@
+import { DashboardLayoutConfig } from '@rotorjs/dashboards';
+import { PropsWithChildren } from 'react';
+export type DashboardTileContainerProps = PropsWithChildren<{
+    layout?: DashboardLayoutConfig;
+}>;
+export declare function DashboardTileContainer({ layout, children, }: DashboardTileContainerProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/main.d.ts

@@ -4,6 +4,7 @@ export * from './DashboardError';
 export * from './DashboardLayout';
 export * from './DashboardLayoutContext';
 export * from './DashboardLayoutError';
+export * from './DashboardTileContainer';
 export * from './DashboardTileError';
 export * from './DashboardTiles';
 export * from './getKey';

package/dist/main.js

@@ -1,259 +1,186 @@
-import { createContext as e, createElement as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region \0rolldown/runtime.js
-var l = Object.create, u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, f = Object.getOwnPropertyNames, p = Object.getPrototypeOf, m = Object.prototype.hasOwnProperty, h = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), g = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = f(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !m.call(e, s) && s !== n && u(e, s, {
-		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = d(t, s)) || r.enumerable
-	});
-	return e;
-}, _ = (e, t, n) => (n = e == null ? {} : l(p(e)), g(t || !e || !e.__esModule ? u(n, "default", {
-	value: e,
-	enumerable: !0
-}) : n, e)), v = class extends Event {
-	emitter;
-	constructor(e, t) {
-		super(e, t);
-	}
-}, y = class extends v {
-	#e;
-	constructor(e) {
-		super("action"), this.#e = e;
-	}
-	get action() {
-		return this.#e;
-	}
-}, b = [];
-for (let e = 0; e < 256; ++e) b.push((e + 256).toString(16).slice(1));
-//#endregion
-//#region node_modules/uuid/dist/stringify.js
-var x = [];
-for (let e = 0; e < 256; ++e) x.push((e + 256).toString(16).slice(1));
-function S(e, t = 0) {
-	return (x[e[t + 0]] + x[e[t + 1]] + x[e[t + 2]] + x[e[t + 3]] + "-" + x[e[t + 4]] + x[e[t + 5]] + "-" + x[e[t + 6]] + x[e[t + 7]] + "-" + x[e[t + 8]] + x[e[t + 9]] + "-" + x[e[t + 10]] + x[e[t + 11]] + x[e[t + 12]] + x[e[t + 13]] + x[e[t + 14]] + x[e[t + 15]]).toLowerCase();
-}
-//#endregion
-//#region node_modules/uuid/dist/rng.js
-var C = new Uint8Array(16);
-function w() {
-	return crypto.getRandomValues(C);
-}
-//#endregion
-//#region node_modules/uuid/dist/v7.js
-var T = {};
-function E(e, t, n) {
-	let r;
-	if (e) r = O(e.random ?? e.rng?.() ?? w(), e.msecs, e.seq, t, n);
-	else {
-		let e = Date.now(), i = w();
-		D(T, e, i), r = O(i, T.msecs, T.seq, t, n);
-	}
-	return t ?? S(r);
-}
-function D(e, t, n) {
-	return e.msecs ??= -Infinity, e.seq ??= 0, t > e.msecs ? (e.seq = n[6] << 23 | n[7] << 16 | n[8] << 8 | n[9], e.msecs = t) : (e.seq = e.seq + 1 | 0, e.seq === 0 && e.msecs++), e;
-}
-function O(e, t, n, r, i = 0) {
-	if (e.length < 16) throw Error("Random bytes length must be >= 16");
-	if (!r) r = new Uint8Array(16), i = 0;
-	else if (i < 0 || i + 16 > r.length) throw RangeError(`UUID byte range ${i}:${i + 15} is out of buffer bounds`);
-	return t ??= Date.now(), n ??= e[6] * 127 << 24 | e[7] << 16 | e[8] << 8 | e[9], r[i++] = t / 1099511627776 & 255, r[i++] = t / 4294967296 & 255, r[i++] = t / 16777216 & 255, r[i++] = t / 65536 & 255, r[i++] = t / 256 & 255, r[i++] = t & 255, r[i++] = 112 | n >>> 28 & 15, r[i++] = n >>> 20 & 255, r[i++] = 128 | n >>> 14 & 63, r[i++] = n >>> 6 & 255, r[i++] = n << 2 & 255 | e[10] & 3, r[i++] = e[11], r[i++] = e[12], r[i++] = e[13], r[i++] = e[14], r[i++] = e[15], r;
-}
-//#endregion
+import { ActionEvent as e } from "@rotorjs/core";
+import { createContext as t, createElement as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { v7 as s } from "uuid";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "fast-deep-equal";
 //#region lib/DashboardContext.ts
-var k = e(void 0);
+var f = t(void 0);
 //#endregion
 //#region lib/DashboardError.tsx
-function A({ error: e }) {
+function p({ error: e }) {
 	throw e;
 }
 //#endregion
 //#region lib/DashboardLayoutContext.ts
-var j = e(void 0);
+var m = t(void 0);
 //#endregion
 //#region lib/getKey.ts
-function M(e, t = 0) {
+function h(e, t = 0) {
 	return `${encodeURIComponent(e.type)}:${e.id ? `id:${encodeURIComponent(e.id)}` : `idx:${t}`}`;
 }
 //#endregion
 //#region lib/DashboardLayoutError.tsx
-var N = { type: "error" };
-function P({ id: e, error: r, children: i }) {
-	let { layouts: a } = n(k), o = a.error ?? A, c = {
+var g = { type: "error" };
+function _({ id: e, error: t, children: i }) {
+	let { layouts: a } = r(f), o = a.error ?? p, s = {
 		type: "error",
 		id: e,
-		error: r
+		error: t
 	};
-	return /* @__PURE__ */ s(j.Provider, {
-		value: N,
-		children: /* @__PURE__ */ t(o, {
-			...c,
-			key: M(c)
+	return /* @__PURE__ */ l(m.Provider, {
+		value: g,
+		children: /* @__PURE__ */ n(o, {
+			...s,
+			key: h(s)
 		}, i)
 	});
 }
 //#endregion
 //#region lib/DashboardLayout.tsx
-function F({ layout: e, children: r }) {
-	let { layouts: a, defaultLayout: o } = n(k), c = i(() => ({
-		error: A,
-		...a
-	}), [a]), l = e ?? o, u = l?.type, d = i(() => ({ type: u }), [u]);
-	if (!l?.type) return null;
-	let f = c[l.type];
-	return f ? /* @__PURE__ */ s(j.Provider, {
+function v({ layout: e, children: t }) {
+	let { layouts: i, defaultLayout: o } = r(f), s = a(() => ({
+		error: p,
+		...i
+	}), [i]), c = e ?? o, u = c?.type, d = a(() => ({ type: u }), [u]);
+	if (!c?.type) return null;
+	let g = s[c.type];
+	return g ? /* @__PURE__ */ l(m.Provider, {
 		value: d,
-		children: /* @__PURE__ */ t(f, {
-			...l,
-			key: M(l)
-		}, r)
-	}) : /* @__PURE__ */ s(P, {
-		error: `Invalid layout type "${l.type}"`,
-		children: r
+		children: /* @__PURE__ */ n(g, {
+			...c,
+			key: h(c)
+		}, t)
+	}) : /* @__PURE__ */ l(_, {
+		error: `Invalid layout type "${c.type}"`,
+		children: t
 	});
 }
 //#endregion
 //#region lib/DashboardTileError.tsx
-function I({ id: e, error: r }) {
-	let { tiles: i } = n(k), a = i.error ?? A, o = {
+function y({ id: e, error: t }) {
+	let { tiles: i } = r(f), a = i.error ?? p, o = {
 		type: "error",
 		id: e,
-		error: r
+		error: t
 	};
-	return /* @__PURE__ */ t(a, {
+	return /* @__PURE__ */ n(a, {
 		...o,
-		key: M(o)
+		key: h(o)
 	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
-function L({ content: e }) {
-	let { tiles: r } = n(k), a = i(() => ({
-		error: A,
-		...r
-	}), [r]);
-	return /* @__PURE__ */ s(o, { children: e.map((e, n) => {
+function b({ content: e }) {
+	let { tiles: t } = r(f), i = a(() => ({
+		error: p,
+		...t
+	}), [t]);
+	return /* @__PURE__ */ l(c, { children: e.map((e, t) => {
 		if (!e?.type) return null;
-		let r = a[e.type];
-		return r ? /* @__PURE__ */ t(r, {
+		let r = i[e.type];
+		return r ? /* @__PURE__ */ n(r, {
 			...e,
-			key: M(e, n)
-		}) : /* @__PURE__ */ s(I, { error: `Invalid tile type "${e.type}"` }, M({ type: "error" }, n));
+			key: h(e, t)
+		}) : /* @__PURE__ */ l(y, { error: `Invalid tile type "${e.type}"` }, h({ type: "error" }, t));
 	}) });
 }
 //#endregion
 //#region lib/Dashboard.tsx
-function R({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayout: l, tiles: u, layout: d, content: f, children: p }) {
-	let [m] = a(t ?? {}), [h, g] = a(m), [_] = a(n ?? {}), [v, b] = a(_);
-	r(() => {
-		let t = E(), n = new AbortController(), r = n.signal;
-		return Object.entries(m).forEach(([n, { value: r, exposed: i }]) => {
-			let a = new y({
+function x({ engine: t, initialVars: n, initialFacts: r, layouts: c, defaultLayout: d, tiles: p, layout: m, content: h, children: g }) {
+	let [_] = o(n ?? {}), [y, x] = o(_), [S] = o(r ?? {}), [C, w] = o(S);
+	i(() => {
+		let n = s(), r = new AbortController(), i = r.signal;
+		return Object.entries(_).forEach(([r, { value: i, exposed: a }]) => {
+			let o = new e({
 				type: "var",
-				name: n,
-				value: r,
-				exposed: i
+				name: r,
+				value: i,
+				exposed: a
 			});
-			a.emitter = t, e.dispatchEvent(a);
-		}), Object.entries(_).forEach(([n, { value: r }]) => {
-			let i = new y({
+			o.emitter = n, t.dispatchEvent(o);
+		}), Object.entries(S).forEach(([r, { value: i }]) => {
+			let a = new e({
 				type: "fact",
-				name: n,
-				value: r
+				name: r,
+				value: i
 			});
-			i.emitter = t, e.dispatchEvent(i);
-		}), e.addEventListener("action", (e) => {
-			if (e.emitter === t) return;
-			let n = e.action;
-			switch (n.type) {
+			a.emitter = n, t.dispatchEvent(a);
+		}), t.addEventListener("action", (e) => {
+			if (e.emitter === n) return;
+			let t = e.action;
+			switch (t.type) {
 				case "var":
-					g((e) => {
-						let t = e[n.name];
-						return Object.hasOwn(e, n.name) && t.value === n.value && t.exposed === (n.exposed ?? !1) ? e : {
+					x((e) => {
+						let n = e[t.name];
+						return Object.hasOwn(e, t.name) && n.value === t.value && n.exposed === (t.exposed ?? !1) ? e : {
 							...e,
-							[n.name]: {
-								value: n.value,
-								exposed: n.exposed ?? !1
+							[t.name]: {
+								value: t.value,
+								exposed: t.exposed ?? !1
 							}
 						};
 					});
 					return;
-				case "fact": b((e) => {
-					let t = e[n.name];
-					return Object.hasOwn(e, n.name) && t.value === n.value ? e : {
+				case "fact": w((e) => {
+					let n = e[t.name];
+					return Object.hasOwn(e, t.name) && n.value === t.value ? e : {
 						...e,
-						[n.name]: { value: n.value }
+						[t.name]: { value: t.value }
 					};
 				});
 			}
-		}, { signal: r }), () => {
-			n.abort();
+		}, { signal: i }), () => {
+			r.abort();
 		};
 	}, [
-		e,
-		m,
-		_
+		t,
+		_,
+		S
 	]);
-	let x = i(() => ({
-		engine: e,
-		vars: h,
-		facts: v,
-		layouts: o,
-		defaultLayout: l,
-		tiles: u
+	let T = a(() => ({
+		engine: t,
+		vars: y,
+		facts: C,
+		layouts: c,
+		defaultLayout: d,
+		tiles: p
 	}), [
-		e,
-		h,
-		v,
-		o,
-		l,
-		u
+		t,
+		y,
+		C,
+		c,
+		d,
+		p
 	]);
-	return /* @__PURE__ */ s(k.Provider, {
-		value: x,
-		children: /* @__PURE__ */ c(F, {
-			layout: d,
-			children: [/* @__PURE__ */ s(L, { content: f }), p]
+	return /* @__PURE__ */ l(f.Provider, {
+		value: T,
+		children: /* @__PURE__ */ u(v, {
+			layout: m,
+			children: [/* @__PURE__ */ l(b, { content: h }), g]
 		})
 	});
 }
 //#endregion
+//#region lib/DashboardTileContainer.tsx
+function S({ layout: e, children: t }) {
+	let { tileContainer: n } = r(m);
+	return n ? /* @__PURE__ */ l(n, {
+		layout: e,
+		children: t
+	}) : t;
+}
+//#endregion
 //#region lib/useDashboardState.ts
-var z = /* @__PURE__ */ _((/* @__PURE__ */ h(((e, t) => {
-	t.exports = function e(t, n) {
-		if (t === n) return !0;
-		if (t && n && typeof t == "object" && typeof n == "object") {
-			if (t.constructor !== n.constructor) return !1;
-			var r, i, a;
-			if (Array.isArray(t)) {
-				if (r = t.length, r != n.length) return !1;
-				for (i = r; i-- !== 0;) if (!e(t[i], n[i])) return !1;
-				return !0;
-			}
-			if (t.constructor === RegExp) return t.source === n.source && t.flags === n.flags;
-			if (t.valueOf !== Object.prototype.valueOf) return t.valueOf() === n.valueOf();
-			if (t.toString !== Object.prototype.toString) return t.toString() === n.toString();
-			if (a = Object.keys(t), r = a.length, r !== Object.keys(n).length) return !1;
-			for (i = r; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(n, a[i])) return !1;
-			for (i = r; i-- !== 0;) {
-				var o = a[i];
-				if (!e(t[o], n[o])) return !1;
-			}
-			return !0;
-		}
-		return t !== t && n !== n;
-	};
-})))(), 1);
-function B(e, t = []) {
-	let { engine: i } = n(k), [o, s] = a(e), [c, l] = a(t);
-	return (0, z.default)(e, o) || s(o), r(() => {
-		let e = E(), t = new AbortController(), n = t.signal;
-		return i.addEventListener("state", (t) => {
-			t.id === e && l(t.state);
-		}, { signal: n }), i.registerReducer(e, o), () => {
-			t.abort(), i.removeReducer(e);
+function C(e, t = []) {
+	let { engine: n } = r(f), [a, c] = o(e), [l, u] = o(t);
+	return d(e, a) || c(a), i(() => {
+		let e = s(), t = new AbortController(), r = t.signal;
+		return n.addEventListener("state", (t) => {
+			t.id === e && u(t.state);
+		}, { signal: r }), n.registerReducer(e, a), () => {
+			t.abort(), n.removeReducer(e);
 		};
-	}, [o, i]), c;
+	}, [a, n]), l;
 }
 //#endregion
-export { R as Dashboard, k as DashboardContext, A as DashboardError, F as DashboardLayout, j as DashboardLayoutContext, P as DashboardLayoutError, I as DashboardTileError, L as DashboardTiles, M as getKey, B as useDashboardState };
+export { x as Dashboard, f as DashboardContext, p as DashboardError, v as DashboardLayout, m as DashboardLayoutContext, _ as DashboardLayoutError, S as DashboardTileContainer, y as DashboardTileError, b as DashboardTiles, h as getKey, C as useDashboardState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/react",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@rotorjs/dashboards": "^0.13.0",
+    "@rotorjs/dashboards": "^0.13.3",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^6.0.1",
@@ -62,14 +62,14 @@
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.59.3",
     "unplugin-dts": "^1.0.0",
-    "vite": "^8.0.12"
+    "vite": "^8.0.13"
   },
   "peerDependencies": {
     "@rotorjs/dashboards": "^0.13.0",
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@rotorjs/core": "^0.5.1",
+    "@rotorjs/core": "^0.5.3",
     "fast-deep-equal": "^3.1.3",
     "uuid": "^14.0.0"
   }