@hypen-space/core 0.2.0

package/dist/src/remote/client.js

@@ -0,0 +1,176 @@
+import"../../chunk-5va59f7m.js";
+
+// src/remote/client.ts
+class RemoteEngine {
+  ws = null;
+  url;
+  state = "disconnected";
+  options;
+  reconnectAttempts = 0;
+  reconnectTimer = null;
+  patchCallbacks = [];
+  stateCallbacks = [];
+  connectionCallbacks = [];
+  disconnectionCallbacks = [];
+  errorCallbacks = [];
+  currentState = null;
+  currentRevision = 0;
+  moduleName = "";
+  constructor(url, options = {}) {
+    this.url = url;
+    this.options = {
+      autoReconnect: options.autoReconnect ?? true,
+      reconnectInterval: options.reconnectInterval ?? 3000,
+      maxReconnectAttempts: options.maxReconnectAttempts ?? 10
+    };
+  }
+  async connect() {
+    if (this.state === "connected" || this.state === "connecting") {
+      return;
+    }
+    this.state = "connecting";
+    return new Promise((resolve, reject) => {
+      try {
+        this.ws = new WebSocket(this.url);
+        this.ws.onopen = () => {
+          this.state = "connected";
+          this.reconnectAttempts = 0;
+          this.connectionCallbacks.forEach((cb) => cb());
+          resolve();
+        };
+        this.ws.onmessage = (event) => {
+          this.handleMessage(event.data);
+        };
+        this.ws.onerror = () => {
+          this.state = "error";
+          const error = new Error("WebSocket error");
+          this.errorCallbacks.forEach((cb) => cb(error));
+          reject(error);
+        };
+        this.ws.onclose = () => {
+          this.state = "disconnected";
+          this.disconnectionCallbacks.forEach((cb) => cb());
+          this.attemptReconnect();
+        };
+      } catch (error) {
+        this.state = "error";
+        reject(error);
+      }
+    });
+  }
+  disconnect() {
+    if (this.reconnectTimer) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+    if (this.ws) {
+      this.ws.close();
+      this.ws = null;
+    }
+    this.state = "disconnected";
+  }
+  dispatchAction(action, payload) {
+    if (this.state !== "connected" || !this.ws) {
+      console.warn("Cannot dispatch action: not connected");
+      return;
+    }
+    const message = {
+      type: "dispatchAction",
+      module: this.moduleName,
+      action,
+      payload
+    };
+    this.ws.send(JSON.stringify(message));
+  }
+  onPatches(callback) {
+    this.patchCallbacks.push(callback);
+    return this;
+  }
+  onStateUpdate(callback) {
+    this.stateCallbacks.push(callback);
+    return this;
+  }
+  onConnect(callback) {
+    this.connectionCallbacks.push(callback);
+    return this;
+  }
+  onDisconnect(callback) {
+    this.disconnectionCallbacks.push(callback);
+    return this;
+  }
+  onError(callback) {
+    this.errorCallbacks.push(callback);
+    return this;
+  }
+  getConnectionState() {
+    return this.state;
+  }
+  getCurrentState() {
+    return this.currentState;
+  }
+  getRevision() {
+    return this.currentRevision;
+  }
+  handleMessage(data) {
+    try {
+      const message = JSON.parse(data);
+      switch (message.type) {
+        case "initialTree":
+          this.handleInitialTree(message);
+          break;
+        case "patch":
+          this.handlePatch(message);
+          break;
+        case "stateUpdate":
+          this.currentState = message.state;
+          this.stateCallbacks.forEach((cb) => cb(message.state));
+          break;
+      }
+    } catch (error) {
+      console.error("Error handling remote message:", error);
+      this.errorCallbacks.forEach((cb) => cb(error instanceof Error ? error : new Error(String(error))));
+    }
+  }
+  handleInitialTree(message) {
+    this.moduleName = message.module;
+    this.currentState = message.state;
+    this.currentRevision = message.revision;
+    if (message.patches.length > 0) {
+      this.patchCallbacks.forEach((cb) => cb(message.patches));
+    }
+    this.stateCallbacks.forEach((cb) => cb(message.state));
+  }
+  handlePatch(message) {
+    if (message.revision <= this.currentRevision) {
+      console.warn(`Out of order patch: expected > ${this.currentRevision}, got ${message.revision}`);
+      return;
+    }
+    this.currentRevision = message.revision;
+    if (message.patches.length > 0) {
+      this.patchCallbacks.forEach((cb) => cb(message.patches));
+    }
+  }
+  attemptReconnect() {
+    if (!this.options.autoReconnect) {
+      return;
+    }
+    if (this.reconnectAttempts >= this.options.maxReconnectAttempts) {
+      console.error("Max reconnection attempts reached");
+      return;
+    }
+    this.reconnectAttempts++;
+    console.log(`Attempting to reconnect (${this.reconnectAttempts}/${this.options.maxReconnectAttempts})...`);
+    this.reconnectTimer = setTimeout(() => {
+      this.connect().catch((error) => {
+        console.error("Reconnection failed:", error);
+      });
+    }, this.options.reconnectInterval);
+  }
+}
+export {
+  RemoteEngine
+};
+
+export { RemoteEngine };
+
+//# debugId=81B37709564BD73564756E2164756E21

