electrobun 1.17.3-beta.9 → 1.18.0

package/dist/api/bun/preload/.generated/compiled.ts

@@ -2,7 +2,7 @@
 // Run "bun build.ts" or "bun build:dev" from the package folder to regenerate.
 
 // Full preload for trusted webviews (RPC, encryption, drag regions, webview tags)
-export const preloadScript = "(function(){// src/bun/preload/encryption.ts\nfunction base64ToUint8Array(base64) {\n  return new Uint8Array(atob(base64).split(\"\").map((char) => char.charCodeAt(0)));\n}\nfunction uint8ArrayToBase64(uint8Array) {\n  let binary = \"\";\n  for (let i = 0;i < uint8Array.length; i++) {\n    binary += String.fromCharCode(uint8Array[i]);\n  }\n  return btoa(binary);\n}\nasync function generateKeyFromBytes(rawKey) {\n  return await window.crypto.subtle.importKey(\"raw\", rawKey, { name: \"AES-GCM\" }, true, [\"encrypt\", \"decrypt\"]);\n}\nasync function initEncryption() {\n  const secretKey = await generateKeyFromBytes(new Uint8Array(window.__electrobunSecretKeyBytes));\n  const encryptString = async (plaintext) => {\n    const encoder = new TextEncoder;\n    const encodedText = encoder.encode(plaintext);\n    const iv = window.crypto.getRandomValues(new Uint8Array(12));\n    const encryptedBuffer = await window.crypto.subtle.encrypt({ name: \"AES-GCM\", iv }, secretKey, encodedText);\n    const encryptedData = new Uint8Array(encryptedBuffer.slice(0, -16));\n    const tag = new Uint8Array(encryptedBuffer.slice(-16));\n    return {\n      encryptedData: uint8ArrayToBase64(encryptedData),\n      iv: uint8ArrayToBase64(iv),\n      tag: uint8ArrayToBase64(tag)\n    };\n  };\n  const decryptString = async (encryptedDataB64, ivB64, tagB64) => {\n    const encryptedData = base64ToUint8Array(encryptedDataB64);\n    const iv = base64ToUint8Array(ivB64);\n    const tag = base64ToUint8Array(tagB64);\n    const combinedData = new Uint8Array(encryptedData.length + tag.length);\n    combinedData.set(encryptedData);\n    combinedData.set(tag, encryptedData.length);\n    const decryptedBuffer = await window.crypto.subtle.decrypt({ name: \"AES-GCM\", iv }, secretKey, combinedData);\n    const decoder = new TextDecoder;\n    return decoder.decode(decryptedBuffer);\n  };\n  window.__electrobun_encrypt = encryptString;\n  window.__electrobun_decrypt = decryptString;\n}\n\n// src/bun/preload/internalRpc.ts\nvar pendingRequests = {};\nvar requestId = 0;\nvar isProcessingQueue = false;\nvar sendQueue = [];\nfunction processQueue() {\n  if (isProcessingQueue) {\n    setTimeout(processQueue);\n    return;\n  }\n  if (sendQueue.length === 0)\n    return;\n  isProcessingQueue = true;\n  const batch = JSON.stringify(sendQueue);\n  sendQueue.length = 0;\n  window.__electrobunInternalBridge?.postMessage(batch);\n  setTimeout(() => {\n    isProcessingQueue = false;\n  }, 2);\n}\nfunction send(type, payload) {\n  sendQueue.push(JSON.stringify({ type: \"message\", id: type, payload }));\n  processQueue();\n}\nfunction request(type, payload) {\n  return new Promise((resolve, reject) => {\n    const id = `req_${++requestId}_${Date.now()}`;\n    pendingRequests[id] = { resolve, reject };\n    sendQueue.push(JSON.stringify({\n      type: \"request\",\n      method: type,\n      id,\n      params: payload,\n      hostWebviewId: window.__electrobunWebviewId\n    }));\n    processQueue();\n    setTimeout(() => {\n      if (pendingRequests[id]) {\n        delete pendingRequests[id];\n        reject(new Error(`Request timeout: ${type}`));\n      }\n    }, 1e4);\n  });\n}\nfunction handleResponse(msg) {\n  if (msg && msg.type === \"response\" && msg.id) {\n    const pending = pendingRequests[msg.id];\n    if (pending) {\n      delete pendingRequests[msg.id];\n      if (msg.success)\n        pending.resolve(msg.payload);\n      else\n        pending.reject(msg.payload);\n    }\n  }\n}\n\n// src/bun/preload/dragRegions.ts\nfunction isAppRegionDrag(e) {\n  const target = e.target;\n  if (!target || !target.closest)\n    return false;\n  if (target.closest(\".electrobun-webkit-app-region-no-drag\") || target.closest('[style*=\"app-region\"][style*=\"no-drag\"]')) {\n    return false;\n  }\n  const draggableByStyle = target.closest('[style*=\"app-region\"][style*=\"drag\"]');\n  const draggableByClass = target.closest(\".electrobun-webkit-app-region-drag\");\n  return !!(draggableByStyle || draggableByClass);\n}\nfunction initDragRegions() {\n  document.addEventListener(\"mousedown\", (e) => {\n    if (isAppRegionDrag(e)) {\n      send(\"startWindowMove\", { id: window.__electrobunWindowId });\n    }\n  });\n  document.addEventListener(\"mouseup\", (e) => {\n    if (isAppRegionDrag(e)) {\n      send(\"stopWindowMove\", { id: window.__electrobunWindowId });\n    }\n  });\n}\n\n// src/bun/preload/overlaySync.ts\nclass OverlaySyncController {\n  element;\n  options;\n  lastRect = { x: 0, y: 0, width: 0, height: 0 };\n  resizeObserver = null;\n  positionLoop = null;\n  resizeHandler = null;\n  burstUntil = 0;\n  constructor(element, options) {\n    this.element = element;\n    this.options = {\n      onSync: options.onSync,\n      getMasks: options.getMasks ?? (() => []),\n      burstIntervalMs: options.burstIntervalMs ?? 50,\n      baseIntervalMs: options.baseIntervalMs ?? 100,\n      burstDurationMs: options.burstDurationMs ?? 500\n    };\n  }\n  start() {\n    this.resizeObserver = new ResizeObserver(() => this.sync());\n    this.resizeObserver.observe(this.element);\n    const loop = () => {\n      this.sync();\n      const now = performance.now();\n      const interval = now < this.burstUntil ? this.options.burstIntervalMs : this.options.baseIntervalMs;\n      this.positionLoop = setTimeout(loop, interval);\n    };\n    this.positionLoop = setTimeout(loop, this.options.baseIntervalMs);\n    this.resizeHandler = () => this.sync(true);\n    window.addEventListener(\"resize\", this.resizeHandler);\n  }\n  stop() {\n    if (this.resizeObserver)\n      this.resizeObserver.disconnect();\n    if (this.positionLoop)\n      clearTimeout(this.positionLoop);\n    if (this.resizeHandler) {\n      window.removeEventListener(\"resize\", this.resizeHandler);\n    }\n    this.resizeObserver = null;\n    this.positionLoop = null;\n    this.resizeHandler = null;\n  }\n  forceSync() {\n    this.sync(true);\n  }\n  setLastRect(rect) {\n    this.lastRect = rect;\n  }\n  sync(force = false) {\n    const rect = this.element.getBoundingClientRect();\n    const newRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    if (newRect.width === 0 && newRect.height === 0) {\n      return;\n    }\n    if (!force && newRect.x === this.lastRect.x && newRect.y === this.lastRect.y && newRect.width === this.lastRect.width && newRect.height === this.lastRect.height) {\n      return;\n    }\n    this.burstUntil = performance.now() + this.options.burstDurationMs;\n    this.lastRect = newRect;\n    const masks = this.options.getMasks();\n    this.options.onSync(newRect, JSON.stringify(masks));\n  }\n}\n\n// src/bun/preload/webviewTag.ts\nvar webviewRegistry = {};\n\nclass ElectrobunWebviewTag extends HTMLElement {\n  webviewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  sandboxed = false;\n  _eventListeners = {};\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWebview());\n  }\n  disconnectedCallback() {\n    if (this.webviewId !== null) {\n      send(\"webviewTagRemove\", { id: this.webviewId });\n      delete webviewRegistry[this.webviewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  async initWebview() {\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const url = this.getAttribute(\"src\");\n    const html = this.getAttribute(\"html\");\n    const preload = this.getAttribute(\"preload\");\n    const partition = this.getAttribute(\"partition\");\n    const renderer = this.getAttribute(\"renderer\") || \"native\";\n    const masks = this.getAttribute(\"masks\");\n    const sandbox = this.hasAttribute(\"sandbox\");\n    this.sandboxed = sandbox;\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    try {\n      const webviewId = await request(\"webviewTagInit\", {\n        hostWebviewId: window.__electrobunWebviewId,\n        windowId: window.__electrobunWindowId,\n        renderer,\n        url,\n        html,\n        preload,\n        partition,\n        frame: {\n          width: rect.width,\n          height: rect.height,\n          x: rect.x,\n          y: rect.y\n        },\n        navigationRules: null,\n        sandbox,\n        transparent,\n        passthrough\n      });\n      this.webviewId = webviewId;\n      this.id = `electrobun-webview-${webviewId}`;\n      webviewRegistry[webviewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      requestAnimationFrame(() => {\n        Object.values(webviewRegistry).forEach((webview) => {\n          if (webview !== this && webview.webviewId !== null) {\n            webview.syncDimensions(true);\n          }\n        });\n      });\n    } catch (err) {\n      console.error(\"Failed to init webview:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.webviewId === null)\n          return;\n        send(\"webviewTagResize\", {\n          id: this.webviewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  loadURL(url) {\n    if (this.webviewId === null)\n      return;\n    this.setAttribute(\"src\", url);\n    send(\"webviewTagUpdateSrc\", { id: this.webviewId, url });\n  }\n  loadHTML(html) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagUpdateHtml\", { id: this.webviewId, html });\n  }\n  reload() {\n    if (this.webviewId !== null)\n      send(\"webviewTagReload\", { id: this.webviewId });\n  }\n  goBack() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoBack\", { id: this.webviewId });\n  }\n  goForward() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoForward\", { id: this.webviewId });\n  }\n  async canGoBack() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoBack\", {\n      id: this.webviewId\n    });\n  }\n  async canGoForward() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoForward\", {\n      id: this.webviewId\n    });\n  }\n  toggleTransparent(value) {\n    if (this.webviewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"webviewTagSetTransparent\", {\n      id: this.webviewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.webviewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"webviewTagSetPassthrough\", {\n      id: this.webviewId,\n      enablePassthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.webviewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"webviewTagSetHidden\", { id: this.webviewId, hidden: this.hidden });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  setNavigationRules(rules) {\n    if (this.webviewId !== null) {\n      send(\"webviewTagSetNavigationRules\", { id: this.webviewId, rules });\n    }\n  }\n  findInPage(searchText, options) {\n    if (this.webviewId === null)\n      return;\n    const forward = options?.forward !== false;\n    const matchCase = options?.matchCase || false;\n    send(\"webviewTagFindInPage\", {\n      id: this.webviewId,\n      searchText,\n      forward,\n      matchCase\n    });\n  }\n  stopFindInPage() {\n    if (this.webviewId !== null)\n      send(\"webviewTagStopFind\", { id: this.webviewId });\n  }\n  openDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagOpenDevTools\", { id: this.webviewId });\n  }\n  closeDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagCloseDevTools\", { id: this.webviewId });\n  }\n  toggleDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagToggleDevTools\", { id: this.webviewId });\n  }\n  executeJavascript(js) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagExecuteJavascript\", { id: this.webviewId, js });\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(value) {\n    if (value) {\n      this.setAttribute(\"src\", value);\n      if (this.webviewId !== null)\n        this.loadURL(value);\n    } else {\n      this.removeAttribute(\"src\");\n    }\n  }\n  get html() {\n    return this.getAttribute(\"html\");\n  }\n  set html(value) {\n    if (value) {\n      this.setAttribute(\"html\", value);\n      if (this.webviewId !== null)\n        this.loadHTML(value);\n    } else {\n      this.removeAttribute(\"html\");\n    }\n  }\n  get preload() {\n    return this.getAttribute(\"preload\");\n  }\n  set preload(value) {\n    if (value)\n      this.setAttribute(\"preload\", value);\n    else\n      this.removeAttribute(\"preload\");\n  }\n  get renderer() {\n    return this.getAttribute(\"renderer\") || \"native\";\n  }\n  set renderer(value) {\n    this.setAttribute(\"renderer\", value);\n  }\n  get sandbox() {\n    return this.sandboxed;\n  }\n}\nfunction initWebviewTag() {\n  if (!customElements.get(\"electrobun-webview\")) {\n    customElements.define(\"electrobun-webview\", ElectrobunWebviewTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-webview {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #fff;\n\tbackground-repeat: no-repeat !important;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/bun/preload/wgpuTag.ts\nvar wgpuTagRegistry = {};\n\nclass ElectrobunWgpuTag extends HTMLElement {\n  wgpuViewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  _eventListeners = {};\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWgpuView());\n  }\n  disconnectedCallback() {\n    if (this.wgpuViewId !== null) {\n      send(\"wgpuTagRemove\", { id: this.wgpuViewId });\n      delete wgpuTagRegistry[this.wgpuViewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  async initWgpuView() {\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const hidden = this.hasAttribute(\"hidden\");\n    const masks = this.getAttribute(\"masks\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.hidden = hidden;\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    try {\n      const wgpuViewId = await request(\"wgpuTagInit\", {\n        windowId: window.__electrobunWindowId,\n        frame: {\n          width: rect.width,\n          height: rect.height,\n          x: rect.x,\n          y: rect.y\n        },\n        transparent,\n        passthrough\n      });\n      this.wgpuViewId = wgpuViewId;\n      this.id = `electrobun-wgpu-${wgpuViewId}`;\n      wgpuTagRegistry[wgpuViewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      if (hidden) {\n        this.toggleHidden(true);\n      }\n      requestAnimationFrame(() => {\n        Object.values(wgpuTagRegistry).forEach((view) => {\n          if (view !== this && view.wgpuViewId !== null) {\n            view.syncDimensions(true);\n          }\n        });\n      });\n      this.emit(\"ready\", { id: wgpuViewId });\n    } catch (err) {\n      console.error(\"Failed to init WGPU view:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.wgpuViewId === null)\n          return;\n        send(\"wgpuTagResize\", {\n          id: this.wgpuViewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  toggleTransparent(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"wgpuTagSetTransparent\", {\n      id: this.wgpuViewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"wgpuTagSetPassthrough\", {\n      id: this.wgpuViewId,\n      passthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"wgpuTagSetHidden\", { id: this.wgpuViewId, hidden: this.hidden });\n  }\n  runTest() {\n    if (this.wgpuViewId === null)\n      return;\n    send(\"wgpuTagRunTest\", { id: this.wgpuViewId });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n}\nfunction initWgpuTag() {\n  if (!customElements.get(\"electrobun-wgpu\")) {\n    customElements.define(\"electrobun-wgpu\", ElectrobunWgpuTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-wgpu {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #000;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/bun/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction initOverscrollPrevention() {\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const style = document.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    document.head.appendChild(style);\n  });\n}\n\n// src/bun/preload/index.ts\ninitEncryption().catch((err) => console.error(\"Failed to initialize encryption:\", err));\nvar internalMessageHandler = (msg) => {\n  handleResponse(msg);\n};\nif (!window.__electrobun) {\n  window.__electrobun = {\n    receiveInternalMessageFromBun: internalMessageHandler,\n    receiveMessageFromBun: (msg) => {\n      console.log(\"receiveMessageFromBun (no handler):\", msg);\n    }\n  };\n} else {\n  window.__electrobun.receiveInternalMessageFromBun = internalMessageHandler;\n  window.__electrobun.receiveMessageFromBun = (msg) => {\n    console.log(\"receiveMessageFromBun (no handler):\", msg);\n  };\n}\nwindow.__electrobunSendToHost = (message) => {\n  emitWebviewEvent(\"host-message\", JSON.stringify(message));\n};\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\ninitDragRegions();\ninitWebviewTag();\ninitWgpuTag();\n})();";
+export const preloadScript = "(function(){// src/bun/preload/encryption.ts\nfunction base64ToUint8Array(base64) {\n  return new Uint8Array(atob(base64).split(\"\").map((char) => char.charCodeAt(0)));\n}\nfunction uint8ArrayToBase64(uint8Array) {\n  let binary = \"\";\n  for (let i = 0;i < uint8Array.length; i++) {\n    binary += String.fromCharCode(uint8Array[i]);\n  }\n  return btoa(binary);\n}\nasync function generateKeyFromBytes(rawKey) {\n  return await window.crypto.subtle.importKey(\"raw\", rawKey, { name: \"AES-GCM\" }, true, [\"encrypt\", \"decrypt\"]);\n}\nasync function initEncryption() {\n  const secretKey = await generateKeyFromBytes(new Uint8Array(window.__electrobunSecretKeyBytes));\n  const encryptString = async (plaintext) => {\n    const encoder = new TextEncoder;\n    const encodedText = encoder.encode(plaintext);\n    const iv = window.crypto.getRandomValues(new Uint8Array(12));\n    const encryptedBuffer = await window.crypto.subtle.encrypt({ name: \"AES-GCM\", iv }, secretKey, encodedText);\n    const encryptedData = new Uint8Array(encryptedBuffer.slice(0, -16));\n    const tag = new Uint8Array(encryptedBuffer.slice(-16));\n    return {\n      encryptedData: uint8ArrayToBase64(encryptedData),\n      iv: uint8ArrayToBase64(iv),\n      tag: uint8ArrayToBase64(tag)\n    };\n  };\n  const decryptString = async (encryptedDataB64, ivB64, tagB64) => {\n    const encryptedData = base64ToUint8Array(encryptedDataB64);\n    const iv = base64ToUint8Array(ivB64);\n    const tag = base64ToUint8Array(tagB64);\n    const combinedData = new Uint8Array(encryptedData.length + tag.length);\n    combinedData.set(encryptedData);\n    combinedData.set(tag, encryptedData.length);\n    const decryptedBuffer = await window.crypto.subtle.decrypt({ name: \"AES-GCM\", iv }, secretKey, combinedData);\n    const decoder = new TextDecoder;\n    return decoder.decode(decryptedBuffer);\n  };\n  window.__electrobun_encrypt = encryptString;\n  window.__electrobun_decrypt = decryptString;\n}\n\n// src/bun/preload/internalRpc.ts\nvar pendingRequests = {};\nvar requestId = 0;\nvar isProcessingQueue = false;\nvar sendQueue = [];\nfunction processQueue() {\n  if (isProcessingQueue) {\n    setTimeout(processQueue);\n    return;\n  }\n  if (sendQueue.length === 0)\n    return;\n  isProcessingQueue = true;\n  const batch = JSON.stringify(sendQueue);\n  sendQueue.length = 0;\n  window.__electrobunInternalBridge?.postMessage(batch);\n  setTimeout(() => {\n    isProcessingQueue = false;\n  }, 2);\n}\nfunction send(type, payload) {\n  sendQueue.push(JSON.stringify({ type: \"message\", id: type, payload }));\n  processQueue();\n}\nfunction request(type, payload) {\n  return new Promise((resolve, reject) => {\n    const id = `req_${++requestId}_${Date.now()}`;\n    pendingRequests[id] = { resolve, reject };\n    sendQueue.push(JSON.stringify({\n      type: \"request\",\n      method: type,\n      id,\n      params: payload,\n      hostWebviewId: window.__electrobunWebviewId\n    }));\n    processQueue();\n    setTimeout(() => {\n      if (pendingRequests[id]) {\n        delete pendingRequests[id];\n        reject(new Error(`Request timeout: ${type}`));\n      }\n    }, 1e4);\n  });\n}\nfunction handleResponse(msg) {\n  if (msg && msg.type === \"response\" && msg.id) {\n    const pending = pendingRequests[msg.id];\n    if (pending) {\n      delete pendingRequests[msg.id];\n      if (msg.success)\n        pending.resolve(msg.payload);\n      else\n        pending.reject(msg.payload);\n    }\n  }\n}\n\n// src/bun/preload/dragRegions.ts\nfunction isAppRegionDrag(e) {\n  const target = e.target;\n  if (!target || !target.closest)\n    return false;\n  if (target.closest(\".electrobun-webkit-app-region-no-drag\") || target.closest('[style*=\"app-region\"][style*=\"no-drag\"]')) {\n    return false;\n  }\n  const draggableByStyle = target.closest('[style*=\"app-region\"][style*=\"drag\"]');\n  const draggableByClass = target.closest(\".electrobun-webkit-app-region-drag\");\n  return !!(draggableByStyle || draggableByClass);\n}\nfunction initDragRegions() {\n  document.addEventListener(\"mousedown\", (e) => {\n    if (isAppRegionDrag(e)) {\n      send(\"startWindowMove\", { id: window.__electrobunWindowId });\n    }\n  });\n  document.addEventListener(\"mouseup\", (e) => {\n    if (isAppRegionDrag(e)) {\n      send(\"stopWindowMove\", { id: window.__electrobunWindowId });\n    }\n  });\n}\n\n// src/bun/preload/overlaySync.ts\nclass OverlaySyncController {\n  element;\n  options;\n  lastRect = { x: 0, y: 0, width: 0, height: 0 };\n  resizeObserver = null;\n  positionLoop = null;\n  resizeHandler = null;\n  burstUntil = 0;\n  constructor(element, options) {\n    this.element = element;\n    this.options = {\n      onSync: options.onSync,\n      getMasks: options.getMasks ?? (() => []),\n      burstIntervalMs: options.burstIntervalMs ?? 50,\n      baseIntervalMs: options.baseIntervalMs ?? 100,\n      burstDurationMs: options.burstDurationMs ?? 500\n    };\n  }\n  start() {\n    this.resizeObserver = new ResizeObserver(() => this.sync());\n    this.resizeObserver.observe(this.element);\n    const loop = () => {\n      this.sync();\n      const now = performance.now();\n      const interval = now < this.burstUntil ? this.options.burstIntervalMs : this.options.baseIntervalMs;\n      this.positionLoop = setTimeout(loop, interval);\n    };\n    this.positionLoop = setTimeout(loop, this.options.baseIntervalMs);\n    this.resizeHandler = () => this.sync(true);\n    window.addEventListener(\"resize\", this.resizeHandler);\n  }\n  stop() {\n    if (this.resizeObserver)\n      this.resizeObserver.disconnect();\n    if (this.positionLoop)\n      clearTimeout(this.positionLoop);\n    if (this.resizeHandler) {\n      window.removeEventListener(\"resize\", this.resizeHandler);\n    }\n    this.resizeObserver = null;\n    this.positionLoop = null;\n    this.resizeHandler = null;\n  }\n  forceSync() {\n    this.sync(true);\n  }\n  setLastRect(rect) {\n    this.lastRect = rect;\n  }\n  sync(force = false) {\n    const rect = this.element.getBoundingClientRect();\n    const newRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    if (newRect.width === 0 && newRect.height === 0) {\n      return;\n    }\n    if (!force && newRect.x === this.lastRect.x && newRect.y === this.lastRect.y && newRect.width === this.lastRect.width && newRect.height === this.lastRect.height) {\n      return;\n    }\n    this.burstUntil = performance.now() + this.options.burstDurationMs;\n    this.lastRect = newRect;\n    const masks = this.options.getMasks();\n    this.options.onSync(newRect, JSON.stringify(masks));\n  }\n}\n\n// src/bun/preload/webviewTag.ts\nvar webviewRegistry = {};\n\nclass ElectrobunWebviewTag extends HTMLElement {\n  webviewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  sandboxed = false;\n  _eventListeners = {};\n  static get observedAttributes() {\n    return [\"src\", \"html\"];\n  }\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWebview());\n  }\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (oldValue === newValue)\n      return;\n    if (newValue === null)\n      return;\n    if (this.webviewId === null)\n      return;\n    if (name === \"src\")\n      this.loadURL(newValue);\n    else if (name === \"html\")\n      this.loadHTML(newValue);\n  }\n  disconnectedCallback() {\n    if (this.webviewId !== null) {\n      send(\"webviewTagRemove\", { id: this.webviewId });\n      delete webviewRegistry[this.webviewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  async initWebview() {\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const url = this.getAttribute(\"src\");\n    const html = this.getAttribute(\"html\");\n    const preload = this.getAttribute(\"preload\");\n    const partition = this.getAttribute(\"partition\");\n    const renderer = this.getAttribute(\"renderer\") || \"native\";\n    const masks = this.getAttribute(\"masks\");\n    const sandbox = this.hasAttribute(\"sandbox\");\n    this.sandboxed = sandbox;\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    try {\n      const webviewId = await request(\"webviewTagInit\", {\n        hostWebviewId: window.__electrobunWebviewId,\n        windowId: window.__electrobunWindowId,\n        renderer,\n        url,\n        html,\n        preload,\n        partition,\n        frame: {\n          width: rect.width,\n          height: rect.height,\n          x: rect.x,\n          y: rect.y\n        },\n        navigationRules: null,\n        sandbox,\n        transparent,\n        passthrough\n      });\n      this.webviewId = webviewId;\n      this.id = `electrobun-webview-${webviewId}`;\n      webviewRegistry[webviewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      requestAnimationFrame(() => {\n        Object.values(webviewRegistry).forEach((webview) => {\n          if (webview !== this && webview.webviewId !== null) {\n            webview.syncDimensions(true);\n          }\n        });\n      });\n    } catch (err) {\n      console.error(\"Failed to init webview:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.webviewId === null)\n          return;\n        send(\"webviewTagResize\", {\n          id: this.webviewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  loadURL(url) {\n    if (this.webviewId === null)\n      return;\n    this.setAttribute(\"src\", url);\n    send(\"webviewTagUpdateSrc\", { id: this.webviewId, url });\n  }\n  loadHTML(html) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagUpdateHtml\", { id: this.webviewId, html });\n  }\n  reload() {\n    if (this.webviewId !== null)\n      send(\"webviewTagReload\", { id: this.webviewId });\n  }\n  goBack() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoBack\", { id: this.webviewId });\n  }\n  goForward() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoForward\", { id: this.webviewId });\n  }\n  async canGoBack() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoBack\", {\n      id: this.webviewId\n    });\n  }\n  async canGoForward() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoForward\", {\n      id: this.webviewId\n    });\n  }\n  toggleTransparent(value) {\n    if (this.webviewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"webviewTagSetTransparent\", {\n      id: this.webviewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.webviewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"webviewTagSetPassthrough\", {\n      id: this.webviewId,\n      enablePassthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.webviewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"webviewTagSetHidden\", { id: this.webviewId, hidden: this.hidden });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  setNavigationRules(rules) {\n    if (this.webviewId !== null) {\n      send(\"webviewTagSetNavigationRules\", { id: this.webviewId, rules });\n    }\n  }\n  findInPage(searchText, options) {\n    if (this.webviewId === null)\n      return;\n    const forward = options?.forward !== false;\n    const matchCase = options?.matchCase || false;\n    send(\"webviewTagFindInPage\", {\n      id: this.webviewId,\n      searchText,\n      forward,\n      matchCase\n    });\n  }\n  stopFindInPage() {\n    if (this.webviewId !== null)\n      send(\"webviewTagStopFind\", { id: this.webviewId });\n  }\n  openDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagOpenDevTools\", { id: this.webviewId });\n  }\n  closeDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagCloseDevTools\", { id: this.webviewId });\n  }\n  toggleDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagToggleDevTools\", { id: this.webviewId });\n  }\n  executeJavascript(js) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagExecuteJavascript\", { id: this.webviewId, js });\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(value) {\n    if (value) {\n      this.setAttribute(\"src\", value);\n    } else {\n      this.removeAttribute(\"src\");\n    }\n  }\n  get html() {\n    return this.getAttribute(\"html\");\n  }\n  set html(value) {\n    if (value) {\n      this.setAttribute(\"html\", value);\n    } else {\n      this.removeAttribute(\"html\");\n    }\n  }\n  get preload() {\n    return this.getAttribute(\"preload\");\n  }\n  set preload(value) {\n    if (value)\n      this.setAttribute(\"preload\", value);\n    else\n      this.removeAttribute(\"preload\");\n  }\n  get renderer() {\n    return this.getAttribute(\"renderer\") || \"native\";\n  }\n  set renderer(value) {\n    this.setAttribute(\"renderer\", value);\n  }\n  get sandbox() {\n    return this.sandboxed;\n  }\n}\nfunction initWebviewTag() {\n  if (!customElements.get(\"electrobun-webview\")) {\n    customElements.define(\"electrobun-webview\", ElectrobunWebviewTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-webview {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #fff;\n\tbackground-repeat: no-repeat !important;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/bun/preload/wgpuTag.ts\nvar wgpuTagRegistry = {};\n\nclass ElectrobunWgpuTag extends HTMLElement {\n  wgpuViewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  _eventListeners = {};\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWgpuView());\n  }\n  disconnectedCallback() {\n    if (this.wgpuViewId !== null) {\n      send(\"wgpuTagRemove\", { id: this.wgpuViewId });\n      delete wgpuTagRegistry[this.wgpuViewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  async initWgpuView() {\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const hidden = this.hasAttribute(\"hidden\");\n    const masks = this.getAttribute(\"masks\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.hidden = hidden;\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    try {\n      const wgpuViewId = await request(\"wgpuTagInit\", {\n        windowId: window.__electrobunWindowId,\n        frame: {\n          width: rect.width,\n          height: rect.height,\n          x: rect.x,\n          y: rect.y\n        },\n        transparent,\n        passthrough\n      });\n      this.wgpuViewId = wgpuViewId;\n      this.id = `electrobun-wgpu-${wgpuViewId}`;\n      wgpuTagRegistry[wgpuViewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      if (hidden) {\n        this.toggleHidden(true);\n      }\n      requestAnimationFrame(() => {\n        Object.values(wgpuTagRegistry).forEach((view) => {\n          if (view !== this && view.wgpuViewId !== null) {\n            view.syncDimensions(true);\n          }\n        });\n      });\n      this.emit(\"ready\", { id: wgpuViewId });\n    } catch (err) {\n      console.error(\"Failed to init WGPU view:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.wgpuViewId === null)\n          return;\n        send(\"wgpuTagResize\", {\n          id: this.wgpuViewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  toggleTransparent(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"wgpuTagSetTransparent\", {\n      id: this.wgpuViewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"wgpuTagSetPassthrough\", {\n      id: this.wgpuViewId,\n      passthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"wgpuTagSetHidden\", { id: this.wgpuViewId, hidden: this.hidden });\n  }\n  runTest() {\n    if (this.wgpuViewId === null)\n      return;\n    send(\"wgpuTagRunTest\", { id: this.wgpuViewId });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n}\nfunction initWgpuTag() {\n  if (!customElements.get(\"electrobun-wgpu\")) {\n    customElements.define(\"electrobun-wgpu\", ElectrobunWgpuTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-wgpu {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #000;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/bun/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction initOverscrollPrevention() {\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const style = document.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    document.head.appendChild(style);\n  });\n}\n\n// src/bun/preload/index.ts\ninitEncryption().catch((err) => console.error(\"Failed to initialize encryption:\", err));\nvar internalMessageHandler = (msg) => {\n  handleResponse(msg);\n};\nif (!window.__electrobun) {\n  window.__electrobun = {\n    receiveInternalMessageFromBun: internalMessageHandler,\n    receiveMessageFromBun: (msg) => {\n      console.log(\"receiveMessageFromBun (no handler):\", msg);\n    }\n  };\n} else {\n  window.__electrobun.receiveInternalMessageFromBun = internalMessageHandler;\n  window.__electrobun.receiveMessageFromBun = (msg) => {\n    console.log(\"receiveMessageFromBun (no handler):\", msg);\n  };\n}\nwindow.__electrobunSendToHost = (message) => {\n  emitWebviewEvent(\"host-message\", JSON.stringify(message));\n};\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\ninitDragRegions();\ninitWebviewTag();\ninitWgpuTag();\n})();";
 
 // Minimal preload for sandboxed/untrusted webviews (lifecycle events only, no RPC)
 export const preloadScriptSandboxed = "(function(){// src/bun/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction initOverscrollPrevention() {\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const style = document.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    document.head.appendChild(style);\n  });\n}\n\n// src/bun/preload/index-sandboxed.ts\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\n})();";

