electrobun 1.0.3-beta.2 → 1.0.4-beta.0

package/bun.lock

@@ -15,6 +15,8 @@
       "devDependencies": {
         "@types/archiver": "^6.0.3",
         "@types/bun": "1.1.9",
+        "@types/tar": "^6.1.13",
+        "typescript": "^5.9.3",
       },
     },
   },
@@ -39,10 +41,12 @@
 
     "@types/har-format": ["@types/har-format@1.2.16", "", {}, "sha512-fluxdy7ryD3MV6h8pTfTYpy/xQzCFC7m89nOH9y94cNqJ1mDIDPut7MnRHI3F6qRmh/cT2fUjG1MLdCNb4hE9A=="],
 
-    "@types/node": ["@types/node@17.0.45", "", {}, "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="],
+    "@types/node": ["@types/node@20.12.14", "", { "dependencies": { "undici-types": "~5.26.4" } }, "sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg=="],
 
     "@types/readdir-glob": ["@types/readdir-glob@1.1.5", "", { "dependencies": { "@types/node": "*" } }, "sha512-raiuEPUYqXu+nvtY2Pe8s8FEmZ3x5yAH4VkLdihcPdalvsHltomrRC9BzuStrJ9yk06470hS0Crw0f1pXqD+Hg=="],
 
+    "@types/tar": ["@types/tar@6.1.13", "", { "dependencies": { "@types/node": "*", "minipass": "^4.0.0" } }, "sha512-IznnlmU5f4WcGTh2ltRu/Ijpmk8wiWXfF0VA4s+HPjHZgvFggk1YaIkbo5krX/zUCzWF8N/l4+W/LNxnvAJ8nw=="],
+
     "@types/webextension-polyfill": ["@types/webextension-polyfill@0.12.3", "", {}, "sha512-F58aDVSeN/MjUGazXo/cPsmR76EvqQhQ1v4x23hFjUX0cfAJYE+JBWwiOGW36/VJGGxoH74sVlRIF3z7SJCKyg=="],
 
     "@types/ws": ["@types/ws@8.5.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw=="],
@@ -143,7 +147,7 @@
 
     "minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
 
-    "minipass": ["minipass@5.0.0", "", {}, "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ=="],
+    "minipass": ["minipass@4.2.8", "", {}, "sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ=="],
 
     "minizlib": ["minizlib@2.1.2", "", { "dependencies": { "minipass": "^3.0.0", "yallist": "^4.0.0" } }, "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg=="],
 
@@ -199,6 +203,8 @@
 
     "text-decoder": ["text-decoder@1.2.3", "", { "dependencies": { "b4a": "^1.6.4" } }, "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA=="],
 
+    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
     "undici-types": ["undici-types@5.26.5", "", {}, "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="],
 
     "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
@@ -213,12 +219,6 @@
 
     "zip-stream": ["zip-stream@6.0.1", "", { "dependencies": { "archiver-utils": "^5.0.0", "compress-commons": "^6.0.2", "readable-stream": "^4.0.0" } }, "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA=="],
 