package/dist/src/remote/client.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/remote/client.ts"],
+  "sourcesContent": [
+    "/**\n * RemoteEngine - Connect to a remote Hypen app over WebSocket\n * Platform-agnostic client (uses standard WebSocket API)\n */\n\nimport type {\n  RemoteMessage,\n  InitialTreeMessage,\n  PatchMessage,\n  DispatchActionMessage,\n} from \"./types.js\";\nimport type { Patch } from \"../engine.js\";\n\nexport type RemoteConnectionState = \"disconnected\" | \"connecting\" | \"connected\" | \"error\";\n\nexport interface RemoteEngineOptions {\n  autoReconnect?: boolean;\n  reconnectInterval?: number;\n  maxReconnectAttempts?: number;\n}\n\n/**\n * Client-side engine that connects to a remote Hypen app\n */\nexport class RemoteEngine {\n  private ws: WebSocket | null = null;\n  private url: string;\n  private state: RemoteConnectionState = \"disconnected\";\n  private options: Required<RemoteEngineOptions>;\n  private reconnectAttempts = 0;\n  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n\n  // Callbacks\n  private patchCallbacks: Array<(patches: Patch[]) => void> = [];\n  private stateCallbacks: Array<(state: any) => void> = [];\n  private connectionCallbacks: Array<() => void> = [];\n  private disconnectionCallbacks: Array<() => void> = [];\n  private errorCallbacks: Array<(error: Error) => void> = [];\n\n  // State\n  private currentState: any = null;\n  private currentRevision = 0;\n  private moduleName: string = \"\";\n\n  constructor(url: string, options: RemoteEngineOptions = {}) {\n    this.url = url;\n    this.options = {\n      autoReconnect: options.autoReconnect ?? true,\n      reconnectInterval: options.reconnectInterval ?? 3000,\n      maxReconnectAttempts: options.maxReconnectAttempts ?? 10,\n    };\n  }\n\n  /**\n   * Connect to the remote server\n   */\n  async connect(): Promise<void> {\n    if (this.state === \"connected\" || this.state === \"connecting\") {\n      return;\n    }\n\n    this.state = \"connecting\";\n\n    return new Promise((resolve, reject) => {\n      try {\n        this.ws = new WebSocket(this.url);\n\n        this.ws.onopen = () => {\n          this.state = \"connected\";\n          this.reconnectAttempts = 0;\n          this.connectionCallbacks.forEach((cb) => cb());\n          resolve();\n        };\n\n        this.ws.onmessage = (event) => {\n          this.handleMessage(event.data);\n        };\n\n        this.ws.onerror = () => {\n          this.state = \"error\";\n          const error = new Error(\"WebSocket error\");\n          this.errorCallbacks.forEach((cb) => cb(error));\n          reject(error);\n        };\n\n        this.ws.onclose = () => {\n          this.state = \"disconnected\";\n          this.disconnectionCallbacks.forEach((cb) => cb());\n          this.attemptReconnect();\n        };\n      } catch (error) {\n        this.state = \"error\";\n        reject(error);\n      }\n    });\n  }\n\n  /**\n   * Disconnect from the remote server\n   */\n  disconnect(): void {\n    if (this.reconnectTimer) {\n      clearTimeout(this.reconnectTimer);\n      this.reconnectTimer = null;\n    }\n\n    if (this.ws) {\n      this.ws.close();\n      this.ws = null;\n    }\n\n    this.state = \"disconnected\";\n  }\n\n  /**\n   * Dispatch an action to the remote server\n   */\n  dispatchAction(action: string, payload?: any): void {\n    if (this.state !== \"connected\" || !this.ws) {\n      console.warn(\"Cannot dispatch action: not connected\");\n      return;\n    }\n\n    const message: DispatchActionMessage = {\n      type: \"dispatchAction\",\n      module: this.moduleName,\n      action,\n      payload,\n    };\n\n    this.ws.send(JSON.stringify(message));\n  }\n\n  /**\n   * Register callback for patches\n   */\n  onPatches(callback: (patches: Patch[]) => void): this {\n    this.patchCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Register callback for state updates\n   */\n  onStateUpdate(callback: (state: any) => void): this {\n    this.stateCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Register callback for connection\n   */\n  onConnect(callback: () => void): this {\n    this.connectionCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Register callback for disconnection\n   */\n  onDisconnect(callback: () => void): this {\n    this.disconnectionCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Register callback for errors\n   */\n  onError(callback: (error: Error) => void): this {\n    this.errorCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Get current connection state\n   */\n  getConnectionState(): RemoteConnectionState {\n    return this.state;\n  }\n\n  /**\n   * Get current app state\n   */\n  getCurrentState(): any {\n    return this.currentState;\n  }\n\n  /**\n   * Get current revision\n   */\n  getRevision(): number {\n    return this.currentRevision;\n  }\n\n  private handleMessage(data: string): void {\n    try {\n      const message = JSON.parse(data) as RemoteMessage;\n\n      switch (message.type) {\n        case \"initialTree\":\n          this.handleInitialTree(message as InitialTreeMessage);\n          break;\n\n        case \"patch\":\n          this.handlePatch(message as PatchMessage);\n          break;\n\n        case \"stateUpdate\":\n          this.currentState = message.state;\n          this.stateCallbacks.forEach((cb) => cb(message.state));\n          break;\n      }\n    } catch (error) {\n      console.error(\"Error handling remote message:\", error);\n      this.errorCallbacks.forEach((cb) =>\n        cb(error instanceof Error ? error : new Error(String(error)))\n      );\n    }\n  }\n\n  private handleInitialTree(message: InitialTreeMessage): void {\n    this.moduleName = message.module;\n    this.currentState = message.state;\n    this.currentRevision = message.revision;\n\n    // Apply initial patches\n    if (message.patches.length > 0) {\n      this.patchCallbacks.forEach((cb) => cb(message.patches));\n    }\n\n    // Notify state callbacks\n    this.stateCallbacks.forEach((cb) => cb(message.state));\n  }\n\n  private handlePatch(message: PatchMessage): void {\n    // Check revision ordering\n    if (message.revision <= this.currentRevision) {\n      console.warn(\n        `Out of order patch: expected > ${this.currentRevision}, got ${message.revision}`\n      );\n      return;\n    }\n\n    this.currentRevision = message.revision;\n\n    // Apply patches\n    if (message.patches.length > 0) {\n      this.patchCallbacks.forEach((cb) => cb(message.patches));\n    }\n  }\n\n  private attemptReconnect(): void {\n    if (!this.options.autoReconnect) {\n      return;\n    }\n\n    if (this.reconnectAttempts >= this.options.maxReconnectAttempts) {\n      console.error(\"Max reconnection attempts reached\");\n      return;\n    }\n\n    this.reconnectAttempts++;\n\n    console.log(\n      `Attempting to reconnect (${this.reconnectAttempts}/${this.options.maxReconnectAttempts})...`\n    );\n\n    this.reconnectTimer = setTimeout(() => {\n      this.connect().catch((error) => {\n        console.error(\"Reconnection failed:\", error);\n      });\n    }, this.options.reconnectInterval);\n  }\n}\n"
+  ],
+  "mappings": ";;;AAwBO,MAAM,aAAa;AAAA,EAChB,KAAuB;AAAA,EACvB;AAAA,EACA,QAA+B;AAAA,EAC/B;AAAA,EACA,oBAAoB;AAAA,EACpB,iBAAuD;AAAA,EAGvD,iBAAoD,CAAC;AAAA,EACrD,iBAA8C,CAAC;AAAA,EAC/C,sBAAyC,CAAC;AAAA,EAC1C,yBAA4C,CAAC;AAAA,EAC7C,iBAAgD,CAAC;AAAA,EAGjD,eAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAqB;AAAA,EAE7B,WAAW,CAAC,KAAa,UAA+B,CAAC,GAAG;AAAA,IAC1D,KAAK,MAAM;AAAA,IACX,KAAK,UAAU;AAAA,MACb,eAAe,QAAQ,iBAAiB;AAAA,MACxC,mBAAmB,QAAQ,qBAAqB;AAAA,MAChD,sBAAsB,QAAQ,wBAAwB;AAAA,IACxD;AAAA;AAAA,OAMI,QAAO,GAAkB;AAAA,IAC7B,IAAI,KAAK,UAAU,eAAe,KAAK,UAAU,cAAc;AAAA,MAC7D;AAAA,IACF;AAAA,IAEA,KAAK,QAAQ;AAAA,IAEb,OAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AAAA,MACtC,IAAI;AAAA,QACF,KAAK,KAAK,IAAI,UAAU,KAAK,GAAG;AAAA,QAEhC,KAAK,GAAG,SAAS,MAAM;AAAA,UACrB,KAAK,QAAQ;AAAA,UACb,KAAK,oBAAoB;AAAA,UACzB,KAAK,oBAAoB,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,UAC7C,QAAQ;AAAA;AAAA,QAGV,KAAK,GAAG,YAAY,CAAC,UAAU;AAAA,UAC7B,KAAK,cAAc,MAAM,IAAI;AAAA;AAAA,QAG/B,KAAK,GAAG,UAAU,MAAM;AAAA,UACtB,KAAK,QAAQ;AAAA,UACb,MAAM,QAAQ,IAAI,MAAM,iBAAiB;AAAA,UACzC,KAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAAA,UAC7C,OAAO,KAAK;AAAA;AAAA,QAGd,KAAK,GAAG,UAAU,MAAM;AAAA,UACtB,KAAK,QAAQ;AAAA,UACb,KAAK,uBAAuB,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,UAChD,KAAK,iBAAiB;AAAA;AAAA,QAExB,OAAO,OAAO;AAAA,QACd,KAAK,QAAQ;AAAA,QACb,OAAO,KAAK;AAAA;AAAA,KAEf;AAAA;AAAA,EAMH,UAAU,GAAS;AAAA,IACjB,IAAI,KAAK,gBAAgB;AAAA,MACvB,aAAa,KAAK,cAAc;AAAA,MAChC,KAAK,iBAAiB;AAAA,IACxB;AAAA,IAEA,IAAI,KAAK,IAAI;AAAA,MACX,KAAK,GAAG,MAAM;AAAA,MACd,KAAK,KAAK;AAAA,IACZ;AAAA,IAEA,KAAK,QAAQ;AAAA;AAAA,EAMf,cAAc,CAAC,QAAgB,SAAqB;AAAA,IAClD,IAAI,KAAK,UAAU,eAAe,CAAC,KAAK,IAAI;AAAA,MAC1C,QAAQ,KAAK,uCAAuC;AAAA,MACpD;AAAA,IACF;AAAA,IAEA,MAAM,UAAiC;AAAA,MACrC,MAAM;AAAA,MACN,QAAQ,KAAK;AAAA,MACb;AAAA,MACA;AAAA,IACF;AAAA,IAEA,KAAK,GAAG,KAAK,KAAK,UAAU,OAAO,CAAC;AAAA;AAAA,EAMtC,SAAS,CAAC,UAA4C;AAAA,IACpD,KAAK,eAAe,KAAK,QAAQ;AAAA,IACjC,OAAO;AAAA;AAAA,EAMT,aAAa,CAAC,UAAsC;AAAA,IAClD,KAAK,eAAe,KAAK,QAAQ;AAAA,IACjC,OAAO;AAAA;AAAA,EAMT,SAAS,CAAC,UAA4B;AAAA,IACpC,KAAK,oBAAoB,KAAK,QAAQ;AAAA,IACtC,OAAO;AAAA;AAAA,EAMT,YAAY,CAAC,UAA4B;AAAA,IACvC,KAAK,uBAAuB,KAAK,QAAQ;AAAA,IACzC,OAAO;AAAA;AAAA,EAMT,OAAO,CAAC,UAAwC;AAAA,IAC9C,KAAK,eAAe,KAAK,QAAQ;AAAA,IACjC,OAAO;AAAA;AAAA,EAMT,kBAAkB,GAA0B;AAAA,IAC1C,OAAO,KAAK;AAAA;AAAA,EAMd,eAAe,GAAQ;AAAA,IACrB,OAAO,KAAK;AAAA;AAAA,EAMd,WAAW,GAAW;AAAA,IACpB,OAAO,KAAK;AAAA;AAAA,EAGN,aAAa,CAAC,MAAoB;AAAA,IACxC,IAAI;AAAA,MACF,MAAM,UAAU,KAAK,MAAM,IAAI;AAAA,MAE/B,QAAQ,QAAQ;AAAA,aACT;AAAA,UACH,KAAK,kBAAkB,OAA6B;AAAA,UACpD;AAAA,aAEG;AAAA,UACH,KAAK,YAAY,OAAuB;AAAA,UACxC;AAAA,aAEG;AAAA,UACH,KAAK,eAAe,QAAQ;AAAA,UAC5B,KAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,QAAQ,KAAK,CAAC;AAAA,UACrD;AAAA;AAAA,MAEJ,OAAO,OAAO;AAAA,MACd,QAAQ,MAAM,kCAAkC,KAAK;AAAA,MACrD,KAAK,eAAe,QAAQ,CAAC,OAC3B,GAAG,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC,CAAC,CAC9D;AAAA;AAAA;AAAA,EAII,iBAAiB,CAAC,SAAmC;AAAA,IAC3D,KAAK,aAAa,QAAQ;AAAA,IAC1B,KAAK,eAAe,QAAQ;AAAA,IAC5B,KAAK,kBAAkB,QAAQ;AAAA,IAG/B,IAAI,QAAQ,QAAQ,SAAS,GAAG;AAAA,MAC9B,KAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,QAAQ,OAAO,CAAC;AAAA,IACzD;AAAA,IAGA,KAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,QAAQ,KAAK,CAAC;AAAA;AAAA,EAG/C,WAAW,CAAC,SAA6B;AAAA,IAE/C,IAAI,QAAQ,YAAY,KAAK,iBAAiB;AAAA,MAC5C,QAAQ,KACN,kCAAkC,KAAK,wBAAwB,QAAQ,UACzE;AAAA,MACA;AAAA,IACF;AAAA,IAEA,KAAK,kBAAkB,QAAQ;AAAA,IAG/B,IAAI,QAAQ,QAAQ,SAAS,GAAG;AAAA,MAC9B,KAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,QAAQ,OAAO,CAAC;AAAA,IACzD;AAAA;AAAA,EAGM,gBAAgB,GAAS;AAAA,IAC/B,IAAI,CAAC,KAAK,QAAQ,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,IAEA,IAAI,KAAK,qBAAqB,KAAK,QAAQ,sBAAsB;AAAA,MAC/D,QAAQ,MAAM,mCAAmC;AAAA,MACjD;AAAA,IACF;AAAA,IAEA,KAAK;AAAA,IAEL,QAAQ,IACN,4BAA4B,KAAK,qBAAqB,KAAK,QAAQ,0BACrE;AAAA,IAEA,KAAK,iBAAiB,WAAW,MAAM;AAAA,MACrC,KAAK,QAAQ,EAAE,MAAM,CAAC,UAAU;AAAA,QAC9B,QAAQ,MAAM,wBAAwB,KAAK;AAAA,OAC5C;AAAA,OACA,KAAK,QAAQ,iBAAiB;AAAA;AAErC;",
+  "debugId": "81B37709564BD73564756E2164756E21",
+  "names": []
+}

