@hypen-space/core 0.3.9 → 0.3.11

package/dist/{src/index.browser.js → index.browser.js}

@@ -10,6 +10,205 @@ var __export = (target, all) => {
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
+// src/logger.ts
+function isProduction() {
+  if (typeof process !== "undefined" && process.env) {
+    return false;
+  }
+  return false;
+}
+function setLogLevel(level) {
+  config.level = level;
+}
+function getLogLevel() {
+  return config.level;
+}
+function configureLogger(options) {
+  config = { ...config, ...options };
+}
+function enableLogging() {
+  config.level = "debug";
+}
+function disableLogging() {
+  config.level = "none";
+}
+function setDebugMode(enabled) {
+  config.level = enabled ? "debug" : "error";
+}
+function isDebugMode() {
+  return config.level === "debug";
+}
+function shouldLog(level) {
+  return LOG_LEVEL_ORDER[level] >= LOG_LEVEL_ORDER[config.level];
+}
+function formatTag(tag, level) {
+  const timestamp = config.timestamps ? `${new Date().toISOString()} ` : "";
+  if (config.colors && level !== "none") {
+    const color = LOG_LEVEL_COLORS[level];
+    return `${timestamp}${color}[${tag}]${RESET_COLOR}`;
+  }
+  return `${timestamp}[${tag}]`;
+}
+
+class Logger {
+  tag;
+  constructor(tag) {
+    this.tag = tag;
+  }
+  debug(...args) {
+    if (!shouldLog("debug"))
+      return;
+    if (config.handler) {
+      config.handler.debug(this.tag, ...args);
+    } else {
+      console.log(formatTag(this.tag, "debug"), ...args);
+    }
+  }
+  info(...args) {
+    if (!shouldLog("info"))
+      return;
+    if (config.handler) {
+      config.handler.info(this.tag, ...args);
+    } else {
+      console.info(formatTag(this.tag, "info"), ...args);
+    }
+  }
+  warn(...args) {
+    if (!shouldLog("warn"))
+      return;
+    if (config.handler) {
+      config.handler.warn(this.tag, ...args);
+    } else {
+      console.warn(formatTag(this.tag, "warn"), ...args);
+    }
+  }
+  error(...args) {
+    if (!shouldLog("error"))
+      return;
+    if (config.handler) {
+      config.handler.error(this.tag, ...args);
+    } else {
+      console.error(formatTag(this.tag, "error"), ...args);
+    }
+  }
+  time(label, fn) {
+    if (!shouldLog("debug")) {
+      return fn();
+    }
+    const start = performance.now();
+    try {
+      return fn();
+    } finally {
+      const duration = performance.now() - start;
+      this.debug(`${label}: ${duration.toFixed(2)}ms`);
+    }
+  }
+  async timeAsync(label, fn) {
+    if (!shouldLog("debug")) {
+      return fn();
+    }
+    const start = performance.now();
+    try {
+      return await fn();
+    } finally {
+      const duration = performance.now() - start;
+      this.debug(`${label}: ${duration.toFixed(2)}ms`);
+    }
+  }
+  child(subTag) {
+    return new Logger(`${this.tag}:${subTag}`);
+  }
+  debugIf(condition, ...args) {
+    if (condition)
+      this.debug(...args);
+  }
+  warnIf(condition, ...args) {
+    if (condition)
+      this.warn(...args);
+  }
+  errorIf(condition, ...args) {
+    if (condition)
+      this.error(...args);
+  }
+  loggedOnce = new Set;
+  warnOnce(key, ...args) {
+    if (this.loggedOnce.has(key))
+      return;
+    this.loggedOnce.add(key);
+    this.warn(...args);
+  }
+  debugOnce(key, ...args) {
+    if (this.loggedOnce.has(key))
+      return;
+    this.loggedOnce.add(key);
+    this.debug(...args);
+  }
+}
+function createLogger(tag) {
+  return new Logger(tag);
+}
+var LOG_LEVEL_ORDER, LOG_LEVEL_COLORS, RESET_COLOR = "\x1B[0m", config, logger, log, frameworkLoggers;
+var init_logger = __esm(() => {
+  LOG_LEVEL_ORDER = {
+    debug: 0,
+    info: 1,
+    warn: 2,
+    error: 3,
+    none: 4
+  };
+  LOG_LEVEL_COLORS = {
+    debug: "\x1B[36m",
+    info: "\x1B[32m",
+    warn: "\x1B[33m",
+    error: "\x1B[31m"
+  };
+  config = {
+    level: isProduction() ? "error" : "debug",
+    colors: true,
+    timestamps: false
+  };
+  logger = createLogger("Hypen");
+  log = {
+    debug: (tag, ...args) => {
+      if (!shouldLog("debug"))
+        return;
+      console.log(formatTag(tag, "debug"), ...args);
+    },
+    info: (tag, ...args) => {
+      if (!shouldLog("info"))
+        return;
+      console.info(formatTag(tag, "info"), ...args);
+    },
+    warn: (tag, ...args) => {
+      if (!shouldLog("warn"))
+        return;
+      console.warn(formatTag(tag, "warn"), ...args);
+    },
+    error: (tag, ...args) => {
+      if (!shouldLog("error"))
+        return;
+      console.error(formatTag(tag, "error"), ...args);
+    }
+  };
+  frameworkLoggers = {
+    hypen: createLogger("Hypen"),
+    engine: createLogger("Engine"),
+    router: createLogger("Router"),
+    state: createLogger("State"),
+    events: createLogger("Events"),
+    remote: createLogger("Remote"),
+    renderer: createLogger("Renderer"),
+    module: createLogger("Module"),
+    lifecycle: createLogger("Lifecycle"),
+    loader: createLogger("Loader"),
+    context: createLogger("Context"),
+    discovery: createLogger("Discovery"),
+    plugin: createLogger("Plugin"),
+    canvas: createLogger("Canvas"),
+    debug: createLogger("Debug")
+  };
+});
+
 // src/state.ts
 function deepClone(obj) {
   if (obj === null || typeof obj !== "object") {
@@ -396,192 +595,6 @@ var init_result = __esm(() => {
   };
 });
 
-// src/logger.ts
-function isProduction() {
-  if (typeof process !== "undefined" && process.env) {
-    return false;
-  }
-  return false;
-}
-function setLogLevel(level) {
-  config.level = level;
-}
-function getLogLevel() {
-  return config.level;
-}
-function configureLogger(options) {
-  config = { ...config, ...options };
-}
-function enableLogging() {
-  config.level = "debug";
-}
-function disableLogging() {
-  config.level = "none";
-}
-function shouldLog(level) {
-  return LOG_LEVEL_ORDER[level] >= LOG_LEVEL_ORDER[config.level];
-}
-function formatTag(tag, level) {
-  const timestamp = config.timestamps ? `${new Date().toISOString()} ` : "";
-  if (config.colors && level !== "none") {
-    const color = LOG_LEVEL_COLORS[level];
-    return `${timestamp}${color}[${tag}]${RESET_COLOR}`;
-  }
-  return `${timestamp}[${tag}]`;
-}
-
-class Logger {
-  tag;
-  constructor(tag) {
-    this.tag = tag;
-  }
-  debug(...args) {
-    if (!shouldLog("debug"))
-      return;
-    if (config.handler) {
-      config.handler.debug(this.tag, ...args);
-    } else {
-      console.log(formatTag(this.tag, "debug"), ...args);
-    }
-  }
-  info(...args) {
-    if (!shouldLog("info"))
-      return;
-    if (config.handler) {
-      config.handler.info(this.tag, ...args);
-    } else {
-      console.info(formatTag(this.tag, "info"), ...args);
-    }
-  }
-  warn(...args) {
-    if (!shouldLog("warn"))
-      return;
-    if (config.handler) {
-      config.handler.warn(this.tag, ...args);
-    } else {
-      console.warn(formatTag(this.tag, "warn"), ...args);
-    }
-  }
-  error(...args) {
-    if (!shouldLog("error"))
-      return;
-    if (config.handler) {
-      config.handler.error(this.tag, ...args);
-    } else {
-      console.error(formatTag(this.tag, "error"), ...args);
-    }
-  }
-  time(label, fn) {
-    if (!shouldLog("debug")) {
-      return fn();
-    }
-    const start = performance.now();
-    try {
-      return fn();
-    } finally {
-      const duration = performance.now() - start;
-      this.debug(`${label}: ${duration.toFixed(2)}ms`);
-    }
-  }
-  async timeAsync(label, fn) {
-    if (!shouldLog("debug")) {
-      return fn();
-    }
-    const start = performance.now();
-    try {
-      return await fn();
-    } finally {
-      const duration = performance.now() - start;
-      this.debug(`${label}: ${duration.toFixed(2)}ms`);
-    }
-  }
-  child(subTag) {
-    return new Logger(`${this.tag}:${subTag}`);
-  }
-  debugIf(condition, ...args) {
-    if (condition)
-      this.debug(...args);
-  }
-  warnIf(condition, ...args) {
-    if (condition)
-      this.warn(...args);
-  }
-  errorIf(condition, ...args) {
-    if (condition)
-      this.error(...args);
-  }
-  loggedOnce = new Set;
-  warnOnce(key, ...args) {
-    if (this.loggedOnce.has(key))
-      return;
-    this.loggedOnce.add(key);
-    this.warn(...args);
-  }
-  debugOnce(key, ...args) {
-    if (this.loggedOnce.has(key))
-      return;
-    this.loggedOnce.add(key);
-    this.debug(...args);
-  }
-}
-function createLogger(tag) {
-  return new Logger(tag);
-}
-var LOG_LEVEL_ORDER, LOG_LEVEL_COLORS, RESET_COLOR = "\x1B[0m", config, logger, log, frameworkLoggers;
-var init_logger = __esm(() => {
-  LOG_LEVEL_ORDER = {
-    debug: 0,
-    info: 1,
-    warn: 2,
-    error: 3,
-    none: 4
-  };
-  LOG_LEVEL_COLORS = {
-    debug: "\x1B[36m",
-    info: "\x1B[32m",
-    warn: "\x1B[33m",
-    error: "\x1B[31m"
-  };
-  config = {
-    level: isProduction() ? "error" : "debug",
-    colors: true,
-    timestamps: false
-  };
-  logger = createLogger("Hypen");
-  log = {
-    debug: (tag, ...args) => {
-      if (!shouldLog("debug"))
-        return;
-      console.log(formatTag(tag, "debug"), ...args);
-    },
-    info: (tag, ...args) => {
-      if (!shouldLog("info"))
-        return;
-      console.info(formatTag(tag, "info"), ...args);
-    },
-    warn: (tag, ...args) => {
-      if (!shouldLog("warn"))
-        return;
-      console.warn(formatTag(tag, "warn"), ...args);
-    },
-    error: (tag, ...args) => {
-      if (!shouldLog("error"))
-        return;
-      console.error(formatTag(tag, "error"), ...args);
-    }
-  };
-  frameworkLoggers = {
-    engine: createLogger("Engine"),
-    router: createLogger("Router"),
-    state: createLogger("State"),
-    events: createLogger("Events"),
-    remote: createLogger("Remote"),
-    renderer: createLogger("Renderer"),
-    module: createLogger("Module"),
-    lifecycle: createLogger("Lifecycle")
-  };
-});
-
 // src/app.ts
 var exports_app = {};
 __export(exports_app, {
@@ -688,9 +701,9 @@ class HypenModuleInstance {
     });
     this.engine.setModule(definition.name || "AnonymousModule", definition.actions, definition.stateKeys, getStateSnapshot(this.state));
     for (const [actionName, handler] of definition.handlers.onAction) {
-      log2.debug(`Registering action handler: ${actionName} for module ${definition.name}`);
+      log3.debug(`Registering action handler: ${actionName} for module ${definition.name}`);
       this.engine.onAction(actionName, async (action) => {
-        log2.debug(`Action handler fired: ${actionName}`, action);
+        log3.debug(`Action handler fired: ${actionName}`, action);
         const actionCtx = {
           name: action.name,
           payload: action.payload,
@@ -712,7 +725,7 @@ class HypenModuleInstance {
             throw result.error;
           }
         } else {
-          log2.debug(`Action handler completed: ${actionName}`);
+          log3.debug(`Action handler completed: ${actionName}`);
         }
       });
     }
@@ -767,7 +780,7 @@ class HypenModuleInstance {
           }
         }
       } catch (handlerError) {
-        log2.error("Error in onError handler:", handlerError);
+        log3.error("Error in onError handler:", handlerError);
       }
     }
     if (this.globalContext) {
@@ -778,7 +791,7 @@ class HypenModuleInstance {
         context: eventContext
       });
     }
