@tachui/core 0.7.0-alpha1

package/dist/runtime/context.js

@@ -0,0 +1,289 @@
+import "../reactive/cleanup.js";
+import { createComputed as v } from "../reactive/computed.js";
+import "../reactive/unified-scheduler.js";
+import { createSignal as p } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+import { createComponentContext as C } from "./component-context.js";
+var x = Object.defineProperty, w = (s, e, t) => e in s ? x(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, a = (s, e, t) => w(s, typeof e != "symbol" ? e + "" : e, t);
+const g = class l {
+  constructor() {
+    a(this, "contexts", /* @__PURE__ */ new Map()), a(this, "providerStack", /* @__PURE__ */ new Map()), a(this, "currentComponent", null);
+  }
+  static getInstance() {
+    return l.instance || (l.instance = new l()), l.instance;
+  }
+  /**
+   * Set the current component context for provider resolution
+   */
+  setCurrentComponent(e) {
+    this.currentComponent = e;
+  }
+  /**
+   * Get the current component context
+   */
+  getCurrentComponent() {
+    return this.currentComponent;
+  }
+  /**
+   * Register a context provider
+   */
+  registerProvider(e, t, r) {
+    this.providerStack.has(e) || this.providerStack.set(e, []);
+    const n = this.providerStack.get(e), [i, c] = p(t), o = {
+      value: t,
+      signal: [i, c],
+      subscribers: /* @__PURE__ */ new Set(),
+      providers: /* @__PURE__ */ new Set([r])
+    };
+    return n.push(o), r.providers.set(e, o), () => {
+      const d = n.indexOf(o);
+      d !== -1 && n.splice(d, 1), r.providers.delete(e), o.subscribers.clear(), o.providers.clear();
+    };
+  }
+  /**
+   * Get context value with reactive subscription
+   */
+  getContextValue(e, t) {
+    const r = this.providerStack.get(e), n = r && r.length > 0 ? r[r.length - 1] : null;
+    if (n)
+      return this.currentComponent && (n.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [n.signal[0], !0];
+    const [i] = p(t);
+    return [i, !1];
+  }
+  /**
+   * Update context value and notify subscribers
+   */
+  updateContextValue(e, t) {
+    const r = this.providerStack.get(e), n = r && r.length > 0 ? r[r.length - 1] : null;
+    return n ? (n.value = t, n.signal[1](t), !0) : !1;
+  }
+  /**
+   * Get all registered contexts (for debugging)
+   */
+  getAllContexts() {
+    const e = /* @__PURE__ */ new Map();
+    for (const [t, r] of this.providerStack.entries())
+      r.length > 0 && e.set(t, r[r.length - 1]);
+    return e;
+  }
+  /**
+   * Clear all contexts (for testing)
+   */
+  clear() {
+    this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
+  }
+};
+a(g, "instance");
+let f = g;
+class u {
+  constructor() {
+    a(this, "registry", f.getInstance());
+  }
+  /**
+   * Create a context provider component
+   */
+  createProvider(e, t, r) {
+    return {
+      type: "component",
+      render: () => {
+        const n = this.registry.registerProvider(
+          e.symbol,
+          t,
+          C(`provider_${e.symbol.toString()}`)
+        ), i = r.flatMap((c) => {
+          const o = c.render();
+          return Array.isArray(o) ? o : [o];
+        });
+        return [
+          {
+            type: "element",
+            tag: "div",
+            props: { "data-context-provider": e.displayName || "provider" },
+            children: i,
+            dispose: n
+          }
+        ];
+      },
+      props: { children: r },
+      id: `provider_${Date.now()}`,
+      children: r
+    };
+  }
+  /**
+   * Set current component for context resolution
+   */
+  setCurrentComponent(e) {
+    this.registry.setCurrentComponent(e);
+  }
+  /**
+   * Update a context value
+   */
+  updateContext(e, t) {
+    return this.registry.updateContextValue(e.symbol, t);
+  }
+  /**
+   * Get all active contexts (for debugging)
+   */
+  getAllContexts() {
+    return this.registry.getAllContexts();
+  }
+  /**
+   * Clear all contexts
+   */
+  clear() {
+    this.registry.clear();
+  }
+}
+function h(s, e = {}) {
+  return {
+    symbol: Symbol(e.displayName || "TachUIContext"),
+    defaultValue: s,
+    displayName: e.displayName
+  };
+}
+function b(s) {
+  const e = f.getInstance(), [t, r] = e.getContextValue(s.symbol, s.defaultValue);
+  return r || console.warn(
+    `Context ${s.displayName || "unnamed"} used without a Provider. Using default value.`
+  ), t;
+}
+function A(s, e) {
+  return (t) => function(n) {
+    return new u().createProvider(s, e, [t(n)]);
+  };
+}
+function $(s, e) {
+  return {
+    type: "component",
+    render: () => {
+      const t = b(s), n = v(() => {
+        const i = t();
+        return e(i);
+      })().render();
+      return Array.isArray(n) ? n : [n];
+    },
+    props: {},
+    id: `consumer_${Date.now()}`
+  };
+}
+class y {
+  constructor() {
+    a(this, "services", /* @__PURE__ */ new Map()), a(this, "factories", /* @__PURE__ */ new Map()), a(this, "singletons", /* @__PURE__ */ new Map()), a(this, "scoped", /* @__PURE__ */ new Map()), a(this, "dependencies", /* @__PURE__ */ new Map());
+  }
+  /**
+   * Register a service with the container
+   */
+  register(e, t, r = {}) {
+    this.services.set(e, t), r.dependencies && this.dependencies.set(e, r.dependencies), r.singleton && this.singletons.set(e, null), r.scoped && this.scoped.set(e, null);
+  }
+  /**
+   * Resolve a service from the container
+   */
+  resolve(e) {
+    if (this.singletons.has(e)) {
+      let t = this.singletons.get(e);
+      return t === null && (t = this.createInstance(e), this.singletons.set(e, t)), t;
+    }
+    if (this.scoped.has(e)) {
+      let t = this.scoped.get(e);
+      return t === null && (t = this.createInstance(e), this.scoped.set(e, t)), t;
+    }
+    return this.createInstance(e);
+  }
+  /**
+   * Create instance with dependency injection
+   */
+  createInstance(e) {
+    const r = (this.dependencies.get(e) || []).map((c) => this.resolve(c)), n = this.factories.get(e);
+    if (n)
+      return n(...r);
+    const i = this.services.get(e);
+    if (i) {
+      if (typeof i == "function")
+        try {
+          return new i(...r);
+        } catch {
+          return i(...r);
+        }
+      return i;
+    }
+    throw new Error(`Service ${String(e)} not found in DI container`);
+  }
+  /**
+   * Check if service is registered
+   */
+  has(e) {
+    return this.services.has(e) || this.factories.has(e);
+  }
+  /**
+   * Clear the container
+   */
+  clear() {
+    this.services.clear(), this.factories.clear(), this.singletons.clear(), this.scoped.clear(), this.dependencies.clear();
+  }
+  /**
+   * Get all registered services (for debugging)
+   */
+  getRegistered() {
+    return [...this.services.keys(), ...this.factories.keys()];
+  }
+}
+const m = new y();
+function D(s) {
+  return m.resolve(s);
+}
+function O(s) {
+  return (e) => {
+    const t = s || e.name;
+    return m.register(t, e), e;
+  };
+}
+const R = {
+  /**
+   * Create multiple contexts at once
+   */
+  createContextGroup(s, e = {}) {
+    const t = {};
+    for (const [r, n] of Object.entries(s))
+      t[r] = h(n, {
+        displayName: e.prefix ? `${e.prefix}.${r}` : r
+      });
+    return t;
+  },
+  /**
+   * Combine multiple context providers
+   */
+  combineProviders(s, e, t) {
+    const r = new u();
+    let n = t;
+    for (const [i, c] of Object.entries(s)) {
+      const o = e[i];
+      n = [r.createProvider(c, o, n)];
+    }
+    return n[0];
+  },
+  /**
+   * Create context with validation
+   */
+  createValidatedContext(s, e, t = {}) {
+    return {
+      ...h(s, t),
+      validate: e
+    };
+  }
+}, j = new u();
+export {
+  u as ContextManager,
+  y as DIContainer,
+  O as Injectable,
+  R as contextUtils,
+  h as createContext,
+  $ as createContextConsumer,
+  j as defaultContextManager,
+  m as globalDI,
+  D as inject,
+  b as useContext,
+  A as withProvider
+};
+//# sourceMappingURL=context.js.map

package/dist/runtime/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/runtime/context.ts"],"sourcesContent":["/**\n * Context and Dependency Injection System (Phase 3.2.1)\n *\n * Reactive context system for state sharing and dependency injection\n * patterns. Provides Provider/Consumer patterns similar to React Context\n * but with fine-grained reactivity integration.\n */\n\nimport { createComputed, createSignal } from '../reactive'\nimport { createComponentContext } from './component-context'\nimport type { ComponentContext, ComponentInstance, ComponentProps } from './types'\n\n/**\n * Context symbol for type-safe context identification\n */\nexport interface TachUIContext<T> {\n  symbol: symbol\n  defaultValue: T\n  displayName?: string | undefined\n}\n\n/**\n * Context value with reactive capabilities\n */\ninterface ContextValue<T> {\n  value: T\n  signal: [() => T, (value: T) => void]\n  subscribers: Set<symbol>\n  providers: Set<ComponentContext>\n}\n\n/**\n * Global context registry\n */\nclass ContextRegistry {\n  private static instance: ContextRegistry\n  private contexts = new Map<symbol, ContextValue<any>>()\n  private providerStack = new Map<symbol, ContextValue<any>[]>()\n  private currentComponent: ComponentContext | null = null\n\n  static getInstance(): ContextRegistry {\n    if (!ContextRegistry.instance) {\n      ContextRegistry.instance = new ContextRegistry()\n    }\n    return ContextRegistry.instance\n  }\n\n  /**\n   * Set the current component context for provider resolution\n   */\n  setCurrentComponent(component: ComponentContext | null): void {\n    this.currentComponent = component\n  }\n\n  /**\n   * Get the current component context\n   */\n  getCurrentComponent(): ComponentContext | null {\n    return this.currentComponent\n  }\n\n  /**\n   * Register a context provider\n   */\n  registerProvider<T>(contextSymbol: symbol, value: T, component: ComponentContext): () => void {\n    // Create or get context stack\n    if (!this.providerStack.has(contextSymbol)) {\n      this.providerStack.set(contextSymbol, [])\n    }\n\n    const stack = this.providerStack.get(contextSymbol)!\n\n    // Create reactive signal for the context value\n    const [getValue, setValue] = createSignal<T>(value)\n\n    const contextValue: ContextValue<T> = {\n      value,\n      signal: [getValue, setValue],\n      subscribers: new Set(),\n      providers: new Set([component]),\n    }\n\n    // Push to stack (nested providers)\n    stack.push(contextValue)\n\n    // Register in component's providers\n    component.providers.set(contextSymbol, contextValue)\n\n    // Return cleanup function\n    return () => {\n      // Remove from stack\n      const index = stack.indexOf(contextValue)\n      if (index !== -1) {\n        stack.splice(index, 1)\n      }\n\n      // Remove from component\n      component.providers.delete(contextSymbol)\n\n      // Cleanup subscribers\n      contextValue.subscribers.clear()\n      contextValue.providers.clear()\n    }\n  }\n\n  /**\n   * Get context value with reactive subscription\n   */\n  getContextValue<T>(contextSymbol: symbol, defaultValue: T): [() => T, boolean] {\n    // Find the nearest provider in the stack\n    const stack = this.providerStack.get(contextSymbol)\n    const contextValue = stack && stack.length > 0 ? stack[stack.length - 1] : null\n\n    if (contextValue) {\n      // Subscribe current component to context changes\n      if (this.currentComponent) {\n        contextValue.subscribers.add(this.currentComponent.id as any)\n        this.currentComponent.consumers.add(contextSymbol)\n      }\n\n      // Return reactive value\n      return [contextValue.signal[0], true]\n    }\n\n    // Return default value if no provider found\n    const [defaultSignal] = createSignal<T>(defaultValue)\n    return [defaultSignal, false]\n  }\n\n  /**\n   * Update context value and notify subscribers\n   */\n  updateContextValue<T>(contextSymbol: symbol, newValue: T): boolean {\n    const stack = this.providerStack.get(contextSymbol)\n    const contextValue = stack && stack.length > 0 ? stack[stack.length - 1] : null\n\n    if (contextValue) {\n      contextValue.value = newValue\n      contextValue.signal[1](newValue)\n      return true\n    }\n\n    return false\n  }\n\n  /**\n   * Get all registered contexts (for debugging)\n   */\n  getAllContexts(): Map<symbol, ContextValue<any>> {\n    const allContexts = new Map<symbol, ContextValue<any>>()\n\n    for (const [symbol, stack] of this.providerStack.entries()) {\n      if (stack.length > 0) {\n        allContexts.set(symbol, stack[stack.length - 1])\n      }\n    }\n\n    return allContexts\n  }\n\n  /**\n   * Clear all contexts (for testing)\n   */\n  clear(): void {\n    this.contexts.clear()\n    this.providerStack.clear()\n    this.currentComponent = null\n  }\n}\n\n/**\n * Context Manager for high-level context operations\n */\nexport class ContextManager {\n  private registry = ContextRegistry.getInstance()\n\n  /**\n   * Create a context provider component\n   */\n  createProvider<T>(\n    context: TachUIContext<T>,\n    value: T,\n    children: ComponentInstance[]\n  ): ComponentInstance {\n    return {\n      type: 'component',\n      render: () => {\n        // Register this provider\n        const cleanup = this.registry.registerProvider(\n          context.symbol,\n          value,\n          createComponentContext(`provider_${context.symbol.toString()}`)\n        )\n\n        // Render children with context available\n        const childNodes = children.flatMap((child) => {\n          const result = child.render()\n          return Array.isArray(result) ? result : [result]\n        })\n\n        // Setup cleanup\n        return [\n          {\n            type: 'element' as const,\n            tag: 'div',\n            props: { 'data-context-provider': context.displayName || 'provider' },\n            children: childNodes,\n            dispose: cleanup,\n          },\n        ]\n      },\n      props: { children },\n      id: `provider_${Date.now()}`,\n      children,\n    }\n  }\n\n  /**\n   * Set current component for context resolution\n   */\n  setCurrentComponent(component: ComponentContext | null): void {\n    this.registry.setCurrentComponent(component)\n  }\n\n  /**\n   * Update a context value\n   */\n  updateContext<T>(context: TachUIContext<T>, newValue: T): boolean {\n    return this.registry.updateContextValue(context.symbol, newValue)\n  }\n\n  /**\n   * Get all active contexts (for debugging)\n   */\n  getAllContexts(): Map<symbol, any> {\n    return this.registry.getAllContexts()\n  }\n\n  /**\n   * Clear all contexts\n   */\n  clear(): void {\n    this.registry.clear()\n  }\n}\n\n/**\n * Create a new context\n */\nexport function createContext<T>(\n  defaultValue: T,\n  options: {\n    displayName?: string\n  } = {}\n): TachUIContext<T> {\n  return {\n    symbol: Symbol(options.displayName || 'TachUIContext'),\n    defaultValue,\n    displayName: options.displayName,\n  }\n}\n\n/**\n * Use context hook equivalent\n */\nexport function useContext<T>(context: TachUIContext<T>): () => T {\n  const registry = ContextRegistry.getInstance()\n  const [getValue, hasProvider] = registry.getContextValue(context.symbol, context.defaultValue)\n\n  if (!hasProvider) {\n    console.warn(\n      `Context ${context.displayName || 'unnamed'} used without a Provider. Using default value.`\n    )\n  }\n\n  return getValue\n}\n\n/**\n * Create context provider HOC\n */\nexport function withProvider<T, P extends ComponentProps>(context: TachUIContext<T>, value: T) {\n  return (WrappedComponent: (props: P) => ComponentInstance) =>\n    function ProviderWrapper(props: P): ComponentInstance {\n      const manager = new ContextManager()\n\n      return manager.createProvider(context, value, [WrappedComponent(props)])\n    }\n}\n\n/**\n * Create reactive context consumer\n */\nexport function createContextConsumer<T>(\n  context: TachUIContext<T>,\n  render: (value: T) => ComponentInstance\n): ComponentInstance {\n  return {\n    type: 'component',\n    render: () => {\n      const getValue = useContext(context)\n\n      // Create reactive effect for context changes\n      const consumerInstance = createComputed(() => {\n        const value = getValue()\n        return render(value)\n      })\n\n      const result = consumerInstance().render()\n      return Array.isArray(result) ? result : [result]\n    },\n    props: {},\n    id: `consumer_${Date.now()}`,\n  }\n}\n\n/**\n * Dependency injection container\n */\nexport class DIContainer {\n  private services = new Map<symbol | string, any>()\n  private factories = new Map<symbol | string, () => any>()\n  private singletons = new Map<symbol | string, any>()\n  private scoped = new Map<symbol | string, any>()\n  private dependencies = new Map<symbol | string, (symbol | string)[]>()\n\n  /**\n   * Register a service with the container\n   */\n  register<T>(\n    key: symbol | string,\n    implementation: T | (() => T),\n    options: {\n      singleton?: boolean\n      scoped?: boolean\n      dependencies?: (symbol | string)[]\n    } = {}\n  ): void {\n    // Always register as service - we'll handle function vs class in createInstance\n    this.services.set(key, implementation)\n\n    if (options.dependencies) {\n      this.dependencies.set(key, options.dependencies)\n    }\n\n    if (options.singleton) {\n      this.singletons.set(key, null) // Will be created on first access\n    }\n\n    if (options.scoped) {\n      this.scoped.set(key, null) // Will be created per scope\n    }\n  }\n\n  /**\n   * Resolve a service from the container\n   */\n  resolve<T>(key: symbol | string): T {\n    // Check for singleton\n    if (this.singletons.has(key)) {\n      let instance = this.singletons.get(key)\n      if (instance === null) {\n        instance = this.createInstance<T>(key)\n        this.singletons.set(key, instance)\n      }\n      return instance\n    }\n\n    // Check for scoped (simplified - would need scope management in real implementation)\n    if (this.scoped.has(key)) {\n      let instance = this.scoped.get(key)\n      if (instance === null) {\n        instance = this.createInstance<T>(key)\n        this.scoped.set(key, instance)\n      }\n      return instance\n    }\n\n    // Create new instance\n    return this.createInstance<T>(key)\n  }\n\n  /**\n   * Create instance with dependency injection\n   */\n  private createInstance<T>(key: symbol | string): T {\n    // Get dependencies\n    const deps = this.dependencies.get(key) || []\n    const resolvedDeps = deps.map((dep) => this.resolve(dep))\n\n    // Check for factory\n    const factory = this.factories.get(key)\n    if (factory) {\n      return (factory as any)(...resolvedDeps)\n    }\n\n    // Get service\n    const service = this.services.get(key)\n    if (service) {\n      if (typeof service === 'function') {\n        // Check if it's a class constructor or regular function\n        try {\n          return new (service as any)(...resolvedDeps)\n        } catch (_error) {\n          // If 'new' fails, try calling as function\n          return (service as any)(...resolvedDeps)\n        }\n      }\n      return service\n    }\n\n    throw new Error(`Service ${String(key)} not found in DI container`)\n  }\n\n  /**\n   * Check if service is registered\n   */\n  has(key: symbol | string): boolean {\n    return this.services.has(key) || this.factories.has(key)\n  }\n\n  /**\n   * Clear the container\n   */\n  clear(): void {\n    this.services.clear()\n    this.factories.clear()\n    this.singletons.clear()\n    this.scoped.clear()\n    this.dependencies.clear()\n  }\n\n  /**\n   * Get all registered services (for debugging)\n   */\n  getRegistered(): (symbol | string)[] {\n    return [...this.services.keys(), ...this.factories.keys()]\n  }\n}\n\n/**\n * Global DI container instance\n */\nexport const globalDI = new DIContainer()\n\n/**\n * Inject dependencies into a component\n */\nexport function inject<T>(key: symbol | string): T {\n  return globalDI.resolve<T>(key)\n}\n\n/**\n * Create service registration decorator (for future use)\n */\nexport function Injectable(key?: symbol | string) {\n  return <T extends new (...args: any[]) => any>(constructor: T) => {\n    const serviceKey = key || constructor.name\n    globalDI.register(serviceKey, constructor)\n    return constructor\n  }\n}\n\n/**\n * Context utilities\n */\nexport const contextUtils = {\n  /**\n   * Create multiple contexts at once\n   */\n  createContextGroup<T extends Record<string, any>>(\n    defaults: T,\n    options: { prefix?: string } = {}\n  ): { [K in keyof T]: TachUIContext<T[K]> } {\n    const contexts = {} as { [K in keyof T]: TachUIContext<T[K]> }\n\n    for (const [key, value] of Object.entries(defaults)) {\n      contexts[key as keyof T] = createContext(value, {\n        displayName: options.prefix ? `${options.prefix}.${key}` : key,\n      })\n    }\n\n    return contexts\n  },\n\n  /**\n   * Combine multiple context providers\n   */\n  combineProviders<T extends Record<string, any>>(\n    contexts: { [K in keyof T]: TachUIContext<T[K]> },\n    values: T,\n    children: ComponentInstance[]\n  ): ComponentInstance {\n    const manager = new ContextManager()\n\n    // Nest providers\n    let currentChildren = children\n\n    for (const [key, context] of Object.entries(contexts)) {\n      const value = values[key as keyof T]\n      currentChildren = [manager.createProvider(context, value, currentChildren)]\n    }\n\n    return currentChildren[0]\n  },\n\n  /**\n   * Create context with validation\n   */\n  createValidatedContext<T>(\n    defaultValue: T,\n    validator: (value: T) => boolean | string,\n    options: { displayName?: string } = {}\n  ): TachUIContext<T> & { validate: (value: T) => boolean | string } {\n    const context = createContext(defaultValue, options)\n\n    return {\n      ...context,\n      validate: validator,\n    }\n  },\n}\n\n/**\n * Default context manager instance\n */\nexport const defaultContextManager = new ContextManager()\n"],"names":["_ContextRegistry","__publicField","component","contextSymbol","value","stack","getValue","setValue","createSignal","contextValue","index","defaultValue","defaultSignal","newValue","allContexts","symbol","ContextRegistry","ContextManager","context","children","cleanup","createComponentContext","childNodes","child","result","createContext","options","useContext","registry","hasProvider","withProvider","WrappedComponent","props","createContextConsumer","render","createComputed","DIContainer","key","implementation","instance","resolvedDeps","dep","factory","service","globalDI","inject","Injectable","constructor","serviceKey","contextUtils","defaults","contexts","values","manager","currentChildren","validator","defaultContextManager"],"mappings":"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"}

package/dist/runtime/dev-tools.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const d=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const g=require("./performance.cjs");var T=Object.defineProperty,v=(r,e,t)=>e in r?T(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,i=(r,e,t)=>v(r,typeof e!="symbol"?e+"":e,t);const h=class u{constructor(){i(this,"config",{autoEnable:!1,trackAllComponents:!0,trackMemoryUsage:!0,enableWarnings:!0,enableErrors:!0,maxTreeDepth:50,updateInterval:100}),i(this,"state",{enabled:!1,performanceTracking:!1,componentInspection:!1,reactiveDebugging:!1,memoryTracking:!1,warningsEnabled:!0,logLevel:"warn"}),i(this,"componentTree",new Map),i(this,"componentRegistry",new Map),i(this,"debugEvents",[]),i(this,"activeComponents",new Set),i(this,"treeSignal"),i(this,"setTree"),i(this,"eventsSignal"),i(this,"setEvents"),i(this,"stateSignal"),i(this,"setState"),i(this,"updateTimer",null);const[e,t]=d.createSignal(new Map),[n,o]=d.createSignal([]),[a,c]=d.createSignal({...this.state});this.treeSignal=e,this.setTree=t,this.eventsSignal=n,this.setEvents=o,this.stateSignal=a,this.setState=c}static getInstance(){return u.instance||(u.instance=new u),u.instance}configure(e){this.config={...this.config,...e},e.autoEnable&&this.enable()}enable(){this.state.enabled=!0,this.state.performanceTracking=!0,this.state.componentInspection=!0,this.state.reactiveDebugging=!0,this.state.memoryTracking=this.config.trackMemoryUsage,this.setState({...this.state}),g.globalPerformanceMonitor.enable(),g.globalPerformanceMonitor.configure({trackComponents:!0,trackReactive:!0,trackMemory:this.config.trackMemoryUsage,trackRender:!0}),this.startUpdateTimer(),this.addDebugEvent({type:"component_mount",timestamp:performance.now(),data:{message:"DevTools enabled"}}),console.log("🛠️ TachUI DevTools enabled")}disable(){this.state.enabled=!1,this.setState({...this.state}),g.globalPerformanceMonitor.disable(),this.stopUpdateTimer(),console.log("🛠️ TachUI DevTools disabled")}isEnabled(){return this.state.enabled}registerComponent(e,t,n){if(!this.state.enabled||!this.state.componentInspection)return;this.componentRegistry.set(e,t),this.activeComponents.add(e);const o=g.globalPerformanceMonitor.getComponentMetrics().get(e),a=n&&this.componentTree.get(n)||null,c=a?a.depth+1:0,p={id:e,name:this.getComponentName(t),type:t.type||"component",props:t.props||{},children:[],parent:a,depth:c,metrics:o,reactiveSubscriptions:this.getReactiveSubscriptions(e),contextProviders:this.getContextProviders(e),contextConsumers:this.getContextConsumers(e),renderCount:o?.updateCount||0,lastRenderTime:o?.lastRenderDuration||0,memoryUsage:o?.memoryUsage||0,warnings:[],errors:[]};a&&a.children.push(p),this.componentTree.set(e,p),this.setTree(new Map(this.componentTree)),this.addDebugEvent({type:"component_mount",timestamp:performance.now(),componentId:e,componentName:p.name,data:{props:t.props,parentId:n,depth:c}})}unregisterComponent(e){if(!this.state.enabled)return;const t=this.componentTree.get(e);if(t){if(t.parent){const n=t.parent.children.indexOf(t);n!==-1&&t.parent.children.splice(n,1)}this.removeNodeAndDescendants(t),this.addDebugEvent({type:"component_unmount",timestamp:performance.now(),componentId:e,componentName:t.name,data:{lifetime:performance.now()-(t.metrics?.mountTime||0)}})}this.componentRegistry.delete(e),this.componentTree.delete(e),this.activeComponents.delete(e),this.setTree(new Map(this.componentTree))}updateComponent(e,t){if(!this.state.enabled)return;const n=this.componentTree.get(e);n&&(Object.assign(n,t),this.setTree(new Map(this.componentTree)),this.addDebugEvent({type:"component_update",timestamp:performance.now(),componentId:e,componentName:n.name,data:t}))}trackReactiveOperation(e,t,n){!this.state.enabled||!this.state.reactiveDebugging||this.addDebugEvent({type:"reactive_update",timestamp:performance.now(),componentId:n,data:{type:e,operation:t}})}trackContextChange(e,t,n){this.state.enabled&&this.addDebugEvent({type:"context_change",timestamp:performance.now(),componentId:n,data:{contextName:e,newValue:t}})}addWarning(e,t){if(!this.state.enabled||!this.state.warningsEnabled)return;const n=this.componentTree.get(e);n&&(n.warnings.push(t),this.setTree(new Map(this.componentTree)),this.addDebugEvent({type:"performance_warning",timestamp:performance.now(),componentId:e,componentName:n.name,data:{message:t}}),(this.state.logLevel==="warn"||this.state.logLevel==="debug")&&console.warn(`⚠️ [${n.name}] ${t}`))}addError(e,t){if(!this.state.enabled)return;const n=t instanceof Error?t.message:t,o=t instanceof Error?t.stack:void 0,a=this.componentTree.get(e);a&&(a.errors.push(n),this.setTree(new Map(this.componentTree)),this.addDebugEvent({type:"error",timestamp:performance.now(),componentId:e,componentName:a.name,data:{message:n,error:t instanceof Error?t:void 0},stack:o}),console.error(`❌ [${a.name}] ${n}`,t))}getComponentTree(){return new Map(this.componentTree)}getComponentTreeSignal(){return this.treeSignal}getRootComponents(){return Array.from(this.componentTree.values()).filter(e=>e.parent===null)}getComponent(e){return this.componentTree.get(e)}findComponentsByName(e){return Array.from(this.componentTree.values()).filter(t=>t.name.toLowerCase().includes(e.toLowerCase()))}getDebugEvents(){return[...this.debugEvents]}getDebugEventsSignal(){return this.eventsSignal}getDevState(){return{...this.state}}getDevStateSignal(){return this.stateSignal}getPerformanceSummary(){const e=Array.from(this.componentTree.values()),t=e.reduce((s,m)=>s+m.lastRenderTime,0),n=e.length>0?t/e.length:0,o=e.reduce((s,m)=>s+m.memoryUsage,0),a=e.reduce((s,m)=>s+m.warnings.length,0),c=e.reduce((s,m)=>s+m.errors.length,0),p=e.filter(s=>s.lastRenderTime>5).map(s=>({id:s.id,name:s.name,renderTime:s.lastRenderTime})).sort((s,m)=>m.renderTime-s.renderTime).slice(0,10);return{componentCount:e.length,averageRenderTime:n,memoryUsage:o,warningCount:a,errorCount:c,slowComponents:p}}exportDebugData(){return JSON.stringify({componentTree:Array.from(this.componentTree.entries()),debugEvents:this.debugEvents,performanceMetrics:g.globalPerformanceMonitor.exportMetrics(),timestamp:Date.now()},null,2)}clear(){this.componentTree.clear(),this.componentRegistry.clear(),this.debugEvents.length=0,this.activeComponents.clear(),this.setTree(new Map),this.setEvents([]),g.globalPerformanceMonitor.clear()}getComponentName(e){return"displayName"in e&&typeof e.displayName=="string"?e.displayName:e.tag?e.tag||"Element":e.text?"Text":e.fragment?"Fragment":e.id||"Component"}getReactiveSubscriptions(e){return[]}getContextProviders(e){return[]}getContextConsumers(e){return[]}removeNodeAndDescendants(e){for(const t of e.children)this.removeNodeAndDescendants(t),this.componentTree.delete(t.id),this.componentRegistry.delete(t.id),this.activeComponents.delete(t.id)}addDebugEvent(e){this.debugEvents.push(e),this.debugEvents.length>1e3&&this.debugEvents.shift(),this.setEvents([...this.debugEvents])}startUpdateTimer(){this.updateTimer||(this.updateTimer=window.setInterval(()=>{this.updateComponentMetrics()},this.config.updateInterval))}stopUpdateTimer(){this.updateTimer&&(clearInterval(this.updateTimer),this.updateTimer=null)}updateComponentMetrics(){if(!this.state.enabled)return;const e=g.globalPerformanceMonitor.getComponentMetrics();for(const[t,n]of this.componentTree){const o=e.get(t);o&&(n.metrics=o,n.renderCount=o.updateCount,n.lastRenderTime=o.lastRenderDuration,n.memoryUsage=o.memoryUsage,o.lastRenderDuration>16&&this.addWarning(t,`Slow render: ${o.lastRenderDuration.toFixed(2)}ms`),o.memoryUsage>1024*1024&&this.addWarning(t,`High memory usage: ${(o.memoryUsage/(1024*1024)).toFixed(2)}MB`))}this.setTree(new Map(this.componentTree))}};i(h,"instance");let f=h;const l=f.getInstance();function b(){l.enable(),g.globalPerformanceMonitor.enable()}function C(){return l.getComponentTree()}function y(r){l.configure({autoEnable:!0,trackAllComponents:!0,trackMemoryUsage:!0,enableWarnings:!0,enableErrors:!0,...r}),console.log("🚀 TachUI Development Mode enabled")}function w(){return l}const E={logComponentTree(){const r=l.getRootComponents();function e(t,n=0){const o="  ".repeat(n),a=t.warnings.length>0?` ⚠️(${t.warnings.length})`:"",c=t.errors.length>0?` ❌(${t.errors.length})`:"",p=t.lastRenderTime>0?` ${t.lastRenderTime.toFixed(2)}ms`:"";console.log(`${o}${t.name}#${t.id}${p}${a}${c}`);for(const s of t.children)e(s,n+1)}console.group("🌳 Component Tree");for(const t of r)e(t);console.groupEnd()},logPerformanceSummary(){const r=l.getPerformanceSummary();if(console.group("📊 Performance Summary"),console.log(`Components: ${r.componentCount}`),console.log(`Average Render Time: ${r.averageRenderTime.toFixed(2)}ms`),console.log(`Memory Usage: ${(r.memoryUsage/(1024*1024)).toFixed(2)}MB`),console.log(`Warnings: ${r.warningCount}`),console.log(`Errors: ${r.errorCount}`),r.slowComponents.length>0){console.group("🐌 Slow Components");for(const e of r.slowComponents)console.log(`${e.name}: ${e.renderTime.toFixed(2)}ms`);console.groupEnd()}console.groupEnd()},findComponent(r){return l.findComponentsByName(r)},inspectComponent(r){const e=l.getComponent(r);return e&&(console.group(`🔍 Component: ${e.name}`),console.log("Props:",e.props),console.log("Metrics:",e.metrics),console.log("Children:",e.children.length),console.log("Warnings:",e.warnings),console.log("Errors:",e.errors),console.groupEnd()),e}};exports.DevTools=f;exports.devUtils=E;exports.enableDevelopmentMode=y;exports.enablePerformanceTracking=b;exports.getComponentTree=C;exports.getDevTools=w;exports.globalDevTools=l;
+//# sourceMappingURL=dev-tools.cjs.map

package/dist/runtime/dev-tools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tools.cjs","sources":["../../src/runtime/dev-tools.ts"],"sourcesContent":["/**\n * Development Tools System (Phase 3.2.2)\n *\n * Comprehensive debugging and development tools for TachUI.\n * Provides component tree inspection, performance analysis,\n * and runtime debugging capabilities.\n */\n\nimport { createSignal } from '../reactive'\nimport { type ComponentMetrics, globalPerformanceMonitor } from './performance'\nimport type { ComponentInstance } from './types'\n\n/**\n * Component tree node for debugging\n */\nexport interface ComponentTreeNode {\n  id: string\n  name: string\n  type: 'component' | 'element' | 'text' | 'fragment'\n  props: Record<string, any>\n  children: ComponentTreeNode[]\n  parent: ComponentTreeNode | null\n  depth: number\n  metrics?: ComponentMetrics\n  reactiveSubscriptions?: string[]\n  contextProviders?: string[]\n  contextConsumers?: string[]\n  renderCount: number\n  lastRenderTime: number\n  memoryUsage: number\n  warnings: string[]\n  errors: string[]\n}\n\n/**\n * Development environment state\n */\nexport interface DevState {\n  enabled: boolean\n  performanceTracking: boolean\n  componentInspection: boolean\n  reactiveDebugging: boolean\n  memoryTracking: boolean\n  warningsEnabled: boolean\n  logLevel: 'error' | 'warn' | 'info' | 'debug'\n}\n\n/**\n * Development tools configuration\n */\nexport interface DevToolsConfig {\n  autoEnable: boolean\n  trackAllComponents: boolean\n  trackMemoryUsage: boolean\n  enableWarnings: boolean\n  enableErrors: boolean\n  maxTreeDepth: number\n  updateInterval: number\n}\n\n/**\n * Runtime debugging event\n */\nexport interface DebugEvent {\n  type:\n    | 'component_mount'\n    | 'component_unmount'\n    | 'component_update'\n    | 'reactive_create'\n    | 'reactive_update'\n    | 'context_change'\n    | 'performance_warning'\n    | 'error'\n  timestamp: number\n  componentId?: string\n  componentName?: string\n  data: any\n  stack?: string\n}\n\n/**\n * Development tools manager\n */\nexport class DevTools {\n  private static instance: DevTools\n\n  private config: DevToolsConfig = {\n    autoEnable: false,\n    trackAllComponents: true,\n    trackMemoryUsage: true,\n    enableWarnings: true,\n    enableErrors: true,\n    maxTreeDepth: 50,\n    updateInterval: 100,\n  }\n\n  private state: DevState = {\n    enabled: false,\n    performanceTracking: false,\n    componentInspection: false,\n    reactiveDebugging: false,\n    memoryTracking: false,\n    warningsEnabled: true,\n    logLevel: 'warn',\n  }\n\n  private componentTree = new Map<string, ComponentTreeNode>()\n  private componentRegistry = new Map<string, ComponentInstance>()\n  private debugEvents: DebugEvent[] = []\n  private activeComponents = new Set<string>()\n\n  // Reactive signals for real-time updates\n  private treeSignal: () => Map<string, ComponentTreeNode>\n  private setTree: (value: Map<string, ComponentTreeNode>) => void\n  private eventsSignal: () => DebugEvent[]\n  private setEvents: (value: DebugEvent[]) => void\n  private stateSignal: () => DevState\n  private setState: (value: DevState) => void\n\n  // Update timer\n  private updateTimer: number | null = null\n\n  constructor() {\n    // Initialize reactive signals\n    const [treeSignal, setTree] = createSignal<Map<string, ComponentTreeNode>>(new Map())\n    const [eventsSignal, setEvents] = createSignal<DebugEvent[]>([])\n    const [stateSignal, setState] = createSignal<DevState>({ ...this.state })\n\n    this.treeSignal = treeSignal\n    this.setTree = setTree\n    this.eventsSignal = eventsSignal\n    this.setEvents = setEvents\n    this.stateSignal = stateSignal\n    this.setState = setState\n  }\n\n  static getInstance(): DevTools {\n    if (!DevTools.instance) {\n      DevTools.instance = new DevTools()\n    }\n    return DevTools.instance\n  }\n\n  /**\n   * Configure development tools\n   */\n  configure(config: Partial<DevToolsConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    if (config.autoEnable) {\n      this.enable()\n    }\n  }\n\n  /**\n   * Enable development tools\n   */\n  enable(): void {\n    this.state.enabled = true\n    this.state.performanceTracking = true\n    this.state.componentInspection = true\n    this.state.reactiveDebugging = true\n    this.state.memoryTracking = this.config.trackMemoryUsage\n    this.setState({ ...this.state })\n\n    // Enable performance monitoring\n    globalPerformanceMonitor.enable()\n    globalPerformanceMonitor.configure({\n      trackComponents: true,\n      trackReactive: true,\n      trackMemory: this.config.trackMemoryUsage,\n      trackRender: true,\n    })\n\n    // Start update timer\n    this.startUpdateTimer()\n\n    this.addDebugEvent({\n      type: 'component_mount',\n      timestamp: performance.now(),\n      data: { message: 'DevTools enabled' },\n    })\n\n    console.log('🛠️ TachUI DevTools enabled')\n  }\n\n  /**\n   * Disable development tools\n   */\n  disable(): void {\n    this.state.enabled = false\n    this.setState({ ...this.state })\n\n    globalPerformanceMonitor.disable()\n    this.stopUpdateTimer()\n\n    console.log('🛠️ TachUI DevTools disabled')\n  }\n\n  /**\n   * Check if dev tools are enabled\n   */\n  isEnabled(): boolean {\n    return this.state.enabled\n  }\n\n  /**\n   * Register a component instance\n   */\n  registerComponent(componentId: string, instance: ComponentInstance, parentId?: string): void {\n    if (!this.state.enabled || !this.state.componentInspection) return\n\n    this.componentRegistry.set(componentId, instance)\n    this.activeComponents.add(componentId)\n\n    // Get metrics from performance monitor\n    const metrics = globalPerformanceMonitor.getComponentMetrics().get(componentId)\n\n    // Find parent node\n    const parent = parentId ? this.componentTree.get(parentId) || null : null\n    const depth = parent ? parent.depth + 1 : 0\n\n    // Create tree node\n    const treeNode: ComponentTreeNode = {\n      id: componentId,\n      name: this.getComponentName(instance),\n      type: instance.type || 'component',\n      props: instance.props || {},\n      children: [],\n      parent,\n      depth,\n      metrics,\n      reactiveSubscriptions: this.getReactiveSubscriptions(componentId),\n      contextProviders: this.getContextProviders(componentId),\n      contextConsumers: this.getContextConsumers(componentId),\n      renderCount: metrics?.updateCount || 0,\n      lastRenderTime: metrics?.lastRenderDuration || 0,\n      memoryUsage: metrics?.memoryUsage || 0,\n      warnings: [],\n      errors: [],\n    }\n\n    // Add to parent's children\n    if (parent) {\n      parent.children.push(treeNode)\n    }\n\n    this.componentTree.set(componentId, treeNode)\n    this.setTree(new Map(this.componentTree))\n\n    this.addDebugEvent({\n      type: 'component_mount',\n      timestamp: performance.now(),\n      componentId,\n      componentName: treeNode.name,\n      data: { props: instance.props, parentId, depth },\n    })\n  }\n\n  /**\n   * Unregister a component instance\n   */\n  unregisterComponent(componentId: string): void {\n    if (!this.state.enabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      // Remove from parent's children\n      if (treeNode.parent) {\n        const childIndex = treeNode.parent.children.indexOf(treeNode)\n        if (childIndex !== -1) {\n          treeNode.parent.children.splice(childIndex, 1)\n        }\n      }\n\n      // Remove all descendants\n      this.removeNodeAndDescendants(treeNode)\n\n      this.addDebugEvent({\n        type: 'component_unmount',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { lifetime: performance.now() - (treeNode.metrics?.mountTime || 0) },\n      })\n    }\n\n    this.componentRegistry.delete(componentId)\n    this.componentTree.delete(componentId)\n    this.activeComponents.delete(componentId)\n    this.setTree(new Map(this.componentTree))\n  }\n\n  /**\n   * Update component data\n   */\n  updateComponent(componentId: string, updates: Partial<ComponentTreeNode>): void {\n    if (!this.state.enabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      Object.assign(treeNode, updates)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'component_update',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: updates,\n      })\n    }\n  }\n\n  /**\n   * Track reactive operation\n   */\n  trackReactiveOperation(type: string, operation: string, componentId?: string): void {\n    if (!this.state.enabled || !this.state.reactiveDebugging) return\n\n    this.addDebugEvent({\n      type: 'reactive_update',\n      timestamp: performance.now(),\n      componentId,\n      data: { type, operation },\n    })\n  }\n\n  /**\n   * Track context changes\n   */\n  trackContextChange(contextName: string, newValue: any, componentId?: string): void {\n    if (!this.state.enabled) return\n\n    this.addDebugEvent({\n      type: 'context_change',\n      timestamp: performance.now(),\n      componentId,\n      data: { contextName, newValue },\n    })\n  }\n\n  /**\n   * Add warning to component\n   */\n  addWarning(componentId: string, message: string): void {\n    if (!this.state.enabled || !this.state.warningsEnabled) return\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      treeNode.warnings.push(message)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'performance_warning',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { message },\n      })\n\n      if (this.state.logLevel === 'warn' || this.state.logLevel === 'debug') {\n        console.warn(`⚠️ [${treeNode.name}] ${message}`)\n      }\n    }\n  }\n\n  /**\n   * Add error to component\n   */\n  addError(componentId: string, error: Error | string): void {\n    if (!this.state.enabled) return\n\n    const message = error instanceof Error ? error.message : error\n    const stack = error instanceof Error ? error.stack : undefined\n\n    const treeNode = this.componentTree.get(componentId)\n    if (treeNode) {\n      treeNode.errors.push(message)\n      this.setTree(new Map(this.componentTree))\n\n      this.addDebugEvent({\n        type: 'error',\n        timestamp: performance.now(),\n        componentId,\n        componentName: treeNode.name,\n        data: { message, error: error instanceof Error ? error : undefined },\n        stack,\n      })\n\n      console.error(`❌ [${treeNode.name}] ${message}`, error)\n    }\n  }\n\n  /**\n   * Get component tree\n   */\n  getComponentTree(): Map<string, ComponentTreeNode> {\n    return new Map(this.componentTree)\n  }\n\n  /**\n   * Get component tree signal\n   */\n  getComponentTreeSignal(): () => Map<string, ComponentTreeNode> {\n    return this.treeSignal\n  }\n\n  /**\n   * Get root components\n   */\n  getRootComponents(): ComponentTreeNode[] {\n    return Array.from(this.componentTree.values()).filter((node) => node.parent === null)\n  }\n\n  /**\n   * Get component by ID\n   */\n  getComponent(componentId: string): ComponentTreeNode | undefined {\n    return this.componentTree.get(componentId)\n  }\n\n  /**\n   * Find components by name\n   */\n  findComponentsByName(name: string): ComponentTreeNode[] {\n    return Array.from(this.componentTree.values()).filter((node) =>\n      node.name.toLowerCase().includes(name.toLowerCase())\n    )\n  }\n\n  /**\n   * Get debug events\n   */\n  getDebugEvents(): DebugEvent[] {\n    return [...this.debugEvents]\n  }\n\n  /**\n   * Get debug events signal\n   */\n  getDebugEventsSignal(): () => DebugEvent[] {\n    return this.eventsSignal\n  }\n\n  /**\n   * Get development state\n   */\n  getDevState(): DevState {\n    return { ...this.state }\n  }\n\n  /**\n   * Get development state signal\n   */\n  getDevStateSignal(): () => DevState {\n    return this.stateSignal\n  }\n\n  /**\n   * Get performance summary\n   */\n  getPerformanceSummary(): {\n    componentCount: number\n    averageRenderTime: number\n    memoryUsage: number\n    warningCount: number\n    errorCount: number\n    slowComponents: { id: string; name: string; renderTime: number }[]\n  } {\n    const components = Array.from(this.componentTree.values())\n    const totalRenderTime = components.reduce((sum, c) => sum + c.lastRenderTime, 0)\n    const averageRenderTime = components.length > 0 ? totalRenderTime / components.length : 0\n    const totalMemory = components.reduce((sum, c) => sum + c.memoryUsage, 0)\n    const warningCount = components.reduce((sum, c) => sum + c.warnings.length, 0)\n    const errorCount = components.reduce((sum, c) => sum + c.errors.length, 0)\n\n    // Find slow components (>5ms render time)\n    const slowComponents = components\n      .filter((c) => c.lastRenderTime > 5)\n      .map((c) => ({ id: c.id, name: c.name, renderTime: c.lastRenderTime }))\n      .sort((a, b) => b.renderTime - a.renderTime)\n      .slice(0, 10)\n\n    return {\n      componentCount: components.length,\n      averageRenderTime,\n      memoryUsage: totalMemory,\n      warningCount,\n      errorCount,\n      slowComponents,\n    }\n  }\n\n  /**\n   * Export debug data\n   */\n  exportDebugData(): string {\n    return JSON.stringify(\n      {\n        componentTree: Array.from(this.componentTree.entries()),\n        debugEvents: this.debugEvents,\n        performanceMetrics: globalPerformanceMonitor.exportMetrics(),\n        timestamp: Date.now(),\n      },\n      null,\n      2\n    )\n  }\n\n  /**\n   * Clear debug data\n   */\n  clear(): void {\n    this.componentTree.clear()\n    this.componentRegistry.clear()\n    this.debugEvents.length = 0\n    this.activeComponents.clear()\n\n    this.setTree(new Map())\n    this.setEvents([])\n\n    globalPerformanceMonitor.clear()\n  }\n\n  // Private helper methods\n\n  private getComponentName(instance: ComponentInstance): string {\n    // Check for displayName first\n    if ('displayName' in instance && typeof instance.displayName === 'string') {\n      return instance.displayName\n    }\n\n    // Check component type\n    if ((instance as any).tag) {\n      return (instance as any).tag || 'Element'\n    }\n    if ((instance as any).text) {\n      return 'Text'\n    }\n    if ((instance as any).fragment) {\n      return 'Fragment'\n    }\n\n    // Fallback to id or generic name\n    return instance.id || 'Component'\n  }\n\n  private getReactiveSubscriptions(_componentId: string): string[] {\n    // This would need to be implemented with reactive system integration\n    return []\n  }\n\n  private getContextProviders(_componentId: string): string[] {\n    // This would need to be implemented with context system integration\n    return []\n  }\n\n  private getContextConsumers(_componentId: string): string[] {\n    // This would need to be implemented with context system integration\n    return []\n  }\n\n  private removeNodeAndDescendants(node: ComponentTreeNode): void {\n    // Remove all children recursively\n    for (const child of node.children) {\n      this.removeNodeAndDescendants(child)\n      this.componentTree.delete(child.id)\n      this.componentRegistry.delete(child.id)\n      this.activeComponents.delete(child.id)\n    }\n  }\n\n  private addDebugEvent(event: DebugEvent): void {\n    this.debugEvents.push(event)\n\n    // Limit events array size\n    if (this.debugEvents.length > 1000) {\n      this.debugEvents.shift()\n    }\n\n    this.setEvents([...this.debugEvents])\n  }\n\n  private startUpdateTimer(): void {\n    if (this.updateTimer) return\n\n    this.updateTimer = window.setInterval(() => {\n      this.updateComponentMetrics()\n    }, this.config.updateInterval)\n  }\n\n  private stopUpdateTimer(): void {\n    if (this.updateTimer) {\n      clearInterval(this.updateTimer)\n      this.updateTimer = null\n    }\n  }\n\n  private updateComponentMetrics(): void {\n    if (!this.state.enabled) return\n\n    const performanceMetrics = globalPerformanceMonitor.getComponentMetrics()\n\n    for (const [componentId, treeNode] of this.componentTree) {\n      const metrics = performanceMetrics.get(componentId)\n      if (metrics) {\n        treeNode.metrics = metrics\n        treeNode.renderCount = metrics.updateCount\n        treeNode.lastRenderTime = metrics.lastRenderDuration\n        treeNode.memoryUsage = metrics.memoryUsage\n\n        // Check for performance warnings\n        if (metrics.lastRenderDuration > 16) {\n          this.addWarning(componentId, `Slow render: ${metrics.lastRenderDuration.toFixed(2)}ms`)\n        }\n\n        if (metrics.memoryUsage > 1024 * 1024) {\n          // 1MB\n          this.addWarning(\n            componentId,\n            `High memory usage: ${(metrics.memoryUsage / (1024 * 1024)).toFixed(2)}MB`\n          )\n        }\n      }\n    }\n\n    this.setTree(new Map(this.componentTree))\n  }\n}\n\n/**\n * Global dev tools instance\n */\nexport const globalDevTools = DevTools.getInstance()\n\n/**\n * Enable performance tracking\n */\nexport function enablePerformanceTracking(): void {\n  globalDevTools.enable()\n  globalPerformanceMonitor.enable()\n}\n\n/**\n * Get component tree\n */\nexport function getComponentTree(): Map<string, ComponentTreeNode> {\n  return globalDevTools.getComponentTree()\n}\n\n/**\n * Enable development mode with full debugging\n */\nexport function enableDevelopmentMode(config?: Partial<DevToolsConfig>): void {\n  globalDevTools.configure({\n    autoEnable: true,\n    trackAllComponents: true,\n    trackMemoryUsage: true,\n    enableWarnings: true,\n    enableErrors: true,\n    ...config,\n  })\n\n  console.log('🚀 TachUI Development Mode enabled')\n}\n\n/**\n * Get development tools instance\n */\nexport function getDevTools(): DevTools {\n  return globalDevTools\n}\n\n/**\n * Development utilities\n */\nexport const devUtils = {\n  /**\n   * Log component tree to console\n   */\n  logComponentTree(): void {\n    const roots = globalDevTools.getRootComponents()\n\n    function logNode(node: ComponentTreeNode, indent = 0): void {\n      const prefix = '  '.repeat(indent)\n      const warnings = node.warnings.length > 0 ? ` ⚠️(${node.warnings.length})` : ''\n      const errors = node.errors.length > 0 ? ` ❌(${node.errors.length})` : ''\n      const renderTime = node.lastRenderTime > 0 ? ` ${node.lastRenderTime.toFixed(2)}ms` : ''\n\n      console.log(`${prefix}${node.name}#${node.id}${renderTime}${warnings}${errors}`)\n\n      for (const child of node.children) {\n        logNode(child, indent + 1)\n      }\n    }\n\n    console.group('🌳 Component Tree')\n    for (const root of roots) {\n      logNode(root)\n    }\n    console.groupEnd()\n  },\n\n  /**\n   * Log performance summary\n   */\n  logPerformanceSummary(): void {\n    const summary = globalDevTools.getPerformanceSummary()\n\n    console.group('📊 Performance Summary')\n    console.log(`Components: ${summary.componentCount}`)\n    console.log(`Average Render Time: ${summary.averageRenderTime.toFixed(2)}ms`)\n    console.log(`Memory Usage: ${(summary.memoryUsage / (1024 * 1024)).toFixed(2)}MB`)\n    console.log(`Warnings: ${summary.warningCount}`)\n    console.log(`Errors: ${summary.errorCount}`)\n\n    if (summary.slowComponents.length > 0) {\n      console.group('🐌 Slow Components')\n      for (const comp of summary.slowComponents) {\n        console.log(`${comp.name}: ${comp.renderTime.toFixed(2)}ms`)\n      }\n      console.groupEnd()\n    }\n\n    console.groupEnd()\n  },\n\n  /**\n   * Find component by name\n   */\n  findComponent(name: string): ComponentTreeNode[] {\n    return globalDevTools.findComponentsByName(name)\n  },\n\n  /**\n   * Inspect component\n   */\n  inspectComponent(componentId: string): ComponentTreeNode | undefined {\n    const component = globalDevTools.getComponent(componentId)\n    if (component) {\n      console.group(`🔍 Component: ${component.name}`)\n      console.log('Props:', component.props)\n      console.log('Metrics:', component.metrics)\n      console.log('Children:', component.children.length)\n      console.log('Warnings:', component.warnings)\n      console.log('Errors:', component.errors)\n      console.groupEnd()\n    }\n    return component\n  },\n}\n"],"names":["_DevTools","__publicField","treeSignal","setTree","createSignal","eventsSignal","setEvents","stateSignal","setState","config","globalPerformanceMonitor","componentId","instance","parentId","metrics","parent","depth","treeNode","childIndex","updates","type","operation","contextName","newValue","message","error","stack","node","name","components","totalRenderTime","sum","c","averageRenderTime","totalMemory","warningCount","errorCount","slowComponents","a","b","_componentId","child","event","performanceMetrics","DevTools","globalDevTools","enablePerformanceTracking","getComponentTree","enableDevelopmentMode","getDevTools","devUtils","roots","logNode","indent","prefix","warnings","errors","renderTime","root","summary","comp","component"],"mappings":"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"}

package/dist/runtime/dev-tools.d.ts

@@ -0,0 +1,240 @@
+/**
+ * Development Tools System (Phase 3.2.2)
+ *
+ * Comprehensive debugging and development tools for TachUI.
+ * Provides component tree inspection, performance analysis,
+ * and runtime debugging capabilities.
+ */
+import { type ComponentMetrics } from './performance';
+import type { ComponentInstance } from './types';
+/**
+ * Component tree node for debugging
+ */
+export interface ComponentTreeNode {
+    id: string;
+    name: string;
+    type: 'component' | 'element' | 'text' | 'fragment';
+    props: Record<string, any>;
+    children: ComponentTreeNode[];
+    parent: ComponentTreeNode | null;
+    depth: number;
+    metrics?: ComponentMetrics;
+    reactiveSubscriptions?: string[];
+    contextProviders?: string[];
+    contextConsumers?: string[];
+    renderCount: number;
+    lastRenderTime: number;
+    memoryUsage: number;
+    warnings: string[];
+    errors: string[];
+}
+/**
+ * Development environment state
+ */
+export interface DevState {
+    enabled: boolean;
+    performanceTracking: boolean;
+    componentInspection: boolean;
+    reactiveDebugging: boolean;
+    memoryTracking: boolean;
+    warningsEnabled: boolean;
+    logLevel: 'error' | 'warn' | 'info' | 'debug';
+}
+/**
+ * Development tools configuration
+ */
+export interface DevToolsConfig {
+    autoEnable: boolean;
+    trackAllComponents: boolean;
+    trackMemoryUsage: boolean;
+    enableWarnings: boolean;
+    enableErrors: boolean;
+    maxTreeDepth: number;
+    updateInterval: number;
+}
+/**
+ * Runtime debugging event
+ */
+export interface DebugEvent {
+    type: 'component_mount' | 'component_unmount' | 'component_update' | 'reactive_create' | 'reactive_update' | 'context_change' | 'performance_warning' | 'error';
+    timestamp: number;
+    componentId?: string;
+    componentName?: string;
+    data: any;
+    stack?: string;
+}
+/**
+ * Development tools manager
+ */
+export declare class DevTools {
+    private static instance;
+    private config;
+    private state;
+    private componentTree;
+    private componentRegistry;
+    private debugEvents;
+    private activeComponents;
+    private treeSignal;
+    private setTree;
+    private eventsSignal;
+    private setEvents;
+    private stateSignal;
+    private setState;
+    private updateTimer;
+    constructor();
+    static getInstance(): DevTools;
+    /**
+     * Configure development tools
+     */
+    configure(config: Partial<DevToolsConfig>): void;
+    /**
+     * Enable development tools
+     */
+    enable(): void;
+    /**
+     * Disable development tools
+     */
+    disable(): void;
+    /**
+     * Check if dev tools are enabled
+     */
+    isEnabled(): boolean;
+    /**
+     * Register a component instance
+     */
+    registerComponent(componentId: string, instance: ComponentInstance, parentId?: string): void;
+    /**
+     * Unregister a component instance
+     */
+    unregisterComponent(componentId: string): void;
+    /**
+     * Update component data
+     */
+    updateComponent(componentId: string, updates: Partial<ComponentTreeNode>): void;
+    /**
+     * Track reactive operation
+     */
+    trackReactiveOperation(type: string, operation: string, componentId?: string): void;
+    /**
+     * Track context changes
+     */
+    trackContextChange(contextName: string, newValue: any, componentId?: string): void;
+    /**
+     * Add warning to component
+     */
+    addWarning(componentId: string, message: string): void;
+    /**
+     * Add error to component
+     */
+    addError(componentId: string, error: Error | string): void;
+    /**
+     * Get component tree
+     */
+    getComponentTree(): Map<string, ComponentTreeNode>;
+    /**
+     * Get component tree signal
+     */
+    getComponentTreeSignal(): () => Map<string, ComponentTreeNode>;
+    /**
+     * Get root components
+     */
+    getRootComponents(): ComponentTreeNode[];
+    /**
+     * Get component by ID
+     */
+    getComponent(componentId: string): ComponentTreeNode | undefined;
+    /**
+     * Find components by name
+     */
+    findComponentsByName(name: string): ComponentTreeNode[];
+    /**
+     * Get debug events
+     */
+    getDebugEvents(): DebugEvent[];
+    /**
+     * Get debug events signal
+     */
+    getDebugEventsSignal(): () => DebugEvent[];
+    /**
+     * Get development state
+     */
+    getDevState(): DevState;
+    /**
+     * Get development state signal
+     */
+    getDevStateSignal(): () => DevState;
+    /**
+     * Get performance summary
+     */
+    getPerformanceSummary(): {
+        componentCount: number;
+        averageRenderTime: number;
+        memoryUsage: number;
+        warningCount: number;
+        errorCount: number;
+        slowComponents: {
+            id: string;
+            name: string;
+            renderTime: number;
+        }[];
+    };
+    /**
+     * Export debug data
+     */
+    exportDebugData(): string;
+    /**
+     * Clear debug data
+     */
+    clear(): void;
+    private getComponentName;
+    private getReactiveSubscriptions;
+    private getContextProviders;
+    private getContextConsumers;
+    private removeNodeAndDescendants;
+    private addDebugEvent;
+    private startUpdateTimer;
+    private stopUpdateTimer;
+    private updateComponentMetrics;
+}
+/**
+ * Global dev tools instance
+ */
+export declare const globalDevTools: DevTools;
+/**
+ * Enable performance tracking
+ */
+export declare function enablePerformanceTracking(): void;
+/**
+ * Get component tree
+ */
+export declare function getComponentTree(): Map<string, ComponentTreeNode>;
+/**
+ * Enable development mode with full debugging
+ */
+export declare function enableDevelopmentMode(config?: Partial<DevToolsConfig>): void;
+/**
+ * Get development tools instance
+ */
+export declare function getDevTools(): DevTools;
+/**
+ * Development utilities
+ */
+export declare const devUtils: {
+    /**
+     * Log component tree to console
+     */
+    logComponentTree(): void;
+    /**
+     * Log performance summary
+     */
+    logPerformanceSummary(): void;
+    /**
+     * Find component by name
+     */
+    findComponent(name: string): ComponentTreeNode[];
+    /**
+     * Inspect component
+     */
+    inspectComponent(componentId: string): ComponentTreeNode | undefined;
+};
+//# sourceMappingURL=dev-tools.d.ts.map