@unbndl/store 1.0.1 → 1.0.7

package/dist/store/src/fromStore.d.ts

@@ -0,0 +1 @@
+export declare function fromStore<M extends object>(target: HTMLElement, contextLabel?: string): import('@unbndl/view').Source<M>;

package/dist/store/src/index.d.ts

@@ -0,0 +1,2 @@
+export * as Store from './store';
+export * from './fromStore';

package/dist/store/src/store.d.ts

@@ -0,0 +1,18 @@
+import { Context } from '@unbndl/html';
+import { Auth } from '@unbndl/auth';
+import { Message, Provider, Service } from '@unbndl/service';
+declare const STORE_CONTEXT_DEFAULT = "context:store";
+type UpdateFn<M extends object, Msg extends Message.Base, Cmd extends Message.Base> = (model: M, message: Msg | Cmd) => M | Message.Async<M, Cmd>;
+type AuthorizedUpdateFn<M extends object, Msg extends Message.Base, Cmd extends Message.Base> = (model: M, message: Msg | Cmd, auth: Auth.Model) => M | Message.Async<M, Cmd>;
+declare class StoreService<M extends object, Msg extends Message.Base, Cmd extends Message.Base> extends Service<Msg | Cmd, M> {
+    static EVENT_TYPE: string;
+    constructor(context: Context<M>, update: UpdateFn<M, Msg, Cmd>);
+}
+declare class StoreProvider<M extends object, Msg extends Message.Base, Cmd extends Message.Base> extends Provider<M> {
+    viewModel: import('@unbndl/view').ViewModel<Auth.Model>;
+    _updateFn: AuthorizedUpdateFn<M, Msg, Cmd>;
+    constructor(updateFn: AuthorizedUpdateFn<M, Msg, Cmd>, init: M);
+    connectedCallback(): void;
+}
+declare function dispatch<Msg extends Message.Base>(target: HTMLElement, message: Msg): void;
+export { STORE_CONTEXT_DEFAULT as CONTEXT_DEFAULT, StoreProvider as Provider, StoreService as Service, dispatch };

package/dist/store.d.ts

@@ -0,0 +1,2 @@
+export * from './store/src/index'
+export {}

package/dist/store.js

@@ -85,7 +85,7 @@ var ee = u(), te = class extends CustomEvent {
 };
 function d(e, ...t) {
 	let n = { execute() {
-		e(...t.map((e) => e instanceof p ? e.open(n) : e)), t.forEach((e) => e instanceof p && e.close());
+		console.log("▶️ Executing created effect:", t, e), e(...t.map((e) => e.open(n))), t.forEach((e) => e.close());
 	} };
 	n.execute();
 }
