@rotorjs/react 0.0.0

package/dist/Dashboard.d.ts

@@ -0,0 +1,20 @@
+import { DashboardEventTarget, DashboardFact, DashboardVar } from '@rotorjs/dashboards';
+import { ReactNode } from 'react';
+import { DashboardLayoutMap, DashboardLayoutNode } from './DashboardLayoutNode';
+import { DashboardTileMap, DashboardTileNode } from './DashboardTileNode';
+export type DashboardProps = {
+    engine: DashboardEventTarget;
+    initialVars?: {
+        [name: string]: DashboardVar;
+    };
+    initialFacts?: {
+        [name: string]: DashboardFact;
+    };
+    layouts: DashboardLayoutMap;
+    defaultLayout?: DashboardLayoutNode;
+    tiles: DashboardTileMap;
+    layout?: DashboardLayoutNode;
+    content: DashboardTileNode[];
+    children?: ReactNode;
+};
+export declare function Dashboard({ engine, initialVars: rawInitialVars, initialFacts: rawInitialFacts, layouts, defaultLayout, tiles, layout, content, children, }: DashboardProps): import("react/jsx-runtime").JSX.Element;

package/dist/DashboardContext.d.ts

@@ -0,0 +1,16 @@
+import { DashboardEventTarget, DashboardFact, DashboardVar } from '@rotorjs/dashboards';
+import { DashboardLayoutMap, DashboardLayoutNode } from './DashboardLayoutNode';
+import { DashboardTileMap } from './DashboardTileNode';
+export type DashboardContextValue = {
+    engine: DashboardEventTarget;
+    vars: {
+        [name: string]: DashboardVar;
+    };
+    facts: {
+        [name: string]: DashboardFact;
+    };
+    layouts: DashboardLayoutMap;
+    defaultLayout?: DashboardLayoutNode;
+    tiles: DashboardTileMap;
+};
+export declare const DashboardContext: import('react').Context<DashboardContextValue>;

package/dist/DashboardError.d.ts

@@ -0,0 +1,2 @@
+import { ErrorDashboardNode } from '@rotorjs/dashboards';
+export declare function DashboardError({ error }: ErrorDashboardNode): void;

