@torpor/view 0.3.4 → 0.4.1

package/dist/dev.cjs

@@ -0,0 +1,204 @@
+const require_devContext = require('./devContext-nomc0xCl.cjs');
+
+//#region src/dev/popDevBoundary.ts
+function popDevBoundary() {
+	require_devContext.devContext_default.depth--;
+}
+
+//#endregion
+//#region src/dev/pushDevBoundary.ts
+function pushDevBoundary(type, name) {
+	const newBoundary = {
+		type,
+		id: crypto.randomUUID(),
+		name,
+		depth: require_devContext.devContext_default.depth
+	};
+	if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.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_default.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) => ({
+			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);
+		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 = () => {
+		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);
+		if (boundary && boundary.target?.startNode && boundary.target?.endNode) {
+			let el = document.getElementById("t_dev_mark");
+			if (!el) {
+				el = document.createElement("div");
+				el.id = "t_dev_mark";
+				el.style.position = "absolute";
+				document.body.append(el);
+			}
+			const range = document.createRange();
+			range.setStartBefore(boundary.target.startNode);
+			range.setEndAfter(boundary.target.endNode);
+			const rect = range.getBoundingClientRect();
+			el.style.display = "block";
+			el.style.left = rect.left + "px";
+			el.style.top = rect.top + "px";
+			el.style.height = rect.height + "px";
+			el.style.width = rect.width + "px";
+			el.style.borderRadius = "2px";
+			el.style.boxShadow = "rgba(50, 205, 50, 0.5) 0px 0px 0px 3px";
+			el.style.pointerEvents = "none";
+		}
+	};
+	let oldDepths = [];
+	require_devContext.devContext_default.onWatch = (proxy) => {
+		let keys = Object.keys(proxy.target);
+		if (keys.length > 5) keys = [...keys.slice(0, 5), "…"];
+		let name = keys.length > 0 ? `{ ${keys.join(", ")} }` : "{}";
+		const newBoundary = {
+			type: "watch",
+			id: crypto.randomUUID(),
+			name,
+			depth: require_devContext.devContext_default.depth,
+			target: proxy
+		};
+		if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.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_default.onRun = (effect) => {
+		let name = effect.name;
+		if (name === void 0) {
+			const details = String(effect.run);
+			if (details.startsWith("function ")) {
+				name = details.substring(9);
+				name = name.substring(0, name.indexOf("("));
+			}
+		}
+		if (name === void 0) name = "runAnon";
+		const newBoundary = {
+			type: "run",
+			id: crypto.randomUUID(),
+			name,
+			depth: require_devContext.devContext_default.depth,
+			target: effect
+		};
+		if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.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_default.onRegionPushed = (region, toParent) => {
+		oldDepths.push(require_devContext.devContext_default.depth);
+		if (toParent) {
+			const name = region.name || "Anon Region";
+			const id = crypto.randomUUID();
+			const newBoundary = {
+				type: "region",
+				id,
+				name,
+				depth: require_devContext.devContext_default.depth,
+				target: region
+			};
+			if (require_devContext.devContext_default.index === -1) require_devContext.devContext_default.boundaries.push(newBoundary);
+			else {
+				require_devContext.devContext_default.boundaries.splice(require_devContext.devContext_default.index, 0, newBoundary);
+				require_devContext.devContext_default.index++;
+			}
+			region.name = `${name} [${id}]`;
+			require_devContext.devContext_default.depth++;
+			sendMessage({ name: "REFRESH" });
+		} else if (region.name) {
+			require_devContext.devContext_default.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);
+				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++;
+				}
+			}
+		}
+	};
+	require_devContext.devContext_default.onRegionPopped = () => {
+		require_devContext.devContext_default.depth = oldDepths.pop() ?? 0;
+	};
+	require_devContext.devContext_default.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;
+					}
+					require_devContext.devContext_default.boundaries.splice(start, end - start);
+				}
+			}
+			nextRegion = nextRegion.nextRegion;
+			if (nextRegion === null || nextRegion.depth <= region.depth) break;
+		}
+		sendMessage({ name: "REFRESH" });
+	};
+	require_devContext.devContext_default.signalSet = (proxy, key) => {
+		const boundary = require_devContext.devContext_default.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);
+		if (boundary !== void 0) sendMessage({
+			name: "Effect run",
+			id: boundary.id
+		});
+	};
+	function sendMessage(message) {
+		window.postMessage({
+			source: "t_dev_tools",
+			message: JSON.stringify(message)
+		}, "*");
+	}
+}
+
+//#endregion
+exports.devContext = require_devContext.devContext_default;
+exports.setDevMode = setDevMode;
+exports.t_pop_dev_bound = popDevBoundary;
+exports.t_push_dev_bound = pushDevBoundary;
+//# sourceMappingURL=dev.cjs.map

