@tachui/devtools 0.8.0-alpha

package/dist/inspector/index.js

@@ -0,0 +1,525 @@
+import { createSignal } from "@tachui/core";
+class DevTools {
+  static instance;
+  config = {
+    autoEnable: false,
+    trackAllComponents: true,
+    trackMemoryUsage: true,
+    enableWarnings: true,
+    enableErrors: true,
+    maxTreeDepth: 50,
+    updateInterval: 100
+  };
+  state = {
+    enabled: false,
+    performanceTracking: false,
+    componentInspection: false,
+    reactiveDebugging: false,
+    memoryTracking: false,
+    warningsEnabled: true,
+    logLevel: "warn"
+  };
+  componentTree = /* @__PURE__ */ new Map();
+  componentRegistry = /* @__PURE__ */ new Map();
+  debugEvents = [];
+  activeComponents = /* @__PURE__ */ new Set();
+  // Reactive signals for real-time updates
+  treeSignal;
+  setTree;
+  eventsSignal;
+  setEvents;
+  stateSignal;
+  setState;
+  // Update timer
+  updateTimer = null;
+  constructor() {
+    const [treeSignal, setTree] = createSignal(
+      /* @__PURE__ */ new Map()
+    );
+    const [eventsSignal, setEvents] = createSignal([]);
+    const [stateSignal, setState] = createSignal({ ...this.state });
+    this.treeSignal = treeSignal;
+    this.setTree = setTree;
+    this.eventsSignal = eventsSignal;
+    this.setEvents = setEvents;
+    this.stateSignal = stateSignal;
+    this.setState = setState;
+  }
+  static getInstance() {
+    if (!DevTools.instance) {
+      DevTools.instance = new DevTools();
+    }
+    return DevTools.instance;
+  }
+  /**
+   * Configure development tools
+   */
+  configure(config) {
+    this.config = { ...this.config, ...config };
+    if (config.autoEnable) {
+      this.enable();
+    }
+  }
+  /**
+   * Enable development tools
+   */
+  enable() {
+    this.state.enabled = true;
+    this.state.performanceTracking = true;
+    this.state.componentInspection = true;
+    this.state.reactiveDebugging = true;
+    this.state.memoryTracking = this.config.trackMemoryUsage;
+    this.setState({ ...this.state });
+    this.startUpdateTimer();
+    this.addDebugEvent({
+      type: "component_mount",
+      timestamp: performance.now(),
+      data: { message: "DevTools enabled" }
+    });
+    console.log("🛠️ TachUI DevTools enabled");
+  }
+  /**
+   * Disable development tools
+   */
+  disable() {
+    this.state.enabled = false;
+    this.setState({ ...this.state });
+    this.stopUpdateTimer();
+    console.log("🛠️ TachUI DevTools disabled");
+  }
+  /**
+   * Check if dev tools are enabled
+   */
+  isEnabled() {
+    return this.state.enabled;
+  }
+  /**
+   * Register a component instance
+   */
+  registerComponent(componentId, instance, parentId) {
+    if (!this.state.enabled || !this.state.componentInspection) return;
+    this.componentRegistry.set(componentId, instance);
+    this.activeComponents.add(componentId);
+    const parent = parentId ? this.componentTree.get(parentId) || null : null;
+    const depth = parent ? parent.depth + 1 : 0;
+    const treeNode = {
+      id: componentId,
+      name: this.getComponentName(instance),
+      type: instance.type || "component",
+      props: instance.props || {},
+      children: [],
+      parent,
+      depth,
+      renderCount: 0,
+      lastRenderTime: 0,
+      memoryUsage: 0,
+      warnings: [],
+      errors: []
+    };
+    if (parent) {
+      parent.children.push(treeNode);
+    }
+    this.componentTree.set(componentId, treeNode);
+    this.setTree(new Map(this.componentTree));
+    this.addDebugEvent({
+      type: "component_mount",
+      timestamp: performance.now(),
+      componentId,
+      componentName: treeNode.name,
+      data: { props: instance.props, parentId, depth }
+    });
+  }
+  /**
+   * Unregister a component instance
+   */
+  unregisterComponent(componentId) {
+    if (!this.state.enabled) return;
+    const treeNode = this.componentTree.get(componentId);
+    if (treeNode) {
+      if (treeNode.parent) {
+        const childIndex = treeNode.parent.children.indexOf(treeNode);
+        if (childIndex !== -1) {
+          treeNode.parent.children.splice(childIndex, 1);
+        }
+      }
+      this.removeNodeAndDescendants(treeNode);
+      this.addDebugEvent({
+        type: "component_unmount",
+        timestamp: performance.now(),
+        componentId,
+        componentName: treeNode.name,
+        data: {
+          lifetime: performance.now() - treeNode.renderCount * treeNode.lastRenderTime
+        }
+      });
+    }
+    this.componentRegistry.delete(componentId);
+    this.componentTree.delete(componentId);
+    this.activeComponents.delete(componentId);
+    this.setTree(new Map(this.componentTree));
+  }
+  /**
+   * Update component data
+   */
+  updateComponent(componentId, updates) {
+    if (!this.state.enabled) return;
+    const treeNode = this.componentTree.get(componentId);
+    if (treeNode) {
+      Object.assign(treeNode, updates);
+      this.setTree(new Map(this.componentTree));
+      this.addDebugEvent({
+        type: "component_update",
+        timestamp: performance.now(),
+        componentId,
+        componentName: treeNode.name,
+        data: updates
+      });
+    }
+  }
+  /**
+   * Track reactive operation
+   */
+  trackReactiveOperation(type, operation, componentId) {
+    if (!this.state.enabled || !this.state.reactiveDebugging) return;
+    this.addDebugEvent({
+      type: "reactive_update",
+      timestamp: performance.now(),
+      componentId,
+      data: { type, operation }
+    });
+  }
+  /**
+   * Track context changes
+   */
+  trackContextChange(contextName, newValue, componentId) {
+    if (!this.state.enabled) return;
+    this.addDebugEvent({
+      type: "context_change",
+      timestamp: performance.now(),
+      componentId,
+      data: { contextName, newValue }
+    });
+  }
+  /**
+   * Add warning to component
+   */
+  addWarning(componentId, message) {
+    if (!this.state.enabled || !this.state.warningsEnabled) return;
+    const treeNode = this.componentTree.get(componentId);
+    if (treeNode) {
+      treeNode.warnings.push(message);
+      this.setTree(new Map(this.componentTree));
+      this.addDebugEvent({
+        type: "performance_warning",
+        timestamp: performance.now(),
+        componentId,
+        componentName: treeNode.name,
+        data: { message }
+      });
+      if (this.state.logLevel === "warn" || this.state.logLevel === "debug") {
+        console.warn(`⚠️ [${treeNode.name}] ${message}`);
+      }
+    }
+  }
+  /**
+   * Add error to component
+   */
+  addError(componentId, error) {
+    if (!this.state.enabled) return;
+    const message = error instanceof Error ? error.message : error;
+    const stack = error instanceof Error ? error.stack : void 0;
+    const treeNode = this.componentTree.get(componentId);
+    if (treeNode) {
+      treeNode.errors.push(message);
+      this.setTree(new Map(this.componentTree));
+      this.addDebugEvent({
+        type: "error",
+        timestamp: performance.now(),
+        componentId,
+        componentName: treeNode.name,
+        data: { message, error: error instanceof Error ? error : void 0 },
+        stack
+      });
+      console.error(`❌ [${treeNode.name}] ${message}`, error);
+    }
+  }
+  /**
+   * Get component tree
+   */
+  getComponentTree() {
+    return new Map(this.componentTree);
+  }
+  /**
+   * Get component tree signal
+   */
+  getComponentTreeSignal() {
+    return this.treeSignal;
+  }
+  /**
+   * Get root components
+   */
+  getRootComponents() {
+    return Array.from(this.componentTree.values()).filter(
+      (node) => node.parent === null
+    );
+  }
+  /**
+   * Get component by ID
+   */
+  getComponent(componentId) {
+    return this.componentTree.get(componentId);
+  }
+  /**
+   * Find components by name
+   */
+  findComponentsByName(name) {
+    return Array.from(this.componentTree.values()).filter(
+      (node) => node.name.toLowerCase().includes(name.toLowerCase())
+    );
+  }
+  /**
+   * Get debug events
+   */
+  getDebugEvents() {
+    return [...this.debugEvents];
+  }
+  /**
+   * Get debug events signal
+   */
+  getDebugEventsSignal() {
+    return this.eventsSignal;
+  }
+  /**
+   * Get development state
+   */
+  getDevState() {
+    return { ...this.state };
+  }
+  /**
+   * Get development state signal
+   */
+  getDevStateSignal() {
+    return this.stateSignal;
+  }
+  /**
+   * Get performance summary
+   */
+  getPerformanceSummary() {
+    const components = Array.from(this.componentTree.values());
+    const totalRenderTime = components.reduce(
+      (sum, c) => sum + c.lastRenderTime,
+      0
+    );
+    const averageRenderTime = components.length > 0 ? totalRenderTime / components.length : 0;
+    const totalMemory = components.reduce((sum, c) => sum + c.memoryUsage, 0);
+    const warningCount = components.reduce(
+      (sum, c) => sum + c.warnings.length,
+      0
+    );
+    const errorCount = components.reduce((sum, c) => sum + c.errors.length, 0);
+    const slowComponents = components.filter((c) => c.lastRenderTime > 5).map((c) => ({ id: c.id, name: c.name, renderTime: c.lastRenderTime })).sort((a, b) => b.renderTime - a.renderTime).slice(0, 10);
+    return {
+      componentCount: components.length,
+      averageRenderTime,
+      memoryUsage: totalMemory,
+      warningCount,
+      errorCount,
+      slowComponents
+    };
+  }
+  /**
+   * Export debug data
+   */
+  exportDebugData() {
+    return JSON.stringify(
+      {
+        componentTree: Array.from(this.componentTree.entries()),
+        debugEvents: [...this.debugEvents],
+        timestamp: Date.now()
+      },
+      null,
+      2
+    );
+  }
+  /**
+   * Clear debug data
+   */
+  clear() {
+    this.componentTree.clear();
+    this.componentRegistry.clear();
+    this.debugEvents.length = 0;
+    this.activeComponents.clear();
+    this.setTree(/* @__PURE__ */ new Map());
+    this.setEvents([]);
+  }
+  // Private helper methods
+  getComponentName(instance) {
+    if ("displayName" in instance && typeof instance.displayName === "string") {
+      return instance.displayName;
+    }
+    if (instance.type && typeof instance.type === "string") {
+      return instance.type;
+    }
+    if (instance.tag) {
+      return instance.tag || "Element";
+    }
+    if (instance.text) {
+      return "Text";
+    }
+    if (instance.fragment) {
+      return "Fragment";
+    }
+    return instance.id || "Component";
+  }
+  removeNodeAndDescendants(node) {
+    for (const child of node.children) {
+      this.removeNodeAndDescendants(child);
+      this.componentTree.delete(child.id);
+      this.componentRegistry.delete(child.id);
+      this.activeComponents.delete(child.id);
+    }
+  }
+  addDebugEvent(event) {
+    this.debugEvents.push(event);
+    if (this.debugEvents.length > 1e3) {
+      this.debugEvents.shift();
+    }
+    try {
+      this.setEvents([...this.debugEvents]);
+    } catch (_error) {
+    }
+  }
+  startUpdateTimer() {
+    if (this.updateTimer) return;
+    this.updateTimer = window.setInterval(() => {
+      this.updateComponentMetrics();
+    }, this.config.updateInterval);
+  }
+  stopUpdateTimer() {
+    if (this.updateTimer) {
+      clearInterval(this.updateTimer);
+      this.updateTimer = null;
+    }
+  }
+  updateComponentMetrics() {
+    if (!this.state.enabled) return;
+    for (const [componentId, treeNode] of this.componentTree) {
+      treeNode.renderCount += 1;
+      treeNode.lastRenderTime = Math.random() * 10;
+      if (treeNode.lastRenderTime > 16) {
+        this.addWarning(
+          componentId,
+          `Slow render: ${treeNode.lastRenderTime.toFixed(2)}ms`
+        );
+      }
+      if (treeNode.memoryUsage > 1024 * 1024) {
+        this.addWarning(
+          componentId,
+          `High memory usage: ${(treeNode.memoryUsage / (1024 * 1024)).toFixed(2)}MB`
+        );
+      }
+    }
+    this.setTree(new Map(this.componentTree));
+  }
+}
+const globalDevTools = DevTools.getInstance();
+function enablePerformanceTracking() {
+  globalDevTools.enable();
+}
+function getComponentTree() {
+  return globalDevTools.getComponentTree();
+}
+function enableDevelopmentMode(config) {
+  globalDevTools.configure({
+    autoEnable: true,
+    trackAllComponents: true,
+    trackMemoryUsage: true,
+    enableWarnings: true,
+    enableErrors: true,
+    ...config
+  });
+  console.log("🚀 TachUI Development Mode enabled");
+}
+function getDevTools() {
+  return globalDevTools;
+}
+const devUtils = {
+  /**
+   * Log component tree to console
+   */
+  logComponentTree() {
+    const roots = globalDevTools.getRootComponents();
+    function logNode(node, indent = 0) {
+      const prefix = "  ".repeat(indent);
+      const warnings = node.warnings.length > 0 ? ` ⚠️(${node.warnings.length})` : "";
+      const errors = node.errors.length > 0 ? ` ❌(${node.errors.length})` : "";
+      const renderTime = node.lastRenderTime > 0 ? ` ${node.lastRenderTime.toFixed(2)}ms` : "";
+      console.log(
+        `${prefix}${node.name}#${node.id}${renderTime}${warnings}${errors}`
+      );
+      for (const child of node.children) {
+        logNode(child, indent + 1);
+      }
+    }
+    console.group("🌳 Component Tree");
+    for (const root of roots) {
+      logNode(root);
+    }
+    console.groupEnd();
+  },
+  /**
+   * Log performance summary
+   */
+  logPerformanceSummary() {
+    const summary = globalDevTools.getPerformanceSummary();
+    console.group("📊 Performance Summary");
+    console.log(`Components: ${summary.componentCount}`);
+    console.log(
+      `Average Render Time: ${summary.averageRenderTime.toFixed(2)}ms`
+    );
+    console.log(
+      `Memory Usage: ${(summary.memoryUsage / (1024 * 1024)).toFixed(2)}MB`
+    );
+    console.log(`Warnings: ${summary.warningCount}`);
+    console.log(`Errors: ${summary.errorCount}`);
+    if (summary.slowComponents.length > 0) {
+      console.group("🐌 Slow Components");
+      for (const comp of summary.slowComponents) {
+        console.log(`${comp.name}: ${comp.renderTime.toFixed(2)}ms`);
+      }
+      console.groupEnd();
+    }
+    console.groupEnd();
+  },
+  /**
+   * Find component by name
+   */
+  findComponent(name) {
+    return globalDevTools.findComponentsByName(name);
+  },
+  /**
+   * Inspect component
+   */
+  inspectComponent(componentId) {
+    const component = globalDevTools.getComponent(componentId);
+    if (component) {
+      console.group(`🔍 Component: ${component.name}`);
+      console.log("Props:", component.props);
+      console.log("Children:", component.children.length);
+      console.log("Warnings:", component.warnings);
+      console.log("Errors:", component.errors);
+      console.groupEnd();
+    }
+    return component;
+  }
+};
+export {
+  DevTools,
+  devUtils,
+  enableDevelopmentMode,
+  enablePerformanceTracking,
+  getComponentTree,
+  getDevTools,
+  globalDevTools
+};
+//# sourceMappingURL=index.js.map