package/dist/src/remote/index.js

@@ -0,0 +1,9 @@
+import {
+  RemoteEngine
+} from "./client.js";
+import"../../chunk-5va59f7m.js";
+export {
+  RemoteEngine
+};
+
+//# debugId=9506B2935A5C9A6164756E2164756E21

package/dist/src/remote/index.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "9506B2935A5C9A6164756E2164756E21",
+  "names": []
+}

package/dist/src/remote/types.js

@@ -0,0 +1,2 @@
+
+//# debugId=896EB198F3ECA50D64756E2164756E21

package/dist/src/remote/types.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "896EB198F3ECA50D64756E2164756E21",
+  "names": []
+}

package/dist/src/renderer.js

@@ -0,0 +1,58 @@
+import"../chunk-5va59f7m.js";
+
+// src/renderer.ts
+class BaseRenderer {
+  nodes = new Map;
+  getNode(id) {
+    return this.nodes.get(id);
+  }
+  clear() {
+    this.nodes.clear();
+  }
+  applyPatch(patch) {
+    switch (patch.type) {
+      case "create":
+        this.onCreate(patch.id, patch.elementType, patch.props || {});
+        break;
+      case "setProp":
+        this.onSetProp(patch.id, patch.name, patch.value);
+        break;
+      case "setText":
+        this.onSetText(patch.id, patch.text);
+        break;
+      case "insert":
+        this.onInsert(patch.parentId, patch.id, patch.beforeId);
+        break;
+      case "move":
+        this.onMove(patch.parentId, patch.id, patch.beforeId);
+        break;
+      case "remove":
+        this.onRemove(patch.id);
+        break;
+      case "attachEvent":
+        this.onAttachEvent(patch.id, patch.eventName);
+        break;
+      case "detachEvent":
+        this.onDetachEvent(patch.id, patch.eventName);
+        break;
+    }
+  }
+}
+
+class ConsoleRenderer {
+  applyPatches(patches) {
+    console.group("Patches:");
+    for (const patch of patches) {
+      console.log(patch);
+    }
+    console.groupEnd();
+  }
+}
+export {
+  ConsoleRenderer,
+  BaseRenderer
+};
+
+export { BaseRenderer, ConsoleRenderer };
+
+//# debugId=8E0AF6AE64CE63D964756E2164756E21