package/dist/dev.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.cjs","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":"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"}

package/dist/dev.d.cts

@@ -0,0 +1,53 @@
+import "./Cleanup-BGQ5zaxE.cjs";
+import { i as Computed, n as Effect, r as ProxySignal, t as Region } from "./Region-Cf7OeBIQ.cjs";
+
+//#region src/types/ProxyData.d.ts
+interface ProxyData {
+  target: Record<PropertyKey, any>;
+  isArray: boolean;
+  shallow: boolean;
+  signals: Map<PropertyKey, ProxySignal | Computed>;
+}
+//#endregion
+//#region src/dev/types/DevBoundary.d.ts
+interface DevBoundary {
+  type: "component" | "region" | "run" | "watch" | "control" | "branch";
+  id: string;
+  name: string;
+  depth: number;
+  target?: any;
+}
+//#endregion
+//#region src/dev/types/DevContext.d.ts
+interface DevContext {
+  enabled: boolean;
+  depth: number;
+  index: number;
+  boundaries: DevBoundary[];
+  format: () => any;
+  getDetails: (id: string) => string;
+  unmark: () => void;
+  mark: (id: string) => void;
+  onWatch: (proxy: ProxyData) => void;
+  onRun: (effect: Effect) => void;
+  onRegionPushed: (region: Region, toParent: boolean, parentName?: string) => void;
+  onRegionPopped: () => void;
+  onRegionCleared: (region: Region) => void;
+  signalSet: (proxy: ProxyData, key: PropertyKey) => void;
+  effectRun: (effect: Effect) => void;
+}
+//#endregion
+//#region src/dev/devContext.d.ts
+declare const devContext: DevContext;
+//#endregion
+//#region src/dev/popDevBoundary.d.ts
+declare function popDevBoundary(): void;
+//#endregion
+//#region src/dev/pushDevBoundary.d.ts
+declare function pushDevBoundary(type: "component" | "region" | "run" | "watch" | "control" | "branch", name: string): DevBoundary;
+//#endregion
+//#region src/dev/setDevMode.d.ts
+declare function setDevMode(): void;
+//#endregion
+export { devContext, setDevMode, popDevBoundary as t_pop_dev_bound, pushDevBoundary as t_push_dev_bound };
+//# sourceMappingURL=dev.d.cts.map

package/dist/dev.d.cts.map

@@ -0,0 +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;;;;cCDnBA,YAAY;;;iBCFM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}

package/dist/dev.d.ts

@@ -0,0 +1,53 @@
+import "./Cleanup-Ca8IspaG.js";
+import { i as Computed, n as Effect, r as ProxySignal, t as Region } from "./Region-BrsZLZUe.js";
+
+//#region src/types/ProxyData.d.ts
+interface ProxyData {
+  target: Record<PropertyKey, any>;
+  isArray: boolean;
+  shallow: boolean;
+  signals: Map<PropertyKey, ProxySignal | Computed>;
+}
+//#endregion
+//#region src/dev/types/DevBoundary.d.ts
+interface DevBoundary {
+  type: "component" | "region" | "run" | "watch" | "control" | "branch";
+  id: string;
+  name: string;
+  depth: number;
+  target?: any;
+}
+//#endregion
+//#region src/dev/types/DevContext.d.ts
+interface DevContext {
+  enabled: boolean;
+  depth: number;
+  index: number;
+  boundaries: DevBoundary[];
+  format: () => any;
+  getDetails: (id: string) => string;
+  unmark: () => void;
+  mark: (id: string) => void;
+  onWatch: (proxy: ProxyData) => void;
+  onRun: (effect: Effect) => void;
+  onRegionPushed: (region: Region, toParent: boolean, parentName?: string) => void;
+  onRegionPopped: () => void;
+  onRegionCleared: (region: Region) => void;
+  signalSet: (proxy: ProxyData, key: PropertyKey) => void;
+  effectRun: (effect: Effect) => void;
+}
+//#endregion
+//#region src/dev/devContext.d.ts
+declare const devContext: DevContext;
+//#endregion
+//#region src/dev/popDevBoundary.d.ts
+declare function popDevBoundary(): void;
+//#endregion
+//#region src/dev/pushDevBoundary.d.ts
+declare function pushDevBoundary(type: "component" | "region" | "run" | "watch" | "control" | "branch", name: string): DevBoundary;
+//#endregion
+//#region src/dev/setDevMode.d.ts
+declare function setDevMode(): void;
+//#endregion
+export { devContext, setDevMode, popDevBoundary as t_pop_dev_bound, pushDevBoundary as t_push_dev_bound };
+//# sourceMappingURL=dev.d.ts.map