package/dist/DashboardLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { DashboardLayoutNode } from './DashboardLayoutNode';
+export type DashboardLayoutProps = {
+    layout?: DashboardLayoutNode;
+    children: ReactNode;
+};
+export declare function DashboardLayout({ layout, children }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/DashboardLayoutNode.d.ts

@@ -0,0 +1,4 @@
+import { DashboardNode } from '@rotorjs/dashboards';
+import { ComponentType, PropsWithChildren } from 'react';
+export type DashboardLayoutNode = DashboardNode;
+export type DashboardLayoutMap = Record<string, ComponentType<PropsWithChildren<DashboardLayoutNode>>>;

package/dist/DashboardTileNode.d.ts

@@ -0,0 +1,4 @@
+import { DashboardNode } from '@rotorjs/dashboards';
+import { ComponentType } from 'react';
+export type DashboardTileNode = DashboardNode;
+export type DashboardTileMap = Record<string, ComponentType<DashboardTileNode>>;

package/dist/DashboardTiles.d.ts

@@ -0,0 +1,5 @@
+import { DashboardTileNode } from './DashboardTileNode';
+export type DashboardTilesProps = {
+    content: DashboardTileNode[];
+};
+export declare function DashboardTiles({ content }: DashboardTilesProps): import("react/jsx-runtime").JSX.Element;

package/dist/getKey.d.ts

@@ -0,0 +1,2 @@
+import { DashboardNode } from '@rotorjs/dashboards';
+export declare function getKey(node: DashboardNode, index?: number): string;

package/dist/main.d.ts

@@ -0,0 +1,9 @@
+export * from './Dashboard';
+export * from './DashboardContext';
+export * from './DashboardError';
+export * from './DashboardLayout';
+export * from './DashboardLayoutNode';
+export * from './DashboardTileNode';
+export * from './DashboardTiles';
+export * from './getKey';
+export * from './useDashboardState';

package/dist/main.js

@@ -0,0 +1,204 @@
+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 {
+	emitter;
+	constructor(e, t) {
+		super(e, t);
+	}
+}, u = class extends l {
+	#e;
+	constructor(e) {
+		super("action"), this.#e = e;
+	}
+	get action() {
+		return this.#e;
+	}
+}, d = [];
+for (let e = 0; e < 256; ++e) d.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();
+}
+//#endregion
+//#region node_modules/uuid/dist/rng.js
+var m = new Uint8Array(16);
+function h() {
+	return crypto.getRandomValues(m);
+}
+//#endregion
+//#region node_modules/uuid/dist/v7.js
+var g = {};
+function _(e, t, n) {
+	let r;
+	if (e) r = y(e.random ?? e.rng?.() ?? h(), 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);
+	}
+	return t ?? p(r);
+}
+function v(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) {
+	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
+//#region lib/DashboardContext.ts
+var b = e(void 0);
+//#endregion
+//#region lib/DashboardError.tsx
+function x({ error: e }) {
+	throw e;
+}
+//#endregion
+//#region lib/getKey.ts
+function S(e, t = 0) {
+	return `${encodeURIComponent(e.type)}:${e.id ? `id:${encodeURIComponent(e.id)}` : `idx:${t}`}`;
+}
+//#endregion
+//#region lib/DashboardLayout.tsx
+function C({ layout: e, children: r }) {
+	let { layouts: a, defaultLayout: o } = n(b), s = i(() => ({
+		error: x,
+		...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);
+}
+//#endregion
+//#region lib/DashboardTiles.tsx
+function w({ content: e }) {
+	let { tiles: r } = n(b), a = i(() => ({
+		error: x,
+		...r
+	}), [r]);
+	return /* @__PURE__ */ s(o, { children: e.map((e, n) => {
+		if (!e) 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, {
+			...e,
+			key: S(e, 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);
+	r(() => {
+		let t = _(), n = new AbortController(), r = n.signal;
+		return Object.entries(h).forEach(([n, { value: r, exposed: i }]) => {
+			let a = new u({
+				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({
+				type: "fact",
+				name: n,
+				value: r
+			});
+			i.emitter = t, e.dispatchEvent(i);
+		}), e.addEventListener("action", (e) => {
+			if (e.emitter === t) return;
+			let n = e.action;
+			switch (n.type) {
+				case "var":
+					v((e) => {
+						let t = e[n.name];
+						return Object.hasOwn(e, n.name) && t.value === n.value && t.exposed === (n.exposed ?? !1) ? e : {
+							...e,
+							[n.name]: {
+								value: n.value,
+								exposed: n.exposed ?? !1
+							}
+						};
+					});
+					return;
+				case "fact": S((e) => {
+					let t = e[n.name];
+					return Object.hasOwn(e, n.name) && t.value === n.value ? e : {
+						...e,
+						[n.name]: { value: n.value }
+					};
+				});
+			}
+		}, { signal: r }), () => {
+			n.abort();
+		};
+	}, [
+		e,
+		h,
+		y
+	]);
+	let T = i(() => ({
+		engine: e,
+		vars: g,
+		facts: x,
+		layouts: o,
+		defaultLayout: l,
+		tiles: d
+	}), [
+		e,
+		g,
+		x,
+		o,
+		l,
+		d
+	]);
+	return /* @__PURE__ */ s(b.Provider, {
+		value: T,
+		children: /* @__PURE__ */ c(C, {
+			layout: f,
+			children: [/* @__PURE__ */ s(w, { content: p }), m]
+		})
+	});
+}
+//#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);
+		};
+	}, [e, i]), o;
+}
+//#endregion
+export { T as Dashboard, b as DashboardContext, x as DashboardError, C as DashboardLayout, w as DashboardTiles, S as getKey, E as useDashboardState };

package/dist/useDashboardState.d.ts

@@ -0,0 +1,2 @@
+import { DashboardReducerInit, DashboardState } from '@rotorjs/dashboards';
+export declare function useDashboardState(init: DashboardReducerInit, initialState?: DashboardState): DashboardState;

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@rotorjs/react",
+  "version": "0.0.0",
+  "description": "Rotor",
+  "author": {
+    "name": "Aaron Burmeister"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rotorjs/react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/rotorjs/react/issues"
+  },
+  "homepage": "https://github.com/rotorjs/",
+  "type": "module",
+  "keywords": [
+    "state",
+    "dashboards",
+    "react"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/main.d.ts",
+        "default": "./dist/main.js"
+      }
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b ./tsconfig-build.json && vite build",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "npm run lint -- --fix",
+    "prettify": "prettier . --write",
+    "preview": "vite preview",
+    "postversion": "git commit -am$npm_package_version",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@jplorg/jpl": "^2.0.0",
+    "@rotorjs/core": "^0.5.1",
+    "@rotorjs/dashboards": "^0.11.0",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^10.3.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import-x": "^4.16.2",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.6.0",
+    "prettier": "^3.8.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.59.3",
+    "unplugin-dts": "^1.0.0",
+    "vite": "^8.0.12"
+  },
+  "peerDependencies": {
+    "@rotorjs/core": "^0.5.0",
+    "@rotorjs/dashboards": "^0.11.0"
+  },
+  "dependencies": {
+    "uuid": "^14.0.0"
+  }
+}