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

package/platforms/cloudflare/index.js

@@ -12,12 +12,35 @@ __export(runtime_exports, {
   run: () => run
 });
 
+// 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_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;
+
 // src/wasm/wasi.ts
 var decoder = new TextDecoder();
 var encoder = new TextEncoder();
 var ZxWasiBridge = class {
   #alloc;
-  #fetchCompleteHandler;
   #memory;
   #cb;
   #intervals = /* @__PURE__ */ new Map();
@@ -27,7 +50,6 @@ var ZxWasiBridge = class {
   constructor(exports) {
     this.#memory = exports.memory;
     this.#alloc = exports.__zx_alloc;
-    this.#fetchCompleteHandler = exports.__zx_fetch_complete;
     this.#cb = exports.__zx_cb;
   }
   #view() {
@@ -52,6 +74,9 @@ var ZxWasiBridge = class {
     if (start + data.length > view.byteLength) return;
     view.set(data, start);
   }
+  #invoke(type, id, a = 0n, b = 0n, c = 0n) {
+    this.#cb?.(type, id, a, b, c);
+  }
   log(level, ptr, len) {
     const msg = decoder.decode(this.#view().subarray(ptr, ptr + len));
     switch (level) {
@@ -104,13 +129,14 @@ var ZxWasiBridge = class {
     const encoded = typeof body === "string" ? encoder.encode(body) : body;
     const ptr = this.#alloc(encoded.length);
     this.#writeBytes(ptr, encoded);
-    this.#fetchCompleteHandler(fetchId, status, ptr, encoded.length, isError ? 1 : 0);
+    const type = isError ? CallbackType_FetchError : CallbackType_FetchSuccess;
+    this.#invoke(type, fetchId, BigInt(status), BigInt(ptr), BigInt(encoded.length));
   }
   setTimeout(callbackId, delayMs) {
-    setTimeout(() => this.#cb?.(3, callbackId, 0n), delayMs);
+    setTimeout(() => this.#invoke(CallbackType_Timeout, callbackId), delayMs);
   }
   setInterval(callbackId, intervalMs) {
-    const handle = setInterval(() => this.#cb?.(4, callbackId, 0n), intervalMs);
+    const handle = setInterval(() => this.#invoke(CallbackType_Interval, callbackId), intervalMs);
     this.#intervals.set(callbackId, handle);
   }
   clearInterval(callbackId) {
@@ -544,30 +570,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);
@@ -606,23 +628,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);
   }
@@ -1433,8 +1455,9 @@ function hasJSPI() {
 }
 function createBrowserKVBindings(options = {}) {
   const namespace = options.namespace ?? "default";
+  const isIndexedDb = hasJSPI() && !options.forceLocalStorage;
   return {
-    [namespace]: hasJSPI() ? createIndexedDbKV(options) : createLocalStorageKV(options)
+    [namespace]: isIndexedDb ? createIndexedDbKV(options) : createLocalStorageKV(options)
   };
 }
 
@@ -1737,21 +1760,367 @@ var Ziex = class {
   }
 };
 
+// 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/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();
-  #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
@@ -1777,8 +2146,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. */
@@ -1800,7 +2169,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);
@@ -1810,42 +2179,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 */
@@ -1946,79 +2305,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);
@@ -2083,247 +2374,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) => {
@@ -2371,7 +2425,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;