@jasonshimmy/custom-elements-runtime 3.1.3 → 3.2.1

package/dist/custom-elements-runtime.es.js

@@ -1,142 +1,120 @@
-import { r as f, u as L, a as T, b as k, c as x, g as A, i as D } from "./hooks-xWZhQHco.js";
-import { R as te, d as ne, e as oe, f as re, h as se, j as ae, k as ie, l as ce, n as le, p as ue, s as de, m as he, o as me, q as fe, t as pe, v as ye, w as ge, x as ve, y as Ce, z as we, A as Ee, B as Se } from "./hooks-xWZhQHco.js";
-import { c as v, h as l, v as p } from "./template-compiler-ZhSg1yPh.js";
-import { c as Re } from "./css-utils-Cg4o1MqY.js";
-import { d as y, a as I } from "./logger-BvkEbVM4.js";
-import { b as Me, s as be } from "./logger-BvkEbVM4.js";
-function W(e = document) {
-  if (typeof CustomEvent > "u") return;
-  (e instanceof Document ? e.documentElement : e).dispatchEvent(
-    new CustomEvent("cer:hydrate", { bubbles: !0, composed: !0 })
-  );
+import { i as G, n as J, r as b, t as m } from "./logger-L25axmB-.js";
+import { B as T, H as W, I as Y, J as Z, L as X, R as F, U as Q, V as f, Y as ee, Z as te, _ as k, a as ne, d as A, f as re, g as I, h as oe, i as D, l as se, m as ie, n as ae, o as U, p as ce, r as le, s as ue, u as de, v as he, w as me, y as fe, z as pe } from "./hooks-_3xP4G2N.js";
+import { n as g, r as p, t as l } from "./template-compiler-Cs5axmn4.js";
+import { o as ve } from "./css-utils-CC43BbEy.js";
+function Ce(e = document) {
+  typeof CustomEvent > "u" || (e instanceof Document ? e.documentElement : e).dispatchEvent(new CustomEvent("cer:hydrate", {
+    bubbles: !0,
+    composed: !0
+  }));
 }
-const O = 100, U = 3e4;
-function z(e, t, o) {
-  return o === "jitCacheHitRate" ? e < t * 0.5 ? "critical" : e < t ? "warning" : "healthy" : e > t * 2 ? "critical" : e > t ? "warning" : "healthy";
+var x = 100, O = 3e4;
+function z(e, t, r) {
+  return r === "jitCacheHitRate" ? e < t * 0.5 ? "critical" : e < t ? "warning" : "healthy" : e > t * 2 ? "critical" : e > t ? "warning" : "healthy";
 }
 function K(e) {
   const t = [];
-  return e.memoryUsage?.status !== "healthy" && t.push(
-    "Consider reducing component complexity or implementing better memory cleanup"
-  ), e.averageRenderTime?.status !== "healthy" && t.push(
-    "Optimize component render functions - consider lazy loading or virtualization"
-  ), e.jitCacheHitRate?.status !== "healthy" && t.push(
-    "JIT CSS cache performance is poor - review CSS patterns for optimization"
-  ), e.componentErrorRate?.status !== "healthy" && t.push(
-    "High component error rate detected - review error handling and component logic"
-  ), e.activeReactiveStates?.status !== "healthy" && t.push(
-    "High number of reactive states - consider state consolidation or cleanup"
-  ), e.memoryLeakIndicator?.status !== "healthy" && t.push(
-    "Potential memory leak detected - review component cleanup and event listener management"
-  ), t;
+  return e.memoryUsage?.status !== "healthy" && t.push("Consider reducing component complexity or implementing better memory cleanup"), e.averageRenderTime?.status !== "healthy" && t.push("Optimize component render functions - consider lazy loading or virtualization"), e.jitCacheHitRate?.status !== "healthy" && t.push("JIT CSS cache performance is poor - review CSS patterns for optimization"), e.componentErrorRate?.status !== "healthy" && t.push("High component error rate detected - review error handling and component logic"), e.activeReactiveStates?.status !== "healthy" && t.push("High number of reactive states - consider state consolidation or cleanup"), e.memoryLeakIndicator?.status !== "healthy" && t.push("Potential memory leak detected - review component cleanup and event listener management"), t;
 }
-function j() {
+function N() {
   const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
-  let o = null;
-  function n(r, s, a) {
-    e.set(r, {
-      name: r,
+  let r = null;
+  function n(o, s, i) {
+    e.set(o, {
+      name: o,
       value: s,
-      threshold: a,
+      threshold: i,
       status: "healthy",
       lastUpdated: Date.now(),
       history: []
     });
   }
-  function i() {
+  function c() {
     n("activeComponents", 0, 1e3), n("componentCreateRate", 0, 50), n("componentErrorRate", 0, 0.1), n("memoryUsage", 0, 50 * 1024 * 1024), n("memoryGrowthRate", 0, 1024 * 1024), n("averageRenderTime", 0, 16), n("slowRenderCount", 0, 10), n("jitCacheHitRate", 100, 80), n("activeReactiveStates", 0, 5e3), n("dependencyUpdates", 0, 100), n("memoryLeakIndicator", 0, 0.1);
   }
-  function d(r, s) {
-    const a = e.get(r);
-    a && (a.value = s, a.lastUpdated = Date.now(), a.history.push(s), a.history.length > O && a.history.shift(), a.status = z(s, a.threshold, r));
+  function a(o, s) {
+    const i = e.get(o);
+    i && (i.value = s, i.lastUpdated = Date.now(), i.history.push(s), i.history.length > x && i.history.shift(), i.status = z(s, i.threshold, o));
   }
-  function c() {
-    const r = {};
+  function h() {
+    const o = {};
     let s = "healthy";
-    for (const [a, u] of e)
-      r[a] = { ...u }, u.status === "critical" ? s = "critical" : u.status === "warning" && s === "healthy" && (s = "warning");
+    for (const [i, u] of e)
+      o[i] = { ...u }, u.status === "critical" ? s = "critical" : u.status === "warning" && s === "healthy" && (s = "warning");
     return {
       overall: s,
-      metrics: r,
+      metrics: o,
       timestamp: Date.now(),
-      recommendations: K(r)
+      recommendations: K(o)
     };
   }
-  function h() {
+  function C() {
     if ("memory" in performance && performance.memory) {
-      const r = performance.memory;
-      d("memoryUsage", r.usedJSHeapSize);
+      const o = performance.memory;
+      a("memoryUsage", o.usedJSHeapSize);
       const s = e.get("memoryUsage");
       if (s && s.history.length > 1) {
-        const a = s.history[s.history.length - 2], u = s.history[s.history.length - 1];
-        d("memoryGrowthRate", Math.max(0, u - a));
+        const i = s.history[s.history.length - 2], u = s.history[s.history.length - 1];
+        a("memoryGrowthRate", Math.max(0, u - i));
       }
     }
   }
-  function w(r) {
-    for (const s of t)
-      try {
-        s(r);
-      } catch (a) {
-        y("Error in health monitor listener:", a);
-      }
+  function w(o) {
+    for (const s of t) try {
+      s(o);
+    } catch (i) {
+      m("Error in health monitor listener:", i);
+    }
   }
   function E() {
-    h();
-    const r = c();
-    w(r), r.overall === "critical" ? y(
-      "🚨 Runtime Health: Critical issues detected",
-      r.recommendations
-    ) : r.overall === "warning" && I(
-      "⚠️ Runtime Health: Performance warnings",
-      r.recommendations
-    );
+    C();
+    const o = h();
+    w(o), o.overall === "critical" ? m("🚨 Runtime Health: Critical issues detected", o.recommendations) : o.overall === "warning" && b("⚠️ Runtime Health: Performance warnings", o.recommendations);
   }
   function S() {
-    typeof window > "u" || (o = setInterval(E, U));
+    typeof window > "u" || (r = setInterval(E, O));
   }
   function _() {
-    o !== null && (clearInterval(o), o = null);
+    r !== null && (clearInterval(r), r = null);
   }
-  function R(r) {
-    t.add(r);
+  function R(o) {
+    t.add(o);
   }
-  function H(r) {
-    t.delete(r);
+  function H(o) {
+    t.delete(o);
   }
-  function M(r) {
-    const s = e.get(r);
+  function M(o) {
+    const s = e.get(o);
     return s ? [...s.history] : [];
   }
-  function b() {
-    for (const r of e.values()) r.history = [];
+  function L() {
+    for (const o of e.values()) o.history = [];
   }
-  return i(), S(), {
-    updateMetric: d,
-    getHealthReport: c,
+  return c(), S(), {
+    updateMetric: a,
+    getHealthReport: h,
     addListener: R,
     removeListener: H,
     stop: _,
     getMetricHistory: M,
-    clearHistory: b
+    clearHistory: L
   };
 }
-let m = null;
-function C() {
-  return m || (m = j()), m;
-}
-function V(e, t) {
-  C().updateMetric(e, t);
+var d = null;
+function v() {
+  return d || (d = N()), d;
 }
-function X() {
-  return C().getHealthReport();
+function we(e, t) {
+  v().updateMetric(e, t);
 }
-function N() {
-  typeof window > "u" || typeof customElements > "u" || customElements.get("cer-keep-alive") || customElements.define("cer-keep-alive", $());
+function Ee() {
+  return v().getHealthReport();
 }
 function $() {
+  typeof window > "u" || typeof customElements > "u" || customElements.get("cer-keep-alive") || customElements.define("cer-keep-alive", j());
+}
+function j() {
   return class extends HTMLElement {
-    /** Preserved component instances keyed by tag[:id]. */
     _cache = /* @__PURE__ */ new Map();
     _slot = null;
     _slotListener = null;
@@ -146,51 +124,45 @@ function $() {
     disconnectedCallback() {
       this._slot && this._slotListener && this._slot.removeEventListener("slotchange", this._slotListener), this._slotListener = null;
     }
-    /**
-     * Evict a cached element by its cache key (`tagName` or `tagName:id`).
-     * The evicted element is disconnected and removed from the cache.
-     */
     clearCache(t) {
       t ? this._cache.delete(t) : this._cache.clear();
     }
     _handleSlotChange() {
       if (!this._slot) return;
       const t = this._slot.assignedElements({ flatten: !0 });
-      for (const o of t) {
-        const n = this._buildCacheKey(o);
-        if (!this._cache.has(n))
-          this._cache.set(n, o);
+      for (const r of t) {
+        const n = this._buildCacheKey(r);
+        if (!this._cache.has(n)) this._cache.set(n, r);
         else {
-          const i = this._cache.get(n);
-          if (i !== o)
-            try {
-              o.parentNode?.replaceChild(i, o);
-            } catch {
-              this._cache.set(n, o);
-            }
+          const c = this._cache.get(n);
+          if (c !== r) try {
+            r.parentNode?.replaceChild(c, r);
+          } catch {
+            this._cache.set(n, r);
+          }
         }
       }
     }
     _buildCacheKey(t) {
-      const o = t.tagName.toLowerCase(), n = t.getAttribute("id");
-      return n ? `${o}:${n}` : o;
+      const r = t.tagName.toLowerCase(), n = t.getAttribute("id");
+      return n ? `${r}:${n}` : r;
     }
   };
 }
-function q() {
-  typeof customElements < "u" && customElements.get("cer-suspense") || v("cer-suspense", () => {
+function P() {
+  typeof customElements < "u" && customElements.get("cer-suspense") || g("cer-suspense", () => {
     const { pending: e } = k({ pending: !1 });
     return e ? l`<slot name="fallback"><span>Loading…</span></slot>` : l`<slot></slot>`;
   });
 }
-function P() {
-  typeof customElements < "u" && customElements.get("cer-error-boundary") || v("cer-error-boundary", () => {
+function q() {
+  typeof customElements < "u" && customElements.get("cer-error-boundary") || g("cer-error-boundary", () => {
     const e = f(!1), t = f("");
-    return L((o) => {
-      e.value = !0, t.value = o.message;
-    }), T({
-      _cerHandleChildError: (o) => {
-        e.peek() || (e.value = !0, t.value = o instanceof Error ? o.message : String(o));
+    return I((r) => {
+      e.value = !0, t.value = r.message;
+    }), A({
+      _cerHandleChildError: (r) => {
+        e.peek() || (e.value = !0, t.value = r instanceof Error ? r.message : String(r));
       },
       reset: () => {
         e.value = !1, t.value = "";
@@ -203,46 +175,49 @@ function P() {
         >` : l`<slot></slot>`;
   });
 }
-function Z() {
-  q(), P(), N();
+function _e() {
+  P(), q(), $();
 }
-function F(e) {
-  if (typeof document > "u")
-    return { portal: () => {
-    }, destroy: () => {
-    } };
-  if (D())
-    return { portal: () => {
-    }, destroy: () => {
-    } };
-  if (A()) {
-    const o = x.getOrCreateState(null), n = o.peek();
-    if (n !== null)
-      return n;
-    const i = g(e, () => o.initSilent(null));
-    return o.initSilent(i), i;
+function Re(e) {
+  if (typeof document > "u") return {
+    portal: () => {
+    },
+    destroy: () => {
+    }
+  };
+  if (U()) return {
+    portal: () => {
+    },
+    destroy: () => {
+    }
+  };
+  if (D()) {
+    const t = T.getOrCreateState(null), r = t.peek();
+    if (r !== null) return r;
+    const n = y(e, () => t.initSilent(null));
+    return t.initSilent(n), n;
   }
-  return g(e);
+  return y(e);
 }
-function g(e, t) {
-  const o = typeof e == "string" ? document.querySelector(e) : e;
-  if (!o)
-    return console.warn(
-      `[useTeleport] Target "${String(e)}" not found in the document. Teleported content will not be rendered.`
-    ), { portal: () => {
-    }, destroy: () => {
-    } };
+function y(e, t) {
+  const r = typeof e == "string" ? document.querySelector(e) : e;
+  if (!r)
+    return console.warn(`[useTeleport] Target "${String(e)}" not found in the document. Teleported content will not be rendered.`), {
+      portal: () => {
+      },
+      destroy: () => {
+      }
+    };
   const n = document.createElement("cer-teleport");
-  n.dataset.cerTeleport = "", o.appendChild(n);
-  const i = {};
+  n.dataset.cerTeleport = "", r.appendChild(n);
+  const c = {};
   return {
-    portal(c) {
-      const h = c == null ? [] : Array.isArray(c) ? c : [c];
-      p(n, h, void 0, i);
+    portal(a) {
+      p(n, a == null ? [] : Array.isArray(a) ? a : [a], void 0, c);
     },
     destroy() {
       try {
-        p(n, [], void 0, i);
+        p(n, [], void 0, c);
       } catch {
       }
       n.parentNode && n.parentNode.removeChild(n), t?.();
@@ -250,47 +225,48 @@ function g(e, t) {
   };
 }
 export {
-  te as ReactiveState,
-  v as component,
-  ne as computed,
-  oe as createComposable,
-  j as createHealthMonitor,
-  Re as css,
-  re as decodeEntities,
-  se as defineModel,
-  Me as devLog,
-  ae as flushDOMUpdates,
-  A as getCurrentComponentContext,
-  C as getHealthMonitor,
-  X as getHealthStatus,
+  X as ReactiveState,
+  g as component,
+  F as computed,
+  ae as createComposable,
+  N as createHealthMonitor,
+  ve as css,
+  me as decodeEntities,
+  le as defineModel,
+  J as devLog,
+  Z as flushDOMUpdates,
+  D as getCurrentComponentContext,
+  v as getHealthMonitor,
+  Ee as getHealthStatus,
   l as html,
-  W as hydrateApp,
-  ie as inject,
-  ce as isReactiveState,
-  le as nextTick,
+  Ce as hydrateApp,
+  ne as inject,
+  pe as isReactiveState,
+  ee as nextTick,
   ue as provide,
   f as ref,
-  Z as registerBuiltinComponents,
-  P as registerErrorBoundary,
-  N as registerKeepAlive,
-  q as registerSuspense,
-  de as scheduleWithPriority,
-  be as setDevMode,
-  he as unsafeHTML,
-  V as updateHealthMetric,
-  me as useDesignTokens,
-  fe as useEmit,
-  T as useExpose,
-  pe as useGlobalStyle,
-  ye as useOnAttributeChanged,
-  ge as useOnConnected,
-  ve as useOnDisconnected,
-  L as useOnError,
+  _e as registerBuiltinComponents,
+  q as registerErrorBoundary,
+  $ as registerKeepAlive,
+  P as registerSuspense,
+  te as scheduleWithPriority,
+  G as setDevMode,
+  Y as unsafeHTML,
+  we as updateHealthMetric,
+  se as useDesignTokens,
+  de as useEmit,
+  A as useExpose,
+  re as useGlobalStyle,
+  ce as useOnAttributeChanged,
+  ie as useOnConnected,
+  oe as useOnDisconnected,
+  I as useOnError,
   k as useProps,
-  Ce as useSlots,
-  we as useStyle,
-  F as useTeleport,
-  Ee as watch,
-  Se as watchEffect
+  he as useSlots,
+  fe as useStyle,
+  Re as useTeleport,
+  W as watch,
+  Q as watchEffect
 };
-//# sourceMappingURL=custom-elements-runtime.es.js.map
+
+//# sourceMappingURL=custom-elements-runtime.es.js.map

package/dist/custom-elements-runtime.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.es.js","sources":["../src/lib/runtime/hydration.ts","../src/lib/runtime/monitoring/health-monitor.ts","../src/lib/keep-alive.ts","../src/lib/runtime/builtin-components.ts","../src/lib/teleport.ts"],"sourcesContent":["/**\n * Client-side hydration helpers.\n *\n * When the server renders with `dsd: true`, each custom element's shadow DOM\n * is already present in the HTML via a Declarative Shadow DOM template. The\n * browser parses that template and attaches the shadow root before any\n * JavaScript runs. When the JS bundle loads, the custom element constructors\n * detect the existing shadow root and skip the `attachShadow()` call, then\n * hydrate (attach reactivity to) the existing DOM on `connectedCallback`.\n *\n * `hydrateApp` is a signal/entry point for this process. In most cases custom\n * elements self-hydrate automatically on connection — this function is useful\n * when you need to explicitly trigger or defer the hydration of a subtree.\n */\n\n/**\n * Trigger hydration for all registered custom elements within `root`.\n *\n * In practice, custom elements self-hydrate as soon as their class definition\n * is registered and the element is connected to the DOM. Call `hydrateApp`\n * after importing and calling `component()` for all your components to signal\n * that the page is ready for reactive activation.\n *\n * @param root - The root element to hydrate. Defaults to `document`.\n *\n * @example\n * ```ts\n * import { component, hydrateApp } from '@jasonshimmy/custom-elements-runtime';\n * import './components'; // registers all components via component()\n *\n * hydrateApp(); // activate all DSD-rendered components on the page\n * ```\n */\nexport function hydrateApp(root: Element | Document = document): void {\n  if (typeof CustomEvent === 'undefined') return;\n  const target =\n    root instanceof Document ? root.documentElement : (root as Element);\n  target.dispatchEvent(\n    new CustomEvent('cer:hydrate', { bubbles: true, composed: true }),\n  );\n}\n","/**\n * Runtime Health Monitoring System\n * Tracks framework health metrics and provides early warning for potential issues\n */\n\nimport { devWarn, devError } from '../logger';\n\ninterface HealthMetric {\n  name: string;\n  value: number;\n  threshold: number;\n  status: 'healthy' | 'warning' | 'critical';\n  lastUpdated: number;\n  history: number[];\n}\n\ninterface HealthReport {\n  overall: 'healthy' | 'warning' | 'critical';\n  metrics: Record<string, HealthMetric>;\n  timestamp: number;\n  recommendations: string[];\n}\nexport type { HealthReport };\n\n/**\n * Public interface for a health monitor instance.\n * All state is managed internally via closures — no class syntax.\n */\nexport interface HealthMonitorInstance {\n  /** Update a specific health metric value */\n  updateMetric(name: string, value: number): void;\n  /** Get the current health report */\n  getHealthReport(): HealthReport;\n  /** Add a listener to be notified when a health check runs */\n  addListener(listener: (report: HealthReport) => void): void;\n  /** Remove a previously registered listener */\n  removeListener(listener: (report: HealthReport) => void): void;\n  /** Stop the periodic health monitoring timer */\n  stop(): void;\n  /** Get historical values for a specific metric */\n  getMetricHistory(name: string): number[];\n  /** Clear all metric history */\n  clearHistory(): void;\n}\n\nconst MAX_HISTORY_SIZE = 100;\nconst CHECK_INTERVAL = 30_000; // 30 seconds\n\nfunction calcStatus(\n  value: number,\n  threshold: number,\n  metricName: string,\n): 'healthy' | 'warning' | 'critical' {\n  if (metricName === 'jitCacheHitRate') {\n    if (value < threshold * 0.5) return 'critical';\n    if (value < threshold) return 'warning';\n    return 'healthy';\n  }\n  if (value > threshold * 2) return 'critical';\n  if (value > threshold) return 'warning';\n  return 'healthy';\n}\n\nfunction buildRecommendations(metrics: Record<string, HealthMetric>): string[] {\n  const out: string[] = [];\n  if (metrics.memoryUsage?.status !== 'healthy')\n    out.push(\n      'Consider reducing component complexity or implementing better memory cleanup',\n    );\n  if (metrics.averageRenderTime?.status !== 'healthy')\n    out.push(\n      'Optimize component render functions - consider lazy loading or virtualization',\n    );\n  if (metrics.jitCacheHitRate?.status !== 'healthy')\n    out.push(\n      'JIT CSS cache performance is poor - review CSS patterns for optimization',\n    );\n  if (metrics.componentErrorRate?.status !== 'healthy')\n    out.push(\n      'High component error rate detected - review error handling and component logic',\n    );\n  if (metrics.activeReactiveStates?.status !== 'healthy')\n    out.push(\n      'High number of reactive states - consider state consolidation or cleanup',\n    );\n  if (metrics.memoryLeakIndicator?.status !== 'healthy')\n    out.push(\n      'Potential memory leak detected - review component cleanup and event listener management',\n    );\n  return out;\n}\n\n/**\n * Create a new health monitor instance.\n * All mutable state lives in closures — no `class` or `this`.\n */\nexport function createHealthMonitor(): HealthMonitorInstance {\n  const metricsMap = new Map<string, HealthMetric>();\n  const listeners = new Set<(report: HealthReport) => void>();\n  let intervalId: ReturnType<typeof setInterval> | null = null;\n\n  function addMetric(name: string, value: number, threshold: number): void {\n    metricsMap.set(name, {\n      name,\n      value,\n      threshold,\n      status: 'healthy',\n      lastUpdated: Date.now(),\n      history: [],\n    });\n  }\n\n  function initializeMetrics(): void {\n    addMetric('activeComponents', 0, 1000);\n    addMetric('componentCreateRate', 0, 50);\n    addMetric('componentErrorRate', 0, 0.1);\n    addMetric('memoryUsage', 0, 50 * 1024 * 1024);\n    addMetric('memoryGrowthRate', 0, 1024 * 1024);\n    addMetric('averageRenderTime', 0, 16);\n    addMetric('slowRenderCount', 0, 10);\n    addMetric('jitCacheHitRate', 100, 80);\n    addMetric('activeReactiveStates', 0, 5000);\n    addMetric('dependencyUpdates', 0, 100);\n    addMetric('memoryLeakIndicator', 0, 0.1);\n  }\n\n  function updateMetric(name: string, value: number): void {\n    const metric = metricsMap.get(name);\n    if (!metric) return;\n    metric.value = value;\n    metric.lastUpdated = Date.now();\n    metric.history.push(value);\n    if (metric.history.length > MAX_HISTORY_SIZE) metric.history.shift();\n    metric.status = calcStatus(value, metric.threshold, name);\n  }\n\n  function getHealthReport(): HealthReport {\n    const snapshot: Record<string, HealthMetric> = {};\n    let overall: 'healthy' | 'warning' | 'critical' = 'healthy';\n    for (const [name, metric] of metricsMap) {\n      snapshot[name] = { ...metric };\n      if (metric.status === 'critical') overall = 'critical';\n      else if (metric.status === 'warning' && overall === 'healthy')\n        overall = 'warning';\n    }\n    return {\n      overall,\n      metrics: snapshot,\n      timestamp: Date.now(),\n      recommendations: buildRecommendations(snapshot),\n    };\n  }\n\n  function updateMemoryMetrics(): void {\n    if (\n      'memory' in performance &&\n      (performance as Record<string, unknown>).memory\n    ) {\n      const mem = (performance as Record<string, unknown>).memory as {\n        usedJSHeapSize: number;\n      };\n      updateMetric('memoryUsage', mem.usedJSHeapSize);\n      const m = metricsMap.get('memoryUsage');\n      if (m && m.history.length > 1) {\n        const prev = m.history[m.history.length - 2];\n        const curr = m.history[m.history.length - 1];\n        updateMetric('memoryGrowthRate', Math.max(0, curr - prev));\n      }\n    }\n  }\n\n  function notifyListeners(report: HealthReport): void {\n    for (const listener of listeners) {\n      try {\n        listener(report);\n      } catch (e) {\n        devError('Error in health monitor listener:', e);\n      }\n    }\n  }\n\n  function performHealthCheck(): void {\n    updateMemoryMetrics();\n    const report = getHealthReport();\n    notifyListeners(report);\n    if (report.overall === 'critical')\n      devError(\n        '🚨 Runtime Health: Critical issues detected',\n        report.recommendations,\n      );\n    else if (report.overall === 'warning')\n      devWarn(\n        '⚠️ Runtime Health: Performance warnings',\n        report.recommendations,\n      );\n  }\n\n  function startMonitoring(): void {\n    if (typeof window === 'undefined') return;\n    intervalId = setInterval(performHealthCheck, CHECK_INTERVAL);\n  }\n\n  function stop(): void {\n    if (intervalId !== null) {\n      clearInterval(intervalId);\n      intervalId = null;\n    }\n  }\n\n  function addListener(listener: (report: HealthReport) => void): void {\n    listeners.add(listener);\n  }\n  function removeListener(listener: (report: HealthReport) => void): void {\n    listeners.delete(listener);\n  }\n  function getMetricHistory(name: string): number[] {\n    const m = metricsMap.get(name);\n    return m ? [...m.history] : [];\n  }\n  function clearHistory(): void {\n    for (const m of metricsMap.values()) m.history = [];\n  }\n\n  initializeMetrics();\n  startMonitoring();\n\n  return {\n    updateMetric,\n    getHealthReport,\n    addListener,\n    removeListener,\n    stop,\n    getMetricHistory,\n    clearHistory,\n  };\n}\n\n// Global singleton\nlet _monitor: HealthMonitorInstance | null = null;\n\n/**\n * Get the global health monitor singleton instance.\n */\nexport function getHealthMonitor(): HealthMonitorInstance {\n  if (!_monitor) _monitor = createHealthMonitor();\n  return _monitor;\n}\n\n/**\n * Update a health metric from anywhere in the framework.\n */\nexport function updateHealthMetric(name: string, value: number): void {\n  getHealthMonitor().updateMetric(name, value);\n}\n\n/**\n * Get the current health status report.\n */\nexport function getHealthStatus(): HealthReport {\n  return getHealthMonitor().getHealthReport();\n}\n","/**\n * keep-alive.ts\n *\n * Preserves component state when a component is removed from and later\n * re-inserted into the DOM. By default, custom elements lose all JavaScript\n * state when `disconnectedCallback` fires. `cer-keep-alive` intercepts\n * that lifecycle and keeps the child element alive in memory, re-attaching\n * it when a matching component is re-inserted.\n *\n * ## Usage\n *\n * Wrap any custom element with `<cer-keep-alive>`:\n * ```html\n * <cer-keep-alive>\n *   <my-counter></my-counter>\n * </cer-keep-alive>\n * ```\n *\n * Or register it programmatically:\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive(); // registers <cer-keep-alive> globally\n * ```\n *\n * ## How it works\n *\n * `cer-keep-alive` uses a slotted layout. When a slotted child component is\n * about to leave the DOM (via a re-render of a parent), KeepAlive intercepts\n * `slotchange` events and preserves the detached child element in an internal\n * cache keyed by tag name. When the same tag re-appears in the slot, the\n * cached element is re-inserted, restoring all JavaScript state.\n *\n * ## Limitations\n *\n * - The first slot child per tag name is cached. Multiple children with the\n *   same tag use separate cache entries keyed by their `id` attribute.\n * - Only components registered with the same tag name are matched.\n * - Cache entries can be manually evicted with `clearCache()`.\n */\n\n/** Cache key = tagName[:id] */\ntype CacheKey = string;\n\n/**\n * Register the `<cer-keep-alive>` custom element.\n * Safe to call multiple times — subsequent calls are no-ops.\n *\n * @example\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive();\n * ```\n */\nexport function registerKeepAlive(): void {\n  if (\n    typeof window === 'undefined' ||\n    typeof customElements === 'undefined' ||\n    customElements.get('cer-keep-alive')\n  ) {\n    return;\n  }\n\n  customElements.define('cer-keep-alive', createKeepAliveClass());\n}\n\nfunction createKeepAliveClass(): CustomElementConstructor {\n  return class CerKeepAlive extends HTMLElement {\n    /** Preserved component instances keyed by tag[:id]. */\n    private _cache = new Map<CacheKey, Element>();\n    private _slot: HTMLSlotElement | null = null;\n    private _slotListener: (() => void) | null = null;\n\n    connectedCallback(): void {\n      if (!this.shadowRoot) {\n        this.attachShadow({ mode: 'open' });\n      }\n\n      if (!this.shadowRoot!.querySelector('slot')) {\n        this.shadowRoot!.innerHTML = '<slot></slot>';\n      }\n\n      this._slot = this.shadowRoot!.querySelector('slot');\n      if (this._slot) {\n        this._slotListener = () => this._handleSlotChange();\n        this._slot.addEventListener('slotchange', this._slotListener);\n        // Process current slotted content\n        this._handleSlotChange();\n      }\n    }\n\n    disconnectedCallback(): void {\n      if (this._slot && this._slotListener) {\n        this._slot.removeEventListener('slotchange', this._slotListener);\n      }\n      this._slotListener = null;\n    }\n\n    /**\n     * Evict a cached element by its cache key (`tagName` or `tagName:id`).\n     * The evicted element is disconnected and removed from the cache.\n     */\n    clearCache(key?: CacheKey): void {\n      if (key) {\n        this._cache.delete(key);\n      } else {\n        this._cache.clear();\n      }\n    }\n\n    private _handleSlotChange(): void {\n      if (!this._slot) return;\n\n      const slottedElements = this._slot.assignedElements({ flatten: true });\n\n      for (const child of slottedElements) {\n        const cacheKey = this._buildCacheKey(child);\n\n        if (!this._cache.has(cacheKey)) {\n          // New element — cache it so we can restore it later\n          this._cache.set(cacheKey, child);\n        } else {\n          const cached = this._cache.get(cacheKey)!;\n          if (cached !== child) {\n            // A different instance appeared for the same slot.\n            // Replace it with the cached instance to restore state.\n            try {\n              child.parentNode?.replaceChild(cached, child);\n            } catch {\n              // If replacement fails, update the cache with the new element\n              this._cache.set(cacheKey, child);\n            }\n          }\n        }\n      }\n    }\n\n    private _buildCacheKey(el: Element): CacheKey {\n      const tag = el.tagName.toLowerCase();\n      const id = el.getAttribute('id');\n      return id ? `${tag}:${id}` : tag;\n    }\n  };\n}\n","/**\n * Built-in utility components provided by the custom-elements runtime.\n *\n * These components are registered automatically when this module is imported.\n * They are designed to be minimal, tree-shakeable, and zero-dependency.\n *\n * Included components:\n * - `<cer-suspense>` — Shows a fallback while async work is pending\n * - `<cer-error-boundary>` — Catches render errors and shows a fallback UI\n * - `<cer-keep-alive>` — Preserves component state across DOM removal/re-insertion\n */\n\nimport { component } from './component';\nimport { html } from './template-compiler';\nimport { ref } from './reactive';\nimport { useProps, useOnError, useExpose } from './hooks';\nimport { registerKeepAlive } from '../keep-alive';\n\n// ── cer-suspense ──────────────────────────────────────────────────────────────\n\n/**\n * A built-in component that conditionally renders either the default slot\n * content or the `fallback` slot content, controlled by the `pending` prop.\n *\n * Use the `pending` attribute/property to signal that async work is in\n * progress; the component will swap to the `fallback` slot until `pending`\n * becomes falsy.\n *\n * @example\n * ```html\n * <cer-suspense pending>\n *   <!-- shown when pending=false -->\n *   <my-async-content></my-async-content>\n *\n *   <!-- shown while pending=true -->\n *   <div slot=\"fallback\">Loading…</div>\n * </cer-suspense>\n * ```\n *\n * @example Programmatic usage\n * ```ts\n * component('my-data-loader', () => {\n *   const pending = ref(true);\n *   useOnConnected(async () => {\n *     await fetchData();\n *     pending.value = false;\n *   });\n *   return html`\n *     <cer-suspense pending=\"${pending.value}\">\n *       <my-data-view></my-data-view>\n *       <div slot=\"fallback\">Loading data…</div>\n *     </cer-suspense>\n *   `;\n * });\n * ```\n */\nexport function registerSuspense(): void {\n  if (typeof customElements !== 'undefined' && customElements.get('cer-suspense')) return;\n\n  component('cer-suspense', () => {\n    const { pending } = useProps({ pending: false });\n\n    return pending\n      ? html`<slot name=\"fallback\"><span>Loading…</span></slot>`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── cer-error-boundary ────────────────────────────────────────────────────────\n\n/**\n * A built-in component that catches errors thrown during child component\n * rendering and displays a fallback UI instead of crashing the page.\n *\n * Errors are caught via the `useOnError` lifecycle hook. Once an error is\n * caught the component switches to showing the `fallback` named slot (or a\n * default \"Something went wrong\" message if no fallback slot is provided).\n *\n * Call the custom `reset()` method on the element to clear the error and\n * attempt re-rendering the default slot.\n *\n * @example\n * ```html\n * <cer-error-boundary>\n *   <my-risky-component></my-risky-component>\n *\n *   <div slot=\"fallback\">\n *     <p>Something went wrong. <button onclick=\"this.closest('cer-error-boundary').reset()\">Retry</button></p>\n *   </div>\n * </cer-error-boundary>\n * ```\n */\nexport function registerErrorBoundary(): void {\n  if (typeof customElements !== 'undefined' && customElements.get('cer-error-boundary')) return;\n\n  component('cer-error-boundary', () => {\n    const hasError = ref(false);\n    const errorMessage = ref('');\n\n    useOnError((err: Error) => {\n      hasError.value = true;\n      errorMessage.value = err.message;\n    });\n\n    // Expose a reset() method so parent templates can call\n    // `errorBoundaryRef.value.reset()` to clear the error and retry.\n    // Also expose an internal `_cerHandleChildError` receiver so that the\n    // component runtime can propagate uncaught errors from slotted child\n    // components up to the nearest ancestor <cer-error-boundary>.\n    useExpose({\n      _cerHandleChildError: (err: unknown) => {\n        // Use peek() to read the current value without registering a reactive\n        // dependency — the child component's render context may be active when\n        // this handler runs, and we must not accidentally subscribe the child\n        // to this boundary's internal state.\n        if (!hasError.peek()) {\n          hasError.value = true;\n          errorMessage.value = err instanceof Error ? err.message : String(err);\n        }\n      },\n      reset: () => {\n        hasError.value = false;\n        errorMessage.value = '';\n      },\n    });\n\n    return hasError.value\n      ? html`<slot name=\"fallback\"\n          ><div role=\"alert\">\n            <strong>Something went wrong.</strong>\n            ${errorMessage.value ? html`<p>${errorMessage.value}</p>` : html``}\n          </div></slot\n        >`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── Auto-register all components ─────────────────────────────────────────────\n\n/**\n * Register all built-in components (`cer-suspense`, `cer-error-boundary`,\n * `cer-keep-alive`).\n * Safe to call multiple times — each registration is guarded by a\n * `customElements.get()` check.\n */\nexport function registerBuiltinComponents(): void {\n  registerSuspense();\n  registerErrorBoundary();\n  registerKeepAlive();\n}\n","/**\n * teleport.ts\n *\n * Renders virtual DOM content into an arbitrary DOM target located outside\n * the current component's Shadow Root. Useful for modals, tooltips, popovers,\n * and any UI that must visually escape the component boundary.\n *\n * @example\n * ```ts\n * import { component, html, ref, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('modal-trigger', () => {\n *   const isOpen = ref(false);\n *\n *   // Render modal content into <body> outside the shadow root\n *   const { portal, destroy } = useTeleport('#modal-root');\n *   useOnDisconnected(destroy);\n *\n *   // Call portal() to update the teleported content on each render\n *   if (isOpen.value) {\n *     portal(html`<div class=\"modal\">\n *       <h2>Hello</h2>\n *       <button @click=\"${() => (isOpen.value = false)}\">Close</button>\n *     </div>`);\n *   } else {\n *     portal(null);\n *   }\n *\n *   return html`\n *     <button @click=\"${() => (isOpen.value = true)}\">Open modal</button>\n *   `;\n * });\n * ```\n */\n\nimport type { VNode, VDomRefs } from './runtime/types';\nimport { vdomRenderer } from './runtime/vdom';\nimport { reactiveSystem } from './runtime/reactive';\nimport { getCurrentComponentContext, isDiscoveryRender } from './runtime/hooks';\n\n/** Handle returned by {@link useTeleport} for managing a portal. */\nexport interface TeleportHandle {\n  /**\n   * Render (or clear) content at the teleport target.\n   * Pass `null` or `undefined` to remove previously rendered content.\n   */\n  portal(content: VNode | VNode[] | null | undefined): void;\n\n  /**\n   * Destroy the teleport container and clean up all rendered content.\n   * Call this in `useOnDisconnected` to prevent memory leaks.\n   */\n  destroy(): void;\n}\n\n/**\n * Create a teleport portal that renders content outside the current Shadow Root.\n *\n * @param target - A CSS selector string or an `Element` reference to render into.\n * @returns A {@link TeleportHandle} with `portal()` (update content) and `destroy()` (cleanup).\n *\n * @example\n * ```ts\n * import { component, html, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('my-tooltip', () => {\n *   const { portal, destroy } = useTeleport('body');\n *   useOnDisconnected(destroy);\n *\n *   portal(html`<div class=\"tooltip\">Tooltip content</div>`);\n *   return html`<span>Hover me</span>`;\n * });\n * ```\n */\nexport function useTeleport(target: string | Element): TeleportHandle {\n  // SSR guard\n  if (typeof document === 'undefined') {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // During discovery render the component is not yet mounted — return a no-op\n  // handle so the library can detect props/hooks without side-effects.\n  if (isDiscoveryRender()) {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // If called inside a component render, use the reactive state-index slot\n  // mechanism to ensure the same handle is returned on every re-render of the\n  // same component instance.  Without this, each re-render would create a new\n  // <cer-teleport> container in the target, leaking all but the last one.\n  const ctx = getCurrentComponentContext();\n  if (ctx) {\n    // getOrCreateState uses an incrementing stateIndex that is reset to 0 at\n    // the start of each render, so the same call site always gets the same slot.\n    const slot = reactiveSystem.getOrCreateState<TeleportHandle | null>(null);\n    const existing = slot.peek();\n    if (existing !== null) {\n      return existing;\n    }\n    // First render: create the handle and store it without triggering a\n    // reactive update (initSilent bypasses triggerUpdate).\n    // Pass a slot-invalidation callback so that destroy() clears the slot,\n    // allowing a reconnected component to create a fresh container.\n    const handle = _createTeleportHandle(target, () => slot.initSilent(null));\n    slot.initSilent(handle);\n    return handle;\n  }\n\n  // Outside a component context (e.g. called directly in tests or scripts):\n  // fall through to a non-cached, non-stable handle.\n  return _createTeleportHandle(target);\n}\n\n/** Internal: create a fresh teleport handle pointing at `target`.\n * @param onDestroy - Optional callback invoked after cleanup in destroy(), used\n *   to invalidate a cached slot so the next render creates a fresh handle.\n */\nfunction _createTeleportHandle(\n  target: string | Element,\n  onDestroy?: () => void,\n): TeleportHandle {\n  const targetEl =\n    typeof target === 'string'\n      ? (document.querySelector(target) as Element | null)\n      : target;\n\n  if (!targetEl) {\n    console.warn(\n      `[useTeleport] Target \"${String(target)}\" not found in the document. ` +\n        'Teleported content will not be rendered.',\n    );\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // Create a dedicated container so we never clobber sibling content.\n  const container = document.createElement('cer-teleport');\n  container.dataset.cerTeleport = '';\n  targetEl.appendChild(container);\n\n  // Shared refs bag — passed consistently so ref directives work across updates.\n  const refs: VDomRefs = {};\n\n  const handle: TeleportHandle = {\n    portal(content: VNode | VNode[] | null | undefined): void {\n      const nodes: VNode[] =\n        content == null ? [] : Array.isArray(content) ? content : [content];\n      // vdomRenderer stores _prevVNode/_prevDom on the root object for diffing.\n      // Casting to ShadowRoot is safe: we only access properties that exist on\n      // HTMLElement (firstChild, appendChild, replaceChild, childNodes).\n      vdomRenderer(container as unknown as ShadowRoot, nodes, undefined, refs);\n    },\n\n    destroy(): void {\n      // Render empty nodes to clean up event listeners and refs.\n      try {\n        vdomRenderer(container as unknown as ShadowRoot, [], undefined, refs);\n      } catch {\n        /* best-effort cleanup */\n      }\n      if (container.parentNode) {\n        container.parentNode.removeChild(container);\n      }\n      // Invalidate the cached slot so that if the component reconnects and\n      // re-renders, useTeleport() creates a fresh container rather than\n      // reusing this destroyed one.\n      onDestroy?.();\n    },\n  };\n\n  return handle;\n}\n"],"names":["hydrateApp","root","MAX_HISTORY_SIZE","CHECK_INTERVAL","calcStatus","value","threshold","metricName","buildRecommendations","metrics","out","createHealthMonitor","metricsMap","listeners","intervalId","addMetric","name","initializeMetrics","updateMetric","metric","getHealthReport","snapshot","overall","updateMemoryMetrics","mem","m","prev","curr","notifyListeners","report","listener","e","devError","performHealthCheck","devWarn","startMonitoring","stop","addListener","removeListener","getMetricHistory","clearHistory","_monitor","getHealthMonitor","updateHealthMetric","getHealthStatus","registerKeepAlive","createKeepAliveClass","key","slottedElements","child","cacheKey","cached","el","tag","id","registerSuspense","component","pending","useProps","html","registerErrorBoundary","hasError","ref","errorMessage","useOnError","err","useExpose","registerBuiltinComponents","useTeleport","target","isDiscoveryRender","getCurrentComponentContext","slot","reactiveSystem","existing","handle","_createTeleportHandle","onDestroy","targetEl","container","refs","content","nodes","vdomRenderer"],"mappings":"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"}
+{"version":3,"file":"custom-elements-runtime.es.js","names":[],"sources":["../src/lib/runtime/hydration.ts","../src/lib/runtime/monitoring/health-monitor.ts","../src/lib/keep-alive.ts","../src/lib/runtime/builtin-components.ts","../src/lib/teleport.ts"],"sourcesContent":["/**\n * Client-side hydration helpers.\n *\n * When the server renders with `dsd: true`, each custom element's shadow DOM\n * is already present in the HTML via a Declarative Shadow DOM template. The\n * browser parses that template and attaches the shadow root before any\n * JavaScript runs. When the JS bundle loads, the custom element constructors\n * detect the existing shadow root and skip the `attachShadow()` call, then\n * hydrate (attach reactivity to) the existing DOM on `connectedCallback`.\n *\n * `hydrateApp` is a signal/entry point for this process. In most cases custom\n * elements self-hydrate automatically on connection — this function is useful\n * when you need to explicitly trigger or defer the hydration of a subtree.\n */\n\n/**\n * Trigger hydration for all registered custom elements within `root`.\n *\n * In practice, custom elements self-hydrate as soon as their class definition\n * is registered and the element is connected to the DOM. Call `hydrateApp`\n * after importing and calling `component()` for all your components to signal\n * that the page is ready for reactive activation.\n *\n * @param root - The root element to hydrate. Defaults to `document`.\n *\n * @example\n * ```ts\n * import { component, hydrateApp } from '@jasonshimmy/custom-elements-runtime';\n * import './components'; // registers all components via component()\n *\n * hydrateApp(); // activate all DSD-rendered components on the page\n * ```\n */\nexport function hydrateApp(root: Element | Document = document): void {\n  if (typeof CustomEvent === 'undefined') return;\n  const target =\n    root instanceof Document ? root.documentElement : (root as Element);\n  target.dispatchEvent(\n    new CustomEvent('cer:hydrate', { bubbles: true, composed: true }),\n  );\n}\n","/**\n * Runtime Health Monitoring System\n * Tracks framework health metrics and provides early warning for potential issues\n */\n\nimport { devWarn, devError } from '../logger';\n\ninterface HealthMetric {\n  name: string;\n  value: number;\n  threshold: number;\n  status: 'healthy' | 'warning' | 'critical';\n  lastUpdated: number;\n  history: number[];\n}\n\ninterface HealthReport {\n  overall: 'healthy' | 'warning' | 'critical';\n  metrics: Record<string, HealthMetric>;\n  timestamp: number;\n  recommendations: string[];\n}\nexport type { HealthReport };\n\n/**\n * Public interface for a health monitor instance.\n * All state is managed internally via closures — no class syntax.\n */\nexport interface HealthMonitorInstance {\n  /** Update a specific health metric value */\n  updateMetric(name: string, value: number): void;\n  /** Get the current health report */\n  getHealthReport(): HealthReport;\n  /** Add a listener to be notified when a health check runs */\n  addListener(listener: (report: HealthReport) => void): void;\n  /** Remove a previously registered listener */\n  removeListener(listener: (report: HealthReport) => void): void;\n  /** Stop the periodic health monitoring timer */\n  stop(): void;\n  /** Get historical values for a specific metric */\n  getMetricHistory(name: string): number[];\n  /** Clear all metric history */\n  clearHistory(): void;\n}\n\nconst MAX_HISTORY_SIZE = 100;\nconst CHECK_INTERVAL = 30_000; // 30 seconds\n\nfunction calcStatus(\n  value: number,\n  threshold: number,\n  metricName: string,\n): 'healthy' | 'warning' | 'critical' {\n  if (metricName === 'jitCacheHitRate') {\n    if (value < threshold * 0.5) return 'critical';\n    if (value < threshold) return 'warning';\n    return 'healthy';\n  }\n  if (value > threshold * 2) return 'critical';\n  if (value > threshold) return 'warning';\n  return 'healthy';\n}\n\nfunction buildRecommendations(metrics: Record<string, HealthMetric>): string[] {\n  const out: string[] = [];\n  if (metrics.memoryUsage?.status !== 'healthy')\n    out.push(\n      'Consider reducing component complexity or implementing better memory cleanup',\n    );\n  if (metrics.averageRenderTime?.status !== 'healthy')\n    out.push(\n      'Optimize component render functions - consider lazy loading or virtualization',\n    );\n  if (metrics.jitCacheHitRate?.status !== 'healthy')\n    out.push(\n      'JIT CSS cache performance is poor - review CSS patterns for optimization',\n    );\n  if (metrics.componentErrorRate?.status !== 'healthy')\n    out.push(\n      'High component error rate detected - review error handling and component logic',\n    );\n  if (metrics.activeReactiveStates?.status !== 'healthy')\n    out.push(\n      'High number of reactive states - consider state consolidation or cleanup',\n    );\n  if (metrics.memoryLeakIndicator?.status !== 'healthy')\n    out.push(\n      'Potential memory leak detected - review component cleanup and event listener management',\n    );\n  return out;\n}\n\n/**\n * Create a new health monitor instance.\n * All mutable state lives in closures — no `class` or `this`.\n */\nexport function createHealthMonitor(): HealthMonitorInstance {\n  const metricsMap = new Map<string, HealthMetric>();\n  const listeners = new Set<(report: HealthReport) => void>();\n  let intervalId: ReturnType<typeof setInterval> | null = null;\n\n  function addMetric(name: string, value: number, threshold: number): void {\n    metricsMap.set(name, {\n      name,\n      value,\n      threshold,\n      status: 'healthy',\n      lastUpdated: Date.now(),\n      history: [],\n    });\n  }\n\n  function initializeMetrics(): void {\n    addMetric('activeComponents', 0, 1000);\n    addMetric('componentCreateRate', 0, 50);\n    addMetric('componentErrorRate', 0, 0.1);\n    addMetric('memoryUsage', 0, 50 * 1024 * 1024);\n    addMetric('memoryGrowthRate', 0, 1024 * 1024);\n    addMetric('averageRenderTime', 0, 16);\n    addMetric('slowRenderCount', 0, 10);\n    addMetric('jitCacheHitRate', 100, 80);\n    addMetric('activeReactiveStates', 0, 5000);\n    addMetric('dependencyUpdates', 0, 100);\n    addMetric('memoryLeakIndicator', 0, 0.1);\n  }\n\n  function updateMetric(name: string, value: number): void {\n    const metric = metricsMap.get(name);\n    if (!metric) return;\n    metric.value = value;\n    metric.lastUpdated = Date.now();\n    metric.history.push(value);\n    if (metric.history.length > MAX_HISTORY_SIZE) metric.history.shift();\n    metric.status = calcStatus(value, metric.threshold, name);\n  }\n\n  function getHealthReport(): HealthReport {\n    const snapshot: Record<string, HealthMetric> = {};\n    let overall: 'healthy' | 'warning' | 'critical' = 'healthy';\n    for (const [name, metric] of metricsMap) {\n      snapshot[name] = { ...metric };\n      if (metric.status === 'critical') overall = 'critical';\n      else if (metric.status === 'warning' && overall === 'healthy')\n        overall = 'warning';\n    }\n    return {\n      overall,\n      metrics: snapshot,\n      timestamp: Date.now(),\n      recommendations: buildRecommendations(snapshot),\n    };\n  }\n\n  function updateMemoryMetrics(): void {\n    if (\n      'memory' in performance &&\n      (performance as Record<string, unknown>).memory\n    ) {\n      const mem = (performance as Record<string, unknown>).memory as {\n        usedJSHeapSize: number;\n      };\n      updateMetric('memoryUsage', mem.usedJSHeapSize);\n      const m = metricsMap.get('memoryUsage');\n      if (m && m.history.length > 1) {\n        const prev = m.history[m.history.length - 2];\n        const curr = m.history[m.history.length - 1];\n        updateMetric('memoryGrowthRate', Math.max(0, curr - prev));\n      }\n    }\n  }\n\n  function notifyListeners(report: HealthReport): void {\n    for (const listener of listeners) {\n      try {\n        listener(report);\n      } catch (e) {\n        devError('Error in health monitor listener:', e);\n      }\n    }\n  }\n\n  function performHealthCheck(): void {\n    updateMemoryMetrics();\n    const report = getHealthReport();\n    notifyListeners(report);\n    if (report.overall === 'critical')\n      devError(\n        '🚨 Runtime Health: Critical issues detected',\n        report.recommendations,\n      );\n    else if (report.overall === 'warning')\n      devWarn(\n        '⚠️ Runtime Health: Performance warnings',\n        report.recommendations,\n      );\n  }\n\n  function startMonitoring(): void {\n    if (typeof window === 'undefined') return;\n    intervalId = setInterval(performHealthCheck, CHECK_INTERVAL);\n  }\n\n  function stop(): void {\n    if (intervalId !== null) {\n      clearInterval(intervalId);\n      intervalId = null;\n    }\n  }\n\n  function addListener(listener: (report: HealthReport) => void): void {\n    listeners.add(listener);\n  }\n  function removeListener(listener: (report: HealthReport) => void): void {\n    listeners.delete(listener);\n  }\n  function getMetricHistory(name: string): number[] {\n    const m = metricsMap.get(name);\n    return m ? [...m.history] : [];\n  }\n  function clearHistory(): void {\n    for (const m of metricsMap.values()) m.history = [];\n  }\n\n  initializeMetrics();\n  startMonitoring();\n\n  return {\n    updateMetric,\n    getHealthReport,\n    addListener,\n    removeListener,\n    stop,\n    getMetricHistory,\n    clearHistory,\n  };\n}\n\n// Global singleton\nlet _monitor: HealthMonitorInstance | null = null;\n\n/**\n * Get the global health monitor singleton instance.\n */\nexport function getHealthMonitor(): HealthMonitorInstance {\n  if (!_monitor) _monitor = createHealthMonitor();\n  return _monitor;\n}\n\n/**\n * Update a health metric from anywhere in the framework.\n */\nexport function updateHealthMetric(name: string, value: number): void {\n  getHealthMonitor().updateMetric(name, value);\n}\n\n/**\n * Get the current health status report.\n */\nexport function getHealthStatus(): HealthReport {\n  return getHealthMonitor().getHealthReport();\n}\n","/**\n * keep-alive.ts\n *\n * Preserves component state when a component is removed from and later\n * re-inserted into the DOM. By default, custom elements lose all JavaScript\n * state when `disconnectedCallback` fires. `cer-keep-alive` intercepts\n * that lifecycle and keeps the child element alive in memory, re-attaching\n * it when a matching component is re-inserted.\n *\n * ## Usage\n *\n * Wrap any custom element with `<cer-keep-alive>`:\n * ```html\n * <cer-keep-alive>\n *   <my-counter></my-counter>\n * </cer-keep-alive>\n * ```\n *\n * Or register it programmatically:\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive(); // registers <cer-keep-alive> globally\n * ```\n *\n * ## How it works\n *\n * `cer-keep-alive` uses a slotted layout. When a slotted child component is\n * about to leave the DOM (via a re-render of a parent), KeepAlive intercepts\n * `slotchange` events and preserves the detached child element in an internal\n * cache keyed by tag name. When the same tag re-appears in the slot, the\n * cached element is re-inserted, restoring all JavaScript state.\n *\n * ## Limitations\n *\n * - The first slot child per tag name is cached. Multiple children with the\n *   same tag use separate cache entries keyed by their `id` attribute.\n * - Only components registered with the same tag name are matched.\n * - Cache entries can be manually evicted with `clearCache()`.\n */\n\n/** Cache key = tagName[:id] */\ntype CacheKey = string;\n\n/**\n * Register the `<cer-keep-alive>` custom element.\n * Safe to call multiple times — subsequent calls are no-ops.\n *\n * @example\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive();\n * ```\n */\nexport function registerKeepAlive(): void {\n  if (\n    typeof window === 'undefined' ||\n    typeof customElements === 'undefined' ||\n    customElements.get('cer-keep-alive')\n  ) {\n    return;\n  }\n\n  customElements.define('cer-keep-alive', createKeepAliveClass());\n}\n\nfunction createKeepAliveClass(): CustomElementConstructor {\n  return class CerKeepAlive extends HTMLElement {\n    /** Preserved component instances keyed by tag[:id]. */\n    private _cache = new Map<CacheKey, Element>();\n    private _slot: HTMLSlotElement | null = null;\n    private _slotListener: (() => void) | null = null;\n\n    connectedCallback(): void {\n      if (!this.shadowRoot) {\n        this.attachShadow({ mode: 'open' });\n      }\n\n      if (!this.shadowRoot!.querySelector('slot')) {\n        this.shadowRoot!.innerHTML = '<slot></slot>';\n      }\n\n      this._slot = this.shadowRoot!.querySelector('slot');\n      if (this._slot) {\n        this._slotListener = () => this._handleSlotChange();\n        this._slot.addEventListener('slotchange', this._slotListener);\n        // Process current slotted content\n        this._handleSlotChange();\n      }\n    }\n\n    disconnectedCallback(): void {\n      if (this._slot && this._slotListener) {\n        this._slot.removeEventListener('slotchange', this._slotListener);\n      }\n      this._slotListener = null;\n    }\n\n    /**\n     * Evict a cached element by its cache key (`tagName` or `tagName:id`).\n     * The evicted element is disconnected and removed from the cache.\n     */\n    clearCache(key?: CacheKey): void {\n      if (key) {\n        this._cache.delete(key);\n      } else {\n        this._cache.clear();\n      }\n    }\n\n    private _handleSlotChange(): void {\n      if (!this._slot) return;\n\n      const slottedElements = this._slot.assignedElements({ flatten: true });\n\n      for (const child of slottedElements) {\n        const cacheKey = this._buildCacheKey(child);\n\n        if (!this._cache.has(cacheKey)) {\n          // New element — cache it so we can restore it later\n          this._cache.set(cacheKey, child);\n        } else {\n          const cached = this._cache.get(cacheKey)!;\n          if (cached !== child) {\n            // A different instance appeared for the same slot.\n            // Replace it with the cached instance to restore state.\n            try {\n              child.parentNode?.replaceChild(cached, child);\n            } catch {\n              // If replacement fails, update the cache with the new element\n              this._cache.set(cacheKey, child);\n            }\n          }\n        }\n      }\n    }\n\n    private _buildCacheKey(el: Element): CacheKey {\n      const tag = el.tagName.toLowerCase();\n      const id = el.getAttribute('id');\n      return id ? `${tag}:${id}` : tag;\n    }\n  };\n}\n","/**\n * Built-in utility components provided by the custom-elements runtime.\n *\n * These components are registered automatically when this module is imported.\n * They are designed to be minimal, tree-shakeable, and zero-dependency.\n *\n * Included components:\n * - `<cer-suspense>` — Shows a fallback while async work is pending\n * - `<cer-error-boundary>` — Catches render errors and shows a fallback UI\n * - `<cer-keep-alive>` — Preserves component state across DOM removal/re-insertion\n */\n\nimport { component } from './component';\nimport { html } from './template-compiler';\nimport { ref } from './reactive';\nimport { useProps, useOnError, useExpose } from './hooks';\nimport { registerKeepAlive } from '../keep-alive';\n\n// ── cer-suspense ──────────────────────────────────────────────────────────────\n\n/**\n * A built-in component that conditionally renders either the default slot\n * content or the `fallback` slot content, controlled by the `pending` prop.\n *\n * Use the `pending` attribute/property to signal that async work is in\n * progress; the component will swap to the `fallback` slot until `pending`\n * becomes falsy.\n *\n * @example\n * ```html\n * <cer-suspense pending>\n *   <!-- shown when pending=false -->\n *   <my-async-content></my-async-content>\n *\n *   <!-- shown while pending=true -->\n *   <div slot=\"fallback\">Loading…</div>\n * </cer-suspense>\n * ```\n *\n * @example Programmatic usage\n * ```ts\n * component('my-data-loader', () => {\n *   const pending = ref(true);\n *   useOnConnected(async () => {\n *     await fetchData();\n *     pending.value = false;\n *   });\n *   return html`\n *     <cer-suspense pending=\"${pending.value}\">\n *       <my-data-view></my-data-view>\n *       <div slot=\"fallback\">Loading data…</div>\n *     </cer-suspense>\n *   `;\n * });\n * ```\n */\nexport function registerSuspense(): void {\n  if (typeof customElements !== 'undefined' && customElements.get('cer-suspense')) return;\n\n  component('cer-suspense', () => {\n    const { pending } = useProps({ pending: false });\n\n    return pending\n      ? html`<slot name=\"fallback\"><span>Loading…</span></slot>`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── cer-error-boundary ────────────────────────────────────────────────────────\n\n/**\n * A built-in component that catches errors thrown during child component\n * rendering and displays a fallback UI instead of crashing the page.\n *\n * Errors are caught via the `useOnError` lifecycle hook. Once an error is\n * caught the component switches to showing the `fallback` named slot (or a\n * default \"Something went wrong\" message if no fallback slot is provided).\n *\n * Call the custom `reset()` method on the element to clear the error and\n * attempt re-rendering the default slot.\n *\n * @example\n * ```html\n * <cer-error-boundary>\n *   <my-risky-component></my-risky-component>\n *\n *   <div slot=\"fallback\">\n *     <p>Something went wrong. <button onclick=\"this.closest('cer-error-boundary').reset()\">Retry</button></p>\n *   </div>\n * </cer-error-boundary>\n * ```\n */\nexport function registerErrorBoundary(): void {\n  if (typeof customElements !== 'undefined' && customElements.get('cer-error-boundary')) return;\n\n  component('cer-error-boundary', () => {\n    const hasError = ref(false);\n    const errorMessage = ref('');\n\n    useOnError((err: Error) => {\n      hasError.value = true;\n      errorMessage.value = err.message;\n    });\n\n    // Expose a reset() method so parent templates can call\n    // `errorBoundaryRef.value.reset()` to clear the error and retry.\n    // Also expose an internal `_cerHandleChildError` receiver so that the\n    // component runtime can propagate uncaught errors from slotted child\n    // components up to the nearest ancestor <cer-error-boundary>.\n    useExpose({\n      _cerHandleChildError: (err: unknown) => {\n        // Use peek() to read the current value without registering a reactive\n        // dependency — the child component's render context may be active when\n        // this handler runs, and we must not accidentally subscribe the child\n        // to this boundary's internal state.\n        if (!hasError.peek()) {\n          hasError.value = true;\n          errorMessage.value = err instanceof Error ? err.message : String(err);\n        }\n      },\n      reset: () => {\n        hasError.value = false;\n        errorMessage.value = '';\n      },\n    });\n\n    return hasError.value\n      ? html`<slot name=\"fallback\"\n          ><div role=\"alert\">\n            <strong>Something went wrong.</strong>\n            ${errorMessage.value ? html`<p>${errorMessage.value}</p>` : html``}\n          </div></slot\n        >`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── Auto-register all components ─────────────────────────────────────────────\n\n/**\n * Register all built-in components (`cer-suspense`, `cer-error-boundary`,\n * `cer-keep-alive`).\n * Safe to call multiple times — each registration is guarded by a\n * `customElements.get()` check.\n */\nexport function registerBuiltinComponents(): void {\n  registerSuspense();\n  registerErrorBoundary();\n  registerKeepAlive();\n}\n","/**\n * teleport.ts\n *\n * Renders virtual DOM content into an arbitrary DOM target located outside\n * the current component's Shadow Root. Useful for modals, tooltips, popovers,\n * and any UI that must visually escape the component boundary.\n *\n * @example\n * ```ts\n * import { component, html, ref, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('modal-trigger', () => {\n *   const isOpen = ref(false);\n *\n *   // Render modal content into <body> outside the shadow root\n *   const { portal, destroy } = useTeleport('#modal-root');\n *   useOnDisconnected(destroy);\n *\n *   // Call portal() to update the teleported content on each render\n *   if (isOpen.value) {\n *     portal(html`<div class=\"modal\">\n *       <h2>Hello</h2>\n *       <button @click=\"${() => (isOpen.value = false)}\">Close</button>\n *     </div>`);\n *   } else {\n *     portal(null);\n *   }\n *\n *   return html`\n *     <button @click=\"${() => (isOpen.value = true)}\">Open modal</button>\n *   `;\n * });\n * ```\n */\n\nimport type { VNode, VDomRefs } from './runtime/types';\nimport { vdomRenderer } from './runtime/vdom';\nimport { reactiveSystem } from './runtime/reactive';\nimport { getCurrentComponentContext, isDiscoveryRender } from './runtime/hooks';\n\n/** Handle returned by {@link useTeleport} for managing a portal. */\nexport interface TeleportHandle {\n  /**\n   * Render (or clear) content at the teleport target.\n   * Pass `null` or `undefined` to remove previously rendered content.\n   */\n  portal(content: VNode | VNode[] | null | undefined): void;\n\n  /**\n   * Destroy the teleport container and clean up all rendered content.\n   * Call this in `useOnDisconnected` to prevent memory leaks.\n   */\n  destroy(): void;\n}\n\n/**\n * Create a teleport portal that renders content outside the current Shadow Root.\n *\n * @param target - A CSS selector string or an `Element` reference to render into.\n * @returns A {@link TeleportHandle} with `portal()` (update content) and `destroy()` (cleanup).\n *\n * @example\n * ```ts\n * import { component, html, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('my-tooltip', () => {\n *   const { portal, destroy } = useTeleport('body');\n *   useOnDisconnected(destroy);\n *\n *   portal(html`<div class=\"tooltip\">Tooltip content</div>`);\n *   return html`<span>Hover me</span>`;\n * });\n * ```\n */\nexport function useTeleport(target: string | Element): TeleportHandle {\n  // SSR guard\n  if (typeof document === 'undefined') {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // During discovery render the component is not yet mounted — return a no-op\n  // handle so the library can detect props/hooks without side-effects.\n  if (isDiscoveryRender()) {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // If called inside a component render, use the reactive state-index slot\n  // mechanism to ensure the same handle is returned on every re-render of the\n  // same component instance.  Without this, each re-render would create a new\n  // <cer-teleport> container in the target, leaking all but the last one.\n  const ctx = getCurrentComponentContext();\n  if (ctx) {\n    // getOrCreateState uses an incrementing stateIndex that is reset to 0 at\n    // the start of each render, so the same call site always gets the same slot.\n    const slot = reactiveSystem.getOrCreateState<TeleportHandle | null>(null);\n    const existing = slot.peek();\n    if (existing !== null) {\n      return existing;\n    }\n    // First render: create the handle and store it without triggering a\n    // reactive update (initSilent bypasses triggerUpdate).\n    // Pass a slot-invalidation callback so that destroy() clears the slot,\n    // allowing a reconnected component to create a fresh container.\n    const handle = _createTeleportHandle(target, () => slot.initSilent(null));\n    slot.initSilent(handle);\n    return handle;\n  }\n\n  // Outside a component context (e.g. called directly in tests or scripts):\n  // fall through to a non-cached, non-stable handle.\n  return _createTeleportHandle(target);\n}\n\n/** Internal: create a fresh teleport handle pointing at `target`.\n * @param onDestroy - Optional callback invoked after cleanup in destroy(), used\n *   to invalidate a cached slot so the next render creates a fresh handle.\n */\nfunction _createTeleportHandle(\n  target: string | Element,\n  onDestroy?: () => void,\n): TeleportHandle {\n  const targetEl =\n    typeof target === 'string'\n      ? (document.querySelector(target) as Element | null)\n      : target;\n\n  if (!targetEl) {\n    console.warn(\n      `[useTeleport] Target \"${String(target)}\" not found in the document. ` +\n        'Teleported content will not be rendered.',\n    );\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // Create a dedicated container so we never clobber sibling content.\n  const container = document.createElement('cer-teleport');\n  container.dataset.cerTeleport = '';\n  targetEl.appendChild(container);\n\n  // Shared refs bag — passed consistently so ref directives work across updates.\n  const refs: VDomRefs = {};\n\n  const handle: TeleportHandle = {\n    portal(content: VNode | VNode[] | null | undefined): void {\n      const nodes: VNode[] =\n        content == null ? [] : Array.isArray(content) ? content : [content];\n      // vdomRenderer stores _prevVNode/_prevDom on the root object for diffing.\n      // Casting to ShadowRoot is safe: we only access properties that exist on\n      // HTMLElement (firstChild, appendChild, replaceChild, childNodes).\n      vdomRenderer(container as unknown as ShadowRoot, nodes, undefined, refs);\n    },\n\n    destroy(): void {\n      // Render empty nodes to clean up event listeners and refs.\n      try {\n        vdomRenderer(container as unknown as ShadowRoot, [], undefined, refs);\n      } catch {\n        /* best-effort cleanup */\n      }\n      if (container.parentNode) {\n        container.parentNode.removeChild(container);\n      }\n      // Invalidate the cached slot so that if the component reconnects and\n      // re-renders, useTeleport() creates a fresh container rather than\n      // reusing this destroyed one.\n      onDestroy?.();\n    },\n  };\n\n  return handle;\n}\n"],"mappings":"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"}