package/dist/src/renderer.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/renderer.ts"],
+  "sourcesContent": [
+    "/**\n * Renderer abstraction interface\n *\n * Renderers are pluggable and can be implemented for different platforms\n * (DOM, Canvas, Native, etc.)\n */\n\nimport type { Patch } from \"./engine.js\";\n\n/**\n * Renderer interface that all platform renderers must implement\n */\nexport interface Renderer {\n  /**\n   * Apply a batch of patches to the render tree\n   */\n  applyPatches(patches: Patch[]): void;\n\n  /**\n   * Get a node by its ID (optional, for debugging)\n   */\n  getNode?(id: string): any;\n\n  /**\n   * Clear the entire render tree\n   */\n  clear?(): void;\n}\n\n/**\n * Base renderer class with common utilities\n */\nexport abstract class BaseRenderer implements Renderer {\n  protected nodes: Map<string, any> = new Map();\n\n  abstract applyPatches(patches: Patch[]): void;\n\n  getNode(id: string): any {\n    return this.nodes.get(id);\n  }\n\n  clear(): void {\n    this.nodes.clear();\n  }\n\n  /**\n   * Apply a single patch\n   */\n  protected applyPatch(patch: Patch): void {\n    switch (patch.type) {\n      case \"create\":\n        this.onCreate(patch.id!, patch.elementType!, patch.props || {});\n        break;\n      case \"setProp\":\n        this.onSetProp(patch.id!, patch.name!, patch.value);\n        break;\n      case \"setText\":\n        this.onSetText(patch.id!, patch.text!);\n        break;\n      case \"insert\":\n        this.onInsert(patch.parentId!, patch.id!, patch.beforeId);\n        break;\n      case \"move\":\n        this.onMove(patch.parentId!, patch.id!, patch.beforeId);\n        break;\n      case \"remove\":\n        this.onRemove(patch.id!);\n        break;\n      case \"attachEvent\":\n        this.onAttachEvent(patch.id!, patch.eventName!);\n        break;\n      case \"detachEvent\":\n        this.onDetachEvent(patch.id!, patch.eventName!);\n        break;\n    }\n  }\n\n  /**\n   * Platform-specific patch handlers\n   */\n  protected abstract onCreate(id: string, elementType: string, props: Record<string, any>): void;\n  protected abstract onSetProp(id: string, name: string, value: any): void;\n  protected abstract onSetText(id: string, text: string): void;\n  protected abstract onInsert(parentId: string, id: string, beforeId?: string): void;\n  protected abstract onMove(parentId: string, id: string, beforeId?: string): void;\n  protected abstract onRemove(id: string): void;\n  protected abstract onAttachEvent(id: string, eventName: string): void;\n  protected abstract onDetachEvent(id: string, eventName: string): void;\n}\n\n/**\n * Console/Debug renderer that logs patches\n */\nexport class ConsoleRenderer implements Renderer {\n  applyPatches(patches: Patch[]): void {\n    console.group(\"Patches:\");\n    for (const patch of patches) {\n      console.log(patch);\n    }\n    console.groupEnd();\n  }\n}\n"
+  ],
+  "mappings": ";;;AAgCO,MAAe,aAAiC;AAAA,EAC3C,QAA0B,IAAI;AAAA,EAIxC,OAAO,CAAC,IAAiB;AAAA,IACvB,OAAO,KAAK,MAAM,IAAI,EAAE;AAAA;AAAA,EAG1B,KAAK,GAAS;AAAA,IACZ,KAAK,MAAM,MAAM;AAAA;AAAA,EAMT,UAAU,CAAC,OAAoB;AAAA,IACvC,QAAQ,MAAM;AAAA,WACP;AAAA,QACH,KAAK,SAAS,MAAM,IAAK,MAAM,aAAc,MAAM,SAAS,CAAC,CAAC;AAAA,QAC9D;AAAA,WACG;AAAA,QACH,KAAK,UAAU,MAAM,IAAK,MAAM,MAAO,MAAM,KAAK;AAAA,QAClD;AAAA,WACG;AAAA,QACH,KAAK,UAAU,MAAM,IAAK,MAAM,IAAK;AAAA,QACrC;AAAA,WACG;AAAA,QACH,KAAK,SAAS,MAAM,UAAW,MAAM,IAAK,MAAM,QAAQ;AAAA,QACxD;AAAA,WACG;AAAA,QACH,KAAK,OAAO,MAAM,UAAW,MAAM,IAAK,MAAM,QAAQ;AAAA,QACtD;AAAA,WACG;AAAA,QACH,KAAK,SAAS,MAAM,EAAG;AAAA,QACvB;AAAA,WACG;AAAA,QACH,KAAK,cAAc,MAAM,IAAK,MAAM,SAAU;AAAA,QAC9C;AAAA,WACG;AAAA,QACH,KAAK,cAAc,MAAM,IAAK,MAAM,SAAU;AAAA,QAC9C;AAAA;AAAA;AAeR;AAAA;AAKO,MAAM,gBAAoC;AAAA,EAC/C,YAAY,CAAC,SAAwB;AAAA,IACnC,QAAQ,MAAM,UAAU;AAAA,IACxB,WAAW,SAAS,SAAS;AAAA,MAC3B,QAAQ,IAAI,KAAK;AAAA,IACnB;AAAA,IACA,QAAQ,SAAS;AAAA;AAErB;",
+  "debugId": "8E0AF6AE64CE63D964756E2164756E21",
+  "names": []
+}