-    "@types/readdir-glob/@types/node": ["@types/node@20.12.14", "", { "dependencies": { "undici-types": "~5.26.4" } }, "sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg=="],
-
-    "@types/ws/@types/node": ["@types/node@20.12.14", "", { "dependencies": { "undici-types": "~5.26.4" } }, "sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg=="],
-
-    "bun-types/@types/node": ["@types/node@20.12.14", "", { "dependencies": { "undici-types": "~5.26.4" } }, "sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg=="],
-
     "fs-minipass/minipass": ["minipass@3.3.6", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw=="],
 
     "glob/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
@@ -231,12 +231,16 @@
 
     "path-scurry/minipass": ["minipass@7.1.2", "", {}, "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="],
 
+    "png-to-ico/@types/node": ["@types/node@17.0.45", "", {}, "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="],
+
     "string-width-cjs/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
     "string-width-cjs/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
     "strip-ansi-cjs/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
 
+    "tar/minipass": ["minipass@5.0.0", "", {}, "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ=="],
+
     "wrap-ansi-cjs/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
 
     "wrap-ansi-cjs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],

package/dist/api/browser/global.d.ts

@@ -0,0 +1,31 @@
+// Global type declarations for Electrobun browser environment
+
+interface ElectrobunEncryptResult {
+  encryptedData: string;
+  iv: string;
+  tag: string;
+}
+
+interface ElectrobunBridge {
+  receiveMessageFromBun: (msg: unknown) => void;
+  receiveInternalMessageFromBun: (msg: unknown) => void;
+}
+
+interface MessageHandler {
+  postMessage: (msg: string) => void;
+}
+
+declare global {
+  interface Window {
+    __electrobunWebviewId: number;
+    __electrobunWindowId: number;
+    __electrobunRpcSocketPort: number;
+    __electrobun?: ElectrobunBridge;
+    __electrobun_encrypt: (msg: string) => Promise<ElectrobunEncryptResult>;
+    __electrobun_decrypt: (encryptedData: string, iv: string, tag: string) => Promise<string>;
+    __electrobunInternalBridge?: MessageHandler;
+    __electrobunBunBridge?: MessageHandler;
+  }
+}
+
+export {};

package/dist/api/browser/index.ts

@@ -7,27 +7,32 @@ import {
   type RPCTransport,
   createRPC,
 } from "rpc-anywhere";
-import { ConfigureWebviewTags } from "./webviewtag";
+import { ConfigureWebviewTags, type WebviewTagElement, type WebviewEventTypes } from "./webviewtag";
 // todo: should this just be injected as a preload script?
 import { isAppRegionDrag } from "./stylesAndElements";
 import type { BuiltinBunToWebviewSchema, BuiltinWebviewToBunSchema } from "./builtinrpcSchema";
 import type { InternalWebviewHandlers, WebviewTagHandlers } from "./rpc/webview";
+import "./global.d.ts";
 
 interface ElectrobunWebviewRPCSChema {
   bun: RPCSchema;
   webview: RPCSchema;
 }
 
+interface RPCWithTransport {
+  setTransport: (transport: RPCTransport) => void;
+}
+
 const WEBVIEW_ID = window.__electrobunWebviewId;
 const WINDOW_ID = window.__electrobunWindowId;
 const RPC_SOCKET_PORT = window.__electrobunRpcSocketPort;
 
 
-class Electroview<T> {
+class Electroview<T extends RPCWithTransport> {
   bunSocket?: WebSocket;
   // user's custom rpc browser <-> bun
   rpc?: T;
-  rpcHandler?: (msg: any) => void;
+  rpcHandler?: (msg: unknown) => void;
   // electrobun rpc browser <-> bun
   internalRpc?: any;
   internalRpcHandler?: (msg: any) => void;
@@ -106,7 +111,7 @@ class Electroview<T> {
       console.error("Socket error:", event);
     });
 
-    socket.addEventListener("close", (event) => {
+    socket.addEventListener("close", (_event) => {
       // console.log("Socket closed:", event);
     });
   }
@@ -123,7 +128,7 @@ class Electroview<T> {
   // TODO: implement proper rpc-anywhere style rpc here
   // todo: this is duplicated in webviewtag.ts and should be DRYed up
   isProcessingQueue = false;
-  sendToInternalQueue = [];
+  sendToInternalQueue: string[] = [];
   sendToBunInternal(message: {}) {   
     try {    
       const strMessage = JSON.stringify(message);    
@@ -189,10 +194,10 @@ class Electroview<T> {
     });
   }
 
-  createTransport() {
+  createTransport(): RPCTransport {
     const that = this;
     return {
-      send(message) {
+      send(message: unknown) {
         try {
           const messageString = JSON.stringify(message);
           // console.log("sending message bunbridge", messageString);
@@ -201,7 +206,7 @@ class Electroview<T> {
           console.error("bun: failed to serialize message to webview", error);
         }
       },
-      registerHandler(handler) {
+      registerHandler(handler: (msg: unknown) => void) {
         that.rpcHandler = handler;
       },
     };
@@ -270,7 +275,7 @@ class Electroview<T> {
     }
   }
 
-  receiveMessageFromBun(msg) {
+  receiveMessageFromBun(msg: unknown) {
     // NOTE: in the webview messages are passed by executing ElectrobunView.receiveMessageFromBun(object)
     // so they're already parsed into an object here
     if (this.rpcHandler) {
@@ -380,7 +385,8 @@ class Electroview<T> {
       // while types in here are borked, they resolve correctly/bubble up to the defineRPC call site.
       rpc.addMessageListener(
         "*",
-        (messageName: keyof WebviewSchema["messages"], payload) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (messageName: keyof WebviewSchema["messages"], payload: any) => {
           const globalHandler = messageHandlers["*"];
           if (globalHandler) {
             globalHandler(messageName, payload);
@@ -398,7 +404,7 @@ class Electroview<T> {
   }
 }
 
-export { type RPCSchema, createRPC, Electroview };
+export { type RPCSchema, createRPC, Electroview, type WebviewTagElement, type WebviewEventTypes };
 
 const Electrobun = {
   Electroview,

package/dist/api/browser/stylesAndElements.ts

@@ -1,3 +1,3 @@
 export const isAppRegionDrag = (e: MouseEvent) => {
-  return e.target?.classList.contains("electrobun-webkit-app-region-drag");
+  return (e.target as HTMLElement)?.classList?.contains("electrobun-webkit-app-region-drag");
 };

package/dist/api/browser/webviewtag.ts

@@ -1,16 +1,81 @@
+import "./global.d.ts";
+
 type WebviewEventTypes =
   | "did-navigate"
   | "did-navigate-in-page"
   | "did-commit-navigation"
   | "dom-ready"
-  | "host-message";
+  | "host-message"
+  | "new-window-open";
 
 type Rect = { x: number; y: number; width: number; height: number };
 
+/**
+ * Interface representing an <electrobun-webview> custom element.
+ * Use this to properly type webview elements obtained via querySelector.
+ *
+ * @example
+ * const webview = document.querySelector('electrobun-webview') as WebviewTagElement;
+ * webview.loadURL('https://example.com');
+ * webview.toggleHidden(false);
+ */
+interface WebviewTagElement extends HTMLElement {
+  // Properties
+  webviewId?: number;
+  maskSelectors: Set<string>;
+  transparent: boolean;
+  passthroughEnabled: boolean;
+  hidden: boolean;
+  hiddenMirrorMode: boolean;
+  partition: string | null;
+
+  // Attribute-backed properties (getters/setters)
+  src: string | null;
+  html: string | null;
+  preload: string | null;
+  renderer: 'cef' | 'native';
+
+  // Mask management
+  addMaskSelector(selector: string): void;
+  removeMaskSelector(selector: string): void;
+
+  // Navigation
+  canGoBack(): Promise<boolean>;
+  canGoForward(): Promise<boolean>;
+  goBack(): void;
+  goForward(): void;
+  reload(): void;
+  loadURL(url: string): void;
+  loadHTML(html: string): void;
+
+  // JavaScript execution
+  callAsyncJavaScript(options: { script: string }): Promise<unknown>;
+
+  // Visibility and interaction
+  toggleTransparent(transparent?: boolean, bypassState?: boolean): void;
+  togglePassthrough(enablePassthrough?: boolean, bypassState?: boolean): void;
+  toggleHidden(hidden?: boolean, bypassState?: boolean): void;
+
+  // Events - listener receives a CustomEvent with detail property
+  on(event: WebviewEventTypes, listener: (event: CustomEvent) => void): void;
+  off(event: WebviewEventTypes, listener: (event: CustomEvent) => void): void;
+  emit(event: WebviewEventTypes, detail: unknown): void;
+
+  // Dimension sync
+  syncDimensions(force?: boolean): void;
+
+  // Navigation rules
+  setNavigationRules(rules: string[]): void;
+
+  // Find in page
+  findInPage(searchText: string, options?: { forward?: boolean; matchCase?: boolean }): void;
+  stopFindInPage(): void;
+}
+
 const ConfigureWebviewTags = (
   enableWebviewTags: boolean,
-  internalRpc: (params: any) => any,
-  bunRpc: (params: any) => any
+  internalRpc: unknown,
+  bunRpc: unknown
 ) => {
   if (!enableWebviewTags) {
     return;
@@ -398,12 +463,12 @@ const ConfigureWebviewTags = (
       return ["src", "html", "preload", "class", "style"];
     }
 
-    attributeChangedCallback(name, oldValue, newValue) {
-      if (name === "src" && oldValue !== newValue) {
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {
+      if (name === "src" && oldValue !== newValue && newValue !== null) {
         this.updateIFrameSrc(newValue);
-      } else if (name === "html" && oldValue !== newValue) {
+      } else if (name === "html" && oldValue !== newValue && newValue !== null) {
         this.updateIFrameHtml(newValue);
-      } else if (name === "preload" && oldValue !== newValue) {
+      } else if (name === "preload" && oldValue !== newValue && newValue !== null) {
         this.updateIFramePreload(newValue);
       } else {
         this.syncDimensions();
@@ -638,4 +703,4 @@ electrobun-webview {
   }
 };
 
-export { ConfigureWebviewTags };
+export { ConfigureWebviewTags, type WebviewTagElement, type WebviewEventTypes };

package/dist/api/bun/core/ApplicationMenu.ts

@@ -1,6 +1,20 @@
 import { ffi, type ApplicationMenuItemConfig } from "../proc/native";
 import electrobunEventEmitter from "../events/eventEmitter";
 
+type NonDividerMenuItem = {
+  type?: "normal";
+  label?: string;
+  tooltip?: string;
+  action?: string;
+  role?: string;
+  data?: unknown;
+  submenu?: Array<ApplicationMenuItemConfig>;
+  enabled?: boolean;
+  checked?: boolean;
+  hidden?: boolean;
+  accelerator?: string;
+};
+
 export const setApplicationMenu = (menu: Array<ApplicationMenuItemConfig>) => {
   const menuWithDefaults = menuConfigWithDefaults(menu);
   ffi.request.setApplicationMenu({
@@ -8,7 +22,7 @@ export const setApplicationMenu = (menu: Array<ApplicationMenuItemConfig>) => {
   });
 };
 
-export const on = (name: "application-menu-clicked", handler) => {
+export const on = (name: "application-menu-clicked", handler: (event: unknown) => void) => {
   const specificName = `${name}`;
   electrobunEventEmitter.on(specificName, handler);
 };
@@ -44,24 +58,25 @@ const menuConfigWithDefaults = (
 ): Array<ApplicationMenuItemConfig> => {
   return menu.map((item) => {
     if (item.type === "divider" || item.type === "separator") {
-      return { type: "divider" };
+      return { type: "divider" } as const;
     } else {
+      const menuItem = item as NonDividerMenuItem;
       // Use shared serialization method
-      const actionWithDataId = ffi.internal.serializeMenuAction(item.action || "", item.data);
-      
+      const actionWithDataId = ffi.internal.serializeMenuAction(menuItem.action || "", menuItem.data);
+
       return {
-        label: item.label || roleLabelMap[item.role] || "",
-        type: item.type || "normal",
+        label: menuItem.label || roleLabelMap[menuItem.role as keyof typeof roleLabelMap] || "",
+        type: menuItem.type || "normal",
         // application menus can either have an action or a role. not both.
-        ...(item.role ? { role: item.role } : { action: actionWithDataId }),
+        ...(menuItem.role ? { role: menuItem.role } : { action: actionWithDataId }),
         // default enabled to true unless explicitly set to false
-        enabled: item.enabled === false ? false : true,
-        checked: Boolean(item.checked),
-        hidden: Boolean(item.hidden),
-        tooltip: item.tooltip || undefined,
-        accelerator: item.accelerator || undefined,
-        ...(item.submenu
-          ? { submenu: menuConfigWithDefaults(item.submenu) }
+        enabled: menuItem.enabled === false ? false : true,
+        checked: Boolean(menuItem.checked),
+        hidden: Boolean(menuItem.hidden),
+        tooltip: menuItem.tooltip || undefined,
+        accelerator: menuItem.accelerator || undefined,
+        ...(menuItem.submenu
+          ? { submenu: menuConfigWithDefaults(menuItem.submenu) }
           : {}),
       };
     }

package/dist/api/bun/core/BrowserView.ts

@@ -1,6 +1,5 @@
-import {  native, toCString, ffi } from "../proc/native";
+import { native, toCString, ffi } from "../proc/native";
 import * as fs from "fs";
-import { execSync } from "child_process";
 import electrobunEventEmitter from "../events/eventEmitter";
 import {
   type RPCSchema,
@@ -12,18 +11,15 @@ import {
 } from "rpc-anywhere";
 import { Updater } from "./Updater";
 import { BuildConfig } from "./BuildConfig";
-import type { BuiltinBunToWebviewSchema,BuiltinWebviewToBunSchema } from "../../browser/builtinrpcSchema";
 import { rpcPort, sendMessageToWebviewViaSocket } from "./Socket";
 import { randomBytes } from "crypto";
-import {FFIType, type Pointer}  from 'bun:ffi';
+import { type Pointer } from 'bun:ffi';
 
 const BrowserViewMap: {
   [id: number]: BrowserView<any>;
 } = {};
 let nextWebviewId = 1;
 
-const CHUNK_SIZE = 1024 * 4; // 4KB
-
 type BrowserViewOptions<T = undefined> = {
   url: string | null;
   html: string | null;
@@ -50,6 +46,10 @@ interface ElectrobunWebviewRPCSChema {
   webview: RPCSchema;
 }
 
+interface RPCWithTransport {
+  setTransport: (transport: { send: (msg: unknown) => void; registerHandler: (handler: (msg: unknown) => void) => void }) => void;
+}
+
 const hash = await Updater.localInfo.hash();
 const buildConfig = await BuildConfig.get();
 
@@ -69,12 +69,12 @@ const defaultOptions: Partial<BrowserViewOptions> = {
 // but we also want a randomId to separate different instances of the same app
 const randomId = Math.random().toString(36).substring(7);
 
-export class BrowserView<T> {
+export class BrowserView<T extends RPCWithTransport = RPCWithTransport> {
   id: number = nextWebviewId++;
-  ptr: Pointer;
+  ptr!: Pointer;
   hostWebviewId?: number;
-  windowId: number;
-  renderer: 'cef' | 'native';
+  windowId!: number;
+  renderer!: 'cef' | 'native';
   url: string | null = null;
   html: string | null = null;
   preload: string | null = null;
@@ -91,37 +91,40 @@ export class BrowserView<T> {
     width: 800,
     height: 600,
   };
-  pipePrefix: string;
-  inStream: fs.WriteStream;
-  outStream: ReadableStream<Uint8Array>;
-  secretKey: Uint8Array;
-  rpc?: T;  
-  rpcHandler?: (msg: any) => void;
-  navigationRules: string | null;
+  pipePrefix!: string;
+  inStream!: fs.WriteStream;
+  outStream!: ReadableStream<Uint8Array>;
+  secretKey!: Uint8Array;
+  rpc?: T;
+  rpcHandler?: (msg: unknown) => void;
+  navigationRules: string | null = null;
 
   constructor(options: Partial<BrowserViewOptions<T>> = defaultOptions) {
-    // const rpc = options.rpc;        
-    
+    // const rpc = options.rpc;
+
     this.url = options.url || defaultOptions.url || null;
     this.html = options.html || defaultOptions.html || null;
     this.preload = options.preload || defaultOptions.preload || null;
-    this.frame = options.frame
-      ? { ...defaultOptions.frame, ...options.frame }
-      : { ...defaultOptions.frame };
+    this.frame = {
+      x: options.frame?.x ?? defaultOptions.frame!.x,
+      y: options.frame?.y ?? defaultOptions.frame!.y,
+      width: options.frame?.width ?? defaultOptions.frame!.width,
+      height: options.frame?.height ?? defaultOptions.frame!.height,
+    };
     this.rpc = options.rpc;
-    this.secretKey = new Uint8Array(randomBytes(32));    
+    this.secretKey = new Uint8Array(randomBytes(32));
     this.partition = options.partition || null;
     // todo (yoav): since collisions can crash the app add a function that checks if the
     // file exists first
     this.pipePrefix = `/private/tmp/electrobun_ipc_pipe_${hash}_${randomId}_${this.id}`;
     this.hostWebviewId = options.hostWebviewId;
-    this.windowId = options.windowId;
+    this.windowId = options.windowId ?? 0;
     this.autoResize = options.autoResize === false ? false : true;
     this.navigationRules = options.navigationRules || null;
-    this.renderer = options.renderer || defaultOptions.renderer;
+    this.renderer = options.renderer ?? defaultOptions.renderer ?? 'native';
 
     BrowserViewMap[this.id] = this;
-    this.ptr = this.init();
+    this.ptr = this.init() as Pointer;
     
     // If HTML content was provided, load it after webview creation
     if (this.html) {
@@ -168,18 +171,18 @@ export class BrowserView<T> {
     
   }
 
-  createStreams() {    
+  createStreams() {
     if (!this.rpc) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       this.rpc = BrowserView.defineRPC({
         handlers: { requests: {}, messages: {} },
-      });
+      }) as any;
     }
-    
-    this.rpc.setTransport(this.createTransport());
-    
+
+    this.rpc!.setTransport(this.createTransport());
   }
 
-  sendMessageToWebviewViaExecute(jsonMessage) {
+  sendMessageToWebviewViaExecute(jsonMessage: unknown) {
     const stringifiedMessage =
       typeof jsonMessage === "string"
         ? jsonMessage
@@ -189,7 +192,7 @@ export class BrowserView<T> {
     this.executeJavascript(wrappedMessage);
   }
 
-  sendInternalMessageViaExecute(jsonMessage) {
+  sendInternalMessageViaExecute(jsonMessage: unknown) {
     const stringifiedMessage =
       typeof jsonMessage === "string"
         ? jsonMessage
@@ -258,7 +261,7 @@ export class BrowserView<T> {
       | "download-progress"
       | "download-completed"
       | "download-failed",
-    handler
+    handler: (event: unknown) => void
   ) {
     const specificName = `${name}-${this.id}`;
     electrobunEventEmitter.on(specificName, handler);
@@ -280,8 +283,8 @@ export class BrowserView<T> {
           }
         }
       },
-      registerHandler(handler) {
-        that.rpcHandler = handler;       
+      registerHandler(handler: (msg: unknown) => void) {
+        that.rpcHandler = handler;
       },
     };
   };
@@ -342,7 +345,8 @@ export class BrowserView<T> {
       messages: WebviewSchema["messages"];
     };
 
-    type mixedBunSchema = {      
+    type mixedBunSchema = {
+      requests: WebviewSchema["requests"];
       messages: BunSchema["messages"];
     };
 
@@ -367,7 +371,8 @@ export class BrowserView<T> {
       // while types in here are borked, they resolve correctly/bubble up to the defineRPC call site.
       rpc.addMessageListener(
         "*",
-        (messageName: keyof BunSchema["messages"], payload) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (messageName: keyof BunSchema["messages"], payload: any) => {
           const globalHandler = messageHandlers["*"];
           if (globalHandler) {
             globalHandler(messageName, payload);

package/dist/api/bun/core/BrowserWindow.ts

@@ -1,8 +1,7 @@
 import { ffi } from "../proc/native";
 import electrobunEventEmitter from "../events/eventEmitter";
 import { BrowserView } from "./BrowserView";
-import { type RPC } from "rpc-anywhere";
-import {FFIType} from 'bun:ffi'
+import { type Pointer } from 'bun:ffi';
 import { BuildConfig } from "./BuildConfig";
 
 const buildConfig = await BuildConfig.get();
@@ -50,18 +49,23 @@ const defaultOptions: WindowOptionsType = {
   navigationRules: null,
 };
 
-export const BrowserWindowMap = {};
+export const BrowserWindowMap: { [id: number]: BrowserWindow<RPCWithTransport> } = {};
 
-export class BrowserWindow<T> {
+interface RPCWithTransport {
+  setTransport: (transport: { send: (msg: unknown) => void; registerHandler: (handler: (msg: unknown) => void) => void }) => void;
+}
+
+export class BrowserWindow<T extends RPCWithTransport = RPCWithTransport> {
   id: number = nextWindowId++;
-  ptr: FFIType.ptr;
+  ptr!: Pointer;
   title: string = "Electrobun";
   state: "creating" | "created" = "creating";
   url: string | null = null;
   html: string | null = null;
   preload: string | null = null;
-  renderer:  'native' | 'cef';
+  renderer: 'native' | 'cef' = 'native';
   transparent: boolean = false;
+  navigationRules: string | null = null;
   frame: {
     x: number;
     y: number;
@@ -74,7 +78,7 @@ export class BrowserWindow<T> {
     height: 600,
   };
   // todo (yoav): make this an array of ids or something
-  webviewId: number;
+  webviewId!: number;
 
   constructor(options: Partial<WindowOptionsType<T>> = defaultOptions) {
     this.title = options.title || "New Window";
@@ -139,7 +143,7 @@ export class BrowserWindow<T> {
       },
       titleBarStyle: titleBarStyle || "default",
       transparent: transparent ?? false,
-    });
+    }) as Pointer;
 
     BrowserWindowMap[this.id] = this;
 
@@ -280,7 +284,7 @@ export class BrowserWindow<T> {
 
   // todo (yoav): move this to a class that also has off, append, prepend, etc.
   // name should only allow browserWindow events
-  on(name, handler) {
+  on(name: string, handler: (event: unknown) => void) {
     const specificName = `${name}-${this.id}`;
     electrobunEventEmitter.on(specificName, handler);
   }