ziex 0.1.0-dev.1458 → 0.1.0-dev.1466

package/wasm/index.js

@@ -1,3 +1,28 @@
+// src/wasm/constants.ts
+var DOM_CMD_HEADER_SIZE = 8;
+var DOM_CMD_RECORD_SIZE = 24;
+var DomOp_CreateElement = 1;
+var DomOp_CreateText = 2;
+var DomOp_HydrateInsert = 3;
+var DomOp_SetAttr = 4;
+var DomOp_SetProp = 5;
+var DomOp_RemoveAttr = 6;
+var DomOp_SetNodeValue = 7;
+var DomOp_SetInnerHtml = 8;
+var DomOp_AppendChild = 9;
+var DomOp_InsertBefore = 10;
+var DomOp_RemoveChild = 11;
+var DomOp_ReplaceChild = 12;
+var CallbackType_Event = 0;
+var CallbackType_FetchSuccess = 1;
+var CallbackType_FetchError = 2;
+var CallbackType_Timeout = 3;
+var CallbackType_Interval = 4;
+var CallbackType_WebSocketOpen = 5;
+var CallbackType_WebSocketMessage = 6;
+var CallbackType_WebSocketError = 7;
+var CallbackType_WebSocketClose = 8;
+
 // ../../vendor/jsz/js/src/zigjs.ts
 var NAN_PREFIX = 2146959360;
 var predefined = {
@@ -314,15 +339,6 @@ function createFetchImports(getMemory) {
 }
 
 // src/wasm/core.ts
-var CallbackType_Event = 0;
-var CallbackType_FetchSuccess = 1;
-var CallbackType_FetchError = 2;
-var CallbackType_Timeout = 3;
-var CallbackType_Interval = 4;
-var CallbackType_WebSocketOpen = 5;
-var CallbackType_WebSocketMessage = 6;
-var CallbackType_WebSocketError = 7;
-var CallbackType_WebSocketClose = 8;
 var jsz = new ZigJS();
 var tempRefBuffer = new ArrayBuffer(8);
 var tempRefView = new DataView(tempRefBuffer);
@@ -391,30 +407,26 @@ function invokeWasmExport(fn, ...args) {
 var ZxBridgeCore = class _ZxBridgeCore {
   #intervals = /* @__PURE__ */ new Map();
   #handler;
-  #fetchCompleteHandler;
   constructor(exports) {
     this._alloc = exports.__zx_alloc;
     this.#handler = wrapPromisingExport(exports.__zx_cb);
-    const fetchCompleteHandler = wrapPromisingExport(exports.__zx_fetch_complete);
-    if (!fetchCompleteHandler) {
-      throw new Error("__zx_fetch_complete not exported from WASM");
+    if (!this.#handler) {
+      console.warn("__zx_cb not exported from WASM");
     }
-    this.#fetchCompleteHandler = fetchCompleteHandler;
     if (exports.memory) jsz.memory = exports.memory;
   }
   /** Invoke the unified callback handler */
-  #invoke(type, id, data) {
+  _invoke(type, id, a = 0n, b = 0n, c = 0n) {
     const handler = this.#handler;
     if (!handler) {
       console.warn("__zx_cb not exported from WASM");
       return;
     }
-    const dataRef = storeValueGetRef(data);
-    invokeWasmExport(handler, type, id, dataRef);
+    invokeWasmExport(handler, type, id, a, b, c);
   }
   /**
    * Async fetch with full options support.
-   * Calls __zx_fetch_complete when done.
+   * Completes via `__zx_cb(fetch_success|fetch_error, ...)`.
    */
   fetchAsync(urlPtr, urlLen, methodPtr, methodLen, headersPtr, headersLen, bodyPtr, bodyLen, timeoutMs, fetchId) {
     const url = readString(urlPtr, urlLen);
@@ -453,23 +465,23 @@ var ZxBridgeCore = class _ZxBridgeCore {
   }
   /** Notify WASM that a fetch completed. `body` is raw bytes on success, text on error. */
   _notifyFetchComplete(fetchId, statusCode, body, isError) {
-    const handler = this.#fetchCompleteHandler;
     const encoded = typeof body === "string" ? textEncoder.encode(body) : body;
     const ptr = this._alloc(encoded.length) >>> 0;
     if (!ptr && encoded.length > 0) return;
     writeBytes(ptr, encoded);
-    invokeWasmExport(handler, fetchId, statusCode, ptr, encoded.length, isError ? 1 : 0);
+    const type = isError ? CallbackType_FetchError : CallbackType_FetchSuccess;
+    this._invoke(type, fetchId, BigInt(statusCode), BigInt(ptr), BigInt(encoded.length));
   }
   /** Set a timeout and callback when it fires */
   setTimeout(callbackId, delayMs) {
     setTimeout(() => {
-      this.#invoke(3, callbackId, null);
+      this._invoke(CallbackType_Timeout, callbackId);
     }, delayMs);
   }
   /** Set an interval and callback each time it fires */
   setInterval(callbackId, intervalMs) {
     const handle = setInterval(() => {
-      this.#invoke(4, callbackId, null);
+      this._invoke(CallbackType_Interval, callbackId);
     }, intervalMs);
     this.#intervals.set(callbackId, handle);
   }
@@ -584,251 +596,598 @@ function bindWasmAlloc(allocRef, exports) {
   allocRef[0] = exports.__zx_alloc;
 }
 
-// src/runtime/kv/extern.ts
-function putOptions(ttlSeconds) {
-  if (ttlSeconds < 60) return void 0;
-  return { expirationTtl: ttlSeconds };
-}
-function isSyncKVNamespace(binding) {
-  const candidate = binding;
-  return typeof candidate.getSync === "function" && typeof candidate.putSync === "function" && typeof candidate.deleteSync === "function" && typeof candidate.listSync === "function";
-}
-function createKVImports(bindings, getMemory, allocRef) {
-  const encoder2 = new TextEncoder();
-  const decoder2 = new TextDecoder();
-  function readStr(ptr, len) {
-    return decoder2.decode(new Uint8Array(getMemory().buffer, ptr, len));
-  }
-  function binding(ns) {
-    return bindings[ns] ?? bindings["default"] ?? null;
-  }
-  const Suspending = WebAssembly.Suspending;
-  if (typeof Suspending !== "function") {
-    let syncBinding2 = function(ns) {
-      const candidate = binding(ns);
-      return candidate && isSyncKVNamespace(candidate) ? candidate : null;
-    };
-    var syncBinding = syncBinding2;
-    return {
-      kv_get: (ns_ptr, ns_len, key_ptr, key_len, out_ptr) => {
-        const b = syncBinding2(readStr(ns_ptr, ns_len));
-        if (!b) return -1;
-        const value = b.getSync(readStr(key_ptr, key_len));
-        if (value === null) return -1;
-        return writeBytesOut(getMemory, allocRef, out_ptr, encoder2.encode(value));
-      },
-      kv_put: (ns_ptr, ns_len, key_ptr, key_len, val_ptr, val_len, ttl_seconds) => {
-        const b = syncBinding2(readStr(ns_ptr, ns_len));
-        if (!b) return 0;
-        b.putSync(readStr(key_ptr, key_len), readStr(val_ptr, val_len), putOptions(ttl_seconds));
-        return 0;
-      },
-      kv_delete: (ns_ptr, ns_len, key_ptr, key_len) => {
-        const b = syncBinding2(readStr(ns_ptr, ns_len));
-        if (!b) return 0;
-        b.deleteSync(readStr(key_ptr, key_len));
-        return 0;
-      },
-      kv_list: (ns_ptr, ns_len, pfx_ptr, pfx_len, out_ptr) => {
-        const b = syncBinding2(readStr(ns_ptr, ns_len));
-        if (!b) return writeJsonOut(getMemory, allocRef, out_ptr, []);
-        const prefix = readStr(pfx_ptr, pfx_len);
-        const result = b.listSync(prefix.length > 0 ? { prefix } : void 0);
-        return writeJsonOut(getMemory, allocRef, out_ptr, result.keys.map((k) => k.name));
-      }
-    };
-  }
-  return {
-    kv_get: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len, out_ptr) => {
-      const b = binding(readStr(ns_ptr, ns_len));
-      if (!b) return -1;
-      const value = await b.get(readStr(key_ptr, key_len));
-      if (value === null) return -1;
-      return writeBytesOut(getMemory, allocRef, out_ptr, encoder2.encode(value));
-    }),
-    kv_put: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len, val_ptr, val_len, ttl_seconds) => {
-      const b = binding(readStr(ns_ptr, ns_len));
-      if (!b) return -1;
-      await b.put(readStr(key_ptr, key_len), readStr(val_ptr, val_len), putOptions(ttl_seconds));
-      return 0;
-    }),
-    kv_delete: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len) => {
-      const b = binding(readStr(ns_ptr, ns_len));
-      if (!b) return -1;
-      await b.delete(readStr(key_ptr, key_len));
-      return 0;
-    }),
-    kv_list: new Suspending(async (ns_ptr, ns_len, prefix_ptr, prefix_len, out_ptr) => {
-      const b = binding(readStr(ns_ptr, ns_len));
-      if (!b) return writeJsonOut(getMemory, allocRef, out_ptr, []);
-      const prefix = readStr(prefix_ptr, prefix_len);
-      const result = await b.list(prefix.length > 0 ? { prefix } : void 0);
-      const names = result.keys.map((k) => k.name);
-      if (names.length === 0) {
-        new DataView(getMemory().buffer).setUint32(out_ptr, 0, true);
-        return 0;
-      }
-      return writeJsonOut(getMemory, allocRef, out_ptr, names);
-    })
-  };
-}
-
-// src/runtime/kv/localstorage.ts
-function getLocalStorage() {
-  if (typeof localStorage === "undefined") {
-    throw new Error("localStorage is not available in this environment");
-  }
-  return localStorage;
-}
-function createLocalStorageKV(options = {}) {
-  const storage = getLocalStorage();
-  const namespace = options.namespace ?? "default";
-  const storagePrefix = options.storagePrefix ?? "ziex-kv";
-  const scopedKey = (key) => `${storagePrefix}:${namespace}:${key}`;
-  const namespacePrefix = scopedKey("");
-  return {
-    getSync(key) {
-      return storage.getItem(scopedKey(key));
-    },
-    async get(key) {
-      return this.getSync(key);
-    },
-    putSync(key, value) {
-      storage.setItem(scopedKey(key), value);
-    },
-    async put(key, value) {
-      this.putSync(key, value);
-    },
-    deleteSync(key) {
-      storage.removeItem(scopedKey(key));
-    },
-    async delete(key) {
-      this.deleteSync(key);
-    },
-    listSync(options2) {
-      const prefix = namespacePrefix + (options2?.prefix ?? "");
-      const keys = [];
-      for (let i = 0; i < storage.length; i += 1) {
-        const key = storage.key(i);
-        if (!key || !key.startsWith(prefix)) continue;
-        keys.push({ name: key.slice(namespacePrefix.length) });
-      }
-      return { keys };
-    },
-    async list(options2) {
-      return this.listSync(options2);
-    }
-  };
-}
-
-// src/runtime/kv/indexdb.ts
-function getIndexedDb() {
-  if (typeof indexedDB === "undefined") {
-    throw new Error("IndexedDB is not available in this environment");
-  }
-  return indexedDB;
-}
-function requestToPromise(request) {
-  return new Promise((resolve, reject) => {
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = () => reject(request.error ?? new Error("IndexedDB request failed"));
-  });
-}
-function transactionToPromise(transaction) {
-  return new Promise((resolve, reject) => {
-    transaction.oncomplete = () => resolve();
-    transaction.onabort = () => reject(transaction.error ?? new Error("IndexedDB transaction aborted"));
-    transaction.onerror = () => reject(transaction.error ?? new Error("IndexedDB transaction failed"));
-  });
-}
-function createIndexedDbKV(options = {}) {
-  const databaseName = options.databaseName ?? "ziex-kv";
-  const storeName = options.storeName ?? "kv";
-  const namespace = options.namespace ?? "default";
-  const dbPromise = new Promise((resolve, reject) => {
-    const request = getIndexedDb().open(databaseName, 1);
-    request.onupgradeneeded = () => {
-      const db = request.result;
-      if (!db.objectStoreNames.contains(storeName)) {
-        db.createObjectStore(storeName);
-      }
-    };
-    request.onsuccess = () => resolve(request.result);
-    request.onerror = () => reject(request.error ?? new Error("Failed to open IndexedDB"));
-  });
-  const scopedKey = (key) => `${namespace}:${key}`;
-  return {
-    async get(key) {
-      const db = await dbPromise;
-      const tx = db.transaction(storeName, "readonly");
-      const store = tx.objectStore(storeName);
-      const value = await requestToPromise(store.get(scopedKey(key)));
-      await transactionToPromise(tx);
-      return typeof value === "string" ? value : null;
-    },
-    async put(key, value) {
-      const db = await dbPromise;
-      const tx = db.transaction(storeName, "readwrite");
-      tx.objectStore(storeName).put(value, scopedKey(key));
-      await transactionToPromise(tx);
-    },
-    async delete(key) {
-      const db = await dbPromise;
-      const tx = db.transaction(storeName, "readwrite");
-      tx.objectStore(storeName).delete(scopedKey(key));
-      await transactionToPromise(tx);
-    },
-    async list(options2) {
-      const db = await dbPromise;
-      const tx = db.transaction(storeName, "readonly");
-      const store = tx.objectStore(storeName);
-      const keys = await requestToPromise(store.getAllKeys());
-      await transactionToPromise(tx);
-      const prefix = scopedKey(options2?.prefix ?? "");
-      return {
-        keys: keys.filter((key) => typeof key === "string" && key.startsWith(prefix)).map((key) => ({ name: key.slice(namespace.length + 1) }))
-      };
-    }
-  };
-}
-
-// src/runtime/kv.ts
-function hasJSPI() {
-  return typeof WebAssembly.Suspending === "function" && typeof WebAssembly.promising === "function";
-}
-function createBrowserKVBindings(options = {}) {
-  const namespace = options.namespace ?? "default";
-  return {
-    [namespace]: hasJSPI() ? createIndexedDbKV(options) : createLocalStorageKV(options)
-  };
-}
-
-// src/wasm/index.ts
-var ZxBridge = class extends ZxBridgeCore {
-  #websockets = /* @__PURE__ */ new Map();
-  #wsOnOpenHandler;
-  #wsOnMessageHandler;
-  #wsOnErrorHandler;
-  #wsOnCloseHandler;
-  #eventbridge;
-  #eventbridgeAsync;
-  constructor(exports) {
-    super(exports);
-    this.#wsOnOpenHandler = wrapPromisingExport(exports.__zx_ws_onopen);
-    this.#wsOnMessageHandler = wrapPromisingExport(exports.__zx_ws_onmessage);
-    this.#wsOnErrorHandler = wrapPromisingExport(exports.__zx_ws_onerror);
-    this.#wsOnCloseHandler = wrapPromisingExport(exports.__zx_ws_onclose);
-    this.#eventbridge = exports.__zx_eventbridge;
-    this.#eventbridgeAsync = wrapPromisingExport(
-      exports.__zx_eventbridge_async ?? exports.__zx_eventbridge
-    );
-  }
-  hasEventHandler(velementId, eventTypeId) {
-    return !!((eventHandlersPresent.get(velementId) ?? 0) & 1 << eventTypeId);
-  }
-  eventMaySuspend(velementId, eventTypeId) {
-    return !!((eventHandlersSuspend.get(velementId) ?? 0) & 1 << eventTypeId);
-  }
+// src/wasm/generated/tags.ts
+var TAG_NAMES = [
+  "aside",
+  "fragment",
+  "iframe",
+  "slot",
+  "img",
+  "html",
+  "base",
+  "head",
+  "link",
+  "meta",
+  "script",
+  "style",
+  "title",
+  "address",
+  "article",
+  "body",
+  "h1",
+  "h6",
+  "footer",
+  "header",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "hgroup",
+  "nav",
+  "section",
+  "dd",
+  "dl",
+  "dt",
+  "div",
+  "figcaption",
+  "figure",
+  "hr",
+  "li",
+  "ol",
+  "ul",
+  "menu",
+  "main",
+  "p",
+  "picture",
+  "pre",
+  "a",
+  "abbr",
+  "b",
+  "bdi",
+  "bdo",
+  "br",
+  "cite",
+  "code",
+  "data",
+  "time",
+  "dfn",
+  "em",
+  "i",
+  "kbd",
+  "mark",
+  "q",
+  "blockquote",
+  "rp",
+  "ruby",
+  "rt",
+  "rtc",
+  "rb",
+  "s",
+  "del",
+  "ins",
+  "samp",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "u",
+  "var",
+  "wbr",
+  "area",
+  "map",
+  "audio",
+  "source",
+  "track",
+  "video",
+  "embed",
+  "object",
+  "param",
+  "canvas",
+  "noscript",
+  "caption",
+  "table",
+  "col",
+  "colgroup",
+  "tbody",
+  "tr",
+  "thead",
+  "tfoot",
+  "td",
+  "th",
+  "button",
+  "datalist",
+  "option",
+  "fieldset",
+  "label",
+  "form",
+  "input",
+  "keygen",
+  "legend",
+  "meter",
+  "optgroup",
+  "select",
+  "output",
+  "progress",
+  "textarea",
+  "details",
+  "dialog",
+  "menuitem",
+  "summary",
+  "content",
+  "element",
+  "shadow",
+  "template",
+  "acronym",
+  "applet",
+  "basefont",
+  "font",
+  "big",
+  "blink",
+  "center",
+  "command",
+  "dir",
+  "frame",
+  "frameset",
+  "isindex",
+  "listing",
+  "marquee",
+  "noembed",
+  "plaintext",
+  "spacer",
+  "strike",
+  "tt",
+  "xmp",
+  "animate",
+  "animateMotion",
+  "animateTransform",
+  "circle",
+  "clipPath",
+  "defs",
+  "desc",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "set",
+  "stop",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  "tspan",
+  "use",
+  "view",
+  "custom"
+];
+
+// src/wasm/generated/tag_indices.ts
+var SVG_TAG_START_INDEX = 140;
+var CUSTOM_TAG_INDEX = 199;
+
+// src/wasm/dom_cmd.ts
+function flushDomCmds(ptr, len, ctx) {
+  const start = ptr >>> 0;
+  const length = len >>> 0;
+  if (length < DOM_CMD_HEADER_SIZE) return;
+  const mem = getMemoryView();
+  if (start + length > mem.byteLength) return;
+  const view = new DataView(mem.buffer, mem.byteOffset + start, length);
+  const count = view.getUint32(0, true);
+  const recordsBytes = count * DOM_CMD_RECORD_SIZE;
+  if (DOM_CMD_HEADER_SIZE + recordsBytes > length) return;
+  const { domNodes: domNodes2, cleanupDomNodes: cleanupDomNodes2 } = ctx;
+  for (let i = 0; i < count; i++) {
+    const off = DOM_CMD_HEADER_SIZE + i * DOM_CMD_RECORD_SIZE;
+    const op = view.getUint8(off);
+    const p0 = view.getUint32(off + 4, true);
+    const p1 = view.getUint32(off + 8, true);
+    const p2 = view.getUint32(off + 12, true);
+    const p3 = view.getUint32(off + 16, true);
+    const p4 = view.getUint32(off + 20, true);
+    switch (op) {
+      case DomOp_CreateElement: {
+        const isCustom = p0 === CUSTOM_TAG_INDEX;
+        const tagName = isCustom ? readString(p2, p3) : TAG_NAMES[p0];
+        const el = !isCustom && p0 >= SVG_TAG_START_INDEX ? document.createElementNS("http://www.w3.org/2000/svg", tagName) : document.createElement(tagName);
+        el.__zx_ref = p1;
+        domNodes2.set(p1, el);
+        break;
+      }
+      case DomOp_CreateText: {
+        const node = document.createTextNode(readString(p0, p1));
+        node.__zx_ref = p2;
+        domNodes2.set(p2, node);
+        break;
+      }
+      case DomOp_HydrateInsert: {
+        const child = domNodes2.get(p0);
+        const ref = BigInt(p1) | BigInt(p2) << 32n;
+        const end = loadValueFromRef(ref);
+        if (!child || !end?.parentNode) break;
+        end.parentNode.insertBefore(child, end);
+        break;
+      }
+      case DomOp_SetAttr: {
+        domNodes2.get(p0)?.setAttribute(readString(p1, p2), readString(p3, p4));
+        break;
+      }
+      case DomOp_SetProp: {
+        const el = domNodes2.get(p0);
+        if (el) {
+          const name = readString(p1, p2);
+          const val = readString(p3, p4);
+          if (name === "checked" || name === "selected" || name === "muted") {
+            el[name] = val !== "false";
+          } else {
+            el[name] = val;
+          }
+        }
+        break;
+      }
+      case DomOp_RemoveAttr: {
+        domNodes2.get(p0)?.removeAttribute(readString(p1, p2));
+        break;
+      }
+      case DomOp_SetNodeValue: {
+        const node = domNodes2.get(p0);
+        if (node) node.nodeValue = readString(p1, p2);
+        break;
+      }
+      case DomOp_SetInnerHtml: {
+        const el = domNodes2.get(p0);
+        if (el) el.innerHTML = readString(p1, p2);
+        break;
+      }
+      case DomOp_AppendChild: {
+        const parent = domNodes2.get(p0);
+        const child = domNodes2.get(p1);
+        if (parent && child) parent.appendChild(child);
+        break;
+      }
+      case DomOp_InsertBefore: {
+        const parent = domNodes2.get(p0);
+        const child = domNodes2.get(p1);
+        const refNode = domNodes2.get(p2) ?? null;
+        if (parent && child) parent.insertBefore(child, refNode);
+        break;
+      }
+      case DomOp_RemoveChild: {
+        const parent = domNodes2.get(p0);
+        const child = domNodes2.get(p1);
+        if (parent && child) {
+          parent.removeChild(child);
+          cleanupDomNodes2(child);
+        }
+        break;
+      }
+      case DomOp_ReplaceChild: {
+        const parent = domNodes2.get(p0);
+        const newChild = domNodes2.get(p1);
+        const oldChild = domNodes2.get(p2);
+        if (parent && newChild && oldChild) {
+          parent.replaceChild(newChild, oldChild);
+          cleanupDomNodes2(oldChild);
+        }
+        break;
+      }
+      default:
+        break;
+    }
+  }
+}
+
+// src/runtime/kv/extern.ts
+function putOptions(ttlSeconds) {
+  if (ttlSeconds < 60) return void 0;
+  return { expirationTtl: ttlSeconds };
+}
+function isSyncKVNamespace(binding) {
+  const candidate = binding;
+  return typeof candidate.getSync === "function" && typeof candidate.putSync === "function" && typeof candidate.deleteSync === "function" && typeof candidate.listSync === "function";
+}
+function createKVImports(bindings, getMemory, allocRef) {
+  const encoder2 = new TextEncoder();
+  const decoder2 = new TextDecoder();
+  function readStr(ptr, len) {
+    return decoder2.decode(new Uint8Array(getMemory().buffer, ptr, len));
+  }
+  function binding(ns) {
+    return bindings[ns] ?? bindings["default"] ?? null;
+  }
+  const Suspending = WebAssembly.Suspending;
+  if (typeof Suspending !== "function") {
+    let syncBinding2 = function(ns) {
+      const candidate = binding(ns);
+      return candidate && isSyncKVNamespace(candidate) ? candidate : null;
+    };
+    var syncBinding = syncBinding2;
+    return {
+      kv_get: (ns_ptr, ns_len, key_ptr, key_len, out_ptr) => {
+        const b = syncBinding2(readStr(ns_ptr, ns_len));
+        if (!b) return -1;
+        const value = b.getSync(readStr(key_ptr, key_len));
+        if (value === null) return -1;
+        return writeBytesOut(getMemory, allocRef, out_ptr, encoder2.encode(value));
+      },
+      kv_put: (ns_ptr, ns_len, key_ptr, key_len, val_ptr, val_len, ttl_seconds) => {
+        const b = syncBinding2(readStr(ns_ptr, ns_len));
+        if (!b) return 0;
+        b.putSync(readStr(key_ptr, key_len), readStr(val_ptr, val_len), putOptions(ttl_seconds));
+        return 0;
+      },
+      kv_delete: (ns_ptr, ns_len, key_ptr, key_len) => {
+        const b = syncBinding2(readStr(ns_ptr, ns_len));
+        if (!b) return 0;
+        b.deleteSync(readStr(key_ptr, key_len));
+        return 0;
+      },
+      kv_list: (ns_ptr, ns_len, pfx_ptr, pfx_len, out_ptr) => {
+        const b = syncBinding2(readStr(ns_ptr, ns_len));
+        if (!b) return writeJsonOut(getMemory, allocRef, out_ptr, []);
+        const prefix = readStr(pfx_ptr, pfx_len);
+        const result = b.listSync(prefix.length > 0 ? { prefix } : void 0);
+        return writeJsonOut(getMemory, allocRef, out_ptr, result.keys.map((k) => k.name));
+      }
+    };
+  }
+  return {
+    kv_get: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len, out_ptr) => {
+      const b = binding(readStr(ns_ptr, ns_len));
+      if (!b) return -1;
+      const value = await b.get(readStr(key_ptr, key_len));
+      if (value === null) return -1;
+      return writeBytesOut(getMemory, allocRef, out_ptr, encoder2.encode(value));
+    }),
+    kv_put: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len, val_ptr, val_len, ttl_seconds) => {
+      const b = binding(readStr(ns_ptr, ns_len));
+      if (!b) return -1;
+      await b.put(readStr(key_ptr, key_len), readStr(val_ptr, val_len), putOptions(ttl_seconds));
+      return 0;
+    }),
+    kv_delete: new Suspending(async (ns_ptr, ns_len, key_ptr, key_len) => {
+      const b = binding(readStr(ns_ptr, ns_len));
+      if (!b) return -1;
+      await b.delete(readStr(key_ptr, key_len));
+      return 0;
+    }),
+    kv_list: new Suspending(async (ns_ptr, ns_len, prefix_ptr, prefix_len, out_ptr) => {
+      const b = binding(readStr(ns_ptr, ns_len));
+      if (!b) return writeJsonOut(getMemory, allocRef, out_ptr, []);
+      const prefix = readStr(prefix_ptr, prefix_len);
+      const result = await b.list(prefix.length > 0 ? { prefix } : void 0);
+      const names = result.keys.map((k) => k.name);
+      if (names.length === 0) {
+        new DataView(getMemory().buffer).setUint32(out_ptr, 0, true);
+        return 0;
+      }
+      return writeJsonOut(getMemory, allocRef, out_ptr, names);
+    })
+  };
+}
+
+// src/runtime/kv/localstorage.ts
+function getLocalStorage() {
+  if (typeof localStorage === "undefined") {
+    throw new Error("localStorage is not available in this environment");
+  }
+  return localStorage;
+}
+function createLocalStorageKV(options = {}) {
+  const storage = getLocalStorage();
+  const namespace = options.namespace ?? "default";
+  const storagePrefix = options.storagePrefix ?? "ziex-kv";
+  const scopedKey = (key) => `${storagePrefix}:${namespace}:${key}`;
+  const namespacePrefix = scopedKey("");
+  return {
+    getSync(key) {
+      return storage.getItem(scopedKey(key));
+    },
+    async get(key) {
+      return this.getSync(key);
+    },
+    putSync(key, value) {
+      storage.setItem(scopedKey(key), value);
+    },
+    async put(key, value) {
+      this.putSync(key, value);
+    },
+    deleteSync(key) {
+      storage.removeItem(scopedKey(key));
+    },
+    async delete(key) {
+      this.deleteSync(key);
+    },
+    listSync(options2) {
+      const prefix = namespacePrefix + (options2?.prefix ?? "");
+      const keys = [];
+      for (let i = 0; i < storage.length; i += 1) {
+        const key = storage.key(i);
+        if (!key || !key.startsWith(prefix)) continue;
+        keys.push({ name: key.slice(namespacePrefix.length) });
+      }
+      return { keys };
+    },
+    async list(options2) {
+      return this.listSync(options2);
+    }
+  };
+}
+
+// src/runtime/kv/indexdb.ts
+function getIndexedDb() {
+  if (typeof indexedDB === "undefined") {
+    throw new Error("IndexedDB is not available in this environment");
+  }
+  return indexedDB;
+}
+function requestToPromise(request) {
+  return new Promise((resolve, reject) => {
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error ?? new Error("IndexedDB request failed"));
+  });
+}
+function transactionToPromise(transaction) {
+  return new Promise((resolve, reject) => {
+    transaction.oncomplete = () => resolve();
+    transaction.onabort = () => reject(transaction.error ?? new Error("IndexedDB transaction aborted"));
+    transaction.onerror = () => reject(transaction.error ?? new Error("IndexedDB transaction failed"));
+  });
+}
+function createIndexedDbKV(options = {}) {
+  const databaseName = options.databaseName ?? "ziex-kv";
+  const storeName = options.storeName ?? "kv";
+  const namespace = options.namespace ?? "default";
+  const dbPromise = new Promise((resolve, reject) => {
+    const request = getIndexedDb().open(databaseName, 1);
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(storeName)) {
+        db.createObjectStore(storeName);
+      }
+    };
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error ?? new Error("Failed to open IndexedDB"));
+  });
+  const scopedKey = (key) => `${namespace}:${key}`;
+  return {
+    async get(key) {
+      const db = await dbPromise;
+      const tx = db.transaction(storeName, "readonly");
+      const store = tx.objectStore(storeName);
+      const value = await requestToPromise(store.get(scopedKey(key)));
+      await transactionToPromise(tx);
+      return typeof value === "string" ? value : null;
+    },
+    async put(key, value) {
+      const db = await dbPromise;
+      const tx = db.transaction(storeName, "readwrite");
+      tx.objectStore(storeName).put(value, scopedKey(key));
+      await transactionToPromise(tx);
+    },
+    async delete(key) {
+      const db = await dbPromise;
+      const tx = db.transaction(storeName, "readwrite");
+      tx.objectStore(storeName).delete(scopedKey(key));
+      await transactionToPromise(tx);
+    },
+    async list(options2) {
+      const db = await dbPromise;
+      const tx = db.transaction(storeName, "readonly");
+      const store = tx.objectStore(storeName);
+      const keys = await requestToPromise(store.getAllKeys());
+      await transactionToPromise(tx);
+      const prefix = scopedKey(options2?.prefix ?? "");
+      return {
+        keys: keys.filter((key) => typeof key === "string" && key.startsWith(prefix)).map((key) => ({ name: key.slice(namespace.length + 1) }))
+      };
+    }
+  };
+}
+
+// src/runtime/kv.ts
+function hasJSPI() {
+  return typeof WebAssembly.Suspending === "function" && typeof WebAssembly.promising === "function";
+}
+function createBrowserKVBindings(options = {}) {
+  const namespace = options.namespace ?? "default";
+  const isIndexedDb = hasJSPI() && !options.forceLocalStorage;
+  return {
+    [namespace]: isIndexedDb ? createIndexedDbKV(options) : createLocalStorageKV(options)
+  };
+}
+
+// src/wasm/generated/events.ts
+var DELEGATED_EVENTS = [
+  "click",
+  "dblclick",
+  "input",
+  "change",
+  "submit",
+  "focusin",
+  "focusout",
+  "keydown",
+  "keyup",
+  "keypress",
+  "mouseenter",
+  "mouseleave",
+  "mousedown",
+  "mouseup",
+  "mousemove",
+  "touchstart",
+  "touchend",
+  "touchmove",
+  "scroll",
+  "wheel",
+  "pointerdown",
+  "pointermove",
+  "pointerup",
+  "pointercancel",
+  "pointerenter",
+  "pointerleave",
+  "lostpointercapture"
+];
+
+// src/wasm/generated/event_bits.ts
+var HIGH_FREQ_EVENT_BITS = 3031040;
+
+// src/wasm/index.ts
+var ZxBridge = class extends ZxBridgeCore {
+  #websockets = /* @__PURE__ */ new Map();
+  #eventbridge;
+  #eventbridgeAsync;
+  constructor(exports) {
+    super(exports);
+    this.#eventbridge = exports.__zx_eventbridge;
+    this.#eventbridgeAsync = wrapPromisingExport(
+      exports.__zx_eventbridge_async ?? exports.__zx_eventbridge
+    );
+  }
+  hasEventHandler(velementId, eventTypeId) {
+    return !!((eventHandlersPresent.get(velementId) ?? 0) & 1 << eventTypeId);
+  }
+  eventMaySuspend(velementId, eventTypeId) {
+    return !!((eventHandlersSuspend.get(velementId) ?? 0) & 1 << eventTypeId);
+  }
   setEventHandlerMode(velementId, eventTypeId, maySuspend) {
     const bit = 1 << eventTypeId;
     const present = (eventHandlersPresent.get(velementId) ?? 0) | bit;
@@ -843,8 +1202,8 @@ var ZxBridge = class extends ZxBridgeCore {
     const present = eventHandlersPresent.get(velementId) ?? 0;
     eventHandlersPresent.delete(velementId);
     eventHandlersSuspend.delete(velementId);
-    for (const eventTypeId of HIGH_FREQ_EVENT_IDS) {
-      if (present & 1 << eventTypeId) maybeRemoveHighFreqListener(eventTypeId);
+    for (let bits = present & HIGH_FREQ_EVENT_BITS; bits !== 0; bits &= bits - 1) {
+      maybeRemoveHighFreqListener(31 - Math.clz32(bits));
     }
   }
   /** Submit a form action with bound-state round-trip. */
@@ -866,7 +1225,7 @@ var ZxBridge = class extends ZxBridgeCore {
   }
   /**
    * Create and connect a WebSocket.
-   * Calls __zx_ws_onopen, __zx_ws_onmessage, __zx_ws_onerror, __zx_ws_onclose.
+   * Completes via `__zx_cb(ws_open|ws_message|ws_error|ws_close, ...)`.
    */
   wsConnect(wsId, urlPtr, urlLen, protocolsPtr, protocolsLen) {
     const url = readString(urlPtr, urlLen);
@@ -876,42 +1235,32 @@ var ZxBridge = class extends ZxBridgeCore {
       const ws = protocols && protocols.length > 0 ? new WebSocket(url, protocols) : new WebSocket(url);
       ws.binaryType = "arraybuffer";
       ws.onopen = () => {
-        const handler = this.#wsOnOpenHandler;
-        if (!handler) return;
         const protocol = ws.protocol || "";
         const [ptr, len] = this._writeStringToWasm(protocol);
-        invokeWasmExport(handler, wsId, ptr, len);
+        this._invoke(CallbackType_WebSocketOpen, wsId, BigInt(ptr), BigInt(len));
       };
       ws.onmessage = (event) => {
-        const handler = this.#wsOnMessageHandler;
-        if (!handler) return;
         const isBinary = event.data instanceof ArrayBuffer;
         const data = isBinary ? new Uint8Array(event.data) : textEncoder.encode(event.data);
         const [ptr, len] = this.writeBytesToWasm(data);
-        invokeWasmExport(handler, wsId, ptr, len, isBinary ? 1 : 0);
+        this._invoke(CallbackType_WebSocketMessage, wsId, BigInt(ptr), BigInt(len), BigInt(isBinary ? 1 : 0));
       };
       ws.onerror = (_event) => {
-        const handler = this.#wsOnErrorHandler;
-        if (!handler) return;
         const [ptr, len] = this._writeStringToWasm("WebSocket error");
-        invokeWasmExport(handler, wsId, ptr, len);
+        this._invoke(CallbackType_WebSocketError, wsId, BigInt(ptr), BigInt(len));
       };
       ws.onclose = (event) => {
-        const handler = this.#wsOnCloseHandler;
-        if (!handler) return;
         const reason = event.reason || "";
         const [ptr, len] = this._writeStringToWasm(reason);
-        invokeWasmExport(handler, wsId, event.code, ptr, len, event.wasClean ? 1 : 0);
+        const c = BigInt(len) | BigInt(event.wasClean ? 1 : 0) << 32n;
+        this._invoke(CallbackType_WebSocketClose, wsId, BigInt(event.code), BigInt(ptr), c);
         this.#websockets.delete(wsId);
       };
       this.#websockets.set(wsId, ws);
     } catch (error) {
-      const handler = this.#wsOnErrorHandler;
-      if (handler) {
-        const msg = error instanceof Error ? error.message : "WebSocket connection failed";
-        const [ptr, len] = this._writeStringToWasm(msg);
-        invokeWasmExport(handler, wsId, ptr, len);
-      }
+      const msg = error instanceof Error ? error.message : "WebSocket connection failed";
+      const [ptr, len] = this._writeStringToWasm(msg);
+      this._invoke(CallbackType_WebSocketError, wsId, BigInt(ptr), BigInt(len));
     }
   }
   /** Send data over WebSocket */
@@ -1012,79 +1361,11 @@ var ZxBridge = class extends ZxBridgeCore {
         _wsClose: (wsId, code, reasonPtr, reasonLen) => {
           bridgeRef[0]?.wsClose(wsId, code, reasonPtr, reasonLen);
         },
-        _ce: (id, vnodeId) => {
-          const nid = Number(vnodeId);
-          const tagName = TAG_NAMES[id];
-          const el = id >= SVG_TAG_START_INDEX ? document.createElementNS("http://www.w3.org/2000/svg", tagName) : document.createElement(tagName);
-          el.__zx_ref = nid;
-          domNodes.set(nid, el);
-        },
-        _ct: (ptr, len, vnodeId) => {
-          const nid = Number(vnodeId);
-          const node = document.createTextNode(readString(ptr, len));
-          node.__zx_ref = nid;
-          domNodes.set(nid, node);
-        },
-        /** Insert vnode before a jsz-held end comment (hydration). */
-        _ih: (vnodeId, endCommentRef) => {
-          const child = domNodes.get(Number(vnodeId));
-          const end = loadValueFromRef(endCommentRef);
-          if (!child || !end?.parentNode) return;
-          end.parentNode.insertBefore(child, end);
-        },
-        _sa: (vnodeId, namePtr, nameLen, valPtr, valLen) => {
-          domNodes.get(Number(vnodeId))?.setAttribute(readString(namePtr, nameLen), readString(valPtr, valLen));
-        },
-        _sp: (vnodeId, namePtr, nameLen, valPtr, valLen) => {
-          const el = domNodes.get(Number(vnodeId));
-          if (el) {
-            const name = readString(namePtr, nameLen);
-            const val = readString(valPtr, valLen);
-            if (name === "checked" || name === "selected" || name === "muted") {
-              el[name] = val !== "false";
-            } else {
-              el[name] = val;
-            }
-          }
-        },
-        _ra: (vnodeId, namePtr, nameLen) => {
-          domNodes.get(Number(vnodeId))?.removeAttribute(readString(namePtr, nameLen));
-        },
-        _snv: (vnodeId, ptr, len) => {
-          const node = domNodes.get(Number(vnodeId));
-          if (node) node.nodeValue = readString(ptr, len);
-        },
-        _srh: (vnodeId, ptr, len) => {
-          const el = domNodes.get(Number(vnodeId));
-          if (el) el.innerHTML = readString(ptr, len);
-        },
-        _ac: (parentId, childId) => {
-          const parent = domNodes.get(Number(parentId));
-          const child = domNodes.get(Number(childId));
-          if (parent && child) parent.appendChild(child);
-        },
-        _ib: (parentId, childId, refId) => {
-          const parent = domNodes.get(Number(parentId));
-          const child = domNodes.get(Number(childId));
-          const ref = domNodes.get(Number(refId)) ?? null;
-          if (parent && child) parent.insertBefore(child, ref);
-        },
-        _rc: (parentId, childId) => {
-          const parent = domNodes.get(Number(parentId));
-          const child = domNodes.get(Number(childId));
-          if (parent && child) {
-            parent.removeChild(child);
-            cleanupDomNodes(child);
-          }
-        },
-        _rpc: (parentId, newId, oldId) => {
-          const parent = domNodes.get(Number(parentId));
-          const newChild = domNodes.get(Number(newId));
-          const oldChild = domNodes.get(Number(oldId));
-          if (parent && newChild && oldChild) {
-            parent.replaceChild(newChild, oldChild);
-            cleanupDomNodes(oldChild);
-          }
+        _flush: (ptr, len) => {
+          flushDomCmds(ptr, len, {
+            domNodes,
+            cleanupDomNodes
+          });
         },
         _getLocationHref: (bufPtr, bufLen) => {
           const bytes = textEncoder.encode(window.location.href);
@@ -1149,247 +1430,10 @@ function cleanupDomNodes(node) {
     const children = n.childNodes;
     for (let i = 0; i < children.length; i++) stack.push(children[i]);
   }
-  for (const eventTypeId of HIGH_FREQ_EVENT_IDS) {
-    if (highFreqBits & 1 << eventTypeId) maybeRemoveHighFreqListener(eventTypeId);
+  for (let bits = highFreqBits & HIGH_FREQ_EVENT_BITS; bits !== 0; bits &= bits - 1) {
+    maybeRemoveHighFreqListener(31 - Math.clz32(bits));
   }
 }
-var SVG_TAG_START_INDEX = 140;
-var TAG_NAMES = [
-  "aside",
-  "fragment",
-  "iframe",
-  "slot",
-  "img",
-  "html",
-  "base",
-  "head",
-  "link",
-  "meta",
-  "script",
-  "style",
-  "title",
-  "address",
-  "article",
-  "body",
-  "h1",
-  "h6",
-  "footer",
-  "header",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "hgroup",
-  "nav",
-  "section",
-  "dd",
-  "dl",
-  "dt",
-  "div",
-  "figcaption",
-  "figure",
-  "hr",
-  "li",
-  "ol",
-  "ul",
-  "menu",
-  "main",
-  "p",
-  "picture",
-  "pre",
-  "a",
-  "abbr",
-  "b",
-  "bdi",
-  "bdo",
-  "br",
-  "cite",
-  "code",
-  "data",
-  "time",
-  "dfn",
-  "em",
-  "i",
-  "kbd",
-  "mark",
-  "q",
-  "blockquote",
-  "rp",
-  "ruby",
-  "rt",
-  "rtc",
-  "rb",
-  "s",
-  "del",
-  "ins",
-  "samp",
-  "small",
-  "span",
-  "strong",
-  "sub",
-  "sup",
-  "u",
-  "var",
-  "wbr",
-  "area",
-  "map",
-  "audio",
-  "source",
-  "track",
-  "video",
-  "embed",
-  "object",
-  "param",
-  "canvas",
-  "noscript",
-  "caption",
-  "table",
-  "col",
-  "colgroup",
-  "tbody",
-  "tr",
-  "thead",
-  "tfoot",
-  "td",
-  "th",
-  "button",
-  "datalist",
-  "option",
-  "fieldset",
-  "label",
-  "form",
-  "input",
-  "keygen",
-  "legend",
-  "meter",
-  "optgroup",
-  "select",
-  "output",
-  "progress",
-  "textarea",
-  "details",
-  "dialog",
-  "menuitem",
-  "summary",
-  "content",
-  "element",
-  "shadow",
-  "template",
-  "acronym",
-  "applet",
-  "basefont",
-  "font",
-  "big",
-  "blink",
-  "center",
-  "command",
-  "dir",
-  "frame",
-  "frameset",
-  "isindex",
-  "listing",
-  "marquee",
-  "noembed",
-  "plaintext",
-  "spacer",
-  "strike",
-  "tt",
-  "xmp",
-  // SVG Tags
-  "animate",
-  "animateMotion",
-  "animateTransform",
-  "circle",
-  "clipPath",
-  "defs",
-  "desc",
-  "ellipse",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feDistantLight",
-  "feDropShadow",
-  "feFlood",
-  "feFuncA",
-  "feFuncB",
-  "feFuncG",
-  "feFuncR",
-  "feGaussianBlur",
-  "feImage",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "fePointLight",
-  "feSpecularLighting",
-  "feSpotLight",
-  "feTile",
-  "feTurbulence",
-  "filter",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "marker",
-  "mask",
-  "metadata",
-  "mpath",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "set",
-  "stop",
-  "svg",
-  "switch",
-  "symbol",
-  "text",
-  "textPath",
-  "tspan",
-  "use",
-  "view"
-];
-var DELEGATED_EVENTS = [
-  "click",
-  "dblclick",
-  "input",
-  "change",
-  "submit",
-  // focus/blur do not bubble - listen to focusin/focusout instead.
-  "focusin",
-  "focusout",
-  "keydown",
-  "keyup",
-  "keypress",
-  "mouseenter",
-  "mouseleave",
-  "mousedown",
-  "mouseup",
-  "mousemove",
-  "touchstart",
-  "touchend",
-  "touchmove",
-  "scroll",
-  "wheel",
-  "pointerdown",
-  "pointermove",
-  "pointerup",
-  "pointercancel"
-];
-var HIGH_FREQ_EVENT_IDS = new Set([
-  DELEGATED_EVENTS.indexOf("mousemove"),
-  DELEGATED_EVENTS.indexOf("pointermove"),
-  DELEGATED_EVENTS.indexOf("wheel"),
-  DELEGATED_EVENTS.indexOf("scroll"),
-  DELEGATED_EVENTS.indexOf("touchmove")
-].filter((id) => id >= 0));
 var delegationState = null;
 function makeDelegatedListener(bridge, eventTypeId) {
   return (event) => {
@@ -1437,7 +1481,7 @@ function anyHandlerForType(eventTypeId) {
   return false;
 }
 function maybeRemoveHighFreqListener(eventTypeId) {
-  if (!HIGH_FREQ_EVENT_IDS.has(eventTypeId)) return;
+  if ((HIGH_FREQ_EVENT_BITS & 1 << eventTypeId) === 0) return;
   if (anyHandlerForType(eventTypeId)) return;
   const state = delegationState;
   if (!state) return;
@@ -1453,7 +1497,7 @@ function initEventDelegation(bridge, rootSelector = "body") {
   };
   delegationState = { root, bridge, attached: /* @__PURE__ */ new Map() };
   for (let eventTypeId = 0; eventTypeId < DELEGATED_EVENTS.length; eventTypeId++) {
-    if (HIGH_FREQ_EVENT_IDS.has(eventTypeId)) continue;
+    if ((HIGH_FREQ_EVENT_BITS & 1 << eventTypeId) !== 0) continue;
     ensureDelegatedListener(eventTypeId);
   }
   return () => {