@rotorjs/jpl-react 0.0.0

package/dist/JPLLayout.d.ts

@@ -0,0 +1,3 @@
+import { JPLDashboardLayoutNode } from '@rotorjs/jpl';
+import { PropsWithChildren } from 'react';
+export declare function JPLLayout({ src, children, }: PropsWithChildren<JPLDashboardLayoutNode>): import("react/jsx-runtime").JSX.Element | null;

package/dist/JPLTile.d.ts

@@ -0,0 +1,2 @@
+import { JPLDashboardTileNode } from '@rotorjs/jpl';
+export declare function JPLTile({ src }: JPLDashboardTileNode): import("react/jsx-runtime").JSX.Element;

package/dist/main.d.ts

@@ -0,0 +1,3 @@
+export * from './JPLLayout';
+export * from './JPLTile';
+export * from './nodes';

package/dist/main.js

@@ -0,0 +1,134 @@
+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 } from "react/jsx-runtime";
+//#region node_modules/@rotorjs/react/dist/main.js
+var c = [];
+for (let e = 0; e < 256; ++e) c.push((e + 256).toString(16).slice(1));
+var l = [];
+for (let e = 0; e < 256; ++e) l.push((e + 256).toString(16).slice(1));
+function u(e, t = 0) {
+	return (l[e[t + 0]] + l[e[t + 1]] + l[e[t + 2]] + l[e[t + 3]] + "-" + l[e[t + 4]] + l[e[t + 5]] + "-" + l[e[t + 6]] + l[e[t + 7]] + "-" + l[e[t + 8]] + l[e[t + 9]] + "-" + l[e[t + 10]] + l[e[t + 11]] + l[e[t + 12]] + l[e[t + 13]] + l[e[t + 14]] + l[e[t + 15]]).toLowerCase();
+}
+var d = new Uint8Array(16);
+function f() {
+	return crypto.getRandomValues(d);
+}
+var p = {};
+function m(e, t, n) {
+	let r;
+	if (e) r = g(e.random ?? e.rng?.() ?? f(), e.msecs, e.seq, t, n);
+	else {
+		let e = Date.now(), i = f();
+		h(p, e, i), r = g(i, p.msecs, p.seq, t, n);
+	}
+	return t ?? u(r);
+}
+function h(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 g(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;
+}
+var _ = e(void 0);
+function v({ error: e }) {
+	throw e;
+}
+function y(e, t = 0) {
+	return `${encodeURIComponent(e.type)}:${e.id ? `id:${encodeURIComponent(e.id)}` : `idx:${t}`}`;
+}
+function b({ layout: e, children: r }) {
+	let { layouts: a, defaultLayout: o } = n(_), s = i(() => ({
+		error: v,
+		...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: y(n)
+		});
+	}
+	return /* @__PURE__ */ t(l, {
+		...c,
+		key: y(c)
+	}, r);
+}
+function x({ content: e }) {
+	let { tiles: r } = n(_), a = i(() => ({
+		error: v,
+		...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: y(e, n)
+			});
+		}
+		return /* @__PURE__ */ t(r, {
+			...e,
+			key: y(e, n)
+		});
+	}) });
+}
+function S(e, t = []) {
+	let { engine: i } = n(_), [o, s] = a(t);
+	return r(() => {
+		let t = m(), 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
+//#region lib/JPLLayout.tsx
+var C = [];
+function w({ src: e, children: r }) {
+	let { layouts: a } = n(_), o = S(i(() => ({
+		src: e ?? "",
+		initialState: C
+	}), [e]), C);
+	if (!o.length) return null;
+	if (o.length > 1) {
+		let e = a.error ?? v, n = {
+			type: "error",
+			error: "JPL reducer returned more than one layout node"
+		};
+		return /* @__PURE__ */ t(e, {
+			...n,
+			key: y(n)
+		});
+	}
+	let [c] = o;
+	return /* @__PURE__ */ s(b, {
+		layout: c,
+		children: r
+	});
+}
+//#endregion
+//#region lib/JPLTile.tsx
+var T = [];
+function E({ src: e }) {
+	return /* @__PURE__ */ s(x, { content: S(i(() => ({
+		src: e ?? "",
+		initialState: T
+	}), [e]), T) });
+}
+//#endregion
+//#region lib/nodes.ts
+var D = { jpl: w }, O = { jpl: E };
+//#endregion
+export { w as JPLLayout, E as JPLTile, D as jplLayouts, O as jplTiles };

package/dist/nodes.d.ts

@@ -0,0 +1,3 @@
+import { DashboardLayoutMap, DashboardTileMap } from '@rotorjs/react';
+export declare const jplLayouts: DashboardLayoutMap;
+export declare const jplTiles: DashboardTileMap;

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@rotorjs/jpl-react",
+  "version": "0.0.0",
+  "description": "Rotor",
+  "author": {
+    "name": "Aaron Burmeister"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rotorjs/jpl-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/rotorjs/jpl-react/issues"
+  },
+  "homepage": "https://github.com/rotorjs/",
+  "type": "module",
+  "keywords": [
+    "state",
+    "dashboards",
+    "jpl",
+    "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",
+    "@rotorjs/core": "^0.5.1",
+    "@rotorjs/dashboards": "^0.12.0",
+    "@rotorjs/jpl": "^0.2.0",
+    "@rotorjs/react": "^0.1.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/jpl": "^0.2.0",
+    "@rotorjs/react": "^0.1.0"
+  }
+}