package/dist/api/bun/preload/webviewTag.ts

@@ -36,6 +36,10 @@ export class ElectrobunWebviewTag extends HTMLElement {
 	private _eventListeners: Record<string, Array<(event: CustomEvent) => void>> =
 		{};
 
+	static get observedAttributes() {
+		return ["src", "html"];
+	}
+
 	constructor() {
 		super();
 	}
@@ -44,6 +48,18 @@ export class ElectrobunWebviewTag extends HTMLElement {
 		requestAnimationFrame(() => this.initWebview());
 	}
 
+	attributeChangedCallback(
+		name: string,
+		oldValue: string | null,
+		newValue: string | null,
+	) {
+		if (oldValue === newValue) return;
+		if (newValue === null) return;
+		if (this.webviewId === null) return;
+		if (name === "src") this.loadURL(newValue);
+		else if (name === "html") this.loadHTML(newValue);
+	}
+
 	disconnectedCallback() {
 		if (this.webviewId !== null) {
 			send("webviewTagRemove", { id: this.webviewId });
@@ -332,7 +348,6 @@ export class ElectrobunWebviewTag extends HTMLElement {
 	set src(value: string | null) {
 		if (value) {
 			this.setAttribute("src", value);
-			if (this.webviewId !== null) this.loadURL(value);
 		} else {
 			this.removeAttribute("src");
 		}
@@ -344,7 +359,6 @@ export class ElectrobunWebviewTag extends HTMLElement {
 	set html(value: string | null) {
 		if (value) {
 			this.setAttribute("html", value);
-			if (this.webviewId !== null) this.loadHTML(value);
 		} else {
 			this.removeAttribute("html");
 		}

package/dist/api/bun/proc/native.ts

@@ -97,6 +97,8 @@ export const native = (() => {
 					FFIType.u32, // styleMask
 					FFIType.cstring, // titleBarStyle
 					FFIType.bool, // transparent
+					FFIType.f64, // trafficLightOffsetX
+					FFIType.f64, // trafficLightOffsetY
 					FFIType.function, // closeHandler
 					FFIType.function, // moveHandler
 					FFIType.function, // resizeHandler
@@ -116,9 +118,20 @@ export const native = (() => {
 			showWindow: {
 				args: [
 					FFIType.ptr, // window ptr
+					FFIType.bool, // activate
 				],
 				returns: FFIType.void,
 			},
+			activateWindow: {
+				args: [
+					FFIType.ptr, // window ptr
+				],
+				returns: FFIType.void,
+			},
+			hideWindow: {
+				args: [FFIType.ptr],
+				returns: FFIType.void,
+			},
 			closeWindow: {
 				args: [
 					FFIType.ptr, // window ptr
@@ -173,14 +186,18 @@ export const native = (() => {
 				args: [FFIType.ptr],
 				returns: FFIType.bool,
 			},
-			setWindowPosition: {
-				args: [FFIType.ptr, FFIType.f64, FFIType.f64],
-				returns: FFIType.void,
-			},
-			setWindowSize: {
-				args: [FFIType.ptr, FFIType.f64, FFIType.f64],
-				returns: FFIType.void,
-			},
+				setWindowPosition: {
+					args: [FFIType.ptr, FFIType.f64, FFIType.f64],
+					returns: FFIType.void,
+				},
+				setWindowButtonPosition: {
+					args: [FFIType.ptr, FFIType.f64, FFIType.f64],
+					returns: FFIType.void,
+				},
+				setWindowSize: {
+					args: [FFIType.ptr, FFIType.f64, FFIType.f64],
+					returns: FFIType.void,
+				},
 			setWindowFrame: {
 				args: [FFIType.ptr, FFIType.f64, FFIType.f64, FFIType.f64, FFIType.f64],
 				returns: FFIType.void,
@@ -835,6 +852,11 @@ const _ffiImpl = {
 			titleBarStyle: string;
 			transparent: boolean;
 			hidden?: boolean;
+			activate?: boolean;
+			trafficLightOffset?: {
+				x: number;
+				y: number;
+			};
 		}): FFIType.ptr => {
 			const {
 				id,
@@ -858,6 +880,8 @@ const _ffiImpl = {
 				titleBarStyle,
 				transparent,
 				hidden = false,
+				activate = true,
+				trafficLightOffset = { x: 0, y: 0 },
 			} = params;
 
 			const styleMask = native_.symbols.getWindowStyle(
@@ -886,6 +910,8 @@ const _ffiImpl = {
 				// style
 				toCString(titleBarStyle),
 				transparent,
+				trafficLightOffset.x,
+				trafficLightOffset.y,
 				// callbacks
 				windowCloseCallback,
 				windowMoveCallback,
@@ -901,7 +927,7 @@ const _ffiImpl = {
 
 			native_.symbols.setWindowTitle(windowPtr, toCString(title));
 			if (!hidden) {
-				native_.symbols.showWindow(windowPtr);
+				native_.symbols.showWindow(windowPtr, activate);
 			}
 
 			return windowPtr;
@@ -930,15 +956,37 @@ const _ffiImpl = {
 			// Note: Cleanup of BrowserWindowMap happens in the windowCloseCallback
 		},
 
-		focusWindow: (params: { winId: number }) => {
+		showWindow: (params: { winId: number; activate?: boolean }) => {
+			const { winId } = params;
+			const windowPtr = getWindowPtr(winId);
+
+			if (!windowPtr) {
+				throw `Can't show window. Window no longer exists`;
+			}
+
+			native_.symbols.showWindow(windowPtr, params.activate ?? true);
+		},
+
+		activateWindow: (params: { winId: number }) => {
 			const { winId } = params;
 			const windowPtr = getWindowPtr(winId);
 
 			if (!windowPtr) {
-				throw `Can't focus window. Window no longer exists`;
+				throw `Can't activate window. Window no longer exists`;
 			}
 
-			native_.symbols.showWindow(windowPtr);
+			native_.symbols.activateWindow(windowPtr);
+		},
+
+		hideWindow: (params: { winId: number }) => {
+			const { winId } = params;
+			const windowPtr = getWindowPtr(winId);
+
+			if (!windowPtr) {
+				throw `Can't hide window. Window no longer exists`;
+			}
+
+			native_.symbols.hideWindow(windowPtr);
 		},
 
 		minimizeWindow: (params: { winId: number }) => {
@@ -1079,21 +1127,32 @@ const _ffiImpl = {
 			return native_.symbols.isWindowVisibleOnAllWorkspaces(windowPtr);
 		},
 
-		setWindowPosition: (params: { winId: number; x: number; y: number }) => {
-			const { winId, x, y } = params;
-			const windowPtr = getWindowPtr(winId);
+			setWindowPosition: (params: { winId: number; x: number; y: number }) => {
+				const { winId, x, y } = params;
+				const windowPtr = getWindowPtr(winId);
 
-			if (!windowPtr) {
-				throw `Can't set window position. Window no longer exists`;
-			}
+				if (!windowPtr) {
+					throw `Can't set window position. Window no longer exists`;
+				}
 
-			native_.symbols.setWindowPosition(windowPtr, x, y);
-		},
+				native_.symbols.setWindowPosition(windowPtr, x, y);
+			},
 
-		setWindowSize: (params: {
-			winId: number;
-			width: number;
-			height: number;
+			setWindowButtonPosition: (params: { winId: number; x: number; y: number }) => {
+				const { winId, x, y } = params;
+				const windowPtr = getWindowPtr(winId);
+
+				if (!windowPtr) {
+					throw `Can't set window button position. Window no longer exists`;
+				}
+
+				native_.symbols.setWindowButtonPosition(windowPtr, x, y);
+			},
+
+			setWindowSize: (params: {
+				winId: number;
+				width: number;
+				height: number;
 		}) => {
 			const { winId, width, height } = params;
 			const windowPtr = getWindowPtr(winId);
@@ -1814,6 +1873,7 @@ export const WGPUBridge = {
 	},
 };
 
+
 // Worker management. Move to a different file
 process.on("uncaughtException", (err) => {
 	console.error("Uncaught exception in worker:", err);

package/dist/api/bun/webGPU.ts

@@ -291,43 +291,20 @@ const WGPU_LIB_NAMES: Record<string, string[]> = {
 };
 
 function findWgpuLibraryPath(): string | null {
-	const debug = process.env["ELECTROBUN_WGPU_DEBUG"] === "1";
-	const envPath = process.env["ELECTROBUN_WGPU_PATH"];
-	if (envPath && existsSync(envPath)) {
-		if (debug) console.log("[WGPU] using ELECTROBUN_WGPU_PATH:", envPath);
-		return envPath;
-	} else if (envPath && debug) {
-		console.warn("[WGPU] ELECTROBUN_WGPU_PATH not found:", envPath);
-	}
+	const envPath = process.env['ELECTROBUN_WGPU_PATH'];
+	if (envPath && existsSync(envPath)) return envPath;
 
 	const names = WGPU_LIB_NAMES[process.platform] ?? ["libwebgpu_dawn." + suffix];
 	for (const name of names) {
 		const cwdCandidate = join(process.cwd(), name);
-		if (existsSync(cwdCandidate)) {
-			if (debug) console.log("[WGPU] found in cwd:", cwdCandidate);
-			return cwdCandidate;
-		}
+		if (existsSync(cwdCandidate)) return cwdCandidate;
 		const execDir = dirname(process.execPath);
 		const macCandidate = join(execDir, "..", "MacOS", name);
-		if (existsSync(macCandidate)) {
-			if (debug) console.log("[WGPU] found in bundle MacOS:", macCandidate);
-			return macCandidate;
-		}
+		if (existsSync(macCandidate)) return macCandidate;
 		const resCandidate = join(execDir, "..", "Resources", name);
-		if (existsSync(resCandidate)) {
-			if (debug) console.log("[WGPU] found in bundle Resources:", resCandidate);
-			return resCandidate;
-		}
+		if (existsSync(resCandidate)) return resCandidate;
 		const execCandidate = join(execDir, name);
-		if (existsSync(execCandidate)) {
-			if (debug) console.log("[WGPU] found next to exec:", execCandidate);
-			return execCandidate;
-		}
-	}
-
-	if (debug) {
-		console.warn("[WGPU] not found. platform:", process.platform, "execPath:", process.execPath, "cwd:", process.cwd());
-		console.warn("[WGPU] names:", names);
+		if (existsSync(execCandidate)) return execCandidate;
 	}
 
 	return null;
@@ -352,9 +329,7 @@ export const native = (() => {
 			symbols: lib.symbols,
 			close: lib.close,
 		};
-	} catch (err) {
-		const message = err instanceof Error ? err.message : String(err);
-		console.warn("[WGPU] dlopen failed:", libPath, message);
+	} catch {
 		return {
 			available: false,
 			path: libPath,

package/dist/api/bun/webgpuAdapter.ts

@@ -811,11 +811,6 @@ function makeCommandBufferArray(cmdPtr: number) {
 	return { buffer, ptr: ptr(buffer) };
 }
 
-function makeSurfaceTexture() {
-	const buffer = new ArrayBuffer(24);
-	return { buffer, view: new DataView(buffer), ptr: ptr(buffer) };
-}
-
 function makeSurfaceCapabilities() {
 	const buffer = new ArrayBuffer(64);
 	const view = new DataView(buffer);

package/dist/api/shared/bun-version.ts

@@ -1,3 +1,3 @@
 // Default Bun version shipped with this Electrobun release.
 // All platforms use the same version. Update this when bumping Bun.
-export const BUN_VERSION = "1.3.11";
+export const BUN_VERSION = "1.3.13";

package/dist/api/shared/cef-version.ts

@@ -1,5 +1,5 @@
 // Default CEF version shipped with this Electrobun release.
 // All platforms use the same version. Update this single pair when bumping CEF.
-export const CEF_VERSION = `145.0.23+g3e7fe1c`;
-export const CHROMIUM_VERSION = `145.0.7632.68`;
+export const CEF_VERSION = `147.0.10+gd58e84d`;
+export const CHROMIUM_VERSION = `147.0.7727.118`;
 export const DEFAULT_CEF_VERSION_STRING = `${CEF_VERSION}+chromium-${CHROMIUM_VERSION}`;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "electrobun",
-	"version": "1.17.3-beta.9",
+	"version": "1.18.0",
 	"description": "Build ultra fast, tiny, and cross-platform desktop apps with Typescript.",
 	"license": "MIT",
 	"author": "Blackboard Technologies Inc.",
@@ -46,7 +46,7 @@
 		"push:stable": "bun run typecheck && bun scripts/push-version.js stable",
 		"build:push:artifacts": "bun scripts/build-and-upload-artifacts.js",
 		"test": "bun install && bun build:dev && bun build:cli && cd ../tests && bun install && bun build:dev && bun start",
-		"test:unit": "bun test src/shared",
+		"test:unit": "bun test src/shared src/bun",
 		"bump-cef": "bun scripts/update-cef-version.ts"
 	},
 	"devDependencies": {