@rotorjs/dashboard 0.4.0 → 0.5.0

package/dist/DashboardEnvironment.d.ts

@@ -1,3 +1,4 @@
+import { TypedEventTarget } from '@rotorjs/state';
 import { DashboardEventTarget } from './DashboardEventTarget';
 import { DashboardFact } from './DashboardFact';
 import { DashboardVar } from './DashboardVar';
@@ -8,11 +9,11 @@ export type DashboardEnvironmentInit = {
     facts?: {
         [name: string]: DashboardFact;
     };
-    onVar?: (name: string, value: DashboardVar | undefined) => void;
-    onFact?: (name: string, value: DashboardFact | undefined) => void;
-    signal?: AbortSignal;
 };
-export declare class DashboardEnvironment {
+export declare class DashboardEnvironment extends TypedEventTarget<{
+    var: VarEvent;
+    fact: FactEvent;
+}> {
     #private;
     constructor(target: DashboardEventTarget, init?: DashboardEnvironmentInit);
     get target(): DashboardEventTarget;
@@ -26,3 +27,16 @@ export declare class DashboardEnvironment {
     getFacts(): [name: string, value: DashboardFact][];
     stop(): void;
 }
+export declare class VarEvent extends Event {
+    #private;
+    constructor(name: string, value: unknown, exposed: boolean);
+    get name(): string;
+    get value(): unknown;
+    get exposed(): boolean;
+}
+export declare class FactEvent extends Event {
+    #private;
+    constructor(name: string, value: unknown);
+    get name(): string;
+    get value(): unknown;
+}

package/dist/main.js

@@ -1,32 +1,31 @@
-import { ActionEvent as e, StateConsumer as t, StateEngine as n, StateEventTarget as r, StateReducer as i } from "@rotorjs/state";
-import a from "fast-deep-equal";
-import { v7 as o } from "uuid";
+import { ActionEvent as e, StateConsumer as t, StateEngine as n, StateEventTarget as r, StateReducer as i, TypedEventTarget as a } from "@rotorjs/state";
+import o from "fast-deep-equal";
+import { v7 as s } from "uuid";
 //#region lib/DashboardEnvironment.ts
-var s = class {
+var c = class extends a {
 	#e;
-	#t = o();
+	#t = s();
 	#n;
 	#r;
-	#i;
-	#a = new AbortController();
+	#i = new AbortController();
 	constructor(t, n) {
-		this.#e = t, this.#n = Object.fromEntries(Object.entries(n?.vars ?? {}).map(([e, t]) => [e, Object.freeze(t)])), this.#r = Object.fromEntries(Object.entries(n?.facts ?? {}).map(([e, t]) => [e, Object.freeze(t)])), this.#i = n?.signal;
+		super(), this.#e = t, this.#n = Object.fromEntries(Object.entries(n?.vars ?? {}).map(([e, t]) => [e, Object.freeze(t)])), this.#r = Object.fromEntries(Object.entries(n?.facts ?? {}).map(([e, t]) => [e, Object.freeze(t)]));
 		let r = this.signal;
 		this.target.addEventListener("action", (t) => {
 			if (t.emitter === this.#t) return;
-			let r = t.action;
-			switch (r.type) {
+			let n = t.action;
+			switch (n.type) {
 				case "var": {
-					let e = this.#n[r.name], t = Object.freeze({
-						value: r.value,
-						exposed: r.exposed ?? !1
+					let e = this.#n[n.name], t = Object.freeze({
+						value: n.value,
+						exposed: n.exposed ?? !1
 					});
-					a(e, t) || (this.#n[r.name] = t, n?.onVar?.(r.name, t));
+					o(e, t) || (this.#n[n.name] = t, this.dispatchEvent(new l(n.name, t.value, t.exposed)));
 					return;
 				}
 				case "fact": {
-					let e = this.#r[r.name], t = Object.freeze({ value: r.value });
-					a(e, t) || (this.#r[r.name] = t, n?.onFact?.(r.name, t));
+					let e = this.#r[n.name], t = Object.freeze({ value: n.value });
+					o(e, t) || (this.#r[n.name] = t, this.dispatchEvent(new u(n.name, t.value)));
 					return;
 				}
 				case "sync": Object.entries(this.#n).forEach(([t, { value: n, exposed: r }]) => {
@@ -55,7 +54,7 @@ var s = class {
 		return this.#t;
 	}
 	get signal() {
-		return this.#i ? AbortSignal.any([this.#a.signal, this.#i]) : this.#a.signal;
+		return this.#i.signal;
 	}
 	hasVar(e) {
 		return Object.hasOwn(this.#n, e);
@@ -76,33 +75,62 @@ var s = class {
 		return Object.entries(this.#r);
 	}
 	stop() {
-		this.#a.abort();
+		this.#i.abort();
+	}
+}, l = class extends Event {
+	#e;
+	#t;
+	#n;
+	constructor(e, t, n) {
+		super("var"), this.#e = e, this.#t = t, this.#n = n;
+	}
+	get name() {
+		return this.#e;
+	}
+	get value() {
+		return this.#t;
+	}
+	get exposed() {
+		return this.#n;
+	}
+}, u = class extends Event {
+	#e;
+	#t;
+	constructor(e, t) {
+		super("fact"), this.#e = e, this.#t = t;
+	}
+	get name() {
+		return this.#e;
+	}
+	get value() {
+		return this.#t;
 	}
 };
 //#endregion
 //#region lib/interests.ts
-function c(e) {
+function d(e) {
 	return `dashboard://var/${encodeURIComponent(e)}`;
 }
-function l(e) {
+function f(e) {
 	return `dashboard://fact/${encodeURIComponent(e)}`;
 }
 //#endregion
 //#region lib/DashboardEngine.ts
-var u = class extends n {
+var p = class extends n {
 	#e;
 	#t;
 	constructor(e, t, n) {
-		super(e), this.#e = t, this.#t = new s(this.target, {
+		super(e), this.#e = t, this.#t = new c(this.target, {
 			vars: n?.vars,
-			facts: n?.facts,
-			onVar: (e) => {
-				this.target.dispatchInterest(c(e));
-			},
-			onFact: (e) => {
-				this.target.dispatchInterest(l(e));
-			},
-			signal: this.signal
+			facts: n?.facts
+		});
+		let r = this.signal;
+		this.#t.addEventListener("var", (e) => {
+			this.target.dispatchInterest(d(e.name));
+		}, { signal: r }), this.#t.addEventListener("fact", (e) => {
+			this.target.dispatchInterest(f(e.name));
+		}, { signal: r }), r.addEventListener("abort", () => {
+			this.#t.stop();
 		});
 	}
 	hasVar(e) {
@@ -127,7 +155,7 @@ var u = class extends n {
 	createReducer(e) {
 		return this.getReducerConfig(e).createReducer(this, e);
 	}
-}, d = class extends r {
+}, m = class extends r {
 	dispatchVar(e, t, n) {
 		this.dispatchAction({
 			type: "var",
@@ -146,7 +174,7 @@ var u = class extends n {
 	sync() {
 		this.dispatchAction({ type: "sync" });
 	}
-}, f = class extends t {
+}, h = class extends t {
 	constructor(e, t, n) {
 		super(e, t, n), this.target.addEventListener("action", (e) => {
 			switch (e.action.type) {
@@ -157,20 +185,20 @@ var u = class extends n {
 		}, { signal: this.signal });
 	}
 	compareStates(e, t) {
-		return a(e, t);
+		return o(e, t);
 	}
-}, p = class extends i {
+}, g = class extends i {
 	recover(e, t) {
 		return [{
 			type: "error",
-			id: o(),
+			id: s(),
 			error: t
 		}];
 	}
 	compareStates(e, t) {
-		return a(e, t);
+		return o(e, t);
 	}
-}, m = "locale", h = class {
+}, _ = "locale", v = class {
 	#e;
 	constructor(e) {
 		this.#e = e ?? {};
@@ -178,19 +206,19 @@ var u = class extends n {
 	getLocale(e) {
 		if (e?.locale) return e.locale;
 		if (this.#e?.locale) return this.#e.locale;
-		let t = this.#e?.reducer?.engine.getFact(m)?.value;
-		return this.#e?.reducer?.addInterest(l(m)), typeof t == "string" ? t : void 0;
+		let t = this.#e?.reducer?.engine.getFact(_)?.value;
+		return this.#e?.reducer?.addInterest(f(_)), typeof t == "string" ? t : void 0;
 	}
 	getFormat(e) {
 		return new Intl.NumberFormat(this.getLocale(e));
 	}
 	format(e, t) {
 		switch (t?.type) {
-			default: return g(this.getFormat(t).format(e), t);
+			default: return y(this.getFormat(t).format(e), t);
 		}
 	}
 };
-function g(e, t) {
+function y(e, t) {
 	let n;
 	if (n = typeof t?.unit == "string" ? t.unit : t?.unit?.value, !n) return e;
 	let r;
@@ -208,4 +236,4 @@ function g(e, t) {
 	}
 }
 //#endregion
-export { u as DashboardEngine, d as DashboardEventTarget, f as DashboardStateConsumer, p as DashboardStateReducer, h as NumberFormatter, l as dashboardFactInterest, m as dashboardLocaleFact, c as dashboardVarInterest };
+export { p as DashboardEngine, m as DashboardEventTarget, h as DashboardStateConsumer, g as DashboardStateReducer, v as NumberFormatter, f as dashboardFactInterest, _ as dashboardLocaleFact, d as dashboardVarInterest };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotorjs/dashboard",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Rotor",
   "author": {
     "name": "Aaron Burmeister"