@coherent.js/runtime 1.0.0-beta.2

package/dist/coherent-browser.cjs

@@ -0,0 +1,304 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/runtimes/browser.js
+var browser_exports = {};
+__export(browser_exports, {
+  BrowserRuntime: () => BrowserRuntime
+});
+module.exports = __toCommonJS(browser_exports);
+var import_core = require("@coherent.js/core");
+var import_client = require("@coherent.js/client");
+var import_web_components = require("@coherent.js/web-components");
+var BrowserRuntime = class _BrowserRuntime {
+  constructor(options = {}) {
+    this.options = {
+      autoHydrate: true,
+      enableWebComponents: true,
+      enablePerformanceMonitoring: true,
+      routingMode: "hash",
+      // 'hash', 'history', or 'memory'
+      ...options
+    };
+    this.componentRegistry = /* @__PURE__ */ new Map();
+    this.routeRegistry = /* @__PURE__ */ new Map();
+    this.currentRoute = null;
+    this.isInitialized = false;
+    this.renderMetrics = [];
+    this.startTime = Date.now();
+  }
+  async initialize() {
+    if (this.isInitialized) return;
+    if (document.readyState === "loading") {
+      await new Promise((resolve) => {
+        document.addEventListener("DOMContentLoaded", resolve);
+      });
+    }
+    if (this.options.enableWebComponents) {
+      await this.initializeWebComponents();
+    }
+    if (this.options.routingMode !== "none") {
+      this.initializeRouting();
+    }
+    if (this.options.autoHydrate) {
+      await this.autoHydrate();
+    }
+    if (this.options.enablePerformanceMonitoring) {
+      this.initializePerformanceMonitoring();
+    }
+    this.isInitialized = true;
+  }
+  async initializeWebComponents() {
+    try {
+      await (0, import_web_components.integrateWithWebComponents)(
+        Object.fromEntries(this.componentRegistry),
+        this.options.webComponents || {}
+      );
+    } catch (error) {
+      console.warn("Failed to initialize Web Components:", error);
+    }
+  }
+  initializeRouting() {
+    const handleRouteChange = () => {
+      const newRoute = this.getCurrentRoute();
+      if (newRoute !== this.currentRoute) {
+        this.handleRouteChange(this.currentRoute, newRoute);
+        this.currentRoute = newRoute;
+      }
+    };
+    if (this.options.routingMode === "hash") {
+      window.addEventListener("hashchange", handleRouteChange);
+    } else if (this.options.routingMode === "history") {
+      window.addEventListener("popstate", handleRouteChange);
+    }
+    this.currentRoute = this.getCurrentRoute();
+    handleRouteChange();
+  }
+  getCurrentRoute() {
+    if (this.options.routingMode === "hash") {
+      return window.location.hash.slice(1) || "/";
+    } else if (this.options.routingMode === "history") {
+      return window.location.pathname;
+    }
+    return "/";
+  }
+  handleRouteChange(oldRoute, newRoute) {
+    const handler = this.routeRegistry.get(newRoute) || this.routeRegistry.get("*");
+    if (handler) {
+      try {
+        handler({ route: newRoute, oldRoute, params: this.parseRouteParams(newRoute) });
+      } catch (error) {
+        console.error("Route handler error:", error);
+      }
+    }
+  }
+  parseRouteParams(route) {
+    const params = {};
+    const parts = route.split("/").filter(Boolean);
+    parts.forEach((part, index) => {
+      if (part.startsWith(":")) {
+        const key = part.slice(1);
+        const value = parts[index];
+        if (value && !value.startsWith(":")) {
+          params[key] = value;
+        }
+      }
+    });
+    return params;
+  }
+  initializePerformanceMonitoring() {
+    if (typeof window === "undefined" || typeof window.PerformanceObserver === "undefined") return;
+    const observer = new window.PerformanceObserver((list) => {
+      for (const entry of list.getEntries()) {
+        if (entry.name.includes("coherent")) {
+          this.renderMetrics.push({
+            name: entry.name,
+            duration: entry.duration,
+            startTime: entry.startTime,
+            timestamp: Date.now()
+          });
+        }
+      }
+    });
+    try {
+      observer.observe({ entryTypes: ["measure", "mark"] });
+    } catch (error) {
+      console.warn("Performance monitoring not available:", error);
+    }
+    setInterval(() => {
+      const cutoff = Date.now() - 3e5;
+      this.renderMetrics = this.renderMetrics.filter((m) => m.timestamp > cutoff);
+    }, 6e4);
+  }
+  // Component management
+  registerComponent(name, component, options = {}) {
+    const hydratableComponent = (0, import_client.makeHydratable)(component, {
+      componentName: name,
+      ...options
+    });
+    this.componentRegistry.set(name, hydratableComponent);
+    if (this.options.enableWebComponents && this.isInitialized) {
+      try {
+        (0, import_web_components.defineCoherentElement)(name, hydratableComponent, options);
+      } catch (error) {
+        console.warn(`Failed to register Web Component ${name}:`, error);
+      }
+    }
+    return hydratableComponent;
+  }
+  getComponent(name) {
+    return this.componentRegistry.get(name);
+  }
+  // Routing
+  addRoute(path, handler) {
+    this.routeRegistry.set(path, handler);
+  }
+  navigate(path) {
+    if (this.options.routingMode === "hash") {
+      window.location.hash = path;
+    } else if (this.options.routingMode === "history") {
+      window.history.pushState({}, "", path);
+      this.handleRouteChange(this.currentRoute, path);
+      this.currentRoute = path;
+    }
+  }
+  // Rendering
+  async render(component, props = {}, target = null) {
+    const startMark = `coherent-render-start-${Date.now()}`;
+    const endMark = `coherent-render-end-${Date.now()}`;
+    try {
+      performance.mark(startMark);
+      const resolvedComponent = typeof component === "string" ? this.getComponent(component) : component;
+      if (!resolvedComponent) {
+        throw new Error(`Component not found: ${component}`);
+      }
+      const vdom = resolvedComponent(props);
+      const html = (0, import_core.render)(vdom);
+      let targetElement = target;
+      if (typeof target === "string") {
+        targetElement = document.querySelector(target);
+      }
+      if (!targetElement) {
+        targetElement = document.body;
+      }
+      targetElement.innerHTML = html;
+      const instance = await (0, import_client.hydrate)(targetElement.firstElementChild, resolvedComponent, props);
+      performance.mark(endMark);
+      performance.measure(`coherent-render-${resolvedComponent.name || "anonymous"}`, startMark, endMark);
+      return instance;
+    } catch (error) {
+      performance.mark(endMark);
+      console.error("Render error:", error);
+      throw error;
+    }
+  }
+  // Create a complete app
+  async createApp(_options = {}) {
+    await this.initialize();
+    return {
+      // Component management
+      component: (name, component, opts) => this.registerComponent(name, component, opts),
+      // Routing
+      route: (path, handler) => this.addRoute(path, handler),
+      navigate: (path) => this.navigate(path),
+      // Rendering
+      render: (component, props, target) => this.render(component, props, target),
+      // State management
+      state: import_core.withState,
+      memo: import_core.memo,
+      // Hydration
+      hydrate: (element, component, props) => (0, import_client.hydrate)(element, component, props),
+      // Utilities
+      getRuntime: () => this,
+      getCurrentRoute: () => this.currentRoute,
+      getPerformanceMetrics: () => [...this.renderMetrics],
+      // Lifecycle
+      mount: async (component, target = "#app") => {
+        const app = await this.render(component, {}, target);
+        return app;
+      },
+      unmount: (target = "#app") => {
+        const element = typeof target === "string" ? document.querySelector(target) : target;
+        if (element) {
+          element.innerHTML = "";
+        }
+      }
+    };
+  }
+  // Auto-hydration
+  async autoHydrate() {
+    const componentMap = Object.fromEntries(this.componentRegistry);
+    await (0, import_client.autoHydrate)(componentMap);
+  }
+  // Static methods for quick setup
+  static async createQuickApp(components = {}, options = {}) {
+    const runtime = new _BrowserRuntime(options);
+    Object.entries(components).forEach(([name, component]) => {
+      runtime.registerComponent(name, component);
+    });
+    return await runtime.createApp(options);
+  }
+  static async renderToPage(component, props = {}, target = "#app") {
+    const runtime = new _BrowserRuntime({ autoHydrate: false });
+    await runtime.initialize();
+    return await runtime.render(component, props, target);
+  }
+  // Performance utilities
+  getPerformanceReport() {
+    const now = Date.now();
+    const uptime = now - this.startTime;
+    const recentMetrics = this.renderMetrics.filter((m) => m.timestamp >= now - 6e4);
+    const averageRenderTime = recentMetrics.length > 0 ? recentMetrics.reduce((sum, m) => sum + m.duration, 0) / recentMetrics.length : 0;
+    return {
+      uptime,
+      totalRenders: this.renderMetrics.length,
+      recentRenders: recentMetrics.length,
+      averageRenderTime: Math.round(averageRenderTime * 100) / 100,
+      registeredComponents: this.componentRegistry.size,
+      registeredRoutes: this.routeRegistry.size,
+      currentRoute: this.currentRoute,
+      memoryUsage: this.getMemoryUsage()
+    };
+  }
+  getMemoryUsage() {
+    if (typeof performance !== "undefined" && performance.memory) {
+      return {
+        used: Math.round(performance.memory.usedJSHeapSize / 1024 / 1024),
+        total: Math.round(performance.memory.totalJSHeapSize / 1024 / 1024),
+        limit: Math.round(performance.memory.jsHeapSizeLimit / 1024 / 1024)
+      };
+    }
+    return null;
+  }
+  // Development utilities
+  debug() {
+    return {
+      runtime: this,
+      components: Array.from(this.componentRegistry.keys()),
+      routes: Array.from(this.routeRegistry.keys()),
+      performance: this.getPerformanceReport(),
+      options: this.options
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrowserRuntime
+});
+//# sourceMappingURL=coherent-browser.cjs.map

package/dist/coherent-browser.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/runtimes/browser.js"],
+  "sourcesContent": ["/**\n * Browser Runtime - Full client-side Coherent.js runtime\n * Works in browsers, Electron, and Tauri\n */\n\nimport { render, withState, memo } from '@coherent.js/core';\nimport { hydrate, autoHydrate, makeHydratable } from '@coherent.js/client';\nimport { integrateWithWebComponents, defineCoherentElement } from '@coherent.js/web-components';\n\nexport class BrowserRuntime {\n  constructor(options = {}) {\n    this.options = {\n      autoHydrate: true,\n      enableWebComponents: true,\n      enablePerformanceMonitoring: true,\n      routingMode: 'hash', // 'hash', 'history', or 'memory'\n      ...options\n    };\n    \n    this.componentRegistry = new Map();\n    this.routeRegistry = new Map();\n    this.currentRoute = null;\n    this.isInitialized = false;\n    \n    // Performance tracking\n    this.renderMetrics = [];\n    this.startTime = Date.now();\n  }\n\n  async initialize() {\n    if (this.isInitialized) return;\n\n    // Wait for DOM to be ready\n    if (document.readyState === 'loading') {\n      await new Promise(resolve => {\n        document.addEventListener('DOMContentLoaded', resolve);\n      });\n    }\n\n    // Initialize Web Components integration\n    if (this.options.enableWebComponents) {\n      await this.initializeWebComponents();\n    }\n\n    // Initialize routing\n    if (this.options.routingMode !== 'none') {\n      this.initializeRouting();\n    }\n\n    // Auto-hydrate existing components\n    if (this.options.autoHydrate) {\n      await this.autoHydrate();\n    }\n\n    // Initialize performance monitoring\n    if (this.options.enablePerformanceMonitoring) {\n      this.initializePerformanceMonitoring();\n    }\n\n    this.isInitialized = true;\n  }\n\n  async initializeWebComponents() {\n    try {\n      await integrateWithWebComponents(\n        Object.fromEntries(this.componentRegistry), \n        this.options.webComponents || {}\n      );\n    } catch (error) {\n      console.warn('Failed to initialize Web Components:', error);\n    }\n  }\n\n  initializeRouting() {\n    const handleRouteChange = () => {\n      const newRoute = this.getCurrentRoute();\n      if (newRoute !== this.currentRoute) {\n        this.handleRouteChange(this.currentRoute, newRoute);\n        this.currentRoute = newRoute;\n      }\n    };\n\n    if (this.options.routingMode === 'hash') {\n      window.addEventListener('hashchange', handleRouteChange);\n    } else if (this.options.routingMode === 'history') {\n      window.addEventListener('popstate', handleRouteChange);\n    }\n\n    // Handle initial route\n    this.currentRoute = this.getCurrentRoute();\n    handleRouteChange();\n  }\n\n  getCurrentRoute() {\n    if (this.options.routingMode === 'hash') {\n      return window.location.hash.slice(1) || '/';\n    } else if (this.options.routingMode === 'history') {\n      return window.location.pathname;\n    }\n    return '/';\n  }\n\n  handleRouteChange(oldRoute, newRoute) {\n    const handler = this.routeRegistry.get(newRoute) || this.routeRegistry.get('*');\n    \n    if (handler) {\n      try {\n        handler({ route: newRoute, oldRoute, params: this.parseRouteParams(newRoute) });\n      } catch (error) {\n        console.error('Route handler error:', error);\n      }\n    }\n  }\n\n  parseRouteParams(route) {\n    // Simple parameter parsing - can be enhanced\n    const params = {};\n    const parts = route.split('/').filter(Boolean);\n    \n    parts.forEach((part, index) => {\n      if (part.startsWith(':')) {\n        const key = part.slice(1);\n        const value = parts[index];\n        if (value && !value.startsWith(':')) {\n          params[key] = value;\n        }\n      }\n    });\n    \n    return params;\n  }\n\n  initializePerformanceMonitoring() {\n    // Monitor render performance\n    if (typeof window === 'undefined' || typeof window.PerformanceObserver === 'undefined') return;\n    const observer = new window.PerformanceObserver((list) => {\n      for (const entry of list.getEntries()) {\n        if (entry.name.includes('coherent')) {\n          this.renderMetrics.push({\n            name: entry.name,\n            duration: entry.duration,\n            startTime: entry.startTime,\n            timestamp: Date.now()\n          });\n        }\n      }\n    });\n\n    try {\n      observer.observe({ entryTypes: ['measure', 'mark'] });\n    } catch (error) {\n      console.warn('Performance monitoring not available:', error);\n    }\n\n    // Clean up old metrics periodically\n    setInterval(() => {\n      const cutoff = Date.now() - 300000; // 5 minutes\n      this.renderMetrics = this.renderMetrics.filter(m => m.timestamp > cutoff);\n    }, 60000); // Every minute\n  }\n\n  // Component management\n  registerComponent(name, component, options = {}) {\n    // Make component hydratable\n    const hydratableComponent = makeHydratable(component, {\n      componentName: name,\n      ...options\n    });\n\n    this.componentRegistry.set(name, hydratableComponent);\n\n    // Register as Web Component if enabled\n    if (this.options.enableWebComponents && this.isInitialized) {\n      try {\n        defineCoherentElement(name, hydratableComponent, options);\n      } catch (error) {\n        console.warn(`Failed to register Web Component ${name}:`, error);\n      }\n    }\n\n    return hydratableComponent;\n  }\n\n  getComponent(name) {\n    return this.componentRegistry.get(name);\n  }\n\n  // Routing\n  addRoute(path, handler) {\n    this.routeRegistry.set(path, handler);\n  }\n\n  navigate(path) {\n    if (this.options.routingMode === 'hash') {\n      window.location.hash = path;\n    } else if (this.options.routingMode === 'history') {\n      window.history.pushState({}, '', path);\n      this.handleRouteChange(this.currentRoute, path);\n      this.currentRoute = path;\n    }\n  }\n\n  // Rendering\n  async render(component, props = {}, target = null) {\n    const startMark = `coherent-render-start-${Date.now()}`;\n    const endMark = `coherent-render-end-${Date.now()}`;\n    \n    try {\n      performance.mark(startMark);\n\n      // Resolve component\n      const resolvedComponent = typeof component === 'string' \n        ? this.getComponent(component) \n        : component;\n\n      if (!resolvedComponent) {\n        throw new Error(`Component not found: ${component}`);\n      }\n\n      // Render component\n      const vdom = resolvedComponent(props);\n      const html = render(vdom);\n\n      // Find or create target element\n      let targetElement = target;\n      if (typeof target === 'string') {\n        targetElement = document.querySelector(target);\n      }\n      if (!targetElement) {\n        targetElement = document.body;\n      }\n\n      // Update DOM\n      targetElement.innerHTML = html;\n\n      // Hydrate the rendered component\n      const instance = await hydrate(targetElement.firstElementChild, resolvedComponent, props);\n\n      performance.mark(endMark);\n      performance.measure(`coherent-render-${resolvedComponent.name || 'anonymous'}`, startMark, endMark);\n\n      return instance;\n    } catch (error) {\n      performance.mark(endMark);\n      console.error('Render error:', error);\n      throw error;\n    }\n  }\n\n  // Create a complete app\n  async createApp(_options = {}) {\n    await this.initialize();\n    \n    return {\n      // Component management\n      component: (name, component, opts) => this.registerComponent(name, component, opts),\n      \n      // Routing\n      route: (path, handler) => this.addRoute(path, handler),\n      navigate: (path) => this.navigate(path),\n      \n      // Rendering\n      render: (component, props, target) => this.render(component, props, target),\n      \n      // State management\n      state: withState,\n      memo: memo,\n      \n      // Hydration\n      hydrate: (element, component, props) => hydrate(element, component, props),\n      \n      // Utilities\n      getRuntime: () => this,\n      getCurrentRoute: () => this.currentRoute,\n      getPerformanceMetrics: () => [...this.renderMetrics],\n      \n      // Lifecycle\n      mount: async (component, target = '#app') => {\n        const app = await this.render(component, {}, target);\n        return app;\n      },\n      \n      unmount: (target = '#app') => {\n        const element = typeof target === 'string' ? document.querySelector(target) : target;\n        if (element) {\n          element.innerHTML = '';\n        }\n      }\n    };\n  }\n\n  // Auto-hydration\n  async autoHydrate() {\n    const componentMap = Object.fromEntries(this.componentRegistry);\n    await autoHydrate(componentMap);\n  }\n\n  // Static methods for quick setup\n  static async createQuickApp(components = {}, options = {}) {\n    const runtime = new BrowserRuntime(options);\n    \n    // Register all components\n    Object.entries(components).forEach(([name, component]) => {\n      runtime.registerComponent(name, component);\n    });\n    \n    return await runtime.createApp(options);\n  }\n\n  static async renderToPage(component, props = {}, target = '#app') {\n    const runtime = new BrowserRuntime({ autoHydrate: false });\n    await runtime.initialize();\n    return await runtime.render(component, props, target);\n  }\n\n  // Performance utilities\n  getPerformanceReport() {\n    const now = Date.now();\n    const uptime = now - this.startTime;\n    const recentMetrics = this.renderMetrics.filter(m => m.timestamp >= now - 60000);\n    \n    const averageRenderTime = recentMetrics.length > 0\n      ? recentMetrics.reduce((sum, m) => sum + m.duration, 0) / recentMetrics.length\n      : 0;\n\n    return {\n      uptime,\n      totalRenders: this.renderMetrics.length,\n      recentRenders: recentMetrics.length,\n      averageRenderTime: Math.round(averageRenderTime * 100) / 100,\n      registeredComponents: this.componentRegistry.size,\n      registeredRoutes: this.routeRegistry.size,\n      currentRoute: this.currentRoute,\n      memoryUsage: this.getMemoryUsage()\n    };\n  }\n\n  getMemoryUsage() {\n    if (typeof performance !== 'undefined' && performance.memory) {\n      return {\n        used: Math.round(performance.memory.usedJSHeapSize / 1024 / 1024),\n        total: Math.round(performance.memory.totalJSHeapSize / 1024 / 1024),\n        limit: Math.round(performance.memory.jsHeapSizeLimit / 1024 / 1024)\n      };\n    }\n    return null;\n  }\n\n  // Development utilities\n  debug() {\n    return {\n      runtime: this,\n      components: Array.from(this.componentRegistry.keys()),\n      routes: Array.from(this.routeRegistry.keys()),\n      performance: this.getPerformanceReport(),\n      options: this.options\n    };\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,kBAAwC;AACxC,oBAAqD;AACrD,4BAAkE;AAE3D,IAAM,iBAAN,MAAM,gBAAe;AAAA,EAC1B,YAAY,UAAU,CAAC,GAAG;AACxB,SAAK,UAAU;AAAA,MACb,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,6BAA6B;AAAA,MAC7B,aAAa;AAAA;AAAA,MACb,GAAG;AAAA,IACL;AAEA,SAAK,oBAAoB,oBAAI,IAAI;AACjC,SAAK,gBAAgB,oBAAI,IAAI;AAC7B,SAAK,eAAe;AACpB,SAAK,gBAAgB;AAGrB,SAAK,gBAAgB,CAAC;AACtB,SAAK,YAAY,KAAK,IAAI;AAAA,EAC5B;AAAA,EAEA,MAAM,aAAa;AACjB,QAAI,KAAK,cAAe;AAGxB,QAAI,SAAS,eAAe,WAAW;AACrC,YAAM,IAAI,QAAQ,aAAW;AAC3B,iBAAS,iBAAiB,oBAAoB,OAAO;AAAA,MACvD,CAAC;AAAA,IACH;AAGA,QAAI,KAAK,QAAQ,qBAAqB;AACpC,YAAM,KAAK,wBAAwB;AAAA,IACrC;AAGA,QAAI,KAAK,QAAQ,gBAAgB,QAAQ;AACvC,WAAK,kBAAkB;AAAA,IACzB;AAGA,QAAI,KAAK,QAAQ,aAAa;AAC5B,YAAM,KAAK,YAAY;AAAA,IACzB;AAGA,QAAI,KAAK,QAAQ,6BAA6B;AAC5C,WAAK,gCAAgC;AAAA,IACvC;AAEA,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,0BAA0B;AAC9B,QAAI;AACF,gBAAM;AAAA,QACJ,OAAO,YAAY,KAAK,iBAAiB;AAAA,QACzC,KAAK,QAAQ,iBAAiB,CAAC;AAAA,MACjC;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAwC,KAAK;AAAA,IAC5D;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,oBAAoB,MAAM;AAC9B,YAAM,WAAW,KAAK,gBAAgB;AACtC,UAAI,aAAa,KAAK,cAAc;AAClC,aAAK,kBAAkB,KAAK,cAAc,QAAQ;AAClD,aAAK,eAAe;AAAA,MACtB;AAAA,IACF;AAEA,QAAI,KAAK,QAAQ,gBAAgB,QAAQ;AACvC,aAAO,iBAAiB,cAAc,iBAAiB;AAAA,IACzD,WAAW,KAAK,QAAQ,gBAAgB,WAAW;AACjD,aAAO,iBAAiB,YAAY,iBAAiB;AAAA,IACvD;AAGA,SAAK,eAAe,KAAK,gBAAgB;AACzC,sBAAkB;AAAA,EACpB;AAAA,EAEA,kBAAkB;AAChB,QAAI,KAAK,QAAQ,gBAAgB,QAAQ;AACvC,aAAO,OAAO,SAAS,KAAK,MAAM,CAAC,KAAK;AAAA,IAC1C,WAAW,KAAK,QAAQ,gBAAgB,WAAW;AACjD,aAAO,OAAO,SAAS;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AAAA,EAEA,kBAAkB,UAAU,UAAU;AACpC,UAAM,UAAU,KAAK,cAAc,IAAI,QAAQ,KAAK,KAAK,cAAc,IAAI,GAAG;AAE9E,QAAI,SAAS;AACX,UAAI;AACF,gBAAQ,EAAE,OAAO,UAAU,UAAU,QAAQ,KAAK,iBAAiB,QAAQ,EAAE,CAAC;AAAA,MAChF,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB,OAAO;AAEtB,UAAM,SAAS,CAAC;AAChB,UAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAE7C,UAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,UAAI,KAAK,WAAW,GAAG,GAAG;AACxB,cAAM,MAAM,KAAK,MAAM,CAAC;AACxB,cAAM,QAAQ,MAAM,KAAK;AACzB,YAAI,SAAS,CAAC,MAAM,WAAW,GAAG,GAAG;AACnC,iBAAO,GAAG,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAEA,kCAAkC;AAEhC,QAAI,OAAO,WAAW,eAAe,OAAO,OAAO,wBAAwB,YAAa;AACxF,UAAM,WAAW,IAAI,OAAO,oBAAoB,CAAC,SAAS;AACxD,iBAAW,SAAS,KAAK,WAAW,GAAG;AACrC,YAAI,MAAM,KAAK,SAAS,UAAU,GAAG;AACnC,eAAK,cAAc,KAAK;AAAA,YACtB,MAAM,MAAM;AAAA,YACZ,UAAU,MAAM;AAAA,YAChB,WAAW,MAAM;AAAA,YACjB,WAAW,KAAK,IAAI;AAAA,UACtB,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI;AACF,eAAS,QAAQ,EAAE,YAAY,CAAC,WAAW,MAAM,EAAE,CAAC;AAAA,IACtD,SAAS,OAAO;AACd,cAAQ,KAAK,yCAAyC,KAAK;AAAA,IAC7D;AAGA,gBAAY,MAAM;AAChB,YAAM,SAAS,KAAK,IAAI,IAAI;AAC5B,WAAK,gBAAgB,KAAK,cAAc,OAAO,OAAK,EAAE,YAAY,MAAM;AAAA,IAC1E,GAAG,GAAK;AAAA,EACV;AAAA;AAAA,EAGA,kBAAkB,MAAM,WAAW,UAAU,CAAC,GAAG;AAE/C,UAAM,0BAAsB,8BAAe,WAAW;AAAA,MACpD,eAAe;AAAA,MACf,GAAG;AAAA,IACL,CAAC;AAED,SAAK,kBAAkB,IAAI,MAAM,mBAAmB;AAGpD,QAAI,KAAK,QAAQ,uBAAuB,KAAK,eAAe;AAC1D,UAAI;AACF,yDAAsB,MAAM,qBAAqB,OAAO;AAAA,MAC1D,SAAS,OAAO;AACd,gBAAQ,KAAK,oCAAoC,IAAI,KAAK,KAAK;AAAA,MACjE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,MAAM;AACjB,WAAO,KAAK,kBAAkB,IAAI,IAAI;AAAA,EACxC;AAAA;AAAA,EAGA,SAAS,MAAM,SAAS;AACtB,SAAK,cAAc,IAAI,MAAM,OAAO;AAAA,EACtC;AAAA,EAEA,SAAS,MAAM;AACb,QAAI,KAAK,QAAQ,gBAAgB,QAAQ;AACvC,aAAO,SAAS,OAAO;AAAA,IACzB,WAAW,KAAK,QAAQ,gBAAgB,WAAW;AACjD,aAAO,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AACrC,WAAK,kBAAkB,KAAK,cAAc,IAAI;AAC9C,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,OAAO,WAAW,QAAQ,CAAC,GAAG,SAAS,MAAM;AACjD,UAAM,YAAY,yBAAyB,KAAK,IAAI,CAAC;AACrD,UAAM,UAAU,uBAAuB,KAAK,IAAI,CAAC;AAEjD,QAAI;AACF,kBAAY,KAAK,SAAS;AAG1B,YAAM,oBAAoB,OAAO,cAAc,WAC3C,KAAK,aAAa,SAAS,IAC3B;AAEJ,UAAI,CAAC,mBAAmB;AACtB,cAAM,IAAI,MAAM,wBAAwB,SAAS,EAAE;AAAA,MACrD;AAGA,YAAM,OAAO,kBAAkB,KAAK;AACpC,YAAM,WAAO,oBAAO,IAAI;AAGxB,UAAI,gBAAgB;AACpB,UAAI,OAAO,WAAW,UAAU;AAC9B,wBAAgB,SAAS,cAAc,MAAM;AAAA,MAC/C;AACA,UAAI,CAAC,eAAe;AAClB,wBAAgB,SAAS;AAAA,MAC3B;AAGA,oBAAc,YAAY;AAG1B,YAAM,WAAW,UAAM,uBAAQ,cAAc,mBAAmB,mBAAmB,KAAK;AAExF,kBAAY,KAAK,OAAO;AACxB,kBAAY,QAAQ,mBAAmB,kBAAkB,QAAQ,WAAW,IAAI,WAAW,OAAO;AAElG,aAAO;AAAA,IACT,SAAS,OAAO;AACd,kBAAY,KAAK,OAAO;AACxB,cAAQ,MAAM,iBAAiB,KAAK;AACpC,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,UAAU,WAAW,CAAC,GAAG;AAC7B,UAAM,KAAK,WAAW;AAEtB,WAAO;AAAA;AAAA,MAEL,WAAW,CAAC,MAAM,WAAW,SAAS,KAAK,kBAAkB,MAAM,WAAW,IAAI;AAAA;AAAA,MAGlF,OAAO,CAAC,MAAM,YAAY,KAAK,SAAS,MAAM,OAAO;AAAA,MACrD,UAAU,CAAC,SAAS,KAAK,SAAS,IAAI;AAAA;AAAA,MAGtC,QAAQ,CAAC,WAAW,OAAO,WAAW,KAAK,OAAO,WAAW,OAAO,MAAM;AAAA;AAAA,MAG1E,OAAO;AAAA,MACP,MAAM;AAAA;AAAA,MAGN,SAAS,CAAC,SAAS,WAAW,cAAU,uBAAQ,SAAS,WAAW,KAAK;AAAA;AAAA,MAGzE,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM,KAAK;AAAA,MAC5B,uBAAuB,MAAM,CAAC,GAAG,KAAK,aAAa;AAAA;AAAA,MAGnD,OAAO,OAAO,WAAW,SAAS,WAAW;AAC3C,cAAM,MAAM,MAAM,KAAK,OAAO,WAAW,CAAC,GAAG,MAAM;AACnD,eAAO;AAAA,MACT;AAAA,MAEA,SAAS,CAAC,SAAS,WAAW;AAC5B,cAAM,UAAU,OAAO,WAAW,WAAW,SAAS,cAAc,MAAM,IAAI;AAC9E,YAAI,SAAS;AACX,kBAAQ,YAAY;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,cAAc;AAClB,UAAM,eAAe,OAAO,YAAY,KAAK,iBAAiB;AAC9D,cAAM,2BAAY,YAAY;AAAA,EAChC;AAAA;AAAA,EAGA,aAAa,eAAe,aAAa,CAAC,GAAG,UAAU,CAAC,GAAG;AACzD,UAAM,UAAU,IAAI,gBAAe,OAAO;AAG1C,WAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACxD,cAAQ,kBAAkB,MAAM,SAAS;AAAA,IAC3C,CAAC;AAED,WAAO,MAAM,QAAQ,UAAU,OAAO;AAAA,EACxC;AAAA,EAEA,aAAa,aAAa,WAAW,QAAQ,CAAC,GAAG,SAAS,QAAQ;AAChE,UAAM,UAAU,IAAI,gBAAe,EAAE,aAAa,MAAM,CAAC;AACzD,UAAM,QAAQ,WAAW;AACzB,WAAO,MAAM,QAAQ,OAAO,WAAW,OAAO,MAAM;AAAA,EACtD;AAAA;AAAA,EAGA,uBAAuB;AACrB,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,SAAS,MAAM,KAAK;AAC1B,UAAM,gBAAgB,KAAK,cAAc,OAAO,OAAK,EAAE,aAAa,MAAM,GAAK;AAE/E,UAAM,oBAAoB,cAAc,SAAS,IAC7C,cAAc,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,UAAU,CAAC,IAAI,cAAc,SACtE;AAEJ,WAAO;AAAA,MACL;AAAA,MACA,cAAc,KAAK,cAAc;AAAA,MACjC,eAAe,cAAc;AAAA,MAC7B,mBAAmB,KAAK,MAAM,oBAAoB,GAAG,IAAI;AAAA,MACzD,sBAAsB,KAAK,kBAAkB;AAAA,MAC7C,kBAAkB,KAAK,cAAc;AAAA,MACrC,cAAc,KAAK;AAAA,MACnB,aAAa,KAAK,eAAe;AAAA,IACnC;AAAA,EACF;AAAA,EAEA,iBAAiB;AACf,QAAI,OAAO,gBAAgB,eAAe,YAAY,QAAQ;AAC5D,aAAO;AAAA,QACL,MAAM,KAAK,MAAM,YAAY,OAAO,iBAAiB,OAAO,IAAI;AAAA,QAChE,OAAO,KAAK,MAAM,YAAY,OAAO,kBAAkB,OAAO,IAAI;AAAA,QAClE,OAAO,KAAK,MAAM,YAAY,OAAO,kBAAkB,OAAO,IAAI;AAAA,MACpE;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,QAAQ;AACN,WAAO;AAAA,MACL,SAAS;AAAA,MACT,YAAY,MAAM,KAAK,KAAK,kBAAkB,KAAK,CAAC;AAAA,MACpD,QAAQ,MAAM,KAAK,KAAK,cAAc,KAAK,CAAC;AAAA,MAC5C,aAAa,KAAK,qBAAqB;AAAA,MACvC,SAAS,KAAK;AAAA,IAChB;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/coherent-browser.js

@@ -0,0 +1,279 @@
+// src/runtimes/browser.js
+import { render, withState, memo } from "@coherent.js/core";
+import { hydrate, autoHydrate, makeHydratable } from "@coherent.js/client";
+import { integrateWithWebComponents, defineCoherentElement } from "@coherent.js/web-components";
+var BrowserRuntime = class _BrowserRuntime {
+  constructor(options = {}) {
+    this.options = {
+      autoHydrate: true,
+      enableWebComponents: true,
+      enablePerformanceMonitoring: true,
+      routingMode: "hash",
+      // 'hash', 'history', or 'memory'
+      ...options
+    };
+    this.componentRegistry = /* @__PURE__ */ new Map();
+    this.routeRegistry = /* @__PURE__ */ new Map();
+    this.currentRoute = null;
+    this.isInitialized = false;
+    this.renderMetrics = [];
+    this.startTime = Date.now();
+  }
+  async initialize() {
+    if (this.isInitialized) return;
+    if (document.readyState === "loading") {
+      await new Promise((resolve) => {
+        document.addEventListener("DOMContentLoaded", resolve);
+      });
+    }
+    if (this.options.enableWebComponents) {
+      await this.initializeWebComponents();
+    }
+    if (this.options.routingMode !== "none") {
+      this.initializeRouting();
+    }
+    if (this.options.autoHydrate) {
+      await this.autoHydrate();
+    }
+    if (this.options.enablePerformanceMonitoring) {
+      this.initializePerformanceMonitoring();
+    }
+    this.isInitialized = true;
+  }
+  async initializeWebComponents() {
+    try {
+      await integrateWithWebComponents(
+        Object.fromEntries(this.componentRegistry),
+        this.options.webComponents || {}
+      );
+    } catch (error) {
+      console.warn("Failed to initialize Web Components:", error);
+    }
+  }
+  initializeRouting() {
+    const handleRouteChange = () => {
+      const newRoute = this.getCurrentRoute();
+      if (newRoute !== this.currentRoute) {
+        this.handleRouteChange(this.currentRoute, newRoute);
+        this.currentRoute = newRoute;
+      }
+    };
+    if (this.options.routingMode === "hash") {
+      window.addEventListener("hashchange", handleRouteChange);
+    } else if (this.options.routingMode === "history") {
+      window.addEventListener("popstate", handleRouteChange);
+    }
+    this.currentRoute = this.getCurrentRoute();
+    handleRouteChange();
+  }
+  getCurrentRoute() {
+    if (this.options.routingMode === "hash") {
+      return window.location.hash.slice(1) || "/";
+    } else if (this.options.routingMode === "history") {
+      return window.location.pathname;
+    }
+    return "/";
+  }
+  handleRouteChange(oldRoute, newRoute) {
+    const handler = this.routeRegistry.get(newRoute) || this.routeRegistry.get("*");
+    if (handler) {
+      try {
+        handler({ route: newRoute, oldRoute, params: this.parseRouteParams(newRoute) });
+      } catch (error) {
+        console.error("Route handler error:", error);
+      }
+    }
+  }
+  parseRouteParams(route) {
+    const params = {};
+    const parts = route.split("/").filter(Boolean);
+    parts.forEach((part, index) => {
+      if (part.startsWith(":")) {
+        const key = part.slice(1);
+        const value = parts[index];
+        if (value && !value.startsWith(":")) {
+          params[key] = value;
+        }
+      }
+    });
+    return params;
+  }
+  initializePerformanceMonitoring() {
+    if (typeof window === "undefined" || typeof window.PerformanceObserver === "undefined") return;
+    const observer = new window.PerformanceObserver((list) => {
+      for (const entry of list.getEntries()) {
+        if (entry.name.includes("coherent")) {
+          this.renderMetrics.push({
+            name: entry.name,
+            duration: entry.duration,
+            startTime: entry.startTime,
+            timestamp: Date.now()
+          });
+        }
+      }
+    });
+    try {
+      observer.observe({ entryTypes: ["measure", "mark"] });
+    } catch (error) {
+      console.warn("Performance monitoring not available:", error);
+    }
+    setInterval(() => {
+      const cutoff = Date.now() - 3e5;
+      this.renderMetrics = this.renderMetrics.filter((m) => m.timestamp > cutoff);
+    }, 6e4);
+  }
+  // Component management
+  registerComponent(name, component, options = {}) {
+    const hydratableComponent = makeHydratable(component, {
+      componentName: name,
+      ...options
+    });
+    this.componentRegistry.set(name, hydratableComponent);
+    if (this.options.enableWebComponents && this.isInitialized) {
+      try {
+        defineCoherentElement(name, hydratableComponent, options);
+      } catch (error) {
+        console.warn(`Failed to register Web Component ${name}:`, error);
+      }
+    }
+    return hydratableComponent;
+  }
+  getComponent(name) {
+    return this.componentRegistry.get(name);
+  }
+  // Routing
+  addRoute(path, handler) {
+    this.routeRegistry.set(path, handler);
+  }
+  navigate(path) {
+    if (this.options.routingMode === "hash") {
+      window.location.hash = path;
+    } else if (this.options.routingMode === "history") {
+      window.history.pushState({}, "", path);
+      this.handleRouteChange(this.currentRoute, path);
+      this.currentRoute = path;
+    }
+  }
+  // Rendering
+  async render(component, props = {}, target = null) {
+    const startMark = `coherent-render-start-${Date.now()}`;
+    const endMark = `coherent-render-end-${Date.now()}`;
+    try {
+      performance.mark(startMark);
+      const resolvedComponent = typeof component === "string" ? this.getComponent(component) : component;
+      if (!resolvedComponent) {
+        throw new Error(`Component not found: ${component}`);
+      }
+      const vdom = resolvedComponent(props);
+      const html = render(vdom);
+      let targetElement = target;
+      if (typeof target === "string") {
+        targetElement = document.querySelector(target);
+      }
+      if (!targetElement) {
+        targetElement = document.body;
+      }
+      targetElement.innerHTML = html;
+      const instance = await hydrate(targetElement.firstElementChild, resolvedComponent, props);
+      performance.mark(endMark);
+      performance.measure(`coherent-render-${resolvedComponent.name || "anonymous"}`, startMark, endMark);
+      return instance;
+    } catch (error) {
+      performance.mark(endMark);
+      console.error("Render error:", error);
+      throw error;
+    }
+  }
+  // Create a complete app
+  async createApp(_options = {}) {
+    await this.initialize();
+    return {
+      // Component management
+      component: (name, component, opts) => this.registerComponent(name, component, opts),
+      // Routing
+      route: (path, handler) => this.addRoute(path, handler),
+      navigate: (path) => this.navigate(path),
+      // Rendering
+      render: (component, props, target) => this.render(component, props, target),
+      // State management
+      state: withState,
+      memo,
+      // Hydration
+      hydrate: (element, component, props) => hydrate(element, component, props),
+      // Utilities
+      getRuntime: () => this,
+      getCurrentRoute: () => this.currentRoute,
+      getPerformanceMetrics: () => [...this.renderMetrics],
+      // Lifecycle
+      mount: async (component, target = "#app") => {
+        const app = await this.render(component, {}, target);
+        return app;
+      },
+      unmount: (target = "#app") => {
+        const element = typeof target === "string" ? document.querySelector(target) : target;
+        if (element) {
+          element.innerHTML = "";
+        }
+      }
+    };
+  }
+  // Auto-hydration
+  async autoHydrate() {
+    const componentMap = Object.fromEntries(this.componentRegistry);
+    await autoHydrate(componentMap);
+  }
+  // Static methods for quick setup
+  static async createQuickApp(components = {}, options = {}) {
+    const runtime = new _BrowserRuntime(options);
+    Object.entries(components).forEach(([name, component]) => {
+      runtime.registerComponent(name, component);
+    });
+    return await runtime.createApp(options);
+  }
+  static async renderToPage(component, props = {}, target = "#app") {
+    const runtime = new _BrowserRuntime({ autoHydrate: false });
+    await runtime.initialize();
+    return await runtime.render(component, props, target);
+  }
+  // Performance utilities
+  getPerformanceReport() {
+    const now = Date.now();
+    const uptime = now - this.startTime;
+    const recentMetrics = this.renderMetrics.filter((m) => m.timestamp >= now - 6e4);
+    const averageRenderTime = recentMetrics.length > 0 ? recentMetrics.reduce((sum, m) => sum + m.duration, 0) / recentMetrics.length : 0;
+    return {
+      uptime,
+      totalRenders: this.renderMetrics.length,
+      recentRenders: recentMetrics.length,
+      averageRenderTime: Math.round(averageRenderTime * 100) / 100,
+      registeredComponents: this.componentRegistry.size,
+      registeredRoutes: this.routeRegistry.size,
+      currentRoute: this.currentRoute,
+      memoryUsage: this.getMemoryUsage()
+    };
+  }
+  getMemoryUsage() {
+    if (typeof performance !== "undefined" && performance.memory) {
+      return {
+        used: Math.round(performance.memory.usedJSHeapSize / 1024 / 1024),
+        total: Math.round(performance.memory.totalJSHeapSize / 1024 / 1024),
+        limit: Math.round(performance.memory.jsHeapSizeLimit / 1024 / 1024)
+      };
+    }
+    return null;
+  }
+  // Development utilities
+  debug() {
+    return {
+      runtime: this,
+      components: Array.from(this.componentRegistry.keys()),
+      routes: Array.from(this.routeRegistry.keys()),
+      performance: this.getPerformanceReport(),
+      options: this.options
+    };
+  }
+};
+export {
+  BrowserRuntime
+};
+//# sourceMappingURL=coherent-browser.js.map

package/dist/coherent-browser.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/runtimes/browser.js"],
+  "sourcesContent": ["/**\n * Browser Runtime - Full client-side Coherent.js runtime\n * Works in browsers, Electron, and Tauri\n */\n\nimport { render, withState, memo } from '@coherent.js/core';\nimport { hydrate, autoHydrate, makeHydratable } from '@coherent.js/client';\nimport { integrateWithWebComponents, defineCoherentElement } from '@coherent.js/web-components';\n\nexport class BrowserRuntime {\n  constructor(options = {}) {\n    this.options = {\n      autoHydrate: true,\n      enableWebComponents: true,\n      enablePerformanceMonitoring: true,\n      routingMode: 'hash', // 'hash', 'history', or 'memory'\n      ...options\n    };\n    \n    this.componentRegistry = new Map();\n    this.routeRegistry = new Map();\n    this.currentRoute = null;\n    this.isInitialized = false;\n    \n    // Performance tracking\n    this.renderMetrics = [];\n    this.startTime = Date.now();\n  }\n\n  async initialize() {\n    if (this.isInitialized) return;\n\n    // Wait for DOM to be ready\n    if (document.readyState === 'loading') {\n      await new Promise(resolve => {\n        document.addEventListener('DOMContentLoaded', resolve);\n      });\n    }\n\n    // Initialize Web Components integration\n    if (this.options.enableWebComponents) {\n      await this.initializeWebComponents();\n    }\n\n    // Initialize routing\n    if (this.options.routingMode !== 'none') {\n      this.initializeRouting();\n    }\n\n    // Auto-hydrate existing components\n    if (this.options.autoHydrate) {\n      await this.autoHydrate();\n    }\n\n    // Initialize performance monitoring\n    if (this.options.enablePerformanceMonitoring) {\n      this.initializePerformanceMonitoring();\n    }\n\n    this.isInitialized = true;\n  }\n\n  async initializeWebComponents() {\n    try {\n      await integrateWithWebComponents(\n        Object.fromEntries(this.componentRegistry), \n        this.options.webComponents || {}\n      );\n    } catch (error) {\n      console.warn('Failed to initialize Web Components:', error);\n    }\n  }\n\n  initializeRouting() {\n    const handleRouteChange = () => {\n      const newRoute = this.getCurrentRoute();\n      if (newRoute !== this.currentRoute) {\n        this.handleRouteChange(this.currentRoute, newRoute);\n        this.currentRoute = newRoute;\n      }\n    };\n\n    if (this.options.routingMode === 'hash') {\n      window.addEventListener('hashchange', handleRouteChange);\n    } else if (this.options.routingMode === 'history') {\n      window.addEventListener('popstate', handleRouteChange);\n    }\n\n    // Handle initial route\n    this.currentRoute = this.getCurrentRoute();\n    handleRouteChange();\n  }\n\n  getCurrentRoute() {\n    if (this.options.routingMode === 'hash') {\n      return window.location.hash.slice(1) || '/';\n    } else if (this.options.routingMode === 'history') {\n      return window.location.pathname;\n    }\n    return '/';\n  }\n\n  handleRouteChange(oldRoute, newRoute) {\n    const handler = this.routeRegistry.get(newRoute) || this.routeRegistry.get('*');\n    \n    if (handler) {\n      try {\n        handler({ route: newRoute, oldRoute, params: this.parseRouteParams(newRoute) });\n      } catch (error) {\n        console.error('Route handler error:', error);\n      }\n    }\n  }\n\n  parseRouteParams(route) {\n    // Simple parameter parsing - can be enhanced\n    const params = {};\n    const parts = route.split('/').filter(Boolean);\n    \n    parts.forEach((part, index) => {\n      if (part.startsWith(':')) {\n        const key = part.slice(1);\n        const value = parts[index];\n        if (value && !value.startsWith(':')) {\n          params[key] = value;\n        }\n      }\n    });\n    \n    return params;\n  }\n\n  initializePerformanceMonitoring() {\n    // Monitor render performance\n    if (typeof window === 'undefined' || typeof window.PerformanceObserver === 'undefined') return;\n    const observer = new window.PerformanceObserver((list) => {\n      for (const entry of list.getEntries()) {\n        if (entry.name.includes('coherent')) {\n          this.renderMetrics.push({\n            name: entry.name,\n            duration: entry.duration,\n            startTime: entry.startTime,\n            timestamp: Date.now()\n          });\n        }\n      }\n    });\n\n    try {\n      observer.observe({ entryTypes: ['measure', 'mark'] });\n    } catch (error) {\n      console.warn('Performance monitoring not available:', error);\n    }\n\n    // Clean up old metrics periodically\n    setInterval(() => {\n      const cutoff = Date.now() - 300000; // 5 minutes\n      this.renderMetrics = this.renderMetrics.filter(m => m.timestamp > cutoff);\n    }, 60000); // Every minute\n  }\n\n  // Component management\n  registerComponent(name, component, options = {}) {\n    // Make component hydratable\n    const hydratableComponent = makeHydratable(component, {\n      componentName: name,\n      ...options\n    });\n\n    this.componentRegistry.set(name, hydratableComponent);\n\n    // Register as Web Component if enabled\n    if (this.options.enableWebComponents && this.isInitialized) {\n      try {\n        defineCoherentElement(name, hydratableComponent, options);\n      } catch (error) {\n        console.warn(`Failed to register Web Component ${name}:`, error);\n      }\n    }\n\n    return hydratableComponent;\n  }\n\n  getComponent(name) {\n    return this.componentRegistry.get(name);\n  }\n\n  // Routing\n  addRoute(path, handler) {\n    this.routeRegistry.set(path, handler);\n  }\n\n  navigate(path) {\n    if (this.options.routingMode === 'hash') {\n      window.location.hash = path;\n    } else if (this.options.routingMode === 'history') {\n      window.history.pushState({}, '', path);\n      this.handleRouteChange(this.currentRoute, path);\n      this.currentRoute = path;\n    }\n  }\n\n  // Rendering\n  async render(component, props = {}, target = null) {\n    const startMark = `coherent-render-start-${Date.now()}`;\n    const endMark = `coherent-render-end-${Date.now()}`;\n    \n    try {\n      performance.mark(startMark);\n\n      // Resolve component\n      const resolvedComponent = typeof component === 'string' \n        ? this.getComponent(component) \n        : component;\n\n      if (!resolvedComponent) {\n        throw new Error(`Component not found: ${component}`);\n      }\n\n      // Render component\n      const vdom = resolvedComponent(props);\n      const html = render(vdom);\n\n      // Find or create target element\n      let targetElement = target;\n      if (typeof target === 'string') {\n        targetElement = document.querySelector(target);\n      }\n      if (!targetElement) {\n        targetElement = document.body;\n      }\n\n      // Update DOM\n      targetElement.innerHTML = html;\n\n      // Hydrate the rendered component\n      const instance = await hydrate(targetElement.firstElementChild, resolvedComponent, props);\n\n      performance.mark(endMark);\n      performance.measure(`coherent-render-${resolvedComponent.name || 'anonymous'}`, startMark, endMark);\n\n      return instance;\n    } catch (error) {\n      performance.mark(endMark);\n      console.error('Render error:', error);\n      throw error;\n    }\n  }\n\n  // Create a complete app\n  async createApp(_options = {}) {\n    await this.initialize();\n    \n    return {\n      // Component management\n      component: (name, component, opts) => this.registerComponent(name, component, opts),\n      \n      // Routing\n      route: (path, handler) => this.addRoute(path, handler),\n      navigate: (path) => this.navigate(path),\n      \n      // Rendering\n      render: (component, props, target) => this.render(component, props, target),\n      \n      // State management\n      state: withState,\n      memo: memo,\n      \n      // Hydration\n      hydrate: (element, component, props) => hydrate(element, component, props),\n      \n      // Utilities\n      getRuntime: () => this,\n      getCurrentRoute: () => this.currentRoute,\n      getPerformanceMetrics: () => [...this.renderMetrics],\n      \n      // Lifecycle\n      mount: async (component, target = '#app') => {\n        const app = await this.render(component, {}, target);\n        return app;\n      },\n      \n      unmount: (target = '#app') => {\n        const element = typeof target === 'string' ? document.querySelector(target) : target;\n        if (element) {\n          element.innerHTML = '';\n        }\n      }\n    };\n  }\n\n  // Auto-hydration\n  async autoHydrate() {\n    const componentMap = Object.fromEntries(this.componentRegistry);\n    await autoHydrate(componentMap);\n  }\n\n  // Static methods for quick setup\n  static async createQuickApp(components = {}, options = {}) {\n    const runtime = new BrowserRuntime(options);\n    \n    // Register all components\n    Object.entries(components).forEach(([name, component]) => {\n      runtime.registerComponent(name, component);\n    });\n    \n    return await runtime.createApp(options);\n  }\n\n  static async renderToPage(component, props = {}, target = '#app') {\n    const runtime = new BrowserRuntime({ autoHydrate: false });\n    await runtime.initialize();\n    return await runtime.render(component, props, target);\n  }\n\n  // Performance utilities\n  getPerformanceReport() {\n    const now = Date.now();\n    const uptime = now - this.startTime;\n    const recentMetrics = this.renderMetrics.filter(m => m.timestamp >= now - 60000);\n    \n    const averageRenderTime = recentMetrics.length > 0\n      ? recentMetrics.reduce((sum, m) => sum + m.duration, 0) / recentMetrics.length\n      : 0;\n\n    return {\n      uptime,\n      totalRenders: this.renderMetrics.length,\n      recentRenders: recentMetrics.length,\n      averageRenderTime: Math.round(averageRenderTime * 100) / 100,\n      registeredComponents: this.componentRegistry.size,\n      registeredRoutes: this.routeRegistry.size,\n      currentRoute: this.currentRoute,\n      memoryUsage: this.getMemoryUsage()\n    };\n  }\n\n  getMemoryUsage() {\n    if (typeof performance !== 'undefined' && performance.memory) {\n      return {\n        used: Math.round(performance.memory.usedJSHeapSize / 1024 / 1024),\n        total: Math.round(performance.memory.totalJSHeapSize / 1024 / 1024),\n        limit: Math.round(performance.memory.jsHeapSizeLimit / 1024 / 1024)\n      };\n    }\n    return null;\n  }\n\n  // Development utilities\n  debug() {\n    return {\n      runtime: this,\n      components: Array.from(this.componentRegistry.keys()),\n      routes: Array.from(this.routeRegistry.keys()),\n      performance: this.getPerformanceReport(),\n      options: this.options\n    };\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}