@rotorjs/react 0.2.0 → 0.2.1

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,72 +61,75 @@ 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/DashboardLayoutContext.ts
-var C = e(void 0), w = { type: "error" };
-function T({ id: e, error: r, children: i }) {
-	let { layouts: a } = n(b), o = a.error ?? x, c = {
+//#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(C.Provider, {
-		value: w,
+	return /* @__PURE__ */ s(j.Provider, {
+		value: N,
 		children: /* @__PURE__ */ t(o, {
 			...c,
-			key: S(c)
+			key: M(c)
 		}, i)
 	});
 }
 //#endregion
 //#region lib/DashboardLayout.tsx
-function E({ layout: e, children: r }) {
-	let { layouts: a, defaultLayout: o } = n(b), c = i(() => ({
-		error: x,
+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(C.Provider, {
+	return f ? /* @__PURE__ */ s(j.Provider, {
 		value: d,
 		children: /* @__PURE__ */ t(f, {
 			...l,
-			key: S(l)
+			key: M(l)
 		}, r)
-	}) : /* @__PURE__ */ s(T, {
+	}) : /* @__PURE__ */ s(P, {
 		error: `Invalid layout type "${l.type}"`,
 		children: r
 	});
 }
 //#endregion
 //#region lib/DashboardTileError.tsx
-function D({ id: e, error: r }) {
-	let { tiles: i } = n(b), a = i.error ?? x, o = {
+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: S(o)
+		key: M(o)
 	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
-function O({ 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) => {
@@ -125,26 +137,26 @@ function O({ content: e }) {
 		let r = a[e.type];
 		return r ? /* @__PURE__ */ t(r, {
 			...e,
-			key: S(e, n)
-		}) : /* @__PURE__ */ s(D, { error: `Invalid tile type "${e.type}"` }, S({ type: "error" }, n));
+			key: M(e, n)
+		}) : /* @__PURE__ */ s(I, { error: `Invalid tile type "${e.type}"` }, M({ type: "error" }, n));
 	}) });
 }
 //#endregion
 //#region lib/Dashboard.tsx
-function k({ 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
@@ -155,7 +167,7 @@ function k({ 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,
@@ -166,7 +178,7 @@ function k({ 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,
@@ -179,44 +191,69 @@ function k({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 		};
 	}, [
 		e,
-		h,
-		y
+		m,
+		_
 	]);
-	let C = 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: C,
-		children: /* @__PURE__ */ c(E, {
-			layout: f,
-			children: [/* @__PURE__ */ s(O, { 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 A(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 { k as Dashboard, b as DashboardContext, x as DashboardError, E as DashboardLayout, C as DashboardLayoutContext, T as DashboardLayoutError, D as DashboardTileError, O as DashboardTiles, S as getKey, A 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.2.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"
   }
 }