@elurjs/core 3.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Deiver Vasquez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,157 @@
+# Elur
+
+[![npm version](https://img.shields.io/npm/v/elur.svg)](https://www.npmjs.com/package/elur)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![Tests](https://img.shields.io/badge/tests-886%20passing-brightgreen.svg)]()
+[![Coverage](https://img.shields.io/badge/coverage-95.86%25-brightgreen.svg)]()
+[![Bundle size](https://img.shields.io/badge/min%2Bgzip-~15%20KB-orange.svg)]()
+[![Zero Dependencies](https://img.shields.io/badge/dependencies-0-success.svg)]()
+[![Website](https://img.shields.io/badge/website-elur-indigo.svg)](https://elur.dev/)
+
+A lightweight, fully reactive framework for building modern web UIs — no virtual DOM, no compiler, no build-time magic. Just signals, tagged templates, and pure TypeScript.
+
+**[→ Documentation & Live Demo](https://elur.dev/)**
+
+```
+~24 KB minified · ~15 KB gzipped · zero dependencies · TypeScript-first · ES2022
+```
+
+## Installation
+
+```bash
+npm install elur
+```
+
+## Subpath Imports (Tree-Shaking)
+
+When you only need one module, import from subpaths:
+
+```typescript
+import { signal, effect } from "elur/signals";
+import { createRouter } from "elur/router";
+import { createStore } from "elur/store";
+import { createForm } from "elur/form";
+import { suspend, lazy } from "elur/async";
+import { html, repeat, transition } from "elur/template";
+import { mount } from "elur/component";
+import { ElurComponent } from "elur/lifecycle";
+import { provide, inject, createInjectionKey } from "elur/context";
+import { enableDevTools } from "elur/devtools";
+```
+
+This is optional: `import { ... } from "elur"` remains fully supported.
+
+## Quick Start
+
+```typescript
+import { signal, html, ElurTemplate, ElurComponent, mount, createRouter, RouterView, Link, elurRouter } from "elur";
+
+// --- Pages as function components (ElurTemplate) ---
+// Plain functions returning html`` are recommended for pages and
+// display-only components — no class needed, signals just work.
+
+function HomePage(): ElurTemplate {
+  const count = signal(0);
+  return html`
+    <h1>Home</h1>
+    <p>Count: ${() => count.value}</p>
+    <button @click=${() => count.value++}>+1</button>
+  `;
+}
+
+function UserPage(): ElurTemplate {
+  const router = elurRouter();
+  return html`<h1>User: ${() => router.params.value.id}</h1>`;
+}
+
+// --- Stateful component as class component (ElurComponent) ---
+// Use a class when you need lifecycle hooks: onInit / onMount / onUnmount.
+
+class Clock extends ElurComponent {
+  private time = signal(new Date().toLocaleTimeString());
+  private _id = 0;
+
+  onMount() {
+    this._id = setInterval(() => {
+      this.time.value = new Date().toLocaleTimeString();
+    }, 1000);
+    return () => clearInterval(this._id); // auto-cleanup on unmount
+  }
+
+  render() {
+    return html`<p>Clock: ${() => this.time.value}</p>`;
+  }
+}
+
+// --- Router ---
+
+const router = createRouter([
+  { path: "/",         component: () => HomePage() },
+  { path: "/user/:id", component: () => UserPage() },
+]);
+
+// --- App shell (function component) ---
+
+function App(): ElurTemplate {
+  return html`
+    <nav>${new Link("/", "Home")} ${new Link("/user/42", "User 42")}</nav>
+    ${new Clock()}
+    ${new RouterView()}
+  `;
+}
+
+mount(App(), "#app", { router });
+```
+
+## What's Included
+
+Everything ships in a single zero-dependency import:
+
+| Category | APIs |
+|---|---|
+| **Reactivity** | `signal`, `computed`, `effect`, `batch`, `watch`, `untrack`, `nextTick` |
+| **Templates** | `` html` ` ``, `repeat`, `ref`, `portal`, `transition`, `showWhen` |
+| **Components** | `ElurTemplate` (function components), `ElurComponent` (lifecycle class), `mount`, children & named slots |
+| **Router** | `createRouter`, `RouterView`, `Link`, `elurRouter`, `RouterKey`, guards, nested routes, named routes (`name` + `navigate({ name })`), `mount(..., { router })` |
+| **Forms** | `elurField`, `createForm`, `elurFieldArray`, built-in validators, programmatic value setting, Zod/Valibot interop |
+| **State** | `createStore`, `provide`, `inject`, `createInjectionKey` |
+| **Async** | `suspend` (with `invalidate` for re-fetching), `lazy` |
+| **Error handling** | `createErrorBoundary` |
+
+## Server-side rendering & hydration (v3)
+
+```bash
+npm install elur
+```
+
+```typescript
+import { renderToString, renderToChunks, createServerRenderScope } from "elur/server";
+import { hydrate } from "elur/hydrate";
+import { raw } from "elur";
+```
+
+- DOM-free SSR (`renderToString`), incremental streaming (`renderToChunks`) and
+  isolated render scopes (`createServerRenderScope`).
+- Real hydration over existing SSR DOM: preserves nodes, focus, input state and
+  scroll; keyed `repeat()` lists are adopted without recreating nodes.
+- Render protocols (`renderServer` / `mountDom` / `hydrateDom`) and `raw()` for
+  explicit trusted HTML.
+- Minified with Oxc; validated by `npm run test:artifact`.
+
+## Documentation
+
+## Query Package
+
+`createQuery` and query cache utilities now live in `@elurjs/query`.
+
+```bash
+npm install @elurjs/query
+```
+
+Full API reference, guides, and examples:
+
+**→ [github.com/elurjs/elur](https://github.com/elurjs/elur)**
+
+## License
+
+MIT

package/dist/lib/async.cjs

@@ -0,0 +1,16 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./elur/template/types.cjs`),n=require(`./lifecycle.cjs`),r=require(`./elur/template/html.cjs`);function i(){return r.html`
+        <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
+            <span class="elur-spinner" style="
+                display:inline-block;width:14px;height:14px;border-radius:50%;
+                border:2px solid #38bdf840;border-top-color:#38bdf8;
+                animation:elur-spin .7s linear infinite
+            "></span>
+            Loading…
+        </span>
+        <style>@keyframes elur-spin{to{transform:rotate(360deg)}}</style>
+    `}function a(e){return r.html`
+        <span style="color:#f87171;font-size:13px">
+            ⚠ ${e instanceof Error?e.message:String(e)}
+        </span>
+    `}var o=new Map,s=300*1e3,c=null,l=s;function u(){c===null&&(c=setInterval(()=>{let e=Date.now();for(let[t,n]of o)n.subscribers<=0&&e-n.fetchedAt>l&&o.delete(t);o.size===0&&c!==null&&(clearInterval(c),c=null)},6e4))}function d(e){let t=o.get(e);if(t&&t.fetchedAt>0)return t}function f(e,t){let n=o.get(e);o.set(e,{data:t,fetchedAt:Date.now(),subscribers:n?.subscribers??0}),u()}function p(e){let t=o.get(e);t?t.subscribers++:o.set(e,{fetchedAt:0,subscribers:1})}function m(e){let t=o.get(e);t&&(t.subscribers=Math.max(0,t.subscribers-1))}function h(e,t){let n=o.get(e);return n?Date.now()-n.fetchedAt<t:!1}function g(t,s,c={}){let{fallback:l,errorFallback:u,resetOnRefresh:g=!1,invalidate:_,cacheKey:v,staleTime:y=0}=c,b=l??i(),x=u??a;class S extends n.ElurComponent{_state;_disposeWatcher;constructor(){super();let t=v?d(v):void 0;this._state=e.signal(t&&t.data!==void 0?{status:`resolved`,data:t.data}:{status:`pending`})}onMount(){v&&p(v);let t=v?d(v):void 0;if(t&&h(v,y)||(t?this._fetch():this._run()),_){let t=!0;this._disposeWatcher=e.effect(()=>{if(_.value,t){t=!1;return}v&&o.delete(v),this._run()})}return()=>{this._disposeWatcher?.(),v&&m(v)}}_run(){(g||this._state.peek().status===`pending`)&&(this._state.value={status:`pending`}),this._fetch()}_fetch(){t().then(e=>{v&&f(v,e),this._state.value={status:`resolved`,data:e}},e=>{this._state.value={status:`error`,error:e}})}render(){return r.html`<div class="elur-suspense" style="display:contents">${()=>{let e=this._state.value;return e.status===`pending`?b:e.status===`error`?x(e.error):s(e.data)}}</div>`}}return new S}function _(e,n){let r=n===void 0||t.isElurTemplate(n)?{fallback:n}:n,i=r.selector??(e=>e.default),a=null;return()=>a?new a:g(async()=>(a=i(await e()),a),e=>new e,{fallback:r.fallback})}exports.lazy=_,exports.suspend=g;
+//# sourceMappingURL=async.cjs.map

package/dist/lib/async.js

@@ -0,0 +1,123 @@
+import { effect as e, signal as t } from "./signals.js";
+import { isElurTemplate as n } from "./elur/template/types.js";
+import { ElurComponent as r } from "./lifecycle.js";
+import { html as i } from "./elur/template/html.js";
+//#region src/elur/async.ts
+function a() {
+	return i`
+        <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
+            <span class="elur-spinner" style="
+                display:inline-block;width:14px;height:14px;border-radius:50%;
+                border:2px solid #38bdf840;border-top-color:#38bdf8;
+                animation:elur-spin .7s linear infinite
+            "></span>
+            Loading…
+        </span>
+        <style>@keyframes elur-spin{to{transform:rotate(360deg)}}</style>
+    `;
+}
+function o(e) {
+	return i`
+        <span style="color:#f87171;font-size:13px">
+            ⚠ ${e instanceof Error ? e.message : String(e)}
+        </span>
+    `;
+}
+var s = /* @__PURE__ */ new Map(), c = 300 * 1e3, l = null, u = c;
+function d() {
+	l === null && (l = setInterval(() => {
+		let e = Date.now();
+		for (let [t, n] of s) n.subscribers <= 0 && e - n.fetchedAt > u && s.delete(t);
+		s.size === 0 && l !== null && (clearInterval(l), l = null);
+	}, 6e4));
+}
+function f(e) {
+	let t = s.get(e);
+	if (t && t.fetchedAt > 0) return t;
+}
+function p(e, t) {
+	let n = s.get(e);
+	s.set(e, {
+		data: t,
+		fetchedAt: Date.now(),
+		subscribers: n?.subscribers ?? 0
+	}), d();
+}
+function m(e) {
+	let t = s.get(e);
+	t ? t.subscribers++ : s.set(e, {
+		fetchedAt: 0,
+		subscribers: 1
+	});
+}
+function h(e) {
+	let t = s.get(e);
+	t && (t.subscribers = Math.max(0, t.subscribers - 1));
+}
+function g(e, t) {
+	let n = s.get(e);
+	return n ? Date.now() - n.fetchedAt < t : !1;
+}
+function _(n, c, l = {}) {
+	let { fallback: u, errorFallback: d, resetOnRefresh: _ = !1, invalidate: v, cacheKey: y, staleTime: b = 0 } = l, x = u ?? a(), S = d ?? o;
+	class C extends r {
+		_state;
+		_disposeWatcher;
+		constructor() {
+			super();
+			let e = y ? f(y) : void 0;
+			this._state = t(e && e.data !== void 0 ? {
+				status: "resolved",
+				data: e.data
+			} : { status: "pending" });
+		}
+		onMount() {
+			y && m(y);
+			let t = y ? f(y) : void 0;
+			if (t && g(y, b) || (t ? this._fetch() : this._run()), v) {
+				let t = !0;
+				this._disposeWatcher = e(() => {
+					if (v.value, t) {
+						t = !1;
+						return;
+					}
+					y && s.delete(y), this._run();
+				});
+			}
+			return () => {
+				this._disposeWatcher?.(), y && h(y);
+			};
+		}
+		_run() {
+			(_ || this._state.peek().status === "pending") && (this._state.value = { status: "pending" }), this._fetch();
+		}
+		_fetch() {
+			n().then((e) => {
+				y && p(y, e), this._state.value = {
+					status: "resolved",
+					data: e
+				};
+			}, (e) => {
+				this._state.value = {
+					status: "error",
+					error: e
+				};
+			});
+		}
+		render() {
+			return i`<div class="elur-suspense" style="display:contents">${() => {
+				let e = this._state.value;
+				return e.status === "pending" ? x : e.status === "error" ? S(e.error) : c(e.data);
+			}}</div>`;
+		}
+	}
+	return new C();
+}
+function v(e, t) {
+	let r = t === void 0 || n(t) ? { fallback: t } : t, i = r.selector ?? ((e) => e.default), a = null;
+	return () => a ? new a() : _(async () => (a = i(await e()), a), (e) => new e(), { fallback: r.fallback });
+}
+//#endregion
+export { v as lazy, _ as suspend };
+
+//# sourceMappingURL=async.js.map

package/dist/lib/component.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lifecycle.cjs`),t=require(`./context.cjs`),n=require(`./router.cjs`);function r(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[elur] mount: container not found: ${e}`);return t}function i(i,a,o){if(e.isElurComponent(i)){let s=r(a);e._debugComponentMountStart(i),t._pushComponentContext();let c=()=>{},l=!1;try{o?.router&&(t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router));try{i.onInit?.()}catch(e){if(i.onError)i.onError(e);else throw e}try{c=i.render()._render(s,null)}catch(e){if(i.onError)i.onError(e),c=()=>{},l=!0;else throw e}}finally{e._debugComponentMountEnd(i),t._popComponentContext()}let u;if(!l)try{let e=i.onMount?.();typeof e==`function`&&(u=e)}catch(e){if(i.onError)i.onError(e);else throw e}return{unmount(){try{i.onUnmount?.()}catch{}try{u?.()}catch{}c(),o?.router&&n._debugUnregisterRouter(o.router),e._debugComponentUnmount(i)}}}if(!o?.router)return i.mount(a);let s=r(a);t._pushComponentContext();let c;try{t.provide(n.RouterKey,o.router),n._debugRegisterRouter(o.router),c=i._render(s,null)}finally{t._popComponentContext()}return{unmount(){c(),n._debugUnregisterRouter(o.router)}}}exports.mount=i;
+//# sourceMappingURL=component.cjs.map

package/dist/lib/component.js

@@ -0,0 +1,66 @@
+import { _debugComponentMountEnd as e, _debugComponentMountStart as t, _debugComponentUnmount as n, isElurComponent as r } from "./lifecycle.js";
+import { _popComponentContext as i, _pushComponentContext as a, provide as o } from "./context.js";
+import { RouterKey as s, _debugRegisterRouter as c, _debugUnregisterRouter as l } from "./router.js";
+//#region src/elur/component.ts
+function u(e) {
+	let t = typeof e == "string" ? document.querySelector(e) : e;
+	if (!t) throw Error(`[elur] mount: container not found: ${e}`);
+	return t;
+}
+function d(d, f, p) {
+	if (r(d)) {
+		let r = u(f);
+		t(d), a();
+		let m = () => {}, h = !1;
+		try {
+			p?.router && (o(s, p.router), c(p.router));
+			try {
+				d.onInit?.();
+			} catch (e) {
+				if (d.onError) d.onError(e);
+				else throw e;
+			}
+			try {
+				m = d.render()._render(r, null);
+			} catch (e) {
+				if (d.onError) d.onError(e), m = () => {}, h = !0;
+				else throw e;
+			}
+		} finally {
+			e(d), i();
+		}
+		let g;
+		if (!h) try {
+			let e = d.onMount?.();
+			typeof e == "function" && (g = e);
+		} catch (e) {
+			if (d.onError) d.onError(e);
+			else throw e;
+		}
+		return { unmount() {
+			try {
+				d.onUnmount?.();
+			} catch {}
+			try {
+				g?.();
+			} catch {}
+			m(), p?.router && l(p.router), n(d);
+		} };
+	}
+	if (!p?.router) return d.mount(f);
+	let m = u(f);
+	a();
+	let h;
+	try {
+		o(s, p.router), c(p.router), h = d._render(m, null);
+	} finally {
+		i();
+	}
+	return { unmount() {
+		h(), l(p.router);
+	} };
+}
+//#endregion
+export { d as mount };
+
+//# sourceMappingURL=component.js.map

package/dist/lib/context.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){return Symbol(e)}var t=[],n;function r(){return n?.()??t}function i(e){n=e}function a(){return[...r()]}function o(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e));try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function s(){r().push(new Map)}function c(){r().pop()}function l(e,t){let n=r(),i=n.splice(0);e.forEach(e=>n.push(e)),n.push(new Map);try{return t()}finally{n.splice(0),i.forEach(e=>n.push(e))}}function u(e,t){let n=r(),i=n[n.length-1];if(!i)throw Error(`[elur] provide() must be called inside onInit() of a ElurComponent.`);i.set(e,t)}function d(e,t){let n=r();for(let t=n.length-1;t>=0;t--)if(n[t].has(e))return n[t].get(e);return t}exports._captureContextSnapshot=a,exports._popComponentContext=c,exports._pushComponentContext=s,exports._setContextScopeResolver=i,exports._withComponentContext=l,exports._withContextSnapshot=o,exports.createInjectionKey=e,exports.inject=d,exports.provide=u;
+//# sourceMappingURL=context.cjs.map

package/dist/lib/context.js

@@ -0,0 +1,52 @@
+//#region src/elur/context.ts
+function e(e) {
+	return Symbol(e);
+}
+var t = [], n;
+function r() {
+	return n?.() ?? t;
+}
+function i(e) {
+	n = e;
+}
+function a() {
+	return [...r()];
+}
+function o(e, t) {
+	let n = r(), i = n.splice(0);
+	e.forEach((e) => n.push(e));
+	try {
+		return t();
+	} finally {
+		n.splice(0), i.forEach((e) => n.push(e));
+	}
+}
+function s() {
+	r().push(/* @__PURE__ */ new Map());
+}
+function c() {
+	r().pop();
+}
+function l(e, t) {
+	let n = r(), i = n.splice(0);
+	e.forEach((e) => n.push(e)), n.push(/* @__PURE__ */ new Map());
+	try {
+		return t();
+	} finally {
+		n.splice(0), i.forEach((e) => n.push(e));
+	}
+}
+function u(e, t) {
+	let n = r(), i = n[n.length - 1];
+	if (!i) throw Error("[elur] provide() must be called inside onInit() of a ElurComponent.");
+	i.set(e, t);
+}
+function d(e, t) {
+	let n = r();
+	for (let t = n.length - 1; t >= 0; t--) if (n[t].has(e)) return n[t].get(e);
+	return t;
+}
+//#endregion
+export { a as _captureContextSnapshot, c as _popComponentContext, s as _pushComponentContext, i as _setContextScopeResolver, l as _withComponentContext, o as _withContextSnapshot, e as createInjectionKey, d as inject, u as provide };
+
+//# sourceMappingURL=context.js.map

package/dist/lib/devtools.cjs

@@ -0,0 +1,59 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./signals.cjs`),t=require(`./lifecycle.cjs`),n=require(`./router.cjs`);var r={enabled:!1,activeTab:`signals`,renderedTab:null,refreshId:null,root:null,panel:null,content:null,dispose:null,renderKeys:{signals:``,components:``,router:``},scrollMemo:{signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}}},i=new Set,a=new WeakMap,o=1,s=50,c=new WeakMap,l=new Map,u=[],d=1;function f(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function p(e){return typeof WeakRef<`u`?new WeakRef(e):{deref:()=>e}}function m(e){e.history.length>s&&e.history.splice(0,e.history.length-s)}function h(e,t){let n=a.get(e);if(n)return m(n),n;let r=Date.now(),s={id:o++,createdAt:r,lastUpdated:r,history:[{at:r,value:t}]};return a.set(e,s),i.add(f(e)),s}function g(){let e=[];for(let t of Array.from(i)){let n=t.deref();if(!n){i.delete(t);continue}let r=a.get(n);if(!r)continue;let o=n._subs?.size??0;e.push({id:r.id,value:n.peek(),subscriberCount:o,createdAt:r.createdAt,lastUpdated:r.lastUpdated,history:r.history.slice()})}return e.sort((e,t)=>t.lastUpdated-e.lastUpdated),e}function _(e){let t=e._debugName;if(t&&t.trim())return t;let n=e.constructor;return n?.name&&n.name.trim()?n.name:`AnonymousComponent`}function v(e){let t=e._slots;return t instanceof Map?Array.from(t.keys()).map(e=>String(e)):[]}function y(e){let t={};for(let n of Object.keys(e)){if(n===`__isElurComponent`||n===`children`||n===`_debugName`||n.startsWith(`_`))continue;let r=e[n];typeof r!=`function`&&(t[n]=r)}return t}function b(e){if(!e)return[];if(e===`*`)return[`*`];let t=e.split(`/`).filter(Boolean),n=[],r=``;for(let e of t)r+=`/`+e,n.push(r);return n.length>0?n:[`/`]}function x(){let e=[];for(let[t,n]of l){let r=n.ref.deref();if(!r){l.delete(t);continue}n.debugName=_(r),n.hasDefaultSlot=r.children!=null,n.slotNames=v(r),n.props=y(r),e.push({id:n.id,parentId:n.parentId,debugName:n.debugName,mountedAt:n.mountedAt,hasDefaultSlot:n.hasDefaultSlot,slotNames:[...n.slotNames],props:{...n.props}})}return e.sort((e,t)=>e.id-t.id),e}function S(e){let t=[e];for(;t.length>0;){let e=t.pop();for(let[n,r]of l)r.parentId===e&&t.push(n);l.delete(e)}}function C(){i.clear(),a=new WeakMap,o=1,c=new WeakMap,l.clear(),u.length=0,d=1}function w(e){if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`||e==null)return String(e);try{return JSON.stringify(e)}catch{return Object.prototype.toString.call(e)}}function T(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/\"/g,`&quot;`).replace(/'/g,`&#39;`)}function E(e,t=90){let n=w(e);return n.length<=t?n:n.slice(0,t-1)+`…`}function D(e){if(!e)return`-`;let t=Date.now()-e;return t<1e3?`${t}ms ago`:t<6e4?`${Math.floor(t/1e3)}s ago`:`${Math.floor(t/6e4)}m ago`}function O(e){let t=g(),n=`${t.length}:${t.map(e=>`${e.id}-${e.lastUpdated}-${e.subscriberCount}`).join(`|`)}`;if(r.renderedTab===`signals`&&r.renderKeys.signals===n)return;r.renderKeys.signals=n,r.renderedTab=`signals`;let i=t.map(e=>{let t=w(e.value),n=E(e.value,120);return`<tr data-elur-devtools-signal-id="${e.id}">
+                <td style="padding:6px 8px;white-space:nowrap;">${e.id}</td>
+                <td style="padding:6px 8px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;" title="${T(t)}">${T(n)}</td>
+                <td>${e.subscriberCount}</td>
+                <td data-elur-devtools-history-count="${e.history.length}">${e.history.length}</td>
+                <td>${D(e.lastUpdated)}</td>
+            </tr>`}).join(``);e.innerHTML=`
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
+            <strong>Signals</strong>
+            <span style="opacity:.8">${t.length} active</span>
+        </div>
+        <div data-elur-devtools-scroll="signals" style="max-height:260px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">
+            <table style="width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;">
+                <thead>
+                    <tr style="background:#1f1f24;">
+                        <th style="text-align:left;padding:6px 8px;width:42px;">ID</th>
+                        <th style="text-align:left;padding:6px 8px;">Value</th>
+                        <th style="text-align:left;padding:6px 8px;width:50px;">Subs</th>
+                        <th style="text-align:left;padding:6px 8px;width:50px;">History</th>
+                        <th style="text-align:left;padding:6px 8px;width:84px;">Updated</th>
+                    </tr>
+                </thead>
+                <tbody>${i}</tbody>
+            </table>
+        </div>
+        <p style="margin:8px 0 0 0;font-size:11px;opacity:.75;">Click a row to log full history in console.</p>
+    `;for(let n of e.querySelectorAll(`tr[data-elur-devtools-signal-id]`))n.style.cursor=`pointer`,n.addEventListener(`click`,()=>{let e=Number(n.dataset.elurDevtoolsSignalId),r=t.find(t=>t.id===e);r&&(console.group(`[Elur DevTools] Signal #${r.id}`),console.log(`Current value:`,r.value),console.log(`Subscribers:`,r.subscriberCount),console.table(r.history.map(e=>({at:new Date(e.at).toISOString(),value:e.value}))),console.groupEnd())})}function k(e){let t=new Map,n=[];for(let n of e)t.set(n.id,{...n,children:[]});for(let e of t.values()){if(e.parentId==null){n.push(e);continue}let r=t.get(e.parentId);if(!r){n.push(e);continue}r.children.push(e)}return n}function A(e,t){let n=10+t*14,r=Object.keys(e.props).length>0?w(e.props):`{}`,i=e.slotNames.length>0?e.slotNames.join(`, `):`none`;return`<div style="padding:6px 8px 6px ${n}px;border-bottom:1px solid #24242b;">
+        <div><strong>${T(e.debugName)}</strong> <span style="opacity:.7">#${e.id}</span></div>
+        <div style="font-size:11px;opacity:.8;">slots: ${i} | default-slot: ${e.hasDefaultSlot?`yes`:`no`}</div>
+        <div style="font-size:11px;opacity:.8;">props: ${T(E(r,180))}</div>
+    </div>`+e.children.map(e=>A(e,t+1)).join(``)}function j(e){let t=x(),i=n._debugGetRouterInternal(),a=`${i?`${i.currentPath}|${i.matchedPath??``}`:`no-router`}:${t.length}:${t.map(e=>`${e.id}-${e.parentId}-${e.debugName}-${e.hasDefaultSlot}-${e.slotNames.join(`,`)}-${w(e.props)}`).join(`|`)}`;if(r.renderedTab===`components`&&r.renderKeys.components===a)return;r.renderKeys.components=a,r.renderedTab=`components`;let o=k(t);e.innerHTML=`
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
+            <strong>Component Tree</strong>
+            <span style="opacity:.8">${t.length} mounted</span>
+        </div>
+        <div style="font-size:11px;opacity:.82;margin-bottom:8px;display:flex;gap:8px;flex-wrap:wrap;">
+            <span><b>current:</b> ${T(i?.currentPath??`-`)}</span>
+            <span><b>matched:</b> ${T(i?.matchedPath??`none`)}</span>
+        </div>
+        <div data-elur-devtools-scroll="components" style="max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;">
+            ${o.length>0?o.map(e=>A(e,0)).join(``):`<div style='padding:10px;opacity:.75'>No mounted components tracked. Enable devtools before your first mount() to capture initial tree.</div>`}
+        </div>
+    `}function M(e){let t=n._debugGetRouterInternal(),i=t?`${t.mode}|${t.base}|${t.currentPath}|${JSON.stringify(t.params)}|${JSON.stringify(t.query)}|${t.matchedPath}|${t.activeGuards.names.join(`,`)}`:`none`;if(r.renderedTab===`router`&&r.renderKeys.router===i)return;if(r.renderKeys.router=i,r.renderedTab=`router`,!t){e.innerHTML=`
+            <strong>Router State</strong>
+            <div style="margin-top:8px;opacity:.75">No active Elur router instance. Ensure your app uses createRouter()/RouterView from elur/router.</div>
+        `;return}let a=b(t.matchedPath);e.innerHTML=`
+        <strong>Router State</strong>
+        <div data-elur-devtools-scroll="router" style="margin-top:8px;font-size:12px;line-height:1.55;max-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid #2f2f35;border-radius:8px;padding:8px;">
+            <div><b>mode</b>: ${t.mode}</div>
+            <div><b>base</b>: ${t.base}</div>
+            <div><b>current</b>: ${T(t.currentPath)}</div>
+            <div><b>params</b>: ${T(w(t.params))}</div>
+            <div><b>query</b>: ${T(w(t.query))}</div>
+            <div><b>matched</b>: ${T(t.matchedPath??`none`)}</div>
+            <div><b>matched chain</b>: ${a.length>0?T(a.join(` -> `)):`none`}</div>
+            <div><b>guards</b>: ${t.activeGuards.names.length>0?T(t.activeGuards.names.join(`, `)):`none`}</div>
+        </div>
+    `}function N(e){if(!r.content)return;let t=r.content.querySelector(`[data-elur-devtools-scroll='${e}']`);t&&(r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft})}function P(e){if(!r.content)return;let t=r.content.querySelector(`[data-elur-devtools-scroll='${e}']`);if(!t)return;let n=r.scrollMemo[e];t.scrollTop=n.top,t.scrollLeft=n.left,t.dataset.elurDevtoolsScrollBound!==`1`&&(t.addEventListener(`scroll`,()=>{r.scrollMemo[e]={top:t.scrollTop,left:t.scrollLeft}},{passive:!0}),t.dataset.elurDevtoolsScrollBound=`1`)}function F(e=!1){if(!r.content)return;let t=r.activeTab;if(e||N(t),r.activeTab===`signals`){O(r.content),P(`signals`);return}if(r.activeTab===`components`){j(r.content),P(`components`);return}M(r.content),P(`router`)}function I(){if(r.panel)for(let e of r.panel.querySelectorAll(`button[data-elur-devtools-tab]`)){let t=e.dataset.elurDevtoolsTab===r.activeTab;e.style.background=t?`#2d4c7a`:`#1f1f24`}}function L(e){let t=document.createElement(`div`);t.setAttribute(`data-elur-devtools-root`,``),t.style.position=`fixed`,t.style.zIndex=`2147483647`,t.style.bottom=`16px`,t.style.right=e.position===`bottom-right`?`16px`:`auto`,t.style.left=e.position===`bottom-left`?`16px`:`auto`,t.style.fontFamily=`ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif`;let n=document.createElement(`button`);n.type=`button`,n.textContent=`Elur DevTools`,n.setAttribute(`data-elur-devtools-button`,``),n.style.background=`#111827`,n.style.color=`#f9fafb`,n.style.border=`1px solid #374151`,n.style.borderRadius=`999px`,n.style.padding=`8px 12px`,n.style.cursor=`pointer`,n.style.boxShadow=`0 6px 18px rgba(0,0,0,.3)`;let i=document.createElement(`div`);i.setAttribute(`data-elur-devtools-panel`,``),i.style.marginTop=`8px`,i.style.width=`460px`,i.style.maxWidth=`min(92vw, 460px)`,i.style.background=`#15151b`,i.style.color=`#e5e7eb`,i.style.border=`1px solid #2f2f35`,i.style.borderRadius=`12px`,i.style.padding=`10px`,i.style.display=`none`,i.style.boxShadow=`0 14px 28px rgba(0,0,0,.35)`;let a=document.createElement(`div`);a.style.display=`flex`,a.style.gap=`6px`,a.style.marginBottom=`10px`;let o=document.createElement(`div`);o.setAttribute(`data-elur-devtools-content`,``);let s=(e,t)=>{let n=document.createElement(`button`);return n.type=`button`,n.textContent=t,n.setAttribute(`data-elur-devtools-tab`,e),n.style.border=`1px solid #353543`,n.style.borderRadius=`8px`,n.style.padding=`6px 9px`,n.style.background=`#1f1f24`,n.style.color=`#d1d5db`,n.style.cursor=`pointer`,n.addEventListener(`click`,()=>{r.activeTab=e,I(),F(!0)}),n};a.appendChild(s(`signals`,`Signals`)),a.appendChild(s(`components`,`Components`)),a.appendChild(s(`router`,`Router`)),n.addEventListener(`click`,()=>{i.style.display=i.style.display===`none`?`block`:`none`,i.style.display===`block`&&(I(),F(!0))}),i.appendChild(a),i.appendChild(o),t.appendChild(n),t.appendChild(i),document.body.appendChild(t),r.root=t,r.panel=i,r.content=o}function R(){r.enabled&&(r.enabled=!1,r.refreshId!=null&&(clearInterval(r.refreshId),r.refreshId=null),e._setSignalDebugHooks(null),t._setComponentDebugHooks(null),C(),r.root?.parentNode&&r.root.parentNode.removeChild(r.root),r.root=null,r.panel=null,r.content=null,r.dispose=null,r.renderedTab=null,r.renderKeys={signals:``,components:``,router:``},r.scrollMemo={signals:{top:0,left:0},components:{top:0,left:0},router:{top:0,left:0}})}function z(n={}){if(typeof document>`u`)return{disable:()=>void 0};if(r.enabled&&r.dispose)return{disable:r.dispose};let o=Math.max(100,n.refreshMs??350);s=Math.max(1,n.historyLimit??50);let f=n.position??`bottom-right`;r.enabled=!0,r.activeTab=`signals`;for(let e of Array.from(i)){let t=e.deref();if(!t){i.delete(e);continue}let n=a.get(t);n&&m(n)}e._setSignalDebugHooks({onCreate(e,t){h(e,t)},onWrite(e,t){let n=h(e,t),r=Date.now();n.lastUpdated=r,n.history.push({at:r,value:t}),m(n)}}),t._setComponentDebugHooks({onMountStart(e){let t=c.get(e);t??(t=d++,c.set(e,t));let n=u.length>0?u[u.length-1]:null;l.set(t,{id:t,parentId:n,debugName:_(e),mountedAt:Date.now(),hasDefaultSlot:e.children!=null,slotNames:v(e),props:y(e),ref:p(e)}),u.push(t)},onMountEnd(e){let t=c.get(e);if(t==null)return;let n=l.get(t);if(n&&(n.debugName=_(e),n.hasDefaultSlot=e.children!=null,n.slotNames=v(e),n.props=y(e)),u[u.length-1]===t){u.pop();return}let r=u.lastIndexOf(t);r>=0&&u.splice(r,1)},onUnmount(e){let t=c.get(e);if(t==null)return;S(t);let n=u.lastIndexOf(t);n>=0&&u.splice(n,1)}}),L({position:f}),r.refreshId=setInterval(()=>{r.panel?.style.display===`block`&&F()},o),n.initiallyOpen&&r.panel&&(r.panel.style.display=`block`,I(),F(!0));let g=()=>R();return r.dispose=g,{disable:g}}exports._listSignals=g,exports.disableDevTools=R,exports.enableDevTools=z;
+//# sourceMappingURL=devtools.cjs.map