@rotorjs/react 0.1.0 → 0.2.1

package/dist/DashboardLayoutContext.d.ts

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

package/dist/DashboardLayoutError.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export declare function DashboardLayoutError({ id, error, children, }: PropsWithChildren<{
+    type?: 'error';
+    id?: string;
+    error: unknown;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/DashboardTileError.d.ts

@@ -0,0 +1,5 @@
+export declare function DashboardTileError({ id, error, }: {
+    type?: 'error';
+    id?: string;
+    error: unknown;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/main.d.ts

@@ -2,6 +2,9 @@ export * from './Dashboard';
 export * from './DashboardContext';
 export * from './DashboardError';
 export * from './DashboardLayout';
+export * from './DashboardLayoutContext';
+export * from './DashboardLayoutError';
+export * from './DashboardTileError';
 export * from './DashboardTiles';
 export * from './getKey';
 export * from './useDashboardState';

package/dist/main.js

@@ -1,12 +1,21 @@
 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 node_modules/@rotorjs/core/dist/main.js
-var l = class extends Event {
+//#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);
 	}
-}, u = class extends l {
+}, y = class extends v {
 	#e;
 	constructor(e) {
 		super("action"), this.#e = e;
@@ -14,37 +23,37 @@ var l = class extends Event {
 	get action() {
 		return this.#e;
 	}
-}, d = [];
-for (let e = 0; e < 256; ++e) d.push((e + 256).toString(16).slice(1));
+}, 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 f = [];
-for (let e = 0; e < 256; ++e) f.push((e + 256).toString(16).slice(1));
-function p(e, t = 0) {
-	return (f[e[t + 0]] + f[e[t + 1]] + f[e[t + 2]] + f[e[t + 3]] + "-" + f[e[t + 4]] + f[e[t + 5]] + "-" + f[e[t + 6]] + f[e[t + 7]] + "-" + f[e[t + 8]] + f[e[t + 9]] + "-" + f[e[t + 10]] + f[e[t + 11]] + f[e[t + 12]] + f[e[t + 13]] + f[e[t + 14]] + f[e[t + 15]]).toLowerCase();
+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 m = new Uint8Array(16);
-function h() {
-	return crypto.getRandomValues(m);
+var C = new Uint8Array(16);
+function w() {
+	return crypto.getRandomValues(C);
 }
 //#endregion
 //#region node_modules/uuid/dist/v7.js
-var g = {};
-function _(e, t, n) {
+var T = {};
+function E(e, t, n) {
 	let r;
-	if (e) r = y(e.random ?? e.rng?.() ?? h(), e.msecs, e.seq, t, n);
+	if (e) r = O(e.random ?? e.rng?.() ?? w(), e.msecs, e.seq, t, n);
 	else {
-		let e = Date.now(), i = h();
-		v(g, e, i), r = y(i, g.msecs, g.seq, t, n);
+		let e = Date.now(), i = w();
+		D(T, e, i), r = O(i, T.msecs, T.seq, t, n);
 	}
-	return t ?? p(r);
+	return t ?? S(r);
 }
-function v(e, t, n) {
+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 y(e, t, n, r, i = 0) {
+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`);
@@ -52,81 +61,102 @@ function y(e, t, n, r, i = 0) {
 }
 //#endregion
 //#region lib/DashboardContext.ts
-var b = e(void 0);
+var k = e(void 0);
 //#endregion
 //#region lib/DashboardError.tsx
-function x({ error: e }) {
+function A({ error: e }) {
 	throw e;
 }
 //#endregion
+//#region lib/DashboardLayoutContext.ts
+var j = e(void 0);
+//#endregion
 //#region lib/getKey.ts
-function S(e, t = 0) {
+function M(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 = {
+		type: "error",
+		id: e,
+		error: r
+	};
+	return /* @__PURE__ */ s(j.Provider, {
+		value: N,
+		children: /* @__PURE__ */ t(o, {
+			...c,
+			key: M(c)
+		}, i)
+	});
+}
+//#endregion
 //#region lib/DashboardLayout.tsx
-function C({ layout: e, children: r }) {
-	let { layouts: a, defaultLayout: o } = n(b), s = i(() => ({
-		error: x,
+function F({ layout: e, children: r }) {
+	let { layouts: a, defaultLayout: o } = n(k), c = i(() => ({
+		error: A,
 		...a
-	}), [a]), c = e ?? o;
-	if (!c) return null;
-	let l = s[c.type];
-	if (!l) {
-		let e = s.error, n = {
-			type: "error",
-			error: `Invalid layout type "${c.type}"`
-		};
-		return /* @__PURE__ */ t(e, {
-			...n,
-			key: S(n)
-		});
-	}
-	return /* @__PURE__ */ t(l, {
-		...c,
-		key: S(c)
-	}, r);
+	}), [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, {
+		value: d,
+		children: /* @__PURE__ */ t(f, {
+			...l,
+			key: M(l)
+		}, r)
+	}) : /* @__PURE__ */ s(P, {
+		error: `Invalid layout type "${l.type}"`,
+		children: r
+	});
+}
+//#endregion
+//#region lib/DashboardTileError.tsx
+function I({ id: e, error: r }) {
+	let { tiles: i } = n(k), a = i.error ?? A, o = {
+		type: "error",
+		id: e,
+		error: r
+	};
+	return /* @__PURE__ */ t(a, {
+		...o,
+		key: M(o)
+	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
-function w({ content: e }) {
-	let { tiles: r } = n(b), a = i(() => ({
-		error: x,
+function L({ content: e }) {
+	let { tiles: r } = n(k), a = i(() => ({
+		error: A,
 		...r
 	}), [r]);
 	return /* @__PURE__ */ s(o, { children: e.map((e, n) => {
-		if (!e) return null;
+		if (!e?.type) return null;
 		let r = a[e.type];
-		if (!r) {
-			let r = a.error;
-			return /* @__PURE__ */ t(r, {
-				type: "error",
-				error: `Invalid tile type "${e.type}"`,
-				key: S(e, n)
-			});
-		}
-		return /* @__PURE__ */ t(r, {
+		return r ? /* @__PURE__ */ t(r, {
 			...e,
-			key: S(e, n)
-		});
+			key: M(e, n)
+		}) : /* @__PURE__ */ s(I, { error: `Invalid tile type "${e.type}"` }, M({ type: "error" }, n));
 	}) });
 }
 //#endregion
 //#region lib/Dashboard.tsx
-function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayout: l, tiles: d, layout: f, content: p, children: m }) {
-	let [h] = a(t ?? {}), [g, v] = a(h), [y] = a(n ?? {}), [x, S] = a(y);
+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 = _(), n = new AbortController(), r = n.signal;
-		return Object.entries(h).forEach(([n, { value: r, exposed: i }]) => {
-			let a = new u({
+		let t = E(), n = new AbortController(), r = n.signal;
+		return Object.entries(m).forEach(([n, { value: r, exposed: i }]) => {
+			let a = new y({
 				type: "var",
 				name: n,
 				value: r,
 				exposed: i
 			});
 			a.emitter = t, e.dispatchEvent(a);
-		}), Object.entries(y).forEach(([n, { value: r }]) => {
-			let i = new u({
+		}), Object.entries(_).forEach(([n, { value: r }]) => {
+			let i = new y({
 				type: "fact",
 				name: n,
 				value: r
@@ -137,7 +167,7 @@ function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 			let n = e.action;
 			switch (n.type) {
 				case "var":
-					v((e) => {
+					g((e) => {
 						let t = e[n.name];
 						return Object.hasOwn(e, n.name) && t.value === n.value && t.exposed === (n.exposed ?? !1) ? e : {
 							...e,
@@ -148,7 +178,7 @@ function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 						};
 					});
 					return;
-				case "fact": S((e) => {
+				case "fact": b((e) => {
 					let t = e[n.name];
 					return Object.hasOwn(e, n.name) && t.value === n.value ? e : {
 						...e,
@@ -161,44 +191,69 @@ function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 		};
 	}, [
 		e,
-		h,
-		y
+		m,
+		_
 	]);
-	let T = i(() => ({
+	let x = i(() => ({
 		engine: e,
-		vars: g,
-		facts: x,
+		vars: h,
+		facts: v,
 		layouts: o,
 		defaultLayout: l,
-		tiles: d
+		tiles: u
 	}), [
 		e,
-		g,
-		x,
+		h,
+		v,
 		o,
 		l,
-		d
+		u
 	]);
-	return /* @__PURE__ */ s(b.Provider, {
-		value: T,
-		children: /* @__PURE__ */ c(C, {
-			layout: f,
-			children: [/* @__PURE__ */ s(w, { content: p }), m]
+	return /* @__PURE__ */ s(k.Provider, {
+		value: x,
+		children: /* @__PURE__ */ c(F, {
+			layout: d,
+			children: [/* @__PURE__ */ s(L, { content: f }), p]
 		})
 	});
 }
 //#endregion
 //#region lib/useDashboardState.ts
-function E(e, t = []) {
-	let { engine: i } = n(b), [o, s] = a(t);
-	return r(() => {
-		let t = _(), n = new AbortController(), r = n.signal;
-		return i.addEventListener("state", (e) => {
-			e.id === t && s(e.state);
-		}, { signal: r }), i.registerReducer(t, e), () => {
-			n.abort(), i.removeReducer(t);
+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);
 		};
-	}, [e, i]), o;
+	}, [o, i]), c;
 }
 //#endregion
-export { T as Dashboard, b as DashboardContext, x as DashboardError, C as DashboardLayout, w as DashboardTiles, S as getKey, E as useDashboardState };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/react",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"
@@ -70,6 +70,7 @@
     "@rotorjs/dashboards": "^0.12.0"
   },
   "dependencies": {
+    "fast-deep-equal": "^3.1.3",
     "uuid": "^14.0.0"
   }
 }