@rotorjs/react 0.0.0 → 0.2.0

package/dist/Dashboard.d.ts

@@ -1,7 +1,6 @@
-import { DashboardEventTarget, DashboardFact, DashboardVar } from '@rotorjs/dashboards';
+import { DashboardEventTarget, DashboardFact, DashboardLayoutNode, DashboardTileNode, DashboardVar } from '@rotorjs/dashboards';
 import { ReactNode } from 'react';
-import { DashboardLayoutMap, DashboardLayoutNode } from './DashboardLayoutNode';
-import { DashboardTileMap, DashboardTileNode } from './DashboardTileNode';
+import { DashboardLayoutMap, DashboardTileMap } from './DashboardContext';
 export type DashboardProps = {
     engine: DashboardEventTarget;
     initialVars?: {

package/dist/DashboardContext.d.ts

@@ -1,6 +1,7 @@
-import { DashboardEventTarget, DashboardFact, DashboardVar } from '@rotorjs/dashboards';
-import { DashboardLayoutMap, DashboardLayoutNode } from './DashboardLayoutNode';
-import { DashboardTileMap } from './DashboardTileNode';
+import { DashboardEventTarget, DashboardFact, DashboardLayoutNode, DashboardTileNode, DashboardVar } from '@rotorjs/dashboards';
+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;
     vars: {

package/dist/DashboardLayout.d.ts

@@ -1,5 +1,5 @@
+import { DashboardLayoutNode } from '@rotorjs/dashboards';
 import { ReactNode } from 'react';
-import { DashboardLayoutNode } from './DashboardLayoutNode';
 export type DashboardLayoutProps = {
     layout?: DashboardLayoutNode;
     children: ReactNode;

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/DashboardTiles.d.ts

@@ -1,4 +1,4 @@
-import { DashboardTileNode } from './DashboardTileNode';
+import { DashboardTileNode } from '@rotorjs/dashboards';
 export type DashboardTilesProps = {
     content: DashboardTileNode[];
 };

package/dist/main.d.ts

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

package/dist/main.js

@@ -64,56 +64,74 @@ function S(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 = {
+		type: "error",
+		id: e,
+		error: r
+	};
+	return /* @__PURE__ */ s(C.Provider, {
+		value: w,
+		children: /* @__PURE__ */ t(o, {
+			...c,
+			key: S(c)
+		}, i)
+	});
+}
+//#endregion
 //#region lib/DashboardLayout.tsx
-function C({ layout: e, children: r }) {
-	let { layouts: a, defaultLayout: o } = n(b), s = i(() => ({
+function E({ layout: e, children: r }) {
+	let { layouts: a, defaultLayout: o } = n(b), c = 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);
+	}), [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, {
+		value: d,
+		children: /* @__PURE__ */ t(f, {
+			...l,
+			key: S(l)
+		}, r)
+	}) : /* @__PURE__ */ s(T, {
+		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 = {
+		type: "error",
+		id: e,
+		error: r
+	};
+	return /* @__PURE__ */ t(a, {
+		...o,
+		key: S(o)
+	});
 }
 //#endregion
 //#region lib/DashboardTiles.tsx
-function w({ content: e }) {
+function O({ 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;
+		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)
-		});
+		}) : /* @__PURE__ */ s(D, { error: `Invalid tile type "${e.type}"` }, S({ 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 }) {
+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);
 	r(() => {
 		let t = _(), n = new AbortController(), r = n.signal;
@@ -164,7 +182,7 @@ function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 		h,
 		y
 	]);
-	let T = i(() => ({
+	let C = i(() => ({
 		engine: e,
 		vars: g,
 		facts: x,
@@ -180,16 +198,16 @@ function T({ engine: e, initialVars: t, initialFacts: n, layouts: o, defaultLayo
 		d
 	]);
 	return /* @__PURE__ */ s(b.Provider, {
-		value: T,
-		children: /* @__PURE__ */ c(C, {
+		value: C,
+		children: /* @__PURE__ */ c(E, {
 			layout: f,
-			children: [/* @__PURE__ */ s(w, { content: p }), m]
+			children: [/* @__PURE__ */ s(O, { content: p }), m]
 		})
 	});
 }
 //#endregion
 //#region lib/useDashboardState.ts
-function E(e, t = []) {
+function A(e, t = []) {
 	let { engine: i } = n(b), [o, s] = a(t);
 	return r(() => {
 		let t = _(), n = new AbortController(), r = n.signal;
@@ -201,4 +219,4 @@ function E(e, 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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/react",
-  "version": "0.0.0",
+  "version": "0.2.0",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"
@@ -44,9 +44,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@jplorg/jpl": "^2.0.0",
     "@rotorjs/core": "^0.5.1",
-    "@rotorjs/dashboards": "^0.11.0",
+    "@rotorjs/dashboards": "^0.12.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^6.0.1",
@@ -68,7 +67,7 @@
   },
   "peerDependencies": {
     "@rotorjs/core": "^0.5.0",
-    "@rotorjs/dashboards": "^0.11.0"
+    "@rotorjs/dashboards": "^0.12.0"
   },
   "dependencies": {
     "uuid": "^14.0.0"

package/dist/DashboardLayoutNode.d.ts

@@ -1,4 +0,0 @@
-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

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