package/dist/inspector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/inspector/index.ts"],"sourcesContent":["/**\n * Development Tools System\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 '@tachui/core'\nimport type { ComponentInstance } from '@tachui/core'\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  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>>(\n      new Map()\n    )\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    // 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    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(\n    componentId: string,\n    instance: ComponentInstance,\n    parentId?: string\n  ): void {\n    if (!this.state.enabled || !this.state.componentInspection) return\n\n    this.componentRegistry.set(componentId, instance)\n    this.activeComponents.add(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      renderCount: 0,\n      lastRenderTime: 0,\n      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: {\n          lifetime:\n            performance.now() - treeNode.renderCount * treeNode.lastRenderTime,\n        },\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(\n    componentId: string,\n    updates: Partial<ComponentTreeNode>\n  ): 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(\n    type: string,\n    operation: string,\n    componentId?: string\n  ): 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(\n    contextName: string,\n    newValue: any,\n    componentId?: string\n  ): 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(\n      node => node.parent === null\n    )\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(\n      (sum, c) => sum + c.lastRenderTime,\n      0\n    )\n    const averageRenderTime =\n      components.length > 0 ? totalRenderTime / components.length : 0\n    const totalMemory = components.reduce((sum, c) => sum + c.memoryUsage, 0)\n    const warningCount = components.reduce(\n      (sum, c) => sum + c.warnings.length,\n      0\n    )\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        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\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 first (this should be the primary source)\n    if (instance.type && typeof instance.type === 'string') {\n      return instance.type\n    }\n\n    // Check for HTML tag\n    if ((instance as any).tag) {\n      return (instance as any).tag || 'Element'\n    }\n\n    // Check for text content\n    if ((instance as any).text) {\n      return 'Text'\n    }\n\n    // Check for fragment\n    if ((instance as any).fragment) {\n      return 'Fragment'\n    }\n\n    // Fallback to id or generic name (only if nothing else works)\n    return instance.id || 'Component'\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    // Update reactive signal if available\n    try {\n      this.setEvents([...this.debugEvents])\n    } catch (_error) {\n      // In test environments, the signal might not work properly\n    }\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    for (const [componentId, treeNode] of this.componentTree) {\n      // Update render count and timing (simplified for now)\n      treeNode.renderCount += 1\n      treeNode.lastRenderTime = Math.random() * 10 // Placeholder\n\n      // Check for performance warnings\n      if (treeNode.lastRenderTime > 16) {\n        this.addWarning(\n          componentId,\n          `Slow render: ${treeNode.lastRenderTime.toFixed(2)}ms`\n        )\n      }\n\n      if (treeNode.memoryUsage > 1024 * 1024) {\n        // 1MB\n        this.addWarning(\n          componentId,\n          `High memory usage: ${(treeNode.memoryUsage / (1024 * 1024)).toFixed(2)}MB`\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}\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 =\n        node.warnings.length > 0 ? ` ⚠️(${node.warnings.length})` : ''\n      const errors = node.errors.length > 0 ? ` ❌(${node.errors.length})` : ''\n      const renderTime =\n        node.lastRenderTime > 0 ? ` ${node.lastRenderTime.toFixed(2)}ms` : ''\n\n      console.log(\n        `${prefix}${node.name}#${node.id}${renderTime}${warnings}${errors}`\n      )\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(\n      `Average Render Time: ${summary.averageRenderTime.toFixed(2)}ms`\n    )\n    console.log(\n      `Memory Usage: ${(summary.memoryUsage / (1024 * 1024)).toFixed(2)}MB`\n    )\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('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":[],"mappings":"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"}

package/dist/plugins/simplified-error-handler.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Simplified Plugin Error Handler - Week 3 Performance Enhancement
+ *
+ * Enhanced error handling with performance optimizations:
+ * - Error rate limiting and circuit breaker patterns
+ * - Error aggregation and batch reporting
+ * - Performance metrics for error handling
+ * - Memory-efficient error tracking
+ */
+import type { TachUIPlugin } from '@tachui/core';
+interface ErrorMetrics {
+    count: number;
+    lastOccurrence: number;
+    firstOccurrence: number;
+    errorTypes: Map<string, number>;
+    resolved: boolean;
+}
+interface CircuitBreakerState {
+    isOpen: boolean;
+    failureCount: number;
+    lastFailureTime: number;
+    resetTimeout?: number;
+}
+export declare class OptimizedPluginErrorHandler {
+    private errorMetrics;
+    private circuitBreakers;
+    private errorQueue;
+    private batchTimer?;
+    private maxFailuresBeforeCircuitBreak;
+    private circuitBreakerResetTime;
+    private errorBatchSize;
+    private errorBatchTimeout;
+    private maxErrorHistory;
+    handleInstallError(plugin: TachUIPlugin, error: Error): void;
+    handleRuntimeError(pluginName: string, error: Error): void;
+    handleUninstallError(pluginName: string, error: Error): void;
+    private recordError;
+    private recordErrorType;
+    private updateCircuitBreaker;
+    private isCircuitOpen;
+    private resetCircuitBreaker;
+    private queueError;
+    private flushErrorQueue;
+    private emitError;
+    getErrorMetrics(errorKey?: string): ErrorMetrics | Map<string, ErrorMetrics>;
+    getCircuitBreakerStatus(errorKey?: string): CircuitBreakerState | Map<string, CircuitBreakerState>;
+    getPerformanceStats(): {
+        totalErrors: number;
+        uniqueErrorKeys: number;
+        activeCircuitBreakers: number;
+        queuedErrors: number;
+        errorsByType: {
+            [k: string]: number;
+        };
+        memoryUsage: {
+            errorMetrics: number;
+            circuitBreakers: number;
+            queuedErrors: number;
+            estimatedMemoryKB: number;
+        };
+    };
+    markErrorResolved(errorKey: string): void;
+    clearErrorHistory(errorKey?: string): void;
+}
+export declare const globalPluginErrorHandler: OptimizedPluginErrorHandler;
+export declare const SimplifiedPluginErrorHandler: typeof OptimizedPluginErrorHandler;
+/**
+ * Simple error recovery utilities
+ */
+export declare const ErrorRecoveryUtils: {
+    /**
+     * Safely execute plugin operation with error handling
+     */
+    safeExecute<T>(pluginName: string, operation: string, fn: () => Promise<T> | T): Promise<T | undefined>;
+    /**
+     * Create an error boundary for plugin operations
+     */
+    createErrorBoundary(pluginName: string): {
+        exec<T>(fn: () => Promise<T> | T): Promise<T | undefined>;
+    };
+};
+export {};
+//# sourceMappingURL=simplified-error-handler.d.ts.map