package/dist/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","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;;;;cCDnBA,YAAY;;;iBCFM,cAAA,CAAA;;;iBCCA,eAAA,uFAGrB;;;iBCAqB,UAAA,CAAA"}

package/dist/dev.js

@@ -0,0 +1,201 @@
+import { t as devContext_default } from "./devContext-CM-9Rx7k.js";
+
+//#region src/dev/popDevBoundary.ts
+function popDevBoundary() {
+	devContext_default.depth--;
+}
+
+//#endregion
+//#region src/dev/pushDevBoundary.ts
+function pushDevBoundary(type, name) {
+	const newBoundary = {
+		type,
+		id: crypto.randomUUID(),
+		name,
+		depth: devContext_default.depth
+	};
+	if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+	else {
+		devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
+		devContext_default.index++;
+	}
+	devContext_default.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) => ({
+			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);
+		if (boundary) switch (boundary.type) {
+			case "run": return String(boundary.target.run);
+			default: return "I'm a " + boundary.type;
+		}
+		return "??";
+	};
+	devContext_default.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);
+		if (boundary && boundary.target?.startNode && boundary.target?.endNode) {
+			let el = document.getElementById("t_dev_mark");
+			if (!el) {
+				el = document.createElement("div");
+				el.id = "t_dev_mark";
+				el.style.position = "absolute";
+				document.body.append(el);
+			}
+			const range = document.createRange();
+			range.setStartBefore(boundary.target.startNode);
+			range.setEndAfter(boundary.target.endNode);
+			const rect = range.getBoundingClientRect();
+			el.style.display = "block";
+			el.style.left = rect.left + "px";
+			el.style.top = rect.top + "px";
+			el.style.height = rect.height + "px";
+			el.style.width = rect.width + "px";
+			el.style.borderRadius = "2px";
+			el.style.boxShadow = "rgba(50, 205, 50, 0.5) 0px 0px 0px 3px";
+			el.style.pointerEvents = "none";
+		}
+	};
+	let oldDepths = [];
+	devContext_default.onWatch = (proxy) => {
+		let keys = Object.keys(proxy.target);
+		if (keys.length > 5) keys = [...keys.slice(0, 5), "…"];
+		let name = keys.length > 0 ? `{ ${keys.join(", ")} }` : "{}";
+		const newBoundary = {
+			type: "watch",
+			id: crypto.randomUUID(),
+			name,
+			depth: devContext_default.depth,
+			target: proxy
+		};
+		if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+		else {
+			devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
+			devContext_default.index++;
+		}
+	};
+	devContext_default.onRun = (effect) => {
+		let name = effect.name;
+		if (name === void 0) {
+			const details = String(effect.run);
+			if (details.startsWith("function ")) {
+				name = details.substring(9);
+				name = name.substring(0, name.indexOf("("));
+			}
+		}
+		if (name === void 0) name = "runAnon";
+		const newBoundary = {
+			type: "run",
+			id: crypto.randomUUID(),
+			name,
+			depth: devContext_default.depth,
+			target: effect
+		};
+		if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+		else {
+			devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
+			devContext_default.index++;
+		}
+	};
+	devContext_default.onRegionPushed = (region, toParent) => {
+		oldDepths.push(devContext_default.depth);
+		if (toParent) {
+			const name = region.name || "Anon Region";
+			const id = crypto.randomUUID();
+			const newBoundary = {
+				type: "region",
+				id,
+				name,
+				depth: devContext_default.depth,
+				target: region
+			};
+			if (devContext_default.index === -1) devContext_default.boundaries.push(newBoundary);
+			else {
+				devContext_default.boundaries.splice(devContext_default.index, 0, newBoundary);
+				devContext_default.index++;
+			}
+			region.name = `${name} [${id}]`;
+			devContext_default.depth++;
+			sendMessage({ name: "REFRESH" });
+		} else if (region.name) {
+			devContext_default.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);
+				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++;
+				}
+			}
+		}
+	};
+	devContext_default.onRegionPopped = () => {
+		devContext_default.depth = oldDepths.pop() ?? 0;
+	};
+	devContext_default.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;
+					}
+					devContext_default.boundaries.splice(start, end - start);
+				}
+			}
+			nextRegion = nextRegion.nextRegion;
+			if (nextRegion === null || nextRegion.depth <= region.depth) break;
+		}
+		sendMessage({ name: "REFRESH" });
+	};
+	devContext_default.signalSet = (proxy, key) => {
+		const boundary = devContext_default.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);
+		if (boundary !== void 0) sendMessage({
+			name: "Effect run",
+			id: boundary.id
+		});
+	};
+	function sendMessage(message) {
+		window.postMessage({
+			source: "t_dev_tools",
+			message: JSON.stringify(message)
+		}, "*");
+	}
+}
+
+//#endregion
+export { devContext_default as devContext, setDevMode, popDevBoundary as t_pop_dev_bound, pushDevBoundary as t_push_dev_bound };
+//# sourceMappingURL=dev.js.map

