@torpor/view 0.4.17 → 1.0.0

package/dist/dev.cjs

@@ -1,10 +1,9 @@
-const require_devContext = require('./devContext-B3yskfhA.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_devContext = require("./devContext-BulTn3U5.cjs");
 //#region src/dev/popDevBoundary.ts
 function popDevBoundary() {
-	require_devContext.devContext_default.depth--;
+	require_devContext.devContext.depth--;
 }
-
 //#endregion
 //#region src/dev/pushDevBoundary.ts
 function pushDevBoundary(type, name) {
@@ -12,43 +11,42 @@ function pushDevBoundary(type, name) {
 		type,
 		id: crypto.randomUUID(),
 		name,
-		depth: require_devContext.devContext_default.depth
+		depth: require_devContext.devContext.depth
 	};
-	if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.boundaries.push(newBoundary);
+	if (require_devContext.devContext.index === -1) require_devContext.devContext.boundaries.push(newBoundary);
 	else {
-		require_devContext.devContext_default.boundaries.splice(require_devContext.devContext_default.index, 0, newBoundary);
-		require_devContext.devContext_default.index++;
+		require_devContext.devContext.boundaries.splice(require_devContext.devContext.index, 0, newBoundary);
+		require_devContext.devContext.index++;
 	}
-	require_devContext.devContext_default.depth++;
+	require_devContext.devContext.depth++;
 	return newBoundary;
 }
-
 //#endregion
 //#region src/dev/setDevMode.ts
 function setDevMode() {
-	require_devContext.devContext_default.enabled = true;
-	require_devContext.devContext_default.format = () => {
-		return { boundaries: require_devContext.devContext_default.boundaries.map((b) => ({
+	require_devContext.devContext.enabled = true;
+	require_devContext.devContext.format = () => {
+		return { boundaries: require_devContext.devContext.boundaries.map((b) => ({
 			type: b.type,
 			id: b.id,
 			name: b.name,
 			depth: b.depth
 		})) };
 	};
-	require_devContext.devContext_default.getDetails = (id) => {
-		const boundary = require_devContext.devContext_default.boundaries.find((b) => b.id === id);
+	require_devContext.devContext.getDetails = (id) => {
+		const boundary = require_devContext.devContext.boundaries.find((b) => b.id === id);
 		if (boundary) switch (boundary.type) {
 			case "run": return String(boundary.target.run);
 			default: return "I'm a " + boundary.type;
 		}
 		return "??";
 	};
-	require_devContext.devContext_default.unmark = () => {
+	require_devContext.devContext.unmark = () => {
 		const el = document.getElementById("t_dev_mark");
 		if (el) el.style.display = "none";
 	};
-	require_devContext.devContext_default.mark = (id) => {
-		const boundary = require_devContext.devContext_default.boundaries.find((b) => b.id === id);
+	require_devContext.devContext.mark = (id) => {
+		const boundary = require_devContext.devContext.boundaries.find((b) => b.id === id);
 		if (boundary && boundary.target?.startNode && boundary.target?.endNode) {
 			let el = document.getElementById("t_dev_mark");
 			if (!el) {
@@ -72,7 +70,7 @@ function setDevMode() {
 		}
 	};
 	let oldDepths = [];
-	require_devContext.devContext_default.onWatch = (proxy) => {
+	require_devContext.devContext.onWatch = (proxy) => {
 		let keys = Object.keys(proxy.target);
 		if (keys.length > 5) keys = [...keys.slice(0, 5), "…"];
 		let name = keys.length > 0 ? `{ ${keys.join(", ")} }` : "{}";
@@ -80,16 +78,16 @@ function setDevMode() {
 			type: "watch",
 			id: crypto.randomUUID(),
 			name,
-			depth: require_devContext.devContext_default.depth,
+			depth: require_devContext.devContext.depth,
 			target: proxy
 		};
-		if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.boundaries.push(newBoundary);
+		if (require_devContext.devContext.index === -1) require_devContext.devContext.boundaries.push(newBoundary);
 		else {
-			require_devContext.devContext_default.boundaries.splice(require_devContext.devContext_default.index, 0, newBoundary);
-			require_devContext.devContext_default.index++;
+			require_devContext.devContext.boundaries.splice(require_devContext.devContext.index, 0, newBoundary);
+			require_devContext.devContext.index++;
 		}
 	};
-	require_devContext.devContext_default.onRun = (effect) => {
+	require_devContext.devContext.onRun = (effect) => {
 		let name = effect.name;
 		if (name === void 0) {
 			const details = String(effect.run);
@@ -103,17 +101,17 @@ function setDevMode() {
 			type: "run",
 			id: crypto.randomUUID(),
 			name,
-			depth: require_devContext.devContext_default.depth,
+			depth: require_devContext.devContext.depth,
 			target: effect
 		};
-		if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.boundaries.push(newBoundary);
+		if (require_devContext.devContext.index === -1) require_devContext.devContext.boundaries.push(newBoundary);
 		else {
-			require_devContext.devContext_default.boundaries.splice(require_devContext.devContext_default.index, 0, newBoundary);
-			require_devContext.devContext_default.index++;
+			require_devContext.devContext.boundaries.splice(require_devContext.devContext.index, 0, newBoundary);
+			require_devContext.devContext.index++;
 		}
 	};
-	require_devContext.devContext_default.onRegionPushed = (region, toParent) => {
-		oldDepths.push(require_devContext.devContext_default.depth);
+	require_devContext.devContext.onRegionPushed = (region, toParent) => {
+		oldDepths.push(require_devContext.devContext.depth);
 		if (toParent) {
 			const name = region.name || "Anon Region";
 			const id = crypto.randomUUID();
@@ -121,51 +119,53 @@ function setDevMode() {
 				type: "region",
 				id,
 				name,
-				depth: require_devContext.devContext_default.depth,
+				depth: require_devContext.devContext.depth,
 				target: region
 			};
-			if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.boundaries.push(newBoundary);
+			if (require_devContext.devContext.index === -1) require_devContext.devContext.boundaries.push(newBoundary);
 			else {
-				require_devContext.devContext_default.boundaries.splice(require_devContext.devContext_default.index, 0, newBoundary);
-				require_devContext.devContext_default.index++;
+				require_devContext.devContext.boundaries.splice(require_devContext.devContext.index, 0, newBoundary);
+				require_devContext.devContext.index++;
 			}
 			region.name = `${name} [${id}]`;
-			require_devContext.devContext_default.depth++;
+			require_devContext.devContext.depth++;
 			sendMessage({ name: "REFRESH" });
 		} else if (region.name) {
-			require_devContext.devContext_default.index = -1;
+			require_devContext.devContext.index = -1;
 			const match = region.name.match(/.+?\[(.+?)\]/);
 			if (match !== null && match.length > 0) {
 				let id = match[1];
-				let index = require_devContext.devContext_default.boundaries.findIndex((b) => b.id === id);
+				let index = require_devContext.devContext.boundaries.findIndex((b) => b.id === id);
 				if (index !== -1) {
-					const parentDepth = require_devContext.devContext_default.boundaries[index].depth;
-					require_devContext.devContext_default.depth = parentDepth + 1;
-					require_devContext.devContext_default.index = index + 1;
-					while (require_devContext.devContext_default.index < require_devContext.devContext_default.boundaries.length && require_devContext.devContext_default.boundaries[require_devContext.devContext_default.index].depth > parentDepth) require_devContext.devContext_default.index++;
+					const parentDepth = require_devContext.devContext.boundaries[index].depth;
+					require_devContext.devContext.depth = parentDepth + 1;
+					require_devContext.devContext.index = index + 1;
+					while (require_devContext.devContext.index < require_devContext.devContext.boundaries.length && require_devContext.devContext.boundaries[require_devContext.devContext.index].depth > parentDepth) require_devContext.devContext.index++;
 				}
 			}
 		}
 	};
-	require_devContext.devContext_default.onRegionPopped = () => {
-		require_devContext.devContext_default.depth = oldDepths.pop() ?? 0;
+	require_devContext.devContext.onRegionPopped = () => {
+		require_devContext.devContext.depth = oldDepths.pop() ?? 0;
 	};
-	require_devContext.devContext_default.onRegionCleared = (region) => {
+	require_devContext.devContext.onRegionCleared = (region) => {
 		let nextRegion = region;
 		while (true) {
-			let match = nextRegion.name.match(/.+?\[(.+?)\]/);
-			if (match !== null && match.length > 0) {
-				const id = match[1];
-				let i = require_devContext.devContext_default.boundaries.findIndex((b) => b.id === id);
-				if (i !== -1) {
-					let depth = require_devContext.devContext_default.boundaries[i].depth;
-					let start = i;
-					let end = require_devContext.devContext_default.boundaries.length;
-					for (i++; i < require_devContext.devContext_default.boundaries.length; i++) if (require_devContext.devContext_default.boundaries[i].depth <= depth) {
-						end = i;
-						break;
+			if (nextRegion.name) {
+				let match = nextRegion.name.match(/.+?\[(.+?)\]/);
+				if (match !== null && match.length > 0) {
+					const id = match[1];
+					let i = require_devContext.devContext.boundaries.findIndex((b) => b.id === id);
+					if (i !== -1) {
+						let depth = require_devContext.devContext.boundaries[i].depth;
+						let start = i;
+						let end = require_devContext.devContext.boundaries.length;
+						for (i++; i < require_devContext.devContext.boundaries.length; i++) if (require_devContext.devContext.boundaries[i].depth <= depth) {
+							end = i;
+							break;
+						}
+						require_devContext.devContext.boundaries.splice(start, end - start);
 					}
-					require_devContext.devContext_default.boundaries.splice(start, end - start);
 				}
 			}
 			nextRegion = nextRegion.nextRegion;
@@ -173,16 +173,16 @@ function setDevMode() {
 		}
 		sendMessage({ name: "REFRESH" });
 	};
-	require_devContext.devContext_default.signalSet = (proxy, key) => {
-		const boundary = require_devContext.devContext_default.boundaries.find((b) => b.target === proxy);
+	require_devContext.devContext.signalSet = (proxy, key) => {
+		const boundary = require_devContext.devContext.boundaries.find((b) => b.target === proxy);
 		if (boundary !== void 0) sendMessage({
 			name: "Signal set",
 			id: boundary.id,
 			key: String(key)
 		});
 	};
-	require_devContext.devContext_default.effectRun = (effect) => {
-		const boundary = require_devContext.devContext_default.boundaries.find((b) => b.target === effect);
+	require_devContext.devContext.effectRun = (effect) => {
+		const boundary = require_devContext.devContext.boundaries.find((b) => b.target === effect);
 		if (boundary !== void 0) sendMessage({
 			name: "Effect run",
 			id: boundary.id
@@ -195,9 +195,8 @@ function setDevMode() {
 		}, "*");
 	}
 }
-
 //#endregion
-exports.devContext = require_devContext.devContext_default;
+exports.devContext = require_devContext.devContext;
 exports.setDevMode = setDevMode;
 exports.t_pop_dev_bound = popDevBoundary;
-exports.t_push_dev_bound = pushDevBoundary;
+exports.t_push_dev_bound = pushDevBoundary;

package/dist/dev.d.cts

@@ -1,10 +1,11 @@
-import "./Cleanup-CYsytTEc.cjs";
-import { i as Computed, n as Effect, r as ProxySignal, t as Region } from "./Region-Bb6HAb-F.cjs";
-
+import { i as ProxySignal, n as Region, r as Computed, t as Effect } from "./Effect-COl3aRJV.cjs";
 //#region src/types/ProxyData.d.ts
 interface ProxyData {
   target: Record<PropertyKey, any>;
   isArray: boolean;
+  isDate: boolean;
+  isMap: boolean;
+  isSet: boolean;
   shallow: boolean;
   signals: Map<PropertyKey, ProxySignal | Computed>;
 }

package/dist/dev.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.cts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;cCCnBA,YAAY;;;iBCJM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}
+{"version":3,"file":"dev.d.cts","names":[],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"mappings":";;UAIyB;EACxB,QAAQ,OAAO;EACf;EAIA;EACA;EACA;EACA;EACA,SAAS,IAAI,aAAa,cAAc;;;;UCdhB;EACxB;EACA;EACA;EACA;EACA;;;;UCAwB;EACxB;EACA;EACA;EACA,YAAY;EAEZ;EACA,aAAa;EACb;EACA,OAAO;EAGP,UAAU,OAAO;EACjB,QAAQ,QAAQ;EAChB,iBAAiB,QAAQ,QAAQ,mBAAmB;EACpD;EACA,kBAAkB,QAAQ;EAE1B,YAAY,OAAO,WAAW,KAAK;EACnC,YAAY,QAAQ;;;;cCjBf,YAAY;;;iBCLM;;;iBCCA,gBACvB,uEACA,eACE;;;iBCAqB"}

package/dist/dev.d.mts

@@ -1,10 +1,11 @@
-import "./Cleanup-CgjyN0lW.mjs";
-import { i as Computed, n as Effect, r as ProxySignal, t as Region } from "./Region-CTchywkr.mjs";
-
+import { i as ProxySignal, n as Region, r as Computed, t as Effect } from "./Effect-BTKurOpr.mjs";
 //#region src/types/ProxyData.d.ts
 interface ProxyData {
   target: Record<PropertyKey, any>;
   isArray: boolean;
+  isDate: boolean;
+  isMap: boolean;
+  isSet: boolean;
   shallow: boolean;
   signals: Map<PropertyKey, ProxySignal | Computed>;
 }

package/dist/dev.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dev.d.mts","names":["devContext: DevContext"],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":[],"mappings":";;;;UAIyB,SAAA;UAChB,OAAO;EAJa,OAGJ,EAAA,OAAA;EACT,OAAA,EAAA,OAAA;EAAP,OAAA,EAGC,GAHD,CAGK,WAHL,EAGkB,WAHlB,GAGgC,QAHhC,CAAA;;;;UCLgB,WAAA;;;;EDCI,KAGJ,EAAA,MAAA;EACT,MAAA,CAAA,EAAA,GAAA;;;;AADS,UECA,UAAA,CFDA;EACT,OAAA,EAAA,OAAA;EAAP,KAAA,EAAA,MAAA;EAGK,KAAA,EAAA,MAAA;EAAa,UAAA,EECd,WFDc,EAAA;EAAc,MAAA,EAAA,GAAA,GAAA,GAAA;EAA/B,UAAA,EAAA,CAAA,EAAA,EAAA,MAAA,EAAA,GAAA,MAAA;EAAA,MAAA,EAAA,GAAA,GAAA,IAAA;;mBESQ;kBACD;gBDlBQ,EAAA,CAAA,MAAA,ECmBC,MDnBD,EAAA,QAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;4BCqBE;qBAEP,gBAAgB;EApBP,SAEJ,EAAA,CAAA,MAAA,EAmBJ,MAnBI,EAAA,GAAA,IAAA;;;;cCCnBA,YAAY;;;iBCJM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}
+{"version":3,"file":"dev.d.mts","names":[],"sources":["../src/types/ProxyData.ts","../src/dev/types/DevBoundary.ts","../src/dev/types/DevContext.ts","../src/dev/devContext.ts","../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"mappings":";;UAIyB;EACxB,QAAQ,OAAO;EACf;EAIA;EACA;EACA;EACA;EACA,SAAS,IAAI,aAAa,cAAc;;;;UCdhB;EACxB;EACA;EACA;EACA;EACA;;;;UCAwB;EACxB;EACA;EACA;EACA,YAAY;EAEZ;EACA,aAAa;EACb;EACA,OAAO;EAGP,UAAU,OAAO;EACjB,QAAQ,QAAQ;EAChB,iBAAiB,QAAQ,QAAQ,mBAAmB;EACpD;EACA,kBAAkB,QAAQ;EAE1B,YAAY,OAAO,WAAW,KAAK;EACnC,YAAY,QAAQ;;;;cCjBf,YAAY;;;iBCLM;;;iBCCA,gBACvB,uEACA,eACE;;;iBCAqB"}

package/dist/dev.mjs

@@ -1,10 +1,8 @@
-import { t as devContext_default } from "./devContext-CQ8RhBX-.mjs";
-
+import { t as devContext } from "./devContext-ZNsPyOgB.mjs";
 //#region src/dev/popDevBoundary.ts
 function popDevBoundary() {
-	devContext_default.depth--;
+	devContext.depth--;
 }
-
 //#endregion
 //#region src/dev/pushDevBoundary.ts
 function pushDevBoundary(type, name) {
@@ -12,43 +10,42 @@ function pushDevBoundary(type, name) {
 		type,
 		id: crypto.randomUUID(),
 		name,
-		depth: devContext_default.depth
+		depth: devContext.depth
 	};
-	if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+	if (devContext.index === -1) devContext.boundaries.push(newBoundary);
 	else {
-		devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
-		devContext_default.index++;
+		devContext.boundaries.splice(devContext.index, 0, newBoundary);
+		devContext.index++;
 	}
-	devContext_default.depth++;
+	devContext.depth++;
 	return newBoundary;
 }
-
 //#endregion
 //#region src/dev/setDevMode.ts
 function setDevMode() {
-	devContext_default.enabled = true;
-	devContext_default.format = () => {
-		return { boundaries: devContext_default.boundaries.map((b) => ({
+	devContext.enabled = true;
+	devContext.format = () => {
+		return { boundaries: devContext.boundaries.map((b) => ({
 			type: b.type,
 			id: b.id,
 			name: b.name,
 			depth: b.depth
 		})) };
 	};
-	devContext_default.getDetails = (id) => {
-		const boundary = devContext_default.boundaries.find((b) => b.id === id);
+	devContext.getDetails = (id) => {
+		const boundary = devContext.boundaries.find((b) => b.id === id);
 		if (boundary) switch (boundary.type) {
 			case "run": return String(boundary.target.run);
 			default: return "I'm a " + boundary.type;
 		}
 		return "??";
 	};
-	devContext_default.unmark = () => {
+	devContext.unmark = () => {
 		const el = document.getElementById("t_dev_mark");
 		if (el) el.style.display = "none";
 	};
-	devContext_default.mark = (id) => {
-		const boundary = devContext_default.boundaries.find((b) => b.id === id);
+	devContext.mark = (id) => {
+		const boundary = devContext.boundaries.find((b) => b.id === id);
 		if (boundary && boundary.target?.startNode && boundary.target?.endNode) {
 			let el = document.getElementById("t_dev_mark");
 			if (!el) {
@@ -72,7 +69,7 @@ function setDevMode() {
 		}
 	};
 	let oldDepths = [];
-	devContext_default.onWatch = (proxy) => {
+	devContext.onWatch = (proxy) => {
 		let keys = Object.keys(proxy.target);
 		if (keys.length > 5) keys = [...keys.slice(0, 5), "…"];
 		let name = keys.length > 0 ? `{ ${keys.join(", ")} }` : "{}";
@@ -80,16 +77,16 @@ function setDevMode() {
 			type: "watch",
 			id: crypto.randomUUID(),
 			name,
-			depth: devContext_default.depth,
+			depth: devContext.depth,
 			target: proxy
 		};
-		if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+		if (devContext.index === -1) devContext.boundaries.push(newBoundary);
 		else {
-			devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
-			devContext_default.index++;
+			devContext.boundaries.splice(devContext.index, 0, newBoundary);
+			devContext.index++;
 		}
 	};
-	devContext_default.onRun = (effect) => {
+	devContext.onRun = (effect) => {
 		let name = effect.name;
 		if (name === void 0) {
 			const details = String(effect.run);
@@ -103,17 +100,17 @@ function setDevMode() {
 			type: "run",
 			id: crypto.randomUUID(),
 			name,
-			depth: devContext_default.depth,
+			depth: devContext.depth,
 			target: effect
 		};
-		if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+		if (devContext.index === -1) devContext.boundaries.push(newBoundary);
 		else {
-			devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
-			devContext_default.index++;
+			devContext.boundaries.splice(devContext.index, 0, newBoundary);
+			devContext.index++;
 		}
 	};
-	devContext_default.onRegionPushed = (region, toParent) => {
-		oldDepths.push(devContext_default.depth);
+	devContext.onRegionPushed = (region, toParent) => {
+		oldDepths.push(devContext.depth);
 		if (toParent) {
 			const name = region.name || "Anon Region";
 			const id = crypto.randomUUID();
@@ -121,51 +118,53 @@ function setDevMode() {
 				type: "region",
 				id,
 				name,
-				depth: devContext_default.depth,
+				depth: devContext.depth,
 				target: region
 			};
-			if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+			if (devContext.index === -1) devContext.boundaries.push(newBoundary);
 			else {
-				devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
-				devContext_default.index++;
+				devContext.boundaries.splice(devContext.index, 0, newBoundary);
+				devContext.index++;
 			}
 			region.name = `${name} [${id}]`;
-			devContext_default.depth++;
+			devContext.depth++;
 			sendMessage({ name: "REFRESH" });
 		} else if (region.name) {
-			devContext_default.index = -1;
+			devContext.index = -1;
 			const match = region.name.match(/.+?\[(.+?)\]/);
 			if (match !== null && match.length > 0) {
 				let id = match[1];
-				let index = devContext_default.boundaries.findIndex((b) => b.id === id);
+				let index = devContext.boundaries.findIndex((b) => b.id === id);
 				if (index !== -1) {
-					const parentDepth = devContext_default.boundaries[index].depth;
-					devContext_default.depth = parentDepth + 1;
-					devContext_default.index = index + 1;
-					while (devContext_default.index < devContext_default.boundaries.length && devContext_default.boundaries[devContext_default.index].depth > parentDepth) devContext_default.index++;
+					const parentDepth = devContext.boundaries[index].depth;
+					devContext.depth = parentDepth + 1;
+					devContext.index = index + 1;
+					while (devContext.index < devContext.boundaries.length && devContext.boundaries[devContext.index].depth > parentDepth) devContext.index++;
 				}
 			}
 		}
 	};
-	devContext_default.onRegionPopped = () => {
-		devContext_default.depth = oldDepths.pop() ?? 0;
+	devContext.onRegionPopped = () => {
+		devContext.depth = oldDepths.pop() ?? 0;
 	};
-	devContext_default.onRegionCleared = (region) => {
+	devContext.onRegionCleared = (region) => {
 		let nextRegion = region;
 		while (true) {
-			let match = nextRegion.name.match(/.+?\[(.+?)\]/);
-			if (match !== null && match.length > 0) {
-				const id = match[1];
-				let i = devContext_default.boundaries.findIndex((b) => b.id === id);
-				if (i !== -1) {
-					let depth = devContext_default.boundaries[i].depth;
-					let start = i;
-					let end = devContext_default.boundaries.length;
-					for (i++; i < devContext_default.boundaries.length; i++) if (devContext_default.boundaries[i].depth <= depth) {
-						end = i;
-						break;
+			if (nextRegion.name) {
+				let match = nextRegion.name.match(/.+?\[(.+?)\]/);
+				if (match !== null && match.length > 0) {
+					const id = match[1];
+					let i = devContext.boundaries.findIndex((b) => b.id === id);
+					if (i !== -1) {
+						let depth = devContext.boundaries[i].depth;
+						let start = i;
+						let end = devContext.boundaries.length;
+						for (i++; i < devContext.boundaries.length; i++) if (devContext.boundaries[i].depth <= depth) {
+							end = i;
+							break;
+						}
+						devContext.boundaries.splice(start, end - start);
 					}
-					devContext_default.boundaries.splice(start, end - start);
 				}
 			}
 			nextRegion = nextRegion.nextRegion;
@@ -173,16 +172,16 @@ function setDevMode() {
 		}
 		sendMessage({ name: "REFRESH" });
 	};
-	devContext_default.signalSet = (proxy, key) => {
-		const boundary = devContext_default.boundaries.find((b) => b.target === proxy);
+	devContext.signalSet = (proxy, key) => {
+		const boundary = devContext.boundaries.find((b) => b.target === proxy);
 		if (boundary !== void 0) sendMessage({
 			name: "Signal set",
 			id: boundary.id,
 			key: String(key)
 		});
 	};
-	devContext_default.effectRun = (effect) => {
-		const boundary = devContext_default.boundaries.find((b) => b.target === effect);
+	devContext.effectRun = (effect) => {
+		const boundary = devContext.boundaries.find((b) => b.target === effect);
 		if (boundary !== void 0) sendMessage({
 			name: "Effect run",
 			id: boundary.id
@@ -195,7 +194,7 @@ function setDevMode() {
 		}, "*");
 	}
 }
-
 //#endregion
-export { devContext_default as devContext, setDevMode, popDevBoundary as t_pop_dev_bound, pushDevBoundary as t_push_dev_bound };
+export { devContext, setDevMode, popDevBoundary as t_pop_dev_bound, pushDevBoundary as t_push_dev_bound };
+
 //# sourceMappingURL=dev.mjs.map

package/dist/dev.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dev.mjs","names":["devContext","devContext","oldDepths: number[]","nextRegion: Region | null"],"sources":["../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":["import devContext from \"./devContext\";\n\nexport default function popDevBoundary(): void {\n\tdevContext.depth--;\n}\n","import devContext from \"../dev/devContext\";\nimport DevBoundary from \"./types/DevBoundary\";\n\nexport default function pushDevBoundary(\n\ttype: \"component\" | \"region\" | \"run\" | \"watch\" | \"control\" | \"branch\",\n\tname: string,\n): DevBoundary {\n\tconst newBoundary = {\n\t\ttype,\n\t\tid: crypto.randomUUID(),\n\t\tname,\n\t\tdepth: devContext.depth,\n\t};\n\n\tif (devContext.index === -1) {\n\t\tdevContext.boundaries.push(newBoundary);\n\t} else {\n\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\tdevContext.index++;\n\t}\n\n\tdevContext.depth++;\n\n\treturn newBoundary;\n}\n","import type Effect from \"../types/Effect\";\nimport type ProxyData from \"../types/ProxyData\";\nimport type Region from \"../types/Region\";\nimport devContext from \"./devContext\";\nimport type DevBoundary from \"./types/DevBoundary\";\n\nexport default function setDevMode(): void {\n\tdevContext.enabled = true;\n\n\t// Format devContext for passing to DevTools by stripping out nodes etc\n\tdevContext.format = () => {\n\t\treturn {\n\t\t\tboundaries: devContext.boundaries.map((b) => ({\n\t\t\t\ttype: b.type,\n\t\t\t\tid: b.id,\n\t\t\t\tname: b.name,\n\t\t\t\tdepth: b.depth,\n\t\t\t\t//details: b.details,\n\t\t\t})),\n\t\t};\n\t};\n\n\tdevContext.getDetails = (id: string) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.id === id);\n\t\tif (boundary) {\n\t\t\tswitch (boundary.type) {\n\t\t\t\tcase \"run\": {\n\t\t\t\t\treturn String(boundary.target.run);\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\t// TODO:\n\t\t\t\t\treturn \"I'm a \" + boundary.type;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn \"??\";\n\t};\n\n\tdevContext.unmark = () => {\n\t\tconst el = document.getElementById(\"t_dev_mark\");\n\t\tif (el) {\n\t\t\tel.style.display = \"none\";\n\t\t}\n\t};\n\n\tdevContext.mark = (id: string) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.id === id);\n\t\tif (boundary && boundary.target?.startNode && boundary.target?.endNode) {\n\t\t\tlet el = document.getElementById(\"t_dev_mark\");\n\t\t\tif (!el) {\n\t\t\t\tel = document.createElement(\"div\");\n\t\t\t\tel.id = \"t_dev_mark\";\n\t\t\t\tel.style.position = \"absolute\";\n\t\t\t\tdocument.body.append(el);\n\t\t\t}\n\n\t\t\tconst range = document.createRange();\n\t\t\trange.setStartBefore(boundary.target.startNode);\n\t\t\trange.setEndAfter(boundary.target.endNode);\n\t\t\tconst rect = range.getBoundingClientRect();\n\n\t\t\tel.style.display = \"block\";\n\t\t\tel.style.left = rect.left + \"px\";\n\t\t\tel.style.top = rect.top + \"px\";\n\t\t\tel.style.height = rect.height + \"px\";\n\t\t\tel.style.width = rect.width + \"px\";\n\t\t\t//el.style.border = \"2px solid limegreen\";\n\t\t\tel.style.borderRadius = \"2px\";\n\t\t\tel.style.boxShadow = \"rgba(50, 205, 50, 0.5) 0px 0px 0px 3px\";\n\t\t\tel.style.pointerEvents = \"none\";\n\t\t}\n\t};\n\n\t// TODO: make this more robust\n\tlet oldDepths: number[] = [];\n\n\tdevContext.onWatch = (proxy: ProxyData) => {\n\t\tlet keys = Object.keys(proxy.target);\n\t\tif (keys.length > 5) {\n\t\t\tkeys = [...keys.slice(0, 5), \"…\"];\n\t\t}\n\t\tlet name = keys.length > 0 ? `{ ${keys.join(\", \")} }` : \"{}\";\n\t\tconst id = crypto.randomUUID();\n\t\tconst newBoundary = {\n\t\t\ttype: \"watch\",\n\t\t\tid,\n\t\t\tname,\n\t\t\tdepth: devContext.depth,\n\t\t\ttarget: proxy,\n\t\t} satisfies DevBoundary;\n\t\tif (devContext.index === -1) {\n\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t} else {\n\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\tdevContext.index++;\n\t\t}\n\t};\n\n\tdevContext.onRun = (effect: Effect) => {\n\t\tlet name = effect.name;\n\t\tif (name === undefined) {\n\t\t\tconst details = String(effect.run);\n\t\t\tif (details.startsWith(\"function \")) {\n\t\t\t\tname = details.substring(9);\n\t\t\t\tname = name.substring(0, name.indexOf(\"(\"));\n\t\t\t}\n\t\t}\n\t\tif (name === undefined) {\n\t\t\tname = \"runAnon\";\n\t\t}\n\t\tconst id = crypto.randomUUID();\n\t\tconst newBoundary = {\n\t\t\ttype: \"run\",\n\t\t\tid,\n\t\t\tname,\n\t\t\tdepth: devContext.depth,\n\t\t\ttarget: effect,\n\t\t} satisfies DevBoundary;\n\t\tif (devContext.index === -1) {\n\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t} else {\n\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\tdevContext.index++;\n\t\t}\n\t};\n\n\tdevContext.onRegionPushed = (region: Region, toParent: boolean) => {\n\t\toldDepths.push(devContext.depth);\n\t\tif (toParent) {\n\t\t\t// It's a new region; bump the depth etc\n\t\t\tconst name = region.name || \"Anon Region\";\n\t\t\tconst id = crypto.randomUUID();\n\t\t\tconst newBoundary = {\n\t\t\t\ttype: \"region\",\n\t\t\t\tid,\n\t\t\t\tname,\n\t\t\t\tdepth: devContext.depth,\n\t\t\t\ttarget: region,\n\t\t\t} satisfies DevBoundary;\n\t\t\tif (devContext.index === -1) {\n\t\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t\t} else {\n\t\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\t\tdevContext.index++;\n\t\t\t}\n\t\t\t//pushDevBoundary(\"region\", name);\n\t\t\tregion.name = `${name} [${id}]`;\n\n\t\t\tdevContext.depth++;\n\n\t\t\tsendMessage({ name: \"REFRESH\" });\n\t\t} else if (region.name) {\n\t\t\tdevContext.index = -1;\n\n\t\t\t// It's an old region; get and set its depth and position for adding children\n\t\t\tconst match = region.name.match(/.+?\\[(.+?)\\]/);\n\t\t\tif (match !== null && match.length > 0) {\n\t\t\t\tlet id = match[1];\n\t\t\t\tlet index = devContext.boundaries.findIndex((b) => b.id === id);\n\t\t\t\tif (index !== -1) {\n\t\t\t\t\tconst parentDepth = devContext.boundaries[index].depth;\n\t\t\t\t\tdevContext.depth = parentDepth + 1;\n\t\t\t\t\t// The index needs to be after the last child of the parent\n\t\t\t\t\tdevContext.index = index + 1;\n\t\t\t\t\twhile (\n\t\t\t\t\t\tdevContext.index < devContext.boundaries.length &&\n\t\t\t\t\t\tdevContext.boundaries[devContext.index].depth > parentDepth\n\t\t\t\t\t) {\n\t\t\t\t\t\tdevContext.index++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tdevContext.onRegionPopped = () => {\n\t\t//popDevBoundary();\n\t\tdevContext.depth = oldDepths.pop() ?? 0;\n\t};\n\n\tdevContext.onRegionCleared = (region: Region) => {\n\t\tlet nextRegion: Region | null = region;\n\t\twhile (true) {\n\t\t\tlet match = nextRegion.name!.match(/.+?\\[(.+?)\\]/);\n\t\t\tif (match !== null && match.length > 0) {\n\t\t\t\tconst id = match[1];\n\t\t\t\tlet i = devContext.boundaries.findIndex((b) => b.id === id);\n\t\t\t\tif (i !== -1) {\n\t\t\t\t\tlet depth = devContext.boundaries[i].depth;\n\t\t\t\t\tlet start = i;\n\t\t\t\t\tlet end = devContext.boundaries.length;\n\t\t\t\t\tfor (i++; i < devContext.boundaries.length; i++) {\n\t\t\t\t\t\tif (devContext.boundaries[i].depth <= depth) {\n\t\t\t\t\t\t\tend = i;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tdevContext.boundaries.splice(start, end - start);\n\t\t\t\t}\n\t\t\t}\n\t\t\tnextRegion = nextRegion.nextRegion;\n\t\t\tif (nextRegion === null || nextRegion.depth <= region.depth) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tsendMessage({ name: \"REFRESH\" });\n\t};\n\n\t// Messages\n\n\tdevContext.signalSet = (proxy: ProxyData, key: PropertyKey) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.target === proxy);\n\t\tif (boundary !== undefined) {\n\t\t\tsendMessage({ name: \"Signal set\", id: boundary.id, key: String(key) });\n\t\t}\n\t};\n\n\tdevContext.effectRun = (effect: Effect) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.target === effect);\n\t\tif (boundary !== undefined) {\n\t\t\tsendMessage({ name: \"Effect run\", id: boundary.id });\n\t\t}\n\t};\n\n\tfunction sendMessage(message: { name: string } & Record<string, string>) {\n\t\twindow.postMessage(\n\t\t\t{\n\t\t\t\tsource: \"t_dev_tools\",\n\t\t\t\tmessage: JSON.stringify(message),\n\t\t\t},\n\t\t\t\"*\",\n\t\t);\n\t}\n}\n"],"mappings":";;;AAEA,SAAwB,iBAAuB;AAC9C,oBAAW;;;;;ACAZ,SAAwB,gBACvB,MACA,MACc;CACd,MAAM,cAAc;EACnB;EACA,IAAI,OAAO,YAAY;EACvB;EACA,OAAOA,mBAAW;EAClB;AAED,KAAIA,mBAAW,UAAU,GACxB,oBAAW,WAAW,KAAK,YAAY;MACjC;AACN,qBAAW,WAAW,OAAOA,mBAAW,OAAO,GAAG,YAAY;AAC9D,qBAAW;;AAGZ,oBAAW;AAEX,QAAO;;;;;ACjBR,SAAwB,aAAmB;AAC1C,oBAAW,UAAU;AAGrB,oBAAW,eAAe;AACzB,SAAO,EACN,YAAYC,mBAAW,WAAW,KAAK,OAAO;GAC7C,MAAM,EAAE;GACR,IAAI,EAAE;GACN,MAAM,EAAE;GACR,OAAO,EAAE;GAET,EAAE,EACH;;AAGF,oBAAW,cAAc,OAAe;EACvC,MAAM,WAAWA,mBAAW,WAAW,MAAM,MAAM,EAAE,OAAO,GAAG;AAC/D,MAAI,SACH,SAAQ,SAAS,MAAjB;GACC,KAAK,MACJ,QAAO,OAAO,SAAS,OAAO,IAAI;GAEnC,QAEC,QAAO,WAAW,SAAS;;AAI9B,SAAO;;AAGR,oBAAW,eAAe;EACzB,MAAM,KAAK,SAAS,eAAe,aAAa;AAChD,MAAI,GACH,IAAG,MAAM,UAAU;;AAIrB,oBAAW,QAAQ,OAAe;EACjC,MAAM,WAAWA,mBAAW,WAAW,MAAM,MAAM,EAAE,OAAO,GAAG;AAC/D,MAAI,YAAY,SAAS,QAAQ,aAAa,SAAS,QAAQ,SAAS;GACvE,IAAI,KAAK,SAAS,eAAe,aAAa;AAC9C,OAAI,CAAC,IAAI;AACR,SAAK,SAAS,cAAc,MAAM;AAClC,OAAG,KAAK;AACR,OAAG,MAAM,WAAW;AACpB,aAAS,KAAK,OAAO,GAAG;;GAGzB,MAAM,QAAQ,SAAS,aAAa;AACpC,SAAM,eAAe,SAAS,OAAO,UAAU;AAC/C,SAAM,YAAY,SAAS,OAAO,QAAQ;GAC1C,MAAM,OAAO,MAAM,uBAAuB;AAE1C,MAAG,MAAM,UAAU;AACnB,MAAG,MAAM,OAAO,KAAK,OAAO;AAC5B,MAAG,MAAM,MAAM,KAAK,MAAM;AAC1B,MAAG,MAAM,SAAS,KAAK,SAAS;AAChC,MAAG,MAAM,QAAQ,KAAK,QAAQ;AAE9B,MAAG,MAAM,eAAe;AACxB,MAAG,MAAM,YAAY;AACrB,MAAG,MAAM,gBAAgB;;;CAK3B,IAAIC,YAAsB,EAAE;AAE5B,oBAAW,WAAW,UAAqB;EAC1C,IAAI,OAAO,OAAO,KAAK,MAAM,OAAO;AACpC,MAAI,KAAK,SAAS,EACjB,QAAO,CAAC,GAAG,KAAK,MAAM,GAAG,EAAE,EAAE,IAAI;EAElC,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,KAAK,CAAC,MAAM;EAExD,MAAM,cAAc;GACnB,MAAM;GACN,IAHU,OAAO,YAAY;GAI7B;GACA,OAAOD,mBAAW;GAClB,QAAQ;GACR;AACD,MAAIA,mBAAW,UAAU,GACxB,oBAAW,WAAW,KAAK,YAAY;OACjC;AACN,sBAAW,WAAW,OAAOA,mBAAW,OAAO,GAAG,YAAY;AAC9D,sBAAW;;;AAIb,oBAAW,SAAS,WAAmB;EACtC,IAAI,OAAO,OAAO;AAClB,MAAI,SAAS,QAAW;GACvB,MAAM,UAAU,OAAO,OAAO,IAAI;AAClC,OAAI,QAAQ,WAAW,YAAY,EAAE;AACpC,WAAO,QAAQ,UAAU,EAAE;AAC3B,WAAO,KAAK,UAAU,GAAG,KAAK,QAAQ,IAAI,CAAC;;;AAG7C,MAAI,SAAS,OACZ,QAAO;EAGR,MAAM,cAAc;GACnB,MAAM;GACN,IAHU,OAAO,YAAY;GAI7B;GACA,OAAOA,mBAAW;GAClB,QAAQ;GACR;AACD,MAAIA,mBAAW,UAAU,GACxB,oBAAW,WAAW,KAAK,YAAY;OACjC;AACN,sBAAW,WAAW,OAAOA,mBAAW,OAAO,GAAG,YAAY;AAC9D,sBAAW;;;AAIb,oBAAW,kBAAkB,QAAgB,aAAsB;AAClE,YAAU,KAAKA,mBAAW,MAAM;AAChC,MAAI,UAAU;GAEb,MAAM,OAAO,OAAO,QAAQ;GAC5B,MAAM,KAAK,OAAO,YAAY;GAC9B,MAAM,cAAc;IACnB,MAAM;IACN;IACA;IACA,OAAOA,mBAAW;IAClB,QAAQ;IACR;AACD,OAAIA,mBAAW,UAAU,GACxB,oBAAW,WAAW,KAAK,YAAY;QACjC;AACN,uBAAW,WAAW,OAAOA,mBAAW,OAAO,GAAG,YAAY;AAC9D,uBAAW;;AAGZ,UAAO,OAAO,GAAG,KAAK,IAAI,GAAG;AAE7B,sBAAW;AAEX,eAAY,EAAE,MAAM,WAAW,CAAC;aACtB,OAAO,MAAM;AACvB,sBAAW,QAAQ;GAGnB,MAAM,QAAQ,OAAO,KAAK,MAAM,eAAe;AAC/C,OAAI,UAAU,QAAQ,MAAM,SAAS,GAAG;IACvC,IAAI,KAAK,MAAM;IACf,IAAI,QAAQA,mBAAW,WAAW,WAAW,MAAM,EAAE,OAAO,GAAG;AAC/D,QAAI,UAAU,IAAI;KACjB,MAAM,cAAcA,mBAAW,WAAW,OAAO;AACjD,wBAAW,QAAQ,cAAc;AAEjC,wBAAW,QAAQ,QAAQ;AAC3B,YACCA,mBAAW,QAAQA,mBAAW,WAAW,UACzCA,mBAAW,WAAWA,mBAAW,OAAO,QAAQ,YAEhD,oBAAW;;;;;AAOhB,oBAAW,uBAAuB;AAEjC,qBAAW,QAAQ,UAAU,KAAK,IAAI;;AAGvC,oBAAW,mBAAmB,WAAmB;EAChD,IAAIE,aAA4B;AAChC,SAAO,MAAM;GACZ,IAAI,QAAQ,WAAW,KAAM,MAAM,eAAe;AAClD,OAAI,UAAU,QAAQ,MAAM,SAAS,GAAG;IACvC,MAAM,KAAK,MAAM;IACjB,IAAI,IAAIF,mBAAW,WAAW,WAAW,MAAM,EAAE,OAAO,GAAG;AAC3D,QAAI,MAAM,IAAI;KACb,IAAI,QAAQA,mBAAW,WAAW,GAAG;KACrC,IAAI,QAAQ;KACZ,IAAI,MAAMA,mBAAW,WAAW;AAChC,UAAK,KAAK,IAAIA,mBAAW,WAAW,QAAQ,IAC3C,KAAIA,mBAAW,WAAW,GAAG,SAAS,OAAO;AAC5C,YAAM;AACN;;AAGF,wBAAW,WAAW,OAAO,OAAO,MAAM,MAAM;;;AAGlD,gBAAa,WAAW;AACxB,OAAI,eAAe,QAAQ,WAAW,SAAS,OAAO,MACrD;;AAIF,cAAY,EAAE,MAAM,WAAW,CAAC;;AAKjC,oBAAW,aAAa,OAAkB,QAAqB;EAC9D,MAAM,WAAWA,mBAAW,WAAW,MAAM,MAAM,EAAE,WAAW,MAAM;AACtE,MAAI,aAAa,OAChB,aAAY;GAAE,MAAM;GAAc,IAAI,SAAS;GAAI,KAAK,OAAO,IAAI;GAAE,CAAC;;AAIxE,oBAAW,aAAa,WAAmB;EAC1C,MAAM,WAAWA,mBAAW,WAAW,MAAM,MAAM,EAAE,WAAW,OAAO;AACvE,MAAI,aAAa,OAChB,aAAY;GAAE,MAAM;GAAc,IAAI,SAAS;GAAI,CAAC;;CAItD,SAAS,YAAY,SAAoD;AACxE,SAAO,YACN;GACC,QAAQ;GACR,SAAS,KAAK,UAAU,QAAQ;GAChC,EACD,IACA"}
+{"version":3,"file":"dev.mjs","names":[],"sources":["../src/dev/popDevBoundary.ts","../src/dev/pushDevBoundary.ts","../src/dev/setDevMode.ts"],"sourcesContent":["import devContext from \"./devContext\";\n\nexport default function popDevBoundary(): void {\n\tdevContext.depth--;\n}\n","import devContext from \"../dev/devContext\";\nimport DevBoundary from \"./types/DevBoundary\";\n\nexport default function pushDevBoundary(\n\ttype: \"component\" | \"region\" | \"run\" | \"watch\" | \"control\" | \"branch\",\n\tname: string,\n): DevBoundary {\n\tconst newBoundary = {\n\t\ttype,\n\t\tid: crypto.randomUUID(),\n\t\tname,\n\t\tdepth: devContext.depth,\n\t};\n\n\tif (devContext.index === -1) {\n\t\tdevContext.boundaries.push(newBoundary);\n\t} else {\n\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\tdevContext.index++;\n\t}\n\n\tdevContext.depth++;\n\n\treturn newBoundary;\n}\n","import type Effect from \"../types/Effect\";\nimport type ProxyData from \"../types/ProxyData\";\nimport type Region from \"../types/Region\";\nimport devContext from \"./devContext\";\nimport type DevBoundary from \"./types/DevBoundary\";\n\nexport default function setDevMode(): void {\n\tdevContext.enabled = true;\n\n\t// Format devContext for passing to DevTools by stripping out nodes etc\n\tdevContext.format = () => {\n\t\treturn {\n\t\t\tboundaries: devContext.boundaries.map((b) => ({\n\t\t\t\ttype: b.type,\n\t\t\t\tid: b.id,\n\t\t\t\tname: b.name,\n\t\t\t\tdepth: b.depth,\n\t\t\t\t//details: b.details,\n\t\t\t})),\n\t\t};\n\t};\n\n\tdevContext.getDetails = (id: string) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.id === id);\n\t\tif (boundary) {\n\t\t\tswitch (boundary.type) {\n\t\t\t\tcase \"run\": {\n\t\t\t\t\treturn String(boundary.target.run);\n\t\t\t\t}\n\t\t\t\tdefault: {\n\t\t\t\t\t// TODO:\n\t\t\t\t\treturn \"I'm a \" + boundary.type;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn \"??\";\n\t};\n\n\tdevContext.unmark = () => {\n\t\tconst el = document.getElementById(\"t_dev_mark\");\n\t\tif (el) {\n\t\t\tel.style.display = \"none\";\n\t\t}\n\t};\n\n\tdevContext.mark = (id: string) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.id === id);\n\t\tif (boundary && boundary.target?.startNode && boundary.target?.endNode) {\n\t\t\tlet el = document.getElementById(\"t_dev_mark\");\n\t\t\tif (!el) {\n\t\t\t\tel = document.createElement(\"div\");\n\t\t\t\tel.id = \"t_dev_mark\";\n\t\t\t\tel.style.position = \"absolute\";\n\t\t\t\tdocument.body.append(el);\n\t\t\t}\n\n\t\t\tconst range = document.createRange();\n\t\t\trange.setStartBefore(boundary.target.startNode);\n\t\t\trange.setEndAfter(boundary.target.endNode);\n\t\t\tconst rect = range.getBoundingClientRect();\n\n\t\t\tel.style.display = \"block\";\n\t\t\tel.style.left = rect.left + \"px\";\n\t\t\tel.style.top = rect.top + \"px\";\n\t\t\tel.style.height = rect.height + \"px\";\n\t\t\tel.style.width = rect.width + \"px\";\n\t\t\t//el.style.border = \"2px solid limegreen\";\n\t\t\tel.style.borderRadius = \"2px\";\n\t\t\tel.style.boxShadow = \"rgba(50, 205, 50, 0.5) 0px 0px 0px 3px\";\n\t\t\tel.style.pointerEvents = \"none\";\n\t\t}\n\t};\n\n\t// TODO: make this more robust\n\tlet oldDepths: number[] = [];\n\n\tdevContext.onWatch = (proxy: ProxyData) => {\n\t\tlet keys = Object.keys(proxy.target);\n\t\tif (keys.length > 5) {\n\t\t\tkeys = [...keys.slice(0, 5), \"…\"];\n\t\t}\n\t\tlet name = keys.length > 0 ? `{ ${keys.join(\", \")} }` : \"{}\";\n\t\tconst id = crypto.randomUUID();\n\t\tconst newBoundary = {\n\t\t\ttype: \"watch\",\n\t\t\tid,\n\t\t\tname,\n\t\t\tdepth: devContext.depth,\n\t\t\ttarget: proxy,\n\t\t} satisfies DevBoundary;\n\t\tif (devContext.index === -1) {\n\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t} else {\n\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\tdevContext.index++;\n\t\t}\n\t};\n\n\tdevContext.onRun = (effect: Effect) => {\n\t\tlet name = effect.name;\n\t\tif (name === undefined) {\n\t\t\tconst details = String(effect.run);\n\t\t\tif (details.startsWith(\"function \")) {\n\t\t\t\tname = details.substring(9);\n\t\t\t\tname = name.substring(0, name.indexOf(\"(\"));\n\t\t\t}\n\t\t}\n\t\tif (name === undefined) {\n\t\t\tname = \"runAnon\";\n\t\t}\n\t\tconst id = crypto.randomUUID();\n\t\tconst newBoundary = {\n\t\t\ttype: \"run\",\n\t\t\tid,\n\t\t\tname,\n\t\t\tdepth: devContext.depth,\n\t\t\ttarget: effect,\n\t\t} satisfies DevBoundary;\n\t\tif (devContext.index === -1) {\n\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t} else {\n\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\tdevContext.index++;\n\t\t}\n\t};\n\n\tdevContext.onRegionPushed = (region: Region, toParent: boolean) => {\n\t\toldDepths.push(devContext.depth);\n\t\tif (toParent) {\n\t\t\t// It's a new region; bump the depth etc\n\t\t\tconst name = region.name || \"Anon Region\";\n\t\t\tconst id = crypto.randomUUID();\n\t\t\tconst newBoundary = {\n\t\t\t\ttype: \"region\",\n\t\t\t\tid,\n\t\t\t\tname,\n\t\t\t\tdepth: devContext.depth,\n\t\t\t\ttarget: region,\n\t\t\t} satisfies DevBoundary;\n\t\t\tif (devContext.index === -1) {\n\t\t\t\tdevContext.boundaries.push(newBoundary);\n\t\t\t} else {\n\t\t\t\tdevContext.boundaries.splice(devContext.index, 0, newBoundary);\n\t\t\t\tdevContext.index++;\n\t\t\t}\n\t\t\t//pushDevBoundary(\"region\", name);\n\t\t\tregion.name = `${name} [${id}]`;\n\n\t\t\tdevContext.depth++;\n\n\t\t\tsendMessage({ name: \"REFRESH\" });\n\t\t} else if (region.name) {\n\t\t\tdevContext.index = -1;\n\n\t\t\t// It's an old region; get and set its depth and position for adding children\n\t\t\tconst match = region.name.match(/.+?\\[(.+?)\\]/);\n\t\t\tif (match !== null && match.length > 0) {\n\t\t\t\tlet id = match[1];\n\t\t\t\tlet index = devContext.boundaries.findIndex((b) => b.id === id);\n\t\t\t\tif (index !== -1) {\n\t\t\t\t\tconst parentDepth = devContext.boundaries[index].depth;\n\t\t\t\t\tdevContext.depth = parentDepth + 1;\n\t\t\t\t\t// The index needs to be after the last child of the parent\n\t\t\t\t\tdevContext.index = index + 1;\n\t\t\t\t\twhile (\n\t\t\t\t\t\tdevContext.index < devContext.boundaries.length &&\n\t\t\t\t\t\tdevContext.boundaries[devContext.index].depth > parentDepth\n\t\t\t\t\t) {\n\t\t\t\t\t\tdevContext.index++;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tdevContext.onRegionPopped = () => {\n\t\t//popDevBoundary();\n\t\tdevContext.depth = oldDepths.pop() ?? 0;\n\t};\n\n\tdevContext.onRegionCleared = (region: Region) => {\n\t\tlet nextRegion: Region | null = region;\n\t\twhile (true) {\n\t\t\t// Some regions (e.g. @if branch content created via t_region()\n\t\t\t// without a label) have no name — skip the boundary lookup for\n\t\t\t// those but keep walking the chain.\n\t\t\tif (nextRegion.name) {\n\t\t\t\tlet match = nextRegion.name.match(/.+?\\[(.+?)\\]/);\n\t\t\t\tif (match !== null && match.length > 0) {\n\t\t\t\t\tconst id = match[1];\n\t\t\t\t\tlet i = devContext.boundaries.findIndex((b) => b.id === id);\n\t\t\t\t\tif (i !== -1) {\n\t\t\t\t\t\tlet depth = devContext.boundaries[i].depth;\n\t\t\t\t\t\tlet start = i;\n\t\t\t\t\t\tlet end = devContext.boundaries.length;\n\t\t\t\t\t\tfor (i++; i < devContext.boundaries.length; i++) {\n\t\t\t\t\t\t\tif (devContext.boundaries[i].depth <= depth) {\n\t\t\t\t\t\t\t\tend = i;\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdevContext.boundaries.splice(start, end - start);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tnextRegion = nextRegion.nextRegion;\n\t\t\tif (nextRegion === null || nextRegion.depth <= region.depth) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tsendMessage({ name: \"REFRESH\" });\n\t};\n\n\t// Messages\n\n\tdevContext.signalSet = (proxy: ProxyData, key: PropertyKey) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.target === proxy);\n\t\tif (boundary !== undefined) {\n\t\t\tsendMessage({ name: \"Signal set\", id: boundary.id, key: String(key) });\n\t\t}\n\t};\n\n\tdevContext.effectRun = (effect: Effect) => {\n\t\tconst boundary = devContext.boundaries.find((b) => b.target === effect);\n\t\tif (boundary !== undefined) {\n\t\t\tsendMessage({ name: \"Effect run\", id: boundary.id });\n\t\t}\n\t};\n\n\tfunction sendMessage(message: { name: string } & Record<string, string>) {\n\t\twindow.postMessage(\n\t\t\t{\n\t\t\t\tsource: \"t_dev_tools\",\n\t\t\t\tmessage: JSON.stringify(message),\n\t\t\t},\n\t\t\t\"*\",\n\t\t);\n\t}\n}\n"],"mappings":"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"}

package/dist/{devContext-B3yskfhA.cjs → devContext-BulTn3U5.cjs}

@@ -1,4 +1,3 @@
-
 //#region src/dev/devContext.ts
 const DEV_CONTEXT_SYMBOL = Symbol.for("t_dev_context");
 const noop = () => {};
@@ -19,12 +18,10 @@ const devContext = globalThis[DEV_CONTEXT_SYMBOL] ??= {
 	signalSet: noop,
 	effectRun: noop
 };
-var devContext_default = devContext;
-
 //#endregion
-Object.defineProperty(exports, 'devContext_default', {
-  enumerable: true,
-  get: function () {
-    return devContext_default;
-  }
-});
+Object.defineProperty(exports, "devContext", {
+	enumerable: true,
+	get: function() {
+		return devContext;
+	}
+});

package/dist/{devContext-CQ8RhBX-.mjs → devContext-ZNsPyOgB.mjs}

@@ -18,8 +18,7 @@ const devContext = globalThis[DEV_CONTEXT_SYMBOL] ??= {
 	signalSet: noop,
 	effectRun: noop
 };
-var devContext_default = devContext;
-
 //#endregion
-export { devContext_default as t };
-//# sourceMappingURL=devContext-CQ8RhBX-.mjs.map
+export { devContext as t };
+
+//# sourceMappingURL=devContext-ZNsPyOgB.mjs.map

package/dist/devContext-ZNsPyOgB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"devContext-ZNsPyOgB.mjs","names":[],"sources":["../src/dev/devContext.ts"],"sourcesContent":["import type DevContext from \"./types/DevContext\";\n\n// TODO: Rename this next time we release the dev tools\nconst DEV_CONTEXT_SYMBOL: unique symbol = Symbol.for(\"t_dev_context\");\n\nconst noop = () => {};\n\nconst devContext: DevContext =\n\t// @ts-ignore\n\t(globalThis[DEV_CONTEXT_SYMBOL] ??= {\n\t\tenabled: false,\n\t\tdepth: 0,\n\t\tindex: -1,\n\t\tboundaries: [],\n\n\t\tformat: () => \"\",\n\t\tgetDetails: () => \"\",\n\t\tunmark: noop,\n\t\tmark: noop,\n\n\t\t// Hooks\n\t\tonWatch: noop,\n\t\tonRun: noop,\n\t\tonRegionPushed: noop,\n\t\tonRegionPopped: noop,\n\t\tonRegionCleared: noop,\n\n\t\tsignalSet: noop,\n\t\teffectRun: noop,\n\t} satisfies DevContext);\n\nexport default devContext;\n"],"mappings":";AAGA,MAAM,qBAAoC,OAAO,IAAI,eAAe;AAEpE,MAAM,aAAa,CAAC;AAEpB,MAAM,aAEJ,WAAW,wBAAwB;CACnC,SAAS;CACT,OAAO;CACP,OAAO;CACP,YAAY,CAAC;CAEb,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,MAAM;CAGN,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,gBAAgB;CAChB,iBAAiB;CAEjB,WAAW;CACX,WAAW;AACZ"}