@@ -132,7 +132,7 @@ var f = class e {
 		n && f.scheduler.subscribe(t, e, n);
 	}
 	runEffects(e, t) {
-		if (f.scheduler.scheduleEffects(t, e), this.host) {
+		if (console.log("⚙️ Running effects for signal", e, t), f.scheduler.scheduleEffects(t, e), this.host) {
 			let n = new te(this.eventType, {
 				property: e,
 				value: t[e]
@@ -157,7 +157,7 @@ var f = class e {
 		this.proxy[e] = t;
 	}
 	toObject() {
-		return this.object;
+		return this.proxy;
 	}
 	update(e) {
 		Object.assign(this.proxy, e);
@@ -201,7 +201,7 @@ function m(e) {
 		default: return !1;
 	}
 }
-var ie = class {
+var h = class {
 	constructor(e, ...t) {
 		this.effectFn = () => e(...t);
 	}
@@ -209,17 +209,17 @@ var ie = class {
 		this.effectFn();
 	}
 };
-function ae(e, t) {
+function g(e, t) {
 	return Object.assign(e, { render: t }), e;
 }
-function oe(e, t, ...n) {
+function _(e, t, ...n) {
 	let r = e.cloneNode(!0);
 	return Array.from(t.entries()).forEach(([e, t]) => {
 		let i = r.querySelector(`[data-${e}]`);
 		i && t.forEach((e) => e(i, r, ...n));
 	}), r;
 }
-var se = class e {
+var v = class e {
 	static {
 		this.parser = new DOMParser();
 	}
@@ -255,7 +255,7 @@ var se = class e {
 				}
 			});
 		}
-		return ae(s, (...e) => oe(s, c, ...e));
+		return g(s, (...e) => _(s, c, ...e));
 	}
 	static {
 		this.OPEN_RE = /<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/;
@@ -294,35 +294,35 @@ var se = class e {
 		let n = this.plugins;
 		for (let r = 0; r < n.length; r++) {
 			let i = n[r];
-			if (e.kind === i.place && ce(t, i)) return i.mutator(e, t);
+			if (e.kind === i.place && y(t, i)) return i.mutator(e, t);
 		}
 	}
 };
-function ce(e, t) {
+function y(e, t) {
 	return typeof t.types == "function" ? t.types(e, t) : t.types.includes(typeof e);
 }
-var h = class {
+var b = class {
 	constructor(e) {
 		this.place = e;
 	}
 	apply(e, t) {
 		throw "abstract method 'apply' called";
 	}
-}, g = class extends h {
+}, x = class extends b {
 	constructor(e, t) {
 		super(e), this.content = t;
 	}
 	apply(e, t) {
 		(e.parentNode || t).replaceChild(this.content, e);
 	}
-}, le = class extends h {
+}, ie = class extends b {
 	constructor(e, t) {
 		super(e), this.text = t, this.name = e.attrName;
 	}
 	apply(e) {
 		e.setAttribute(this.name, this.text);
 	}
-}, _ = class extends h {
+}, ae = class extends b {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
@@ -331,12 +331,12 @@ var h = class {
 		return (e, t, ...r) => {
 			let i = new Comment(` <<< ${n} `), a = new Comment(` >>> ${n} `), o = new DocumentFragment();
 			o.replaceChildren(i, a), (e.parentNode || t).replaceChild(o, e), d((...e) => {
-				v(this.fn(...e), i, a);
+				oe(this.fn(...e), i, a);
 			}, ...r);
 		};
 	}
 };
-function v(e, t, n) {
+function oe(e, t, n) {
 	let r = t.parentNode;
 	if (!r) throw Error("No parent for placeholder");
 	let i = (e) => {
@@ -345,26 +345,24 @@ function v(e, t, n) {
 			return t.replaceChildren(...n), t;
 		} else if (e instanceof Node) return e;
 		else return new Text(e?.toString() || "");
-	}, a = i(e);
-	console.log("📸 Rendered for view:", e, a);
-	let o = t.nextSibling;
+	}, a = i(e), o = t.nextSibling;
 	for (; o && o !== n;) {
 		let e = o;
 		o = o.nextSibling, r.removeChild(e);
 	}
 	a && r.insertBefore(a, n);
 }
-var y = class extends h {
+var se = class extends b {
 	constructor(e, t) {
 		super(e), this.fn = t, this.name = e.attrName;
 	}
 	apply(e, t) {
 		return (e, t, ...n) => d((...t) => {
-			b(this.fn(...t), e, this.name);
+			ce(this.fn(...t), e, this.name);
 		}, ...n);
 	}
 };
-function b(e, t, n) {
+function ce(e, t, n) {
 	let r = n.match(/^([.$])(.+)$/);
 	if (r) {
 		let [n, i, a] = r;
@@ -388,7 +386,7 @@ function b(e, t, n) {
 		default: t.setAttribute(n, e?.toString());
 	}
 }
-var x = class extends h {
+var le = class extends b {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
@@ -399,7 +397,7 @@ var x = class extends h {
 		}, ...n);
 	}
 };
-new se().use([
+new v().use([
 	{
 		place: "element content",
 		types: [
@@ -409,7 +407,7 @@ new se().use([
 			"symbol",
 			"boolean"
 		],
-		mutator: (e, t) => new g(e, new Text(t?.toString() || ""))
+		mutator: (e, t) => new x(e, new Text(t?.toString() || ""))
 	},
 	{
 		place: "attr value",
@@ -419,27 +417,35 @@ new se().use([
 			"bigint",
 			"symbol"
 		],
-		mutator: (e, t) => new le(e, t?.toString() || "")
+		mutator: (e, t) => new ie(e, t?.toString() || "")
 	},
 	{
 		place: "element content",
 		types: (e) => e instanceof Node,
-		mutator: (e, t) => new g(e, t)
+		mutator: (e, t) => new x(e, t)
+	},
+	{
+		place: "element content",
+		types: (e) => Array.isArray(e),
+		mutator: (e, t) => {
+			let n = new DocumentFragment(), r = t.map((e) => e instanceof Node ? e : new Text(e?.toString() || ""));
+			return n.append(...r), new x(e, n);
+		}
 	},
 	{
 		place: "element content",
 		types: ["function"],
-		mutator: (e, t) => new _(e, t)
+		mutator: (e, t) => new ae(e, t)
 	},
 	{
 		place: "attr value",
 		types: ["function"],
-		mutator: (e, t) => new y(e, t)
+		mutator: (e, t) => new se(e, t)
 	},
 	{
 		place: "tag content",
 		types: ["function"],
-		mutator: (e, t) => new x(e, t)
+		mutator: (e, t) => new le(e, t)
 	}
 ]);
 var ue = class e extends HTMLElement {
@@ -510,13 +516,13 @@ var me = class {
 	}
 	attachObserver(e) {
 		let t = this.provider.attach((t) => {
-			let { property: n, value: r } = t.detail, i = new ie(e, {
+			let { property: n, value: r } = t.detail, i = new h(e, {
 				property: n,
 				value: r
 			});
-			this.observed && (this.observed[n] = r, i.execute());
+			console.log("📡Signal received:", n, r), i.execute();
 		});
-		return this.observed = t, t;
+		return console.log("👀 Initial observation:", t), t;
 	}
 }, he = class {
 	constructor(e, t, n = "service:message", r = !0) {
@@ -530,19 +536,22 @@ var me = class {
 		});
 	}
 	start() {
-		this._running || (this._running = !0, this._pending.forEach((e) => this.process(e)));
+		this._running || (console.log(`Starting ${this._eventType} service`), this._running = !0, this._pending.forEach((e) => this.process(e)));
 	}
 	consume(e) {
-		if (e.length === 0) {
+		if (e.length !== 0) {
 			let t = e;
-			this._running ? this.process(t) : this._pending.push(t);
+			this._running ? this.process(t) : (console.log(`📥 Queueing ${this._eventType} message`, e), this._pending.push(t));
 		}
 	}
 	process(e) {
+		console.log(`📤 Processing ${this._eventType} message`, e);
 		let t = this._update(e, this._context.toObject());
-		if (!Array.isArray(t)) return t;
-		let [n, ...r] = t;
-		return r.forEach((e) => e.then((e) => this.consume(e))), n;
+		if (console.log("⏭️ next state: ", t), !Array.isArray(t)) this._context.update(t);
+		else {
+			let [e, ...n] = t;
+			n.forEach((e) => e.then((e) => this.consume(e))), this._context.update(e);
+		}
 	}
 };
 function ge(e, t) {
@@ -589,7 +598,7 @@ var _e = class {
 		super((e, t) => this.update(e, t), t, e.EVENT_TYPE), this._redirectForLogin = n;
 	}
 	update(e, t) {
-		switch (e[0]) {
+		switch (console.log("Auth update", e), e[0]) {
 			case "auth/signin":
 				let { token: n, redirect: r } = e[1];
 				return [D(n), T(r)];
@@ -613,7 +622,7 @@ function T(e, t = {}) {
 function E(e, t = {}) {
 	if (e) {
 		let n = window.location.href, r = new URL(e, n);
-		Object.entries(t).forEach(([e, t]) => r.searchParams.set(e, t)), console.log("Redirecting to ", e), window.location.assign(r);
+		Object.entries(t).forEach(([e, t]) => r.searchParams.set(e, t)), console.log("Auth redirecting to ", e), window.history.pushState({}, "", e), window.history.go();
 	}
 }
 function D(e) {
@@ -673,7 +682,7 @@ var be = P(), xe = class extends CustomEvent {
 };
 function F(e, ...t) {
 	let n = { execute() {
-		e(...t.map((e) => e instanceof L ? e.open(n) : e)), t.forEach((e) => e instanceof L && e.close());
+		console.log("▶️ Executing created effect:", t, e), e(...t.map((e) => e.open(n))), t.forEach((e) => e.close());
 	} };
 	n.execute();
 }
@@ -720,7 +729,7 @@ var I = class e {
 		n && I.scheduler.subscribe(t, e, n);
 	}
 	runEffects(e, t) {
-		if (I.scheduler.scheduleEffects(t, e), this.host) {
+		if (console.log("⚙️ Running effects for signal", e, t), I.scheduler.scheduleEffects(t, e), this.host) {
 			let n = new xe(this.eventType, {
 				property: e,
 				value: t[e]
@@ -745,7 +754,7 @@ var I = class e {
 		this.proxy[e] = t;
 	}
 	toObject() {
-		return this.object;
+		return this.proxy;
 	}
 	update(e) {
 		Object.assign(this.proxy, e);
@@ -910,7 +919,7 @@ var z = class {
 	apply(e) {
 		e.setAttribute(this.name, this.text);
 	}
-}, V = class extends z {
+}, Ae = class extends z {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
@@ -919,12 +928,12 @@ var z = class {
 		return (e, t, ...r) => {
 			let i = new Comment(` <<< ${n} `), a = new Comment(` >>> ${n} `), o = new DocumentFragment();
 			o.replaceChildren(i, a), (e.parentNode || t).replaceChild(o, e), F((...e) => {
-				Ae(this.fn(...e), i, a);
+				je(this.fn(...e), i, a);
 			}, ...r);
 		};
 	}
 };
-function Ae(e, t, n) {
+function je(e, t, n) {
 	let r = t.parentNode;
 	if (!r) throw Error("No parent for placeholder");
 	let i = (e) => {
@@ -933,26 +942,24 @@ function Ae(e, t, n) {
 			return t.replaceChildren(...n), t;
 		} else if (e instanceof Node) return e;
 		else return new Text(e?.toString() || "");
-	}, a = i(e);
-	console.log("📸 Rendered for view:", e, a);
-	let o = t.nextSibling;
+	}, a = i(e), o = t.nextSibling;
 	for (; o && o !== n;) {
 		let e = o;
 		o = o.nextSibling, r.removeChild(e);
 	}
 	a && r.insertBefore(a, n);
 }
-var je = class extends z {
+var Me = class extends z {
 	constructor(e, t) {
 		super(e), this.fn = t, this.name = e.attrName;
 	}
 	apply(e, t) {
 		return (e, t, ...n) => F((...t) => {
-			Me(this.fn(...t), e, this.name);
+			Ne(this.fn(...t), e, this.name);
 		}, ...n);
 	}
 };
-function Me(e, t, n) {
+function Ne(e, t, n) {
 	let r = n.match(/^([.$])(.+)$/);
 	if (r) {
 		let [n, i, a] = r;
@@ -976,7 +983,7 @@ function Me(e, t, n) {
 		default: t.setAttribute(n, e?.toString());
 	}
 }
-var Ne = class extends z {
+var Pe = class extends z {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
@@ -1014,23 +1021,31 @@ new De().use([
 		types: (e) => e instanceof Node,
 		mutator: (e, t) => new B(e, t)
 	},
+	{
+		place: "element content",
+		types: (e) => Array.isArray(e),
+		mutator: (e, t) => {
+			let n = new DocumentFragment(), r = t.map((e) => e instanceof Node ? e : new Text(e?.toString() || ""));
+			return n.append(...r), new B(e, n);
+		}
+	},
 	{
 		place: "element content",
 		types: ["function"],
-		mutator: (e, t) => new V(e, t)
+		mutator: (e, t) => new Ae(e, t)
 	},
 	{
 		place: "attr value",
 		types: ["function"],
-		mutator: (e, t) => new je(e, t)
+		mutator: (e, t) => new Me(e, t)
 	},
 	{
 		place: "tag content",
 		types: ["function"],
-		mutator: (e, t) => new Ne(e, t)
+		mutator: (e, t) => new Pe(e, t)
 	}
 ]);
-var H = class e extends HTMLElement {
+var V = class e extends HTMLElement {
 	static {
 		this.DISCOVERY_EVENT = "un-provider:discover";
 	}
@@ -1042,11 +1057,11 @@ var H = class e extends HTMLElement {
 	}
 	static {
 		document.addEventListener(e.DISCOVERY_EVENT, (e) => {
-			let [t, n] = e.detail, r = Ie(t);
+			let [t, n] = e.detail, r = Le(t);
 			r && n(r);
 		}), document.addEventListener(e.REGISTRY_EVENT, (e) => {
 			let [t, n] = e.detail;
-			Fe(t, n);
+			Ie(t, n);
 		});
 	}
 	constructor(t, n) {
@@ -1068,9 +1083,9 @@ var H = class e extends HTMLElement {
 		this.removeEventListener(e.CHANGE_EVENT, t);
 	}
 };
-function Pe(e, t) {
+function Fe(e, t) {
 	return new Promise((n, r) => {
-		let i = new CustomEvent(H.DISCOVERY_EVENT, {
+		let i = new CustomEvent(V.DISCOVERY_EVENT, {
 			bubbles: !0,
 			composed: !0,
 			detail: [t, (e) => e ? n(e) : r()]
@@ -1078,20 +1093,20 @@ function Pe(e, t) {
 		e.isConnected ? e.dispatchEvent(i) : document.dispatchEvent(i);
 	});
 }
-var U = {};
-function Fe(e, t) {
-	U[e] = t;
+var H = {};
+function Ie(e, t) {
+	H[e] = t;
 }
-function Ie(e) {
-	return U[e];
+function Le(e) {
+	return H[e];
 }
-var Le = class {
+var Re = class {
 	constructor(e) {
 		this.contextLabel = e;
 	}
 	observe(e, t) {
 		return new Promise((n, r) => {
-			this.provider ? n(this.attachObserver(t)) : Pe(e, this.contextLabel).then((e) => {
+			this.provider ? n(this.attachObserver(t)) : Fe(e, this.contextLabel).then((e) => {
 				this.provider = e, n(this.attachObserver(t));
 			}).catch((e) => r(e));
 		});
@@ -1102,11 +1117,11 @@ var Le = class {
 				property: n,
 				value: r
 			});
-			this.observed && (this.observed[n] = r, i.execute());
+			console.log("📡Signal received:", n, r), i.execute();
 		});
-		return this.observed = t, t;
+		return console.log("👀 Initial observation:", t), t;
 	}
-}, Re = class {
+}, ze = class {
 	constructor(e, t, n = "service:message", r = !0) {
 		this._pending = [], this._context = t, this._update = e, this._eventType = n, this._running = r;
 	}
@@ -1118,50 +1133,60 @@ var Le = class {
 		});
 	}
 	start() {
-		this._running || (this._running = !0, this._pending.forEach((e) => this.process(e)));
+		this._running || (console.log(`Starting ${this._eventType} service`), this._running = !0, this._pending.forEach((e) => this.process(e)));
 	}
 	consume(e) {
-		if (e.length === 0) {
+		if (e.length !== 0) {
 			let t = e;
-			this._running ? this.process(t) : this._pending.push(t);
+			this._running ? this.process(t) : (console.log(`📥 Queueing ${this._eventType} message`, e), this._pending.push(t));
 		}
 	}
 	process(e) {
+		console.log(`📤 Processing ${this._eventType} message`, e);
 		let t = this._update(e, this._context.toObject());
-		if (!Array.isArray(t)) return t;
-		let [n, ...r] = t;
-		return r.forEach((e) => e.then((e) => this.consume(e))), n;
+		if (console.log("⏭️ next state: ", t), !Array.isArray(t)) this._context.update(t);
+		else {
+			let [e, ...n] = t;
+			n.forEach((e) => e.then((e) => this.consume(e))), this._context.update(e);
+		}
 	}
-}, ze = class {
+};
+function Be(e, t) {
+	return new Ve(e, t);
+}
+var Ve = class {
 	constructor(e, t) {
-		this.client = e, this.observer = new Le(t);
+		this.client = e, this.observer = new Re(t);
 	}
 	start(e) {
 		return this.observer.observe(this.client, (t) => {
 			e(t.property, t.value);
 		});
 	}
-}, W = class {
+}, U = class {
 	constructor(e, t) {
-		this.origin = e;
-		let n = Be(t).map(([e, t]) => [t, e]);
+		this.initialized = !1, this.origin = e;
+		let n = He(t).map(([e, t]) => [t, e]);
 		this.inverse = Object.fromEntries(n);
 	}
 	mapObservation(e) {
-		let t = Object.entries(e);
-		return Object.fromEntries(t.map(([e, t]) => [this.inverse[e], t]).filter((e) => e.length > 0));
+		let t = Object.entries(e).map(([e, t]) => {
+			let n = this.inverse[e];
+			return n ? [n, t] : [];
+		});
+		return Object.fromEntries(t.filter((e) => e.length > 0));
 	}
 	start(e) {
 		return this.origin.start((t, n) => {
 			let r = this.inverse[t];
-			e(r, n);
-		}).then((e) => this.mapObservation(e));
+			e(r, n), this.initialized = !0;
+		}).then((e) => this.initialized ? {} : this.mapObservation(e));
 	}
 };
-function Be(e) {
+function He(e) {
 	return Object.entries(e).map(([e, t]) => [e, t]);
 }
-var Ve = class extends CustomEvent {
+var Ue = class extends CustomEvent {
 	constructor(e, t) {
 		super(e, {
 			bubbles: !0,
@@ -1171,13 +1196,13 @@ var Ve = class extends CustomEvent {
 		});
 	}
 };
-function G(e, ...t) {
+function W(e, ...t) {
 	let n = { execute() {
-		e(...t.map((e) => e instanceof q ? e.open(n) : e)), t.forEach((e) => e instanceof q && e.close());
+		console.log("▶️ Executing created effect:", t, e), e(...t.map((e) => e.open(n))), t.forEach((e) => e.close());
 	} };
 	n.execute();
 }
-var K = class e {
+var G = class e {
 	constructor() {
 		this.signals = /* @__PURE__ */ new WeakMap(), this.scheduled = /* @__PURE__ */ new WeakSet();
 	}
@@ -1198,7 +1223,7 @@ var K = class e {
 			this.scheduled.delete(e), e.execute();
 		}));
 	}
-}, He = class {
+}, We = class {
 	constructor() {
 		this.running = [], this.eventType = "un-effect:change";
 	}
@@ -1217,11 +1242,11 @@ var K = class e {
 	}
 	subscribe(e, t) {
 		let n = this.current();
-		n && K.scheduler.subscribe(t, e, n);
+		n && G.scheduler.subscribe(t, e, n);
 	}
 	runEffects(e, t) {
-		if (K.scheduler.scheduleEffects(t, e), this.host) {
-			let n = new Ve(this.eventType, {
+		if (console.log("⚙️ Running effects for signal", e, t), G.scheduler.scheduleEffects(t, e), this.host) {
+			let n = new Ue(this.eventType, {
 				property: e,
 				value: t[e]
 			});
@@ -1231,12 +1256,12 @@ var K = class e {
 	setHost(e, t) {
 		this.host = e, t && (this.eventType = t);
 	}
-}, q = class {
+}, K = class {
 	static {
 		this.CHANGE_EVENT_TYPE = "un-context:change";
 	}
 	constructor(e, t) {
-		t ? (this.manager = t.manager, this.object = t.object, this.proxy = t.proxy, this.update(e)) : (this.manager = new He(), this.object = e, this.proxy = Ue(this.object, this.manager));
+		t ? (this.manager = t.manager, this.object = t.object, this.proxy = t.proxy, this.update(e)) : (this.manager = new We(), this.object = e, this.proxy = Ge(this.object, this.manager));
 	}
 	get(e) {
 		return this.proxy[e];
@@ -1245,7 +1270,7 @@ var K = class e {
 		this.proxy[e] = t;
 	}
 	toObject() {
-		return this.object;
+		return this.proxy;
 	}
 	update(e) {
 		Object.assign(this.proxy, e);
@@ -1254,7 +1279,7 @@ var K = class e {
 		this.update(e(this.proxy));
 	}
 	createEffect(e) {
-		G(e, this);
+		W(e, this);
 	}
 	setHost(e, t) {
 		this.manager.setHost(e, t);
@@ -1266,19 +1291,19 @@ var K = class e {
 		this.manager.pop();
 	}
 };
-function Ue(e, t) {
+function Ge(e, t) {
 	return new Proxy(e, {
 		get: (e, n, r) => {
 			let i = Reflect.get(e, n, r);
-			return t.isRunning() && J(i) && t.subscribe(n, e), i;
+			return t.isRunning() && q(i) && t.subscribe(n, e), i;
 		},
 		set: (e, n, r, i) => {
 			let a = Reflect.set(e, n, r, i);
-			return a && J(r) && t.runEffects(n, e), a;
+			return a && q(r) && t.runEffects(n, e), a;
 		}
 	});
 }
-function J(e) {
+function q(e) {
 	switch (typeof e) {
 		case "object":
 		case "number":
@@ -1289,17 +1314,17 @@ function J(e) {
 		default: return !1;
 	}
 }
-function We(e, t) {
+function Ke(e, t) {
 	return Object.assign(e, { render: t }), e;
 }
-function Ge(e, t, ...n) {
+function qe(e, t, ...n) {
 	let r = e.cloneNode(!0);
 	return Array.from(t.entries()).forEach(([e, t]) => {
 		let i = r.querySelector(`[data-${e}]`);
 		i && t.forEach((e) => e(i, r, ...n));
 	}), r;
 }
-var Ke = class e {
+var Je = class e {
 	static {
 		this.parser = new DOMParser();
 	}
@@ -1335,7 +1360,7 @@ var Ke = class e {
 				}
 			});
 		}
-		return We(s, (...e) => Ge(s, c, ...e));
+		return Ke(s, (...e) => qe(s, c, ...e));
 	}
 	static {
 		this.OPEN_RE = /<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/;
@@ -1374,35 +1399,35 @@ var Ke = class e {
 		let n = this.plugins;
 		for (let r = 0; r < n.length; r++) {
 			let i = n[r];
-			if (e.kind === i.place && qe(t, i)) return i.mutator(e, t);
+			if (e.kind === i.place && Ye(t, i)) return i.mutator(e, t);
 		}
 	}
 };
-function qe(e, t) {
+function Ye(e, t) {
 	return typeof t.types == "function" ? t.types(e, t) : t.types.includes(typeof e);
 }
-var Y = class {
+var J = class {
 	constructor(e) {
 		this.place = e;
 	}
 	apply(e, t) {
 		throw "abstract method 'apply' called";
 	}
-}, X = class extends Y {
+}, Y = class extends J {
 	constructor(e, t) {
 		super(e), this.content = t;
 	}
 	apply(e, t) {
 		(e.parentNode || t).replaceChild(this.content, e);
 	}
-}, Je = class extends Y {
+}, Xe = class extends J {
 	constructor(e, t) {
 		super(e), this.text = t, this.name = e.attrName;
 	}
 	apply(e) {
 		e.setAttribute(this.name, this.text);
 	}
-}, Ye = class extends Y {
+}, Ze = class extends J {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
@@ -1410,13 +1435,13 @@ var Y = class {
 		let n = this.place.nodeLabel;
 		return (e, t, ...r) => {
 			let i = new Comment(` <<< ${n} `), a = new Comment(` >>> ${n} `), o = new DocumentFragment();
-			o.replaceChildren(i, a), (e.parentNode || t).replaceChild(o, e), G((...e) => {
-				Xe(this.fn(...e), i, a);
+			o.replaceChildren(i, a), (e.parentNode || t).replaceChild(o, e), W((...e) => {
+				Qe(this.fn(...e), i, a);
 			}, ...r);
 		};
 	}
 };
-function Xe(e, t, n) {
+function Qe(e, t, n) {
 	let r = t.parentNode;
 	if (!r) throw Error("No parent for placeholder");
 	let i = (e) => {
@@ -1425,26 +1450,24 @@ function Xe(e, t, n) {
 			return t.replaceChildren(...n), t;
 		} else if (e instanceof Node) return e;
 		else return new Text(e?.toString() || "");
-	}, a = i(e);
-	console.log("📸 Rendered for view:", e, a);
-	let o = t.nextSibling;
+	}, a = i(e), o = t.nextSibling;
 	for (; o && o !== n;) {
 		let e = o;
 		o = o.nextSibling, r.removeChild(e);
 	}
 	a && r.insertBefore(a, n);
 }
-var Ze = class extends Y {
+var $e = class extends J {
 	constructor(e, t) {
 		super(e), this.fn = t, this.name = e.attrName;
 	}
 	apply(e, t) {
-		return (e, t, ...n) => G((...t) => {
-			Qe(this.fn(...t), e, this.name);
+		return (e, t, ...n) => W((...t) => {
+			et(this.fn(...t), e, this.name);
 		}, ...n);
 	}
 };
-function Qe(e, t, n) {
+function et(e, t, n) {
 	let r = n.match(/^([.$])(.+)$/);
 	if (r) {
 		let [n, i, a] = r;
@@ -1453,7 +1476,7 @@ function Qe(e, t, n) {
 				t[a] = e;
 				break;
 			case "$":
-				"viewModel" in t && t.viewModel instanceof q && t.viewModel.set(a, e);
+				"viewModel" in t && t.viewModel instanceof K && t.viewModel.set(a, e);
 				break;
 		}
 	} else switch (typeof e) {
@@ -1468,18 +1491,18 @@ function Qe(e, t, n) {
 		default: t.setAttribute(n, e?.toString());
 	}
 }
-var $e = class extends Y {
+var X = class extends J {
 	constructor(e, t) {
 		super(e), this.fn = t;
 	}
 	apply(e, t) {
-		return (e, t, ...n) => G((...t) => {
+		return (e, t, ...n) => W((...t) => {
 			let n = this.fn(...t);
 			typeof n == "function" && n(e);
 		}, ...n);
 	}
 };
-new Ke().use([
+new Je().use([
 	{
 		place: "element content",
 		types: [
@@ -1489,7 +1512,7 @@ new Ke().use([
 			"symbol",
 			"boolean"
 		],
-		mutator: (e, t) => new X(e, new Text(t?.toString() || ""))
+		mutator: (e, t) => new Y(e, new Text(t?.toString() || ""))
 	},
 	{
 		place: "attr value",
@@ -1499,30 +1522,38 @@ new Ke().use([
 			"bigint",
 			"symbol"
 		],
-		mutator: (e, t) => new Je(e, t?.toString() || "")
+		mutator: (e, t) => new Xe(e, t?.toString() || "")
 	},
 	{
 		place: "element content",
 		types: (e) => e instanceof Node,
-		mutator: (e, t) => new X(e, t)
+		mutator: (e, t) => new Y(e, t)
+	},
+	{
+		place: "element content",
+		types: (e) => Array.isArray(e),
+		mutator: (e, t) => {
+			let n = new DocumentFragment(), r = t.map((e) => e instanceof Node ? e : new Text(e?.toString() || ""));
+			return n.append(...r), new Y(e, n);
+		}
 	},
 	{
 		place: "element content",
 		types: ["function"],
-		mutator: (e, t) => new Ye(e, t)
+		mutator: (e, t) => new Ze(e, t)
 	},
 	{
 		place: "attr value",
 		types: ["function"],
-		mutator: (e, t) => new Ze(e, t)
+		mutator: (e, t) => new $e(e, t)
 	},
 	{
 		place: "tag content",
 		types: ["function"],
-		mutator: (e, t) => new $e(e, t)
+		mutator: (e, t) => new X(e, t)
 	}
 ]);
-var Z = class extends q {
+var Z = class extends K {
 	constructor(e, t) {
 		super(e, t);
 	}
@@ -1531,20 +1562,23 @@ var Z = class extends q {
 	}
 	with(e, ...t) {
 		let n = Object.fromEntries(t.map((e) => [e, e]));
-		return this.merge(new W(e, n));
+		return this.merge(new U(e, n));
 	}
 	withCalculated(e, t) {
-		return this.merge(new W(e, t));
+		return this.merge(new U(e, t));
 	}
 	withRenamed(e, t) {
-		return this.merge(new W(e, t));
+		return this.merge(new U(e, t));
 	}
 	merge(e) {
 		if (e) {
-			let t = e.start((e, n) => {
-				console.log("🪄 Merging effect", e, n, t), this.set(e, n);
+			let t = /* @__PURE__ */ new Map();
+			e.start((e, n) => {
+				this.set(e, n), t.set(e, !0);
 			}).then((e) => {
-				console.log("👀 ViewModel source observed:", e, t), Object.keys(e).forEach((t) => this.set(t, e[t]));
+				Object.keys(e).filter((e) => !t.get(e)).forEach((t) => {
+					this.set(t, e[t]);
+				});
 			});
 		}
 		return this;
@@ -1553,38 +1587,38 @@ var Z = class extends q {
 		return e.render(this);
 	}
 };
-function et(e) {
+function tt(e) {
 	return e === void 0 ? new Z({}) : new Z(e);
 }
 //#endregion
 //#region src/store.ts
-var tt = /* @__PURE__ */ t({
+var nt = /* @__PURE__ */ t({
 	CONTEXT_DEFAULT: () => Q,
-	Provider: () => nt,
+	Provider: () => rt,
 	Service: () => $,
-	dispatch: () => rt
-}), Q = "context:store", $ = class e extends Re {
+	dispatch: () => it
+}), Q = "context:store", $ = class e extends ze {
 	static {
 		this.EVENT_TYPE = "store:message";
 	}
 	constructor(t, n) {
 		super((e, t) => n(t, e), t, e.EVENT_TYPE);
 	}
-}, nt = class extends H {
+}, rt = class extends V {
 	constructor(e, t) {
-		super(t, Q), this.viewModel = et({ authenticated: !1 }).with(k(this), "authenticated", "username", "token"), this._updateFn = e;
+		super(t, Q), this.viewModel = tt({ authenticated: !1 }).with(k(this), "authenticated", "username", "token"), this._updateFn = e;
 	}
 	connectedCallback() {
 		new $(this.context, (e, t) => this._updateFn(e, t, this.viewModel.toObject())).attach(this);
 	}
 };
-function rt(e, t) {
+function it(e, t) {
 	console.log("📨 Dispatching message:", t, e), e.dispatchEvent(new j.Dispatch(t, $.EVENT_TYPE));
 }
 //#endregion
 //#region src/fromStore.ts
-function it(e, t = Q) {
-	return new ze(e, t);
+function at(e, t = Q) {
+	return Be(e, t);
 }
 //#endregion
-export { tt as Store, it as fromStore };
+export { nt as Store, at as fromStore };

package/dist/store.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.store={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Object.defineProperty,n=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},r=class extends Error{};r.prototype.name=`InvalidTokenError`;function i(e){return decodeURIComponent(atob(e).replace(/(.)/g,(e,t)=>{let n=t.charCodeAt(0).toString(16).toUpperCase();return n.length<2&&(n=`0`+n),`%`+n}))}function a(e){let t=e.replace(/-/g,`+`).replace(/_/g,`/`);switch(t.length%4){case 0:break;case 2:t+=`==`;break;case 3:t+=`=`;break;default:throw Error(`base64 string is not of the correct length`)}try{return i(t)}catch{return atob(t)}}function o(e,t){if(typeof e!=`string`)throw new r(`Invalid token specified: must be a string`);t||={};let n=t.header===!0?0:1,i=e.split(`.`)[n];if(typeof i!=`string`)throw new r(`Invalid token specified: missing part #${n+1}`);let o;try{o=a(i)}catch(e){throw new r(`Invalid token specified: invalid base64 for part #${n+1} (${e.message})`)}try{return JSON.parse(o)}catch(e){throw new r(`Invalid token specified: invalid json for part #${n+1} (${e.message})`)}}var s=Object.defineProperty,c=((e,t)=>{let n={};for(var r in e)s(n,r,{get:e[r],enumerable:!0});return t||s(n,Symbol.toStringTag,{value:`Module`}),n})({Dispatch:()=>u,None:()=>l,dispatch:()=>ee,dispatcher:()=>d}),l=[],u=class extends CustomEvent{constructor(e,t=`un:message`){super(t,{bubbles:!0,composed:!0,detail:e})}};function d(e=`un:message`){return(t,...n)=>t.dispatchEvent(new u(n,e))}var ee=d(),te=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function f(e,...t){let n={execute(){e(...t.map(e=>e instanceof m?e.open(n):e)),t.forEach(e=>e instanceof m&&e.close())}};n.execute()}var p=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},ne=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&p.scheduler.subscribe(t,e,n)}runEffects(e,t){if(p.scheduler.scheduleEffects(t,e),this.host){let n=new te(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},m=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new ne,this.object=e,this.proxy=re(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.object}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){f(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function re(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&h(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&h(r)&&t.runEffects(n,e),a}})}function h(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}var g=class{constructor(e,...t){this.effectFn=()=>e(...t)}execute(){this.effectFn()}};function _(e,t){return Object.assign(e,{render:t}),e}function v(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var ie=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return _(s,(...e)=>v(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&ae(t,i))return i.mutator(e,t)}}};function ae(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var y=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},b=class extends y{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},oe=class extends y{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},se=class extends y{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),f((...e)=>{ce(this.fn(...e),i,a)},...r)}}};function ce(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e);console.log(`📸 Rendered for view:`,e,a);let o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var le=class extends y{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>f((...t)=>{ue(this.fn(...t),e,this.name)},...n)}};function ue(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof m&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var de=class extends y{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>f((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new ie().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new b(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new oe(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new b(e,t)},{place:`element content`,types:[`function`],mutator:(e,t)=>new se(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new le(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new de(e,t)}]);var fe=class e extends HTMLElement{static{this.DISCOVERY_EVENT=`un-provider:discover`}static{this.REGISTRY_EVENT=`un-provider:register`}static{this.CHANGE_EVENT=`un-provider:change`}static{document.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail,r=he(t);r&&n(r)}),document.addEventListener(e.REGISTRY_EVENT,e=>{let[t,n]=e.detail;me(t,n)})}constructor(t,n){super(),this.contextLabel=n,this.context=new m(t),this.context.setHost(this,e.CHANGE_EVENT),this.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail;t===this.contextLabel&&(e.stopPropagation(),n(this))});let r=new CustomEvent(e.REGISTRY_EVENT,{bubbles:!0,composed:!0,detail:[this.contextLabel,this]});this.dispatchEvent(r)}attach(t){return this.addEventListener(e.CHANGE_EVENT,t),this.context.toObject()}detach(t){this.removeEventListener(e.CHANGE_EVENT,t)}};function pe(e,t){return new Promise((n,r)=>{let i=new CustomEvent(fe.DISCOVERY_EVENT,{bubbles:!0,composed:!0,detail:[t,e=>e?n(e):r()]});e.isConnected?e.dispatchEvent(i):document.dispatchEvent(i)})}var x={};function me(e,t){x[e]=t}function he(e){return x[e]}var ge=class{constructor(e){this.contextLabel=e}observe(e,t){return new Promise((n,r)=>{this.provider?n(this.attachObserver(t)):pe(e,this.contextLabel).then(e=>{this.provider=e,n(this.attachObserver(t))}).catch(e=>r(e))})}attachObserver(e){let t=this.provider.attach(t=>{let{property:n,value:r}=t.detail,i=new g(e,{property:n,value:r});this.observed&&(this.observed[n]=r,i.execute())});return this.observed=t,t}},_e=class{constructor(e,t,n=`service:message`,r=!0){this._pending=[],this._context=t,this._update=e,this._eventType=n,this._running=r}attach(e){e.addEventListener(this._eventType,e=>{e.stopPropagation();let t=e.detail;this.consume(t)})}start(){this._running||(this._running=!0,this._pending.forEach(e=>this.process(e)))}consume(e){if(e.length===0){let t=e;this._running?this.process(t):this._pending.push(t)}}process(e){let t=this._update(e,this._context.toObject());if(!Array.isArray(t))return t;let[n,...r]=t;return r.forEach(e=>e.then(e=>this.consume(e))),n}};function ve(e,t){return new ye(e,t)}var ye=class{constructor(e,t){this.client=e,this.observer=new ge(t)}start(e){return this.observer.observe(this.client,t=>{e(t.property,t.value)})}},be=`context:auth`,S=class e{static{this.TOKEN_KEY=`un-auth:token`}constructor(e){this.authenticated=!1,this.username=e||`anonymous`}static deauthenticate(t){return t.authenticated=!1,t.username=`anonymous`,localStorage.removeItem(e.TOKEN_KEY),t}},C=class e extends S{constructor(e){super();let t=o(e);console.log(`Token payload`,t),this.token=e,this.authenticated=!0,this.username=t.username}static authenticate(t){let n=new e(t);return localStorage.setItem(S.TOKEN_KEY,t),n}static authenticateFromLocalStorage(){let t=localStorage.getItem(S.TOKEN_KEY);return t?e.authenticate(t):new S}},w=class e extends _e{static{this.EVENT_TYPE=`auth:message`}constructor(t,n){super((e,t)=>this.update(e,t),t,e.EVENT_TYPE),this._redirectForLogin=n}update(e,t){switch(e[0]){case`auth/signin`:let{token:n,redirect:r}=e[1];return[D(n),T(r)];case`auth/signout`:return[O(t),T(this._redirectForLogin)];case`auth/redirect`:E(this._redirectForLogin,{next:window.location.href});break;default:let i=e[0];throw Error(`Unhandled Auth message "${i}"`)}return t}};c.dispatcher(w.EVENT_TYPE);function T(e,t={}){return new Promise(n=>{E(e,t),n(c.None)})}function E(e,t={}){if(e){let n=window.location.href,r=new URL(e,n);Object.entries(t).forEach(([e,t])=>r.searchParams.set(e,t)),console.log(`Redirecting to `,e),window.location.assign(r)}}function D(e){let{authenticated:t,username:n}=C.authenticate(e);return{authenticated:t,username:n,token:e}}function O(e){let{authenticated:t,username:n}=S.deauthenticate(new S(e.username));return{username:n,authenticated:t,token:void 0}}function k(e,t=be){return ve(e,t)}var A=Object.defineProperty,j=((e,t)=>{let n={};for(var r in e)A(n,r,{get:e[r],enumerable:!0});return t||A(n,Symbol.toStringTag,{value:`Module`}),n})({Dispatch:()=>N,None:()=>M,dispatch:()=>xe,dispatcher:()=>P}),M=[],N=class extends CustomEvent{constructor(e,t=`un:message`){super(t,{bubbles:!0,composed:!0,detail:e})}};function P(e=`un:message`){return(t,...n)=>t.dispatchEvent(new N(n,e))}var xe=P(),Se=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function F(e,...t){let n={execute(){e(...t.map(e=>e instanceof L?e.open(n):e)),t.forEach(e=>e instanceof L&&e.close())}};n.execute()}var I=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},Ce=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&I.scheduler.subscribe(t,e,n)}runEffects(e,t){if(I.scheduler.scheduleEffects(t,e),this.host){let n=new Se(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},L=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new Ce,this.object=e,this.proxy=we(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.object}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){F(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function we(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&R(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&R(r)&&t.runEffects(n,e),a}})}function R(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}var Te=class{constructor(e,...t){this.effectFn=()=>e(...t)}execute(){this.effectFn()}};function Ee(e,t){return Object.assign(e,{render:t}),e}function De(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var Oe=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return Ee(s,(...e)=>De(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&ke(t,i))return i.mutator(e,t)}}};function ke(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var z=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},B=class extends z{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},Ae=class extends z{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},je=class extends z{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),F((...e)=>{Me(this.fn(...e),i,a)},...r)}}};function Me(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e);console.log(`📸 Rendered for view:`,e,a);let o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var Ne=class extends z{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>F((...t)=>{Pe(this.fn(...t),e,this.name)},...n)}};function Pe(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof L&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var Fe=class extends z{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>F((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new Oe().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new B(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new Ae(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new B(e,t)},{place:`element content`,types:[`function`],mutator:(e,t)=>new je(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new Ne(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new Fe(e,t)}]);var V=class e extends HTMLElement{static{this.DISCOVERY_EVENT=`un-provider:discover`}static{this.REGISTRY_EVENT=`un-provider:register`}static{this.CHANGE_EVENT=`un-provider:change`}static{document.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail,r=Re(t);r&&n(r)}),document.addEventListener(e.REGISTRY_EVENT,e=>{let[t,n]=e.detail;Le(t,n)})}constructor(t,n){super(),this.contextLabel=n,this.context=new L(t),this.context.setHost(this,e.CHANGE_EVENT),this.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail;t===this.contextLabel&&(e.stopPropagation(),n(this))});let r=new CustomEvent(e.REGISTRY_EVENT,{bubbles:!0,composed:!0,detail:[this.contextLabel,this]});this.dispatchEvent(r)}attach(t){return this.addEventListener(e.CHANGE_EVENT,t),this.context.toObject()}detach(t){this.removeEventListener(e.CHANGE_EVENT,t)}};function Ie(e,t){return new Promise((n,r)=>{let i=new CustomEvent(V.DISCOVERY_EVENT,{bubbles:!0,composed:!0,detail:[t,e=>e?n(e):r()]});e.isConnected?e.dispatchEvent(i):document.dispatchEvent(i)})}var H={};function Le(e,t){H[e]=t}function Re(e){return H[e]}var ze=class{constructor(e){this.contextLabel=e}observe(e,t){return new Promise((n,r)=>{this.provider?n(this.attachObserver(t)):Ie(e,this.contextLabel).then(e=>{this.provider=e,n(this.attachObserver(t))}).catch(e=>r(e))})}attachObserver(e){let t=this.provider.attach(t=>{let{property:n,value:r}=t.detail,i=new Te(e,{property:n,value:r});this.observed&&(this.observed[n]=r,i.execute())});return this.observed=t,t}},Be=class{constructor(e,t,n=`service:message`,r=!0){this._pending=[],this._context=t,this._update=e,this._eventType=n,this._running=r}attach(e){e.addEventListener(this._eventType,e=>{e.stopPropagation();let t=e.detail;this.consume(t)})}start(){this._running||(this._running=!0,this._pending.forEach(e=>this.process(e)))}consume(e){if(e.length===0){let t=e;this._running?this.process(t):this._pending.push(t)}}process(e){let t=this._update(e,this._context.toObject());if(!Array.isArray(t))return t;let[n,...r]=t;return r.forEach(e=>e.then(e=>this.consume(e))),n}},Ve=class{constructor(e,t){this.client=e,this.observer=new ze(t)}start(e){return this.observer.observe(this.client,t=>{e(t.property,t.value)})}},U=class{constructor(e,t){this.origin=e;let n=He(t).map(([e,t])=>[t,e]);this.inverse=Object.fromEntries(n)}mapObservation(e){let t=Object.entries(e);return Object.fromEntries(t.map(([e,t])=>[this.inverse[e],t]).filter(e=>e.length>0))}start(e){return this.origin.start((t,n)=>{let r=this.inverse[t];e(r,n)}).then(e=>this.mapObservation(e))}};function He(e){return Object.entries(e).map(([e,t])=>[e,t])}var Ue=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function W(e,...t){let n={execute(){e(...t.map(e=>e instanceof K?e.open(n):e)),t.forEach(e=>e instanceof K&&e.close())}};n.execute()}var G=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},We=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&G.scheduler.subscribe(t,e,n)}runEffects(e,t){if(G.scheduler.scheduleEffects(t,e),this.host){let n=new Ue(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},K=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new We,this.object=e,this.proxy=Ge(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.object}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){W(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function Ge(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&q(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&q(r)&&t.runEffects(n,e),a}})}function q(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}function Ke(e,t){return Object.assign(e,{render:t}),e}function qe(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var Je=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return Ke(s,(...e)=>qe(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&Ye(t,i))return i.mutator(e,t)}}};function Ye(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var J=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},Y=class extends J{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},Xe=class extends J{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},Ze=class extends J{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),W((...e)=>{Qe(this.fn(...e),i,a)},...r)}}};function Qe(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e);console.log(`📸 Rendered for view:`,e,a);let o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var $e=class extends J{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>W((...t)=>{et(this.fn(...t),e,this.name)},...n)}};function et(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof K&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var X=class extends J{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>W((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new Je().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new Y(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new Xe(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new Y(e,t)},{place:`element content`,types:[`function`],mutator:(e,t)=>new Ze(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new $e(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new X(e,t)}]);var Z=class extends K{constructor(e,t){super(e,t)}get $(){return this.toObject()}with(e,...t){let n=Object.fromEntries(t.map(e=>[e,e]));return this.merge(new U(e,n))}withCalculated(e,t){return this.merge(new U(e,t))}withRenamed(e,t){return this.merge(new U(e,t))}merge(e){if(e){let t=e.start((e,n)=>{console.log(`🪄 Merging effect`,e,n,t),this.set(e,n)}).then(e=>{console.log(`👀 ViewModel source observed:`,e,t),Object.keys(e).forEach(t=>this.set(t,e[t]))})}return this}render(e){return e.render(this)}};function tt(e){return e===void 0?new Z({}):new Z(e)}var nt=n({CONTEXT_DEFAULT:()=>Q,Provider:()=>rt,Service:()=>$,dispatch:()=>it}),Q=`context:store`,$=class e extends Be{static{this.EVENT_TYPE=`store:message`}constructor(t,n){super((e,t)=>n(t,e),t,e.EVENT_TYPE)}},rt=class extends V{constructor(e,t){super(t,Q),this.viewModel=tt({authenticated:!1}).with(k(this),`authenticated`,`username`,`token`),this._updateFn=e}connectedCallback(){new $(this.context,(e,t)=>this._updateFn(e,t,this.viewModel.toObject())).attach(this)}};function it(e,t){console.log(`📨 Dispatching message:`,t,e),e.dispatchEvent(new j.Dispatch(t,$.EVENT_TYPE))}function at(e,t=Q){return new Ve(e,t)}Object.defineProperty(e,`Store`,{enumerable:!0,get:function(){return nt}}),e.fromStore=at});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.store={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=Object.defineProperty,n=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},r=class extends Error{};r.prototype.name=`InvalidTokenError`;function i(e){return decodeURIComponent(atob(e).replace(/(.)/g,(e,t)=>{let n=t.charCodeAt(0).toString(16).toUpperCase();return n.length<2&&(n=`0`+n),`%`+n}))}function a(e){let t=e.replace(/-/g,`+`).replace(/_/g,`/`);switch(t.length%4){case 0:break;case 2:t+=`==`;break;case 3:t+=`=`;break;default:throw Error(`base64 string is not of the correct length`)}try{return i(t)}catch{return atob(t)}}function o(e,t){if(typeof e!=`string`)throw new r(`Invalid token specified: must be a string`);t||={};let n=t.header===!0?0:1,i=e.split(`.`)[n];if(typeof i!=`string`)throw new r(`Invalid token specified: missing part #${n+1}`);let o;try{o=a(i)}catch(e){throw new r(`Invalid token specified: invalid base64 for part #${n+1} (${e.message})`)}try{return JSON.parse(o)}catch(e){throw new r(`Invalid token specified: invalid json for part #${n+1} (${e.message})`)}}var s=Object.defineProperty,c=((e,t)=>{let n={};for(var r in e)s(n,r,{get:e[r],enumerable:!0});return t||s(n,Symbol.toStringTag,{value:`Module`}),n})({Dispatch:()=>u,None:()=>l,dispatch:()=>ee,dispatcher:()=>d}),l=[],u=class extends CustomEvent{constructor(e,t=`un:message`){super(t,{bubbles:!0,composed:!0,detail:e})}};function d(e=`un:message`){return(t,...n)=>t.dispatchEvent(new u(n,e))}var ee=d(),te=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function f(e,...t){let n={execute(){console.log(`▶️ Executing created effect:`,t,e),e(...t.map(e=>e.open(n))),t.forEach(e=>e.close())}};n.execute()}var p=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},ne=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&p.scheduler.subscribe(t,e,n)}runEffects(e,t){if(console.log(`⚙️ Running effects for signal`,e,t),p.scheduler.scheduleEffects(t,e),this.host){let n=new te(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},m=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new ne,this.object=e,this.proxy=re(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.proxy}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){f(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function re(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&h(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&h(r)&&t.runEffects(n,e),a}})}function h(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}var g=class{constructor(e,...t){this.effectFn=()=>e(...t)}execute(){this.effectFn()}};function _(e,t){return Object.assign(e,{render:t}),e}function v(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var ie=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return _(s,(...e)=>v(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&ae(t,i))return i.mutator(e,t)}}};function ae(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var y=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},b=class extends y{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},oe=class extends y{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},se=class extends y{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),f((...e)=>{ce(this.fn(...e),i,a)},...r)}}};function ce(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e),o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var le=class extends y{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>f((...t)=>{ue(this.fn(...t),e,this.name)},...n)}};function ue(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof m&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var de=class extends y{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>f((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new ie().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new b(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new oe(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new b(e,t)},{place:`element content`,types:e=>Array.isArray(e),mutator:(e,t)=>{let n=new DocumentFragment,r=t.map(e=>e instanceof Node?e:new Text(e?.toString()||``));return n.append(...r),new b(e,n)}},{place:`element content`,types:[`function`],mutator:(e,t)=>new se(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new le(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new de(e,t)}]);var fe=class e extends HTMLElement{static{this.DISCOVERY_EVENT=`un-provider:discover`}static{this.REGISTRY_EVENT=`un-provider:register`}static{this.CHANGE_EVENT=`un-provider:change`}static{document.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail,r=he(t);r&&n(r)}),document.addEventListener(e.REGISTRY_EVENT,e=>{let[t,n]=e.detail;me(t,n)})}constructor(t,n){super(),this.contextLabel=n,this.context=new m(t),this.context.setHost(this,e.CHANGE_EVENT),this.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail;t===this.contextLabel&&(e.stopPropagation(),n(this))});let r=new CustomEvent(e.REGISTRY_EVENT,{bubbles:!0,composed:!0,detail:[this.contextLabel,this]});this.dispatchEvent(r)}attach(t){return this.addEventListener(e.CHANGE_EVENT,t),this.context.toObject()}detach(t){this.removeEventListener(e.CHANGE_EVENT,t)}};function pe(e,t){return new Promise((n,r)=>{let i=new CustomEvent(fe.DISCOVERY_EVENT,{bubbles:!0,composed:!0,detail:[t,e=>e?n(e):r()]});e.isConnected?e.dispatchEvent(i):document.dispatchEvent(i)})}var x={};function me(e,t){x[e]=t}function he(e){return x[e]}var ge=class{constructor(e){this.contextLabel=e}observe(e,t){return new Promise((n,r)=>{this.provider?n(this.attachObserver(t)):pe(e,this.contextLabel).then(e=>{this.provider=e,n(this.attachObserver(t))}).catch(e=>r(e))})}attachObserver(e){let t=this.provider.attach(t=>{let{property:n,value:r}=t.detail,i=new g(e,{property:n,value:r});console.log(`📡Signal received:`,n,r),i.execute()});return console.log(`👀 Initial observation:`,t),t}},_e=class{constructor(e,t,n=`service:message`,r=!0){this._pending=[],this._context=t,this._update=e,this._eventType=n,this._running=r}attach(e){e.addEventListener(this._eventType,e=>{e.stopPropagation();let t=e.detail;this.consume(t)})}start(){this._running||(console.log(`Starting ${this._eventType} service`),this._running=!0,this._pending.forEach(e=>this.process(e)))}consume(e){if(e.length!==0){let t=e;this._running?this.process(t):(console.log(`📥 Queueing ${this._eventType} message`,e),this._pending.push(t))}}process(e){console.log(`📤 Processing ${this._eventType} message`,e);let t=this._update(e,this._context.toObject());if(console.log(`⏭️ next state: `,t),!Array.isArray(t))this._context.update(t);else{let[e,...n]=t;n.forEach(e=>e.then(e=>this.consume(e))),this._context.update(e)}}};function ve(e,t){return new ye(e,t)}var ye=class{constructor(e,t){this.client=e,this.observer=new ge(t)}start(e){return this.observer.observe(this.client,t=>{e(t.property,t.value)})}},be=`context:auth`,S=class e{static{this.TOKEN_KEY=`un-auth:token`}constructor(e){this.authenticated=!1,this.username=e||`anonymous`}static deauthenticate(t){return t.authenticated=!1,t.username=`anonymous`,localStorage.removeItem(e.TOKEN_KEY),t}},C=class e extends S{constructor(e){super();let t=o(e);console.log(`Token payload`,t),this.token=e,this.authenticated=!0,this.username=t.username}static authenticate(t){let n=new e(t);return localStorage.setItem(S.TOKEN_KEY,t),n}static authenticateFromLocalStorage(){let t=localStorage.getItem(S.TOKEN_KEY);return t?e.authenticate(t):new S}},w=class e extends _e{static{this.EVENT_TYPE=`auth:message`}constructor(t,n){super((e,t)=>this.update(e,t),t,e.EVENT_TYPE),this._redirectForLogin=n}update(e,t){switch(console.log(`Auth update`,e),e[0]){case`auth/signin`:let{token:n,redirect:r}=e[1];return[D(n),T(r)];case`auth/signout`:return[O(t),T(this._redirectForLogin)];case`auth/redirect`:E(this._redirectForLogin,{next:window.location.href});break;default:let i=e[0];throw Error(`Unhandled Auth message "${i}"`)}return t}};c.dispatcher(w.EVENT_TYPE);function T(e,t={}){return new Promise(n=>{E(e,t),n(c.None)})}function E(e,t={}){if(e){let n=window.location.href,r=new URL(e,n);Object.entries(t).forEach(([e,t])=>r.searchParams.set(e,t)),console.log(`Auth redirecting to `,e),window.history.pushState({},``,e),window.history.go()}}function D(e){let{authenticated:t,username:n}=C.authenticate(e);return{authenticated:t,username:n,token:e}}function O(e){let{authenticated:t,username:n}=S.deauthenticate(new S(e.username));return{username:n,authenticated:t,token:void 0}}function k(e,t=be){return ve(e,t)}var A=Object.defineProperty,j=((e,t)=>{let n={};for(var r in e)A(n,r,{get:e[r],enumerable:!0});return t||A(n,Symbol.toStringTag,{value:`Module`}),n})({Dispatch:()=>N,None:()=>M,dispatch:()=>xe,dispatcher:()=>P}),M=[],N=class extends CustomEvent{constructor(e,t=`un:message`){super(t,{bubbles:!0,composed:!0,detail:e})}};function P(e=`un:message`){return(t,...n)=>t.dispatchEvent(new N(n,e))}var xe=P(),Se=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function F(e,...t){let n={execute(){console.log(`▶️ Executing created effect:`,t,e),e(...t.map(e=>e.open(n))),t.forEach(e=>e.close())}};n.execute()}var I=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},Ce=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&I.scheduler.subscribe(t,e,n)}runEffects(e,t){if(console.log(`⚙️ Running effects for signal`,e,t),I.scheduler.scheduleEffects(t,e),this.host){let n=new Se(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},L=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new Ce,this.object=e,this.proxy=we(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.proxy}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){F(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function we(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&R(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&R(r)&&t.runEffects(n,e),a}})}function R(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}var Te=class{constructor(e,...t){this.effectFn=()=>e(...t)}execute(){this.effectFn()}};function Ee(e,t){return Object.assign(e,{render:t}),e}function De(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var Oe=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return Ee(s,(...e)=>De(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&ke(t,i))return i.mutator(e,t)}}};function ke(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var z=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},B=class extends z{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},Ae=class extends z{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},je=class extends z{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),F((...e)=>{Me(this.fn(...e),i,a)},...r)}}};function Me(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e),o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var Ne=class extends z{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>F((...t)=>{Pe(this.fn(...t),e,this.name)},...n)}};function Pe(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof L&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var Fe=class extends z{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>F((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new Oe().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new B(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new Ae(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new B(e,t)},{place:`element content`,types:e=>Array.isArray(e),mutator:(e,t)=>{let n=new DocumentFragment,r=t.map(e=>e instanceof Node?e:new Text(e?.toString()||``));return n.append(...r),new B(e,n)}},{place:`element content`,types:[`function`],mutator:(e,t)=>new je(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new Ne(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new Fe(e,t)}]);var V=class e extends HTMLElement{static{this.DISCOVERY_EVENT=`un-provider:discover`}static{this.REGISTRY_EVENT=`un-provider:register`}static{this.CHANGE_EVENT=`un-provider:change`}static{document.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail,r=Re(t);r&&n(r)}),document.addEventListener(e.REGISTRY_EVENT,e=>{let[t,n]=e.detail;Le(t,n)})}constructor(t,n){super(),this.contextLabel=n,this.context=new L(t),this.context.setHost(this,e.CHANGE_EVENT),this.addEventListener(e.DISCOVERY_EVENT,e=>{let[t,n]=e.detail;t===this.contextLabel&&(e.stopPropagation(),n(this))});let r=new CustomEvent(e.REGISTRY_EVENT,{bubbles:!0,composed:!0,detail:[this.contextLabel,this]});this.dispatchEvent(r)}attach(t){return this.addEventListener(e.CHANGE_EVENT,t),this.context.toObject()}detach(t){this.removeEventListener(e.CHANGE_EVENT,t)}};function Ie(e,t){return new Promise((n,r)=>{let i=new CustomEvent(V.DISCOVERY_EVENT,{bubbles:!0,composed:!0,detail:[t,e=>e?n(e):r()]});e.isConnected?e.dispatchEvent(i):document.dispatchEvent(i)})}var H={};function Le(e,t){H[e]=t}function Re(e){return H[e]}var ze=class{constructor(e){this.contextLabel=e}observe(e,t){return new Promise((n,r)=>{this.provider?n(this.attachObserver(t)):Ie(e,this.contextLabel).then(e=>{this.provider=e,n(this.attachObserver(t))}).catch(e=>r(e))})}attachObserver(e){let t=this.provider.attach(t=>{let{property:n,value:r}=t.detail,i=new Te(e,{property:n,value:r});console.log(`📡Signal received:`,n,r),i.execute()});return console.log(`👀 Initial observation:`,t),t}},Be=class{constructor(e,t,n=`service:message`,r=!0){this._pending=[],this._context=t,this._update=e,this._eventType=n,this._running=r}attach(e){e.addEventListener(this._eventType,e=>{e.stopPropagation();let t=e.detail;this.consume(t)})}start(){this._running||(console.log(`Starting ${this._eventType} service`),this._running=!0,this._pending.forEach(e=>this.process(e)))}consume(e){if(e.length!==0){let t=e;this._running?this.process(t):(console.log(`📥 Queueing ${this._eventType} message`,e),this._pending.push(t))}}process(e){console.log(`📤 Processing ${this._eventType} message`,e);let t=this._update(e,this._context.toObject());if(console.log(`⏭️ next state: `,t),!Array.isArray(t))this._context.update(t);else{let[e,...n]=t;n.forEach(e=>e.then(e=>this.consume(e))),this._context.update(e)}}};function Ve(e,t){return new He(e,t)}var He=class{constructor(e,t){this.client=e,this.observer=new ze(t)}start(e){return this.observer.observe(this.client,t=>{e(t.property,t.value)})}},U=class{constructor(e,t){this.initialized=!1,this.origin=e;let n=Ue(t).map(([e,t])=>[t,e]);this.inverse=Object.fromEntries(n)}mapObservation(e){let t=Object.entries(e).map(([e,t])=>{let n=this.inverse[e];return n?[n,t]:[]});return Object.fromEntries(t.filter(e=>e.length>0))}start(e){return this.origin.start((t,n)=>{let r=this.inverse[t];e(r,n),this.initialized=!0}).then(e=>this.initialized?{}:this.mapObservation(e))}};function Ue(e){return Object.entries(e).map(([e,t])=>[e,t])}var We=class extends CustomEvent{constructor(e,t){super(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}};function W(e,...t){let n={execute(){console.log(`▶️ Executing created effect:`,t,e),e(...t.map(e=>e.open(n))),t.forEach(e=>e.close())}};n.execute()}var G=class e{constructor(){this.signals=new WeakMap,this.scheduled=new WeakSet}static{this.scheduler=new e}subscribe(e,t,n){let r=this.signals.get(e);r||(r=new Map,this.signals.set(e,r));let i=r.get(t);i||(i=new Set,r.set(t,i)),i.add(n)}scheduleEffects(e,t){let n=this.signals.get(e);if(!n)return;let r=n.get(t);if(r)for(let e of r)this.scheduled.has(e)||(this.scheduled.add(e),setTimeout(()=>{this.scheduled.delete(e),e.execute()}))}},Ge=class{constructor(){this.running=[],this.eventType=`un-effect:change`}isRunning(){return this.running.length>0}push(e){this.running.push(e)}pop(){this.running.pop()}current(){let e=this.running.length;return e?this.running[e-1]:void 0}subscribe(e,t){let n=this.current();n&&G.scheduler.subscribe(t,e,n)}runEffects(e,t){if(console.log(`⚙️ Running effects for signal`,e,t),G.scheduler.scheduleEffects(t,e),this.host){let n=new We(this.eventType,{property:e,value:t[e]});this.host.dispatchEvent(n)}}setHost(e,t){this.host=e,t&&(this.eventType=t)}},K=class{static{this.CHANGE_EVENT_TYPE=`un-context:change`}constructor(e,t){t?(this.manager=t.manager,this.object=t.object,this.proxy=t.proxy,this.update(e)):(this.manager=new Ge,this.object=e,this.proxy=Ke(this.object,this.manager))}get(e){return this.proxy[e]}set(e,t){this.proxy[e]=t}toObject(){return this.proxy}update(e){Object.assign(this.proxy,e)}apply(e){this.update(e(this.proxy))}createEffect(e){W(e,this)}setHost(e,t){this.manager.setHost(e,t)}open(e){return this.manager.push(e),this.proxy}close(){this.manager.pop()}};function Ke(e,t){return new Proxy(e,{get:(e,n,r)=>{let i=Reflect.get(e,n,r);return t.isRunning()&&q(i)&&t.subscribe(n,e),i},set:(e,n,r,i)=>{let a=Reflect.set(e,n,r,i);return a&&q(r)&&t.runEffects(n,e),a}})}function q(e){switch(typeof e){case`object`:case`number`:case`string`:case`symbol`:case`boolean`:case`undefined`:return!0;default:return!1}}function qe(e,t){return Object.assign(e,{render:t}),e}function Je(e,t,...n){let r=e.cloneNode(!0);return Array.from(t.entries()).forEach(([e,t])=>{let i=r.querySelector(`[data-${e}]`);i&&t.forEach(e=>e(i,r,...n))}),r}var Ye=class e{static{this.parser=new DOMParser}constructor(e){this.docType=`text/html`,this.plugins=[],e&&(this.docType=e)}use(e){this.plugins=this.plugins.concat(e)}parse(t,n){let r={},i=t.map((e,i)=>{if(i>=n.length)return[e];let a=n[i],o=this.classifyPlace(i,t),s=this.tryReplacements(o,a);if(s){let t=r[o.nodeLabel];switch(t?t.push(s):r[o.nodeLabel]=[s],o.kind){case`attr value`:return[e,`"" data-${o.nodeLabel}`];case`tag content`:return[e,`data-${o.nodeLabel}`];case`element content`:return[e,`<ins data-${o.nodeLabel}></ins>`]}}else throw console.error(`No match for template parameter`,o,a),`Failed to render template parameter ${i} around ${e}`;return[e]}).flat().join(``),a=e.parser.parseFromString(i,this.docType),o=a.head.childElementCount?a.head.children:a.body.children,s=new DocumentFragment;s.replaceChildren(...o);let c=new Map;for(let e in r){let t=s.querySelector(`[data-${e}]`);t&&r[e].forEach(n=>{let r=n.apply(t,s);if(r){let t=c.get(e);t?t.push(r):c.set(e,[r])}})}return qe(s,(...e)=>Je(s,c,...e))}static{this.OPEN_RE=/<([a-zA-z][$a-zA-Z0-9.-]*)\s+[^>]*$/}static{this.IN_TAG_RE=/^(\s+|[^<>]*|"[^"]*")*$/}static{this.ATTR_RE=/([$.]?[a-zA-Z][$a-zA-Z0-9.-]*)=\s*$/}static{this.CLOSE_RE=/[/]?>[^<]*$/}classifyPlace(t,n){let r=null;for(let i=t;i>=0&&!(n[i].match(e.CLOSE_RE)||(r=n[i].match(e.OPEN_RE),r)||!n[i].match(e.IN_TAG_RE));i--);if(r){let i=n[t].match(e.ATTR_RE);return i?{kind:`attr value`,nodeLabel:`node${t}`,tagName:r[1],attrName:i[1]}:{kind:`tag content`,nodeLabel:`node${t}`,tagName:r[1]}}return{kind:`element content`,nodeLabel:`node${t}`}}tryReplacements(e,t){let n=this.plugins;for(let r=0;r<n.length;r++){let i=n[r];if(e.kind===i.place&&Xe(t,i))return i.mutator(e,t)}}};function Xe(e,t){return typeof t.types==`function`?t.types(e,t):t.types.includes(typeof e)}var J=class{constructor(e){this.place=e}apply(e,t){throw`abstract method 'apply' called`}},Y=class extends J{constructor(e,t){super(e),this.content=t}apply(e,t){(e.parentNode||t).replaceChild(this.content,e)}},Ze=class extends J{constructor(e,t){super(e),this.text=t,this.name=e.attrName}apply(e){e.setAttribute(this.name,this.text)}},X=class extends J{constructor(e,t){super(e),this.fn=t}apply(e,t){let n=this.place.nodeLabel;return(e,t,...r)=>{let i=new Comment(` <<< ${n} `),a=new Comment(` >>> ${n} `),o=new DocumentFragment;o.replaceChildren(i,a),(e.parentNode||t).replaceChild(o,e),W((...e)=>{Qe(this.fn(...e),i,a)},...r)}}};function Qe(e,t,n){let r=t.parentNode;if(!r)throw Error(`No parent for placeholder`);let i=e=>{if(Array.isArray(e)){let t=new DocumentFragment,n=e.map(i);return t.replaceChildren(...n),t}else if(e instanceof Node)return e;else return new Text(e?.toString()||``)},a=i(e),o=t.nextSibling;for(;o&&o!==n;){let e=o;o=o.nextSibling,r.removeChild(e)}a&&r.insertBefore(a,n)}var $e=class extends J{constructor(e,t){super(e),this.fn=t,this.name=e.attrName}apply(e,t){return(e,t,...n)=>W((...t)=>{et(this.fn(...t),e,this.name)},...n)}};function et(e,t,n){let r=n.match(/^([.$])(.+)$/);if(r){let[n,i,a]=r;switch(i){case`.`:t[a]=e;break;case`$`:`viewModel`in t&&t.viewModel instanceof K&&t.viewModel.set(a,e);break}}else switch(typeof e){case`string`:t.setAttribute(n,e);break;case`undefined`:case`object`:case`boolean`:e?t.setAttribute(n,n):t.removeAttribute(n);break;default:t.setAttribute(n,e?.toString())}}var tt=class extends J{constructor(e,t){super(e),this.fn=t}apply(e,t){return(e,t,...n)=>W((...t)=>{let n=this.fn(...t);typeof n==`function`&&n(e)},...n)}};new Ye().use([{place:`element content`,types:[`string`,`number`,`bigint`,`symbol`,`boolean`],mutator:(e,t)=>new Y(e,new Text(t?.toString()||``))},{place:`attr value`,types:[`string`,`number`,`bigint`,`symbol`],mutator:(e,t)=>new Ze(e,t?.toString()||``)},{place:`element content`,types:e=>e instanceof Node,mutator:(e,t)=>new Y(e,t)},{place:`element content`,types:e=>Array.isArray(e),mutator:(e,t)=>{let n=new DocumentFragment,r=t.map(e=>e instanceof Node?e:new Text(e?.toString()||``));return n.append(...r),new Y(e,n)}},{place:`element content`,types:[`function`],mutator:(e,t)=>new X(e,t)},{place:`attr value`,types:[`function`],mutator:(e,t)=>new $e(e,t)},{place:`tag content`,types:[`function`],mutator:(e,t)=>new tt(e,t)}]);var Z=class extends K{constructor(e,t){super(e,t)}get $(){return this.toObject()}with(e,...t){let n=Object.fromEntries(t.map(e=>[e,e]));return this.merge(new U(e,n))}withCalculated(e,t){return this.merge(new U(e,t))}withRenamed(e,t){return this.merge(new U(e,t))}merge(e){if(e){let t=new Map;e.start((e,n)=>{this.set(e,n),t.set(e,!0)}).then(e=>{Object.keys(e).filter(e=>!t.get(e)).forEach(t=>{this.set(t,e[t])})})}return this}render(e){return e.render(this)}};function nt(e){return e===void 0?new Z({}):new Z(e)}var rt=n({CONTEXT_DEFAULT:()=>Q,Provider:()=>it,Service:()=>$,dispatch:()=>at}),Q=`context:store`,$=class e extends Be{static{this.EVENT_TYPE=`store:message`}constructor(t,n){super((e,t)=>n(t,e),t,e.EVENT_TYPE)}},it=class extends V{constructor(e,t){super(t,Q),this.viewModel=nt({authenticated:!1}).with(k(this),`authenticated`,`username`,`token`),this._updateFn=e}connectedCallback(){new $(this.context,(e,t)=>this._updateFn(e,t,this.viewModel.toObject())).attach(this)}};function at(e,t){console.log(`📨 Dispatching message:`,t,e),e.dispatchEvent(new j.Dispatch(t,$.EVENT_TYPE))}function ot(e,t=Q){return Ve(e,t)}Object.defineProperty(e,`Store`,{enumerable:!0,get:function(){return rt}}),e.fromStore=ot});

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@unbndl/store",
-  "version": "1.0.1",
+  "version": "1.0.7",
   "description": "Unbundled library for maintaining client-side state in a store, following the Elm architecture and MVU",
   "main": "./dist/store.js",
   "type": "module",
+  "types": "./dist/store.d.ts",
   "scripts": {
     "build": "npx vite build",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,5 +20,11 @@
     "The Elm Architecture (TEA)"
   ],
   "author": "ken@mnmlst.me",
-  "license": "BSD-3-Clause"
+  "license": "BSD-3-Clause",
+  "dependencies": {
+    "route-parser": "^0.0.5"
+  },
+  "devDependencies": {
+    "@types/route-parser": "^0.1.7"
+  }
 }

package/src/fromStore.ts

@@ -1,9 +1,9 @@
-import { FromService } from "@unbndl/service";
+import { fromService } from "@unbndl/service";
 import * as Store from "./store.ts";
 
 export function fromStore<M extends object>(
   target: HTMLElement,
   contextLabel: string = Store.CONTEXT_DEFAULT
 ) {
-  return new FromService<M>(target, contextLabel);
+  return fromService<M>(target, contextLabel);
 }

package/vite.config.js

@@ -1,5 +1,7 @@
 import { defineConfig } from "vite";
 import { resolve } from "path";
+import dts from "vite-plugin-dts";
+
 
 export default defineConfig({
   build: {
@@ -7,5 +9,12 @@ export default defineConfig({
       entry: resolve(__dirname, "src/index.ts"),
       name: "store"
     }
-  }
+  },
+  plugins: [
+    dts({
+      insertTypesEntry: true,
+      rollupTypes: true
+    })
+  ]
+
 });