package/dist/src/router.js

@@ -0,0 +1,189 @@
+import {
+  createObservableState,
+  getStateSnapshot
+} from "./state.js";
+import"../chunk-5va59f7m.js";
+
+// src/router.ts
+class HypenRouter {
+  state;
+  subscribers = new Set;
+  isInitialized = false;
+  constructor() {
+    this.state = createObservableState({
+      currentPath: "/",
+      params: {},
+      query: {},
+      previousPath: null
+    }, {
+      onChange: () => {
+        this.notifySubscribers();
+      }
+    });
+    if (typeof window !== "undefined") {
+      this.initializeBrowserSync();
+    }
+  }
+  initializeBrowserSync() {
+    const initialPath = this.getPathFromBrowser();
+    this.state.currentPath = initialPath;
+    this.state.params = {};
+    this.state.query = this.parseQuery();
+    window.addEventListener("popstate", () => {
+      const newPath = this.getPathFromBrowser();
+      this.updatePath(newPath, false);
+    });
+    window.addEventListener("hashchange", () => {
+      const newPath = this.getPathFromBrowser();
+      this.updatePath(newPath, false);
+    });
+    this.isInitialized = true;
+    console.log("Router initialized at:", initialPath);
+  }
+  getPathFromBrowser() {
+    if (typeof window === "undefined")
+      return "/";
+    const hash = window.location.hash.slice(1);
+    if (hash)
+      return hash;
+    return window.location.pathname;
+  }
+  parseQuery() {
+    if (typeof window === "undefined")
+      return {};
+    const query = {};
+    const searchParams = new URLSearchParams(window.location.search);
+    searchParams.forEach((value, key) => {
+      query[key] = value;
+    });
+    return query;
+  }
+  push(path) {
+    console.log("Router.push:", path);
+    this.updatePath(path, true);
+  }
+  replace(path) {
+    console.log("Router.replace:", path);
+    this.updatePath(path, true, true);
+  }
+  back() {
+    console.log("Router.back");
+    if (typeof window !== "undefined") {
+      window.history.back();
+    }
+  }
+  forward() {
+    console.log("Router.forward");
+    if (typeof window !== "undefined") {
+      window.history.forward();
+    }
+  }
+  updatePath(path, updateBrowser, replace = false) {
+    const oldPath = this.state.currentPath;
+    this.state.previousPath = oldPath;
+    this.state.currentPath = path;
+    this.state.query = this.parseQuery();
+    if (updateBrowser && typeof window !== "undefined") {
+      const url = "#" + path;
+      if (replace) {
+        window.history.replaceState(null, "", url);
+      } else {
+        window.history.pushState(null, "", url);
+      }
+      const hashChangeEvent = new HashChangeEvent("hashchange", {
+        oldURL: window.location.href.replace(window.location.hash, "#" + oldPath),
+        newURL: window.location.href
+      });
+      window.dispatchEvent(hashChangeEvent);
+    }
+  }
+  getCurrentPath() {
+    return this.state.currentPath;
+  }
+  getParams() {
+    return { ...this.state.params };
+  }
+  getQuery() {
+    return { ...this.state.query };
+  }
+  getState() {
+    return getStateSnapshot(this.state);
+  }
+  matchPath(pattern, path) {
+    if (!pattern || typeof pattern !== "string") {
+      return null;
+    }
+    if (!path || typeof path !== "string") {
+      return null;
+    }
+    if (pattern === path) {
+      return {
+        params: {},
+        query: this.state.query,
+        path
+      };
+    }
+    if (pattern.endsWith("/*")) {
+      const prefix = pattern.slice(0, -2);
+      if (path === prefix || path.startsWith(prefix + "/")) {
+        return {
+          params: {},
+          query: this.state.query,
+          path
+        };
+      }
+      return null;
+    }
+    const paramNames = [];
+    const regexPattern = pattern.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, (_, name) => {
+      paramNames.push(name);
+      return "([^/]+)";
+    }).replace(/\*/g, ".*");
+    const regex = new RegExp(`^${regexPattern}$`);
+    const match = path.match(regex);
+    if (!match)
+      return null;
+    const params = {};
+    paramNames.forEach((name, i) => {
+      const value = match[i + 1];
+      if (value !== undefined) {
+        params[name] = decodeURIComponent(value);
+      }
+    });
+    return {
+      params,
+      query: this.state.query,
+      path
+    };
+  }
+  onNavigate(callback) {
+    this.subscribers.add(callback);
+    callback(this.getState());
+    return () => {
+      this.subscribers.delete(callback);
+    };
+  }
+  notifySubscribers() {
+    const routeState = this.getState();
+    this.subscribers.forEach((callback) => {
+      callback(routeState);
+    });
+  }
+  isActive(pattern) {
+    return this.matchPath(pattern, this.state.currentPath) !== null;
+  }
+  buildUrl(path, query) {
+    if (!query || Object.keys(query).length === 0) {
+      return path;
+    }
+    const queryString = new URLSearchParams(query).toString();
+    return `${path}?${queryString}`;
+  }
+}
+export {
+  HypenRouter
+};
+
+export { HypenRouter };
+
+//# debugId=3DC99DC236B0D73C64756E2164756E21