package/dist/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","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":"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"}

package/dist/devContext-CM-9Rx7k.js

@@ -0,0 +1,25 @@
+//#region src/dev/devContext.ts
+const noop = () => {};
+const devContext = {
+	enabled: false,
+	depth: 0,
+	index: -1,
+	boundaries: [],
+	format: () => "",
+	getDetails: () => "",
+	unmark: noop,
+	mark: noop,
+	onWatch: noop,
+	onRun: noop,
+	onRegionPushed: noop,
+	onRegionPopped: noop,
+	onRegionCleared: noop,
+	signalSet: noop,
+	effectRun: noop
+};
+globalThis.T_DEV_CTX = devContext;
+var devContext_default = devContext;
+
+//#endregion
+export { devContext_default as t };
+//# sourceMappingURL=devContext-CM-9Rx7k.js.map

package/dist/devContext-CM-9Rx7k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devContext-CM-9Rx7k.js","names":["devContext: DevContext"],"sources":["../src/dev/devContext.ts"],"sourcesContent":["import type DevContext from \"./types/DevContext\";\n\nconst noop = () => {};\n\nconst devContext: DevContext = {\n\tenabled: false,\n\tdepth: 0,\n\tindex: -1,\n\tboundaries: [],\n\n\tformat: () => \"\",\n\tgetDetails: () => \"\",\n\tunmark: noop,\n\tmark: noop,\n\n\t// Hooks\n\tonWatch: noop,\n\tonRun: noop,\n\tonRegionPushed: noop,\n\tonRegionPopped: noop,\n\tonRegionCleared: noop,\n\n\tsignalSet: noop,\n\teffectRun: noop,\n};\n\n// Add to globalThis for getting from the extension\n// @ts-ignore\nglobalThis.T_DEV_CTX = devContext;\n\nexport default devContext;\n"],"mappings":";AAEA,MAAM,aAAa;AAEnB,MAAMA,aAAyB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACP,YAAY,EAAE;CAEd,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,MAAM;CAGN,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,gBAAgB;CAChB,iBAAiB;CAEjB,WAAW;CACX,WAAW;CACX;AAID,WAAW,YAAY;AAEvB,yBAAe"}

package/dist/devContext-nomc0xCl.cjs

@@ -0,0 +1,31 @@
+
+//#region src/dev/devContext.ts
+const noop = () => {};
+const devContext = {
+	enabled: false,
+	depth: 0,
+	index: -1,
+	boundaries: [],
+	format: () => "",
+	getDetails: () => "",
+	unmark: noop,
+	mark: noop,
+	onWatch: noop,
+	onRun: noop,
+	onRegionPushed: noop,
+	onRegionPopped: noop,
+	onRegionCleared: noop,
+	signalSet: noop,
+	effectRun: noop
+};
+globalThis.T_DEV_CTX = devContext;
+var devContext_default = devContext;
+
+//#endregion
+Object.defineProperty(exports, 'devContext_default', {
+  enumerable: true,
+  get: function () {
+    return devContext_default;
+  }
+});
+//# sourceMappingURL=devContext-nomc0xCl.cjs.map

package/dist/devContext-nomc0xCl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"devContext-nomc0xCl.cjs","names":["devContext: DevContext"],"sources":["../src/dev/devContext.ts"],"sourcesContent":["import type DevContext from \"./types/DevContext\";\n\nconst noop = () => {};\n\nconst devContext: DevContext = {\n\tenabled: false,\n\tdepth: 0,\n\tindex: -1,\n\tboundaries: [],\n\n\tformat: () => \"\",\n\tgetDetails: () => \"\",\n\tunmark: noop,\n\tmark: noop,\n\n\t// Hooks\n\tonWatch: noop,\n\tonRun: noop,\n\tonRegionPushed: noop,\n\tonRegionPopped: noop,\n\tonRegionCleared: noop,\n\n\tsignalSet: noop,\n\teffectRun: noop,\n};\n\n// Add to globalThis for getting from the extension\n// @ts-ignore\nglobalThis.T_DEV_CTX = devContext;\n\nexport default devContext;\n"],"mappings":";;AAEA,MAAM,aAAa;AAEnB,MAAMA,aAAyB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACP,YAAY,EAAE;CAEd,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,MAAM;CAGN,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,gBAAgB;CAChB,iBAAiB;CAEjB,WAAW;CACX,WAAW;CACX;AAID,WAAW,YAAY;AAEvB,yBAAe"}