package/dist/plugins/simplified-error-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simplified-error-handler.d.ts","sourceRoot":"","sources":["../../src/plugins/simplified-error-handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAYhD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,qBAAa,2BAA2B;IACtC,OAAO,CAAC,YAAY,CAAkC;IACtD,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,UAAU,CAA4D;IAC9E,OAAO,CAAC,UAAU,CAAC,CAAQ;IAG3B,OAAO,CAAC,6BAA6B,CAAI;IACzC,OAAO,CAAC,uBAAuB,CAAQ;IACvC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,iBAAiB,CAAO;IAChC,OAAO,CAAC,eAAe,CAAM;IAE7B,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IA4C5D,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAkC1D,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAiB5D,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,UAAU;IAuBlB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,SAAS;IAWjB,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC;IAe5E,uBAAuB,CACrB,QAAQ,CAAC,EAAE,MAAM,GAChB,mBAAmB,GAAG,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC;IAazD,mBAAmB;;;;;;;;;;;;;;;IAmCnB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAUzC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;CAe3C;AAGD,eAAO,MAAM,wBAAwB,6BAAoC,CAAA;AAGzE,eAAO,MAAM,4BAA4B,oCAA8B,CAAA;AAEvE;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;gBACe,CAAC,cACL,MAAM,aACP,MAAM,MACb,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GACvB,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAUzB;;OAEG;oCAC6B,MAAM;aAEvB,CAAC,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;;CAKpE,CAAA"}