package/dist/src/router.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/router.ts"],
+  "sourcesContent": [
+    "/**\n * Hypen Router - Declarative routing system\n * Integrated with Hypen's reactive state management\n */\n\nimport { createObservableState, getStateSnapshot } from \"./state.js\";\n\nexport type RouteMatch = {\n  params: Record<string, string>;\n  query: Record<string, string>;\n  path: string;\n};\n\nexport type RouteState = {\n  currentPath: string;\n  params: Record<string, string>;\n  query: Record<string, string>;\n  previousPath: string | null;\n};\n\nexport type RouteChangeCallback = (route: RouteState) => void;\n\n/**\n * Hypen Router - Manages application routing with pattern matching\n */\nexport class HypenRouter {\n  private state: RouteState;\n  private subscribers = new Set<RouteChangeCallback>();\n  private isInitialized = false;\n\n  constructor() {\n    // Create observable state for reactivity\n    this.state = createObservableState<RouteState>(\n      {\n        currentPath: \"/\",\n        params: {},\n        query: {},\n        previousPath: null,\n      },\n      {\n        onChange: () => {\n          this.notifySubscribers();\n        },\n      }\n    );\n\n    // Initialize from browser if available\n    if (typeof window !== \"undefined\") {\n      this.initializeBrowserSync();\n    }\n  }\n\n  /**\n   * Initialize browser history sync\n   */\n  private initializeBrowserSync() {\n    // Get initial path from hash or pathname\n    const initialPath = this.getPathFromBrowser();\n    this.state.currentPath = initialPath;\n    this.state.params = {};\n    this.state.query = this.parseQuery();\n\n    // Listen for browser back/forward\n    window.addEventListener(\"popstate\", () => {\n      const newPath = this.getPathFromBrowser();\n      this.updatePath(newPath, false); // Don't push to history again\n    });\n\n    // Listen for hash changes\n    window.addEventListener(\"hashchange\", () => {\n      const newPath = this.getPathFromBrowser();\n      this.updatePath(newPath, false);\n    });\n\n    this.isInitialized = true;\n    console.log(\"Router initialized at:\", initialPath);\n  }\n\n  /**\n   * Get path from browser URL (supports both hash and pathname)\n   */\n  private getPathFromBrowser(): string {\n    if (typeof window === \"undefined\") return \"/\";\n\n    // Prefer hash-based routing for simplicity\n    const hash = window.location.hash.slice(1);\n    if (hash) return hash;\n\n    // Fallback to pathname\n    return window.location.pathname;\n  }\n\n  /**\n   * Parse query string from URL\n   */\n  private parseQuery(): Record<string, string> {\n    if (typeof window === \"undefined\") return {};\n\n    const query: Record<string, string> = {};\n    const searchParams = new URLSearchParams(window.location.search);\n\n    searchParams.forEach((value, key) => {\n      query[key] = value;\n    });\n\n    return query;\n  }\n\n  /**\n   * Navigate to a new path\n   */\n  push(path: string) {\n    console.log(\"Router.push:\", path);\n    this.updatePath(path, true);\n  }\n\n  /**\n   * Replace current path without adding to history\n   */\n  replace(path: string) {\n    console.log(\"Router.replace:\", path);\n    this.updatePath(path, true, true);\n  }\n\n  /**\n   * Go back in history\n   */\n  back() {\n    console.log(\"Router.back\");\n    if (typeof window !== \"undefined\") {\n      window.history.back();\n    }\n  }\n\n  /**\n   * Go forward in history\n   */\n  forward() {\n    console.log(\"Router.forward\");\n    if (typeof window !== \"undefined\") {\n      window.history.forward();\n    }\n  }\n\n  /**\n   * Update the current path\n   */\n  private updatePath(\n    path: string,\n    updateBrowser: boolean,\n    replace: boolean = false\n  ) {\n    const oldPath = this.state.currentPath;\n    this.state.previousPath = oldPath;\n    this.state.currentPath = path;\n    this.state.query = this.parseQuery();\n\n    // Update browser URL if needed\n    if (updateBrowser && typeof window !== \"undefined\") {\n      const url = \"#\" + path;\n      if (replace) {\n        window.history.replaceState(null, \"\", url);\n      } else {\n        window.history.pushState(null, \"\", url);\n      }\n\n      // Manually trigger hashchange event\n      const hashChangeEvent = new HashChangeEvent(\"hashchange\", {\n        oldURL: window.location.href.replace(window.location.hash, \"#\" + oldPath),\n        newURL: window.location.href,\n      });\n      window.dispatchEvent(hashChangeEvent);\n    }\n  }\n\n  /**\n   * Get current path\n   */\n  getCurrentPath(): string {\n    return this.state.currentPath;\n  }\n\n  /**\n   * Get current route params\n   */\n  getParams(): Record<string, string> {\n    return { ...this.state.params };\n  }\n\n  /**\n   * Get current query params\n   */\n  getQuery(): Record<string, string> {\n    return { ...this.state.query };\n  }\n\n  /**\n   * Get full route state snapshot\n   */\n  getState(): RouteState {\n    return getStateSnapshot(this.state);\n  }\n\n  /**\n   * Match a pattern against a path\n   */\n  matchPath(pattern: string, path: string): RouteMatch | null {\n    // Handle invalid inputs gracefully\n    if (!pattern || typeof pattern !== 'string') {\n      return null;\n    }\n    if (!path || typeof path !== 'string') {\n      return null;\n    }\n\n    // Exact match\n    if (pattern === path) {\n      return {\n        params: {},\n        query: this.state.query,\n        path,\n      };\n    }\n\n    // Wildcard match: /dashboard/* matches /dashboard/anything\n    if (pattern.endsWith(\"/*\")) {\n      const prefix = pattern.slice(0, -2);\n      if (path === prefix || path.startsWith(prefix + \"/\")) {\n        return {\n          params: {},\n          query: this.state.query,\n          path,\n        };\n      }\n      return null;\n    }\n\n    // Parameter match: /users/:id matches /users/123\n    const paramNames: string[] = [];\n    const regexPattern = pattern\n      .replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, (_, name) => {\n        paramNames.push(name);\n        return \"([^/]+)\";\n      })\n      .replace(/\\*/g, \".*\");\n\n    const regex = new RegExp(`^${regexPattern}$`);\n    const match = path.match(regex);\n\n    if (!match) return null;\n\n    // Extract params\n    const params: Record<string, string> = {};\n    paramNames.forEach((name, i) => {\n      const value = match[i + 1];\n      if (value !== undefined) {\n        params[name] = decodeURIComponent(value);\n      }\n    });\n\n    return {\n      params,\n      query: this.state.query,\n      path,\n    };\n  }\n\n  /**\n   * Subscribe to route changes\n   */\n  onNavigate(callback: RouteChangeCallback): () => void {\n    this.subscribers.add(callback);\n\n    // Call immediately with current state\n    callback(this.getState());\n\n    // Return unsubscribe function\n    return () => {\n      this.subscribers.delete(callback);\n    };\n  }\n\n  /**\n   * Notify all subscribers of route change\n   */\n  private notifySubscribers() {\n    const routeState = this.getState();\n    this.subscribers.forEach((callback) => {\n      callback(routeState);\n    });\n  }\n\n  /**\n   * Check if a path matches the current route\n   */\n  isActive(pattern: string): boolean {\n    return this.matchPath(pattern, this.state.currentPath) !== null;\n  }\n\n  /**\n   * Get a URL with query params\n   */\n  buildUrl(path: string, query?: Record<string, string>): string {\n    if (!query || Object.keys(query).length === 0) {\n      return path;\n    }\n\n    const queryString = new URLSearchParams(query).toString();\n    return `${path}?${queryString}`;\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "3DC99DC236B0D73C64756E2164756E21",
+  "names": []
+}