-    log2.error(`${context.actionName ? `Action "${context.actionName}"` : `Lifecycle "${context.lifecycle}"`} error:`, error);
+    log3.error(`${context.actionName ? `Action "${context.actionName}"` : `Lifecycle "${context.lifecycle}"`} error:`, error);
     return false;
   }
   async callCreatedHandler() {
@@ -808,16 +821,18 @@ class HypenModuleInstance {
     Object.assign(this.state, patch);
   }
 }
-var log2, app;
+var log3, app;
 var init_app = __esm(() => {
   init_result();
   init_state();
   init_logger();
-  log2 = createLogger("ModuleInstance");
+  log3 = createLogger("ModuleInstance");
   app = new HypenApp;
 });
 
 // src/engine.browser.ts
+init_logger();
+var log2 = frameworkLoggers.engine;
 var wasmInit = null;
 var WasmEngineClass = null;
 function mapToObject(value) {
@@ -856,7 +871,7 @@ class Engine {
       this.wasmEngine = new WasmEngineClass;
       this.initialized = true;
     } catch (error) {
-      console.error("[Hypen] Failed to initialize WASM engine:", error);
+      log2.error("Failed to initialize WASM engine:", error);
       throw error;
     }
   }
@@ -892,12 +907,21 @@ class Engine {
     const safeState = JSON.parse(JSON.stringify(state));
     engine.renderInto(source, parentNodeId, safeState);
   }
-  notifyStateChange(paths, currentState) {
+  notifyStateChange(paths, values) {
+    const engine = this.ensureInitialized();
+    if (paths.length === 0) {
+      return;
+    }
+    const plainValues = JSON.parse(JSON.stringify(values));
+    engine.updateStateSparse(paths, plainValues);
+    log2.debug("State changed (sparse):", paths);
+  }
+  notifyStateChangeFull(paths, currentState) {
     const engine = this.ensureInitialized();
     const plainObject = JSON.parse(JSON.stringify(currentState));
     engine.updateState(plainObject);
     if (paths.length > 0) {
-      console.debug("[Hypen] State changed:", paths);
+      log2.debug("State changed (full):", paths);
     }
   }
   updateState(statePatch) {
@@ -907,7 +931,7 @@ class Engine {
   }
   dispatchAction(name, payload) {
     const engine = this.ensureInitialized();
-    console.log(`[Engine] Action dispatched: ${name}`);
+    log2.debug(`Action dispatched: ${name}`);
     engine.dispatchAction(name, payload ?? null);
   }
   onAction(actionName, handler) {
@@ -917,7 +941,7 @@ class Engine {
         ...action,
         payload: action.payload ? mapToObject(action.payload) : action.payload
       };
-      Promise.resolve(handler(normalizedAction)).catch(console.error);
+      Promise.resolve(handler(normalizedAction)).catch((err) => log2.error("Action handler error:", err));
     });
   }
   setModule(name, actions, stateKeys, initialState) {
@@ -939,6 +963,9 @@ class Engine {
 }
 
 // src/renderer.ts
+init_logger();
+var log4 = frameworkLoggers.renderer;
+
 class BaseRenderer {
   nodes = new Map;
   getNode(id) {
@@ -979,16 +1006,14 @@ class BaseRenderer {
 
 class ConsoleRenderer {
   applyPatches(patches) {
-    console.group("Patches:");
-    for (const patch of patches) {
-      console.log(patch);
-    }
-    console.groupEnd();
+    log4.debug("Patches:", patches);
   }
 }
 
 // src/router.ts
 init_state();
+init_logger();
+var log5 = frameworkLoggers.router;
 
 class HypenRouter {
   state;
@@ -1026,7 +1051,7 @@ class HypenRouter {
       this.updatePath(newPath, false);
     });
     this.isInitialized = true;
-    console.log("Router initialized at:", initialPath);
+    log5.debug("Router initialized at:", initialPath);
   }
   getPathFromBrowser() {
     if (typeof window === "undefined")
@@ -1047,21 +1072,21 @@ class HypenRouter {
     return query;
   }
   push(path) {
-    console.log("Router.push:", path);
+    log5.debug("push:", path);
     this.updatePath(path, true);
   }
   replace(path) {
-    console.log("Router.replace:", path);
+    log5.debug("replace:", path);
     this.updatePath(path, true, true);
   }
   back() {
-    console.log("Router.back");
+    log5.debug("back");
     if (typeof window !== "undefined") {
       window.history.back();
     }
   }
   forward() {
-    console.log("Router.forward");
+    log5.debug("forward");
     if (typeof window !== "undefined") {
       window.history.forward();
     }
@@ -1157,7 +1182,7 @@ class HypenRouter {
     try {
       callback(this.getState());
     } catch (error) {
-      console.error("[HypenRouter] Error in route subscriber:", error);
+      log5.error("Error in route subscriber:", error);
     }
     return () => {
       this.subscribers.delete(callback);
@@ -1169,7 +1194,7 @@ class HypenRouter {
       try {
         callback(routeState);
       } catch (error) {
-        console.error("[HypenRouter] Error in route subscriber:", error);
+        log5.error("Error in route subscriber:", error);
       }
     });
   }
@@ -1186,6 +1211,9 @@ class HypenRouter {
 }
 
 // src/events.ts
+init_logger();
+var log6 = frameworkLoggers.events;
+
 class TypedEventEmitter {
   eventBus = new Map;
   emit(event, payload) {
@@ -1197,7 +1225,7 @@ class TypedEventEmitter {
       try {
         handler(payload);
       } catch (error) {
-        console.error(`Error in event handler for "${String(event)}":`, error);
+        log6.error(`Error in event handler for "${String(event)}":`, error);
       }
     });
   }
@@ -1249,6 +1277,9 @@ function createEventEmitter() {
 }
 
 // src/context.ts
+init_logger();
+var log7 = frameworkLoggers.context;
+
 class HypenGlobalContext {
   modules = new Map;
   typedEvents;
@@ -1261,14 +1292,14 @@ class HypenGlobalContext {
   }
   registerModule(id, instance) {
     if (this.modules.has(id)) {
-      console.warn(`Module "${id}" is already registered. Overwriting.`);
+      log7.warn(`Module "${id}" is already registered. Overwriting.`);
     }
     this.modules.set(id, instance);
-    console.log(`Registered module: ${id}`);
+    log7.debug(`Registered module: ${id}`);
   }
   unregisterModule(id) {
     this.modules.delete(id);
-    console.log(`Unregistered module: ${id}`);
+    log7.debug(`Unregistered module: ${id}`);
   }
   getModule(id) {
     const module = this.modules.get(id);
@@ -1297,14 +1328,14 @@ class HypenGlobalContext {
   emit(event, payload) {
     const handlers = this.legacyEventBus.get(event);
     if (!handlers || handlers.size === 0) {
-      console.log(`Event "${event}" emitted but no listeners`);
+      log7.debug(`Event "${event}" emitted but no listeners`);
     } else {
-      console.log(`Emitting event: ${event}`, payload);
+      log7.debug(`Emitting event: ${event}`, payload);
       handlers.forEach((handler) => {
         try {
           handler(payload);
         } catch (error) {
-          console.error(`Error in event handler for "${event}":`, error);
+          log7.error(`Error in event handler for "${event}":`, error);
         }
       });
     }
@@ -1318,7 +1349,7 @@ class HypenGlobalContext {
     }
     const handlers = this.legacyEventBus.get(event);
     handlers.add(handler);
-    console.log(`Listening to event: ${event}`);
+    log7.debug(`Listening to event: ${event}`);
     return () => {
       handlers.delete(handler);
       if (handlers.size === 0) {
@@ -1351,10 +1382,9 @@ class HypenGlobalContext {
   }
 }
 
-// src/remote/client.ts
-init_result();
-
 // src/disposable.ts
+init_logger();
+var log8 = frameworkLoggers.lifecycle;
 function isDisposable(obj) {
   return obj !== null && typeof obj === "object" && "dispose" in obj && typeof obj.dispose === "function";
 }
@@ -1386,7 +1416,7 @@ class DisposableStack {
       try {
         item.dispose();
       } catch (error) {
-        console.error("[DisposableStack] Error during dispose:", error);
+        log8.error("Error during dispose:", error);
       }
     }
   }
@@ -1477,7 +1507,7 @@ function compositeDisposable(...disposables) {
         try {
           d.dispose();
         } catch (error) {
-          console.error("[compositeDisposable] Error during dispose:", error);
+          log8.error("Error during dispose:", error);
         }
       }
     }
@@ -1500,6 +1530,9 @@ function usingSync(resource, fn) {
   }
 }
 
+// src/remote/client.ts
+init_result();
+
 // src/retry.ts
 init_result();
 var DEFAULT_OPTIONS = {
@@ -1627,6 +1660,9 @@ var RetryPresets = {
 };
 
 // src/remote/client.ts
+init_logger();
+var log9 = frameworkLoggers.remote;
+
 class RemoteEngine {
   ws = null;
   url;
@@ -1733,7 +1769,7 @@ class RemoteEngine {
   }
   dispatchAction(action, payload) {
     if (this.state !== "connected" || !this.ws) {
-      console.warn("Cannot dispatch action: not connected");
+      log9.warn("Cannot dispatch action: not connected");
       return;
     }
     const message = {
@@ -1806,7 +1842,7 @@ class RemoteEngine {
           break;
       }
     } catch (e) {
-      console.error("Error handling remote message:", e);
+      log9.error("Error handling remote message:", e);
       const error = e instanceof Error ? e : new Error(String(e));
       this.errorCallbacks.forEach((cb) => cb(error));
     }
@@ -1835,7 +1871,7 @@ class RemoteEngine {
   }
   handlePatch(message) {
     if (message.revision <= this.currentRevision) {
-      console.warn(`Out of order patch: expected > ${this.currentRevision}, got ${message.revision}`);
+      log9.warn(`Out of order patch: expected > ${this.currentRevision}, got ${message.revision}`);
       return;
     }
     this.currentRevision = message.revision;
@@ -1861,10 +1897,10 @@ class RemoteEngine {
         maxDelayMs: 30000,
         jitter: 0.1,
         onRetry: (attempt, error) => {
-          console.log(`Reconnection attempt ${attempt}/${this.options.maxReconnectAttempts} failed: ${error.message}`);
+          log9.debug(`Reconnection attempt ${attempt}/${this.options.maxReconnectAttempts} failed: ${error.message}`);
         }
       }).catch((error) => {
-        console.error("Max reconnection attempts reached:", error.message);
+        log9.error("Max reconnection attempts reached:", error.message);
         this.errorCallbacks.forEach((cb) => cb(new ConnectionError(this.url, error, this.options.maxReconnectAttempts)));
       });
     }, this.options.reconnectInterval);
@@ -1874,21 +1910,34 @@ class RemoteEngine {
 // src/index.browser.ts
 init_app();
 init_state();
+init_logger();
 export {
+  setLogLevel,
+  setDebugMode,
+  logger,
+  log,
+  isDebugMode,
   getStateSnapshot,
+  getLogLevel,
   getElementDisposables,
+  frameworkLoggers,
+  enableLogging,
   disposableWebSocket,
   disposableTimeout,
   disposableSubscription,
   disposableListener,
   disposableInterval,
   disposableAbortController,
+  disableLogging,
   createObservableState,
+  createLogger,
   createEventEmitter,
+  configureLogger,
   batchStateUpdates,
   app,
   TypedEventEmitter,
   RemoteEngine,
+  Logger,
   HypenRouter,
   HypenModuleInstance,
   HypenGlobalContext,
@@ -1900,4 +1949,4 @@ export {
   BaseRenderer
 };
 
-//# debugId=D16DD91257683E1464756E2164756E21
+//# debugId=9618BA73380775CC64756E2164756E21