electrobun 0.11.0-beta.3 → 0.13.0-beta.0

package/bun.lock

@@ -7,6 +7,8 @@
       "dependencies": {
         "@oneidentity/zstd-js": "^1.0.3",
         "archiver": "^7.0.1",
+        "png-to-ico": "^2.1.8",
+        "rcedit": "^4.0.1",
         "rpc-anywhere": "1.5.0",
         "tar": "^6.2.1",
       },
@@ -19,6 +21,8 @@
   "packages": {
     "@isaacs/cliui": ["@isaacs/cliui@8.0.2", "", { "dependencies": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", "strip-ansi": "^7.0.1", "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", "wrap-ansi": "^8.1.0", "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" } }, "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA=="],
 
+    "@malept/cross-spawn-promise": ["@malept/cross-spawn-promise@1.1.1", "", { "dependencies": { "cross-spawn": "^7.0.1" } }, "sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ=="],
+
     "@oneidentity/zstd-js": ["@oneidentity/zstd-js@1.0.3", "", { "dependencies": { "@types/emscripten": "^1.39.4" } }, "sha512-Jm6sawqxLzBrjC4sg2BeXToa33yPzUmq20CKsehKY2++D/gHb/oSwVjNgT+RH4vys+r8FynrgcNzGwhZWMLzfQ=="],
 
     "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
@@ -35,7 +39,7 @@
 
     "@types/har-format": ["@types/har-format@1.2.16", "", {}, "sha512-fluxdy7ryD3MV6h8pTfTYpy/xQzCFC7m89nOH9y94cNqJ1mDIDPut7MnRHI3F6qRmh/cT2fUjG1MLdCNb4hE9A=="],
 
-    "@types/node": ["@types/node@20.12.14", "", { "dependencies": { "undici-types": "~5.26.4" } }, "sha512-scnD59RpYD91xngrQQLGkE+6UrHUPzeKZWhhjBSa3HSkwjbQc38+q3RoIVEwxQGRw3M+j5hpNAM+lgV3cVormg=="],
+    "@types/node": ["@types/node@17.0.45", "", {}, "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="],
 
     "@types/readdir-glob": ["@types/readdir-glob@1.1.5", "", { "dependencies": { "@types/node": "*" } }, "sha512-raiuEPUYqXu+nvtY2Pe8s8FEmZ3x5yAH4VkLdihcPdalvsHltomrRC9BzuStrJ9yk06470hS0Crw0f1pXqD+Hg=="],
 
@@ -89,6 +93,8 @@
 
     "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
+    "cross-spawn-windows-exe": ["cross-spawn-windows-exe@1.2.0", "", { "dependencies": { "@malept/cross-spawn-promise": "^1.1.0", "is-wsl": "^2.2.0", "which": "^2.0.2" } }, "sha512-mkLtJJcYbDCxEG7Js6eUnUNndWjyUZwJ3H7bErmmtOYU/Zb99DyUkpamuIZE0b3bhmJyZ7D90uS6f+CGxRRjOw=="],
+
     "eastasianwidth": ["eastasianwidth@0.2.0", "", {}, "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="],
 
     "emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
@@ -113,10 +119,14 @@
 
     "inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
 
+    "is-docker": ["is-docker@2.2.1", "", { "bin": { "is-docker": "cli.js" } }, "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="],
+
     "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
 
     "is-stream": ["is-stream@2.0.1", "", {}, "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="],
 
+    "is-wsl": ["is-wsl@2.2.0", "", { "dependencies": { "is-docker": "^2.0.0" } }, "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww=="],
+
     "isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
 
     "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
@@ -131,6 +141,8 @@
 
     "minimatch": ["minimatch@5.1.6", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g=="],
 
+    "minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
+
     "minipass": ["minipass@5.0.0", "", {}, "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ=="],
 
     "minizlib": ["minizlib@2.1.2", "", { "dependencies": { "minipass": "^3.0.0", "yallist": "^4.0.0" } }, "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg=="],
@@ -145,10 +157,16 @@
 
     "path-scurry": ["path-scurry@1.11.1", "", { "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" } }, "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA=="],
 
+    "png-to-ico": ["png-to-ico@2.1.8", "", { "dependencies": { "@types/node": "^17.0.36", "minimist": "^1.2.6", "pngjs": "^6.0.0" }, "bin": { "png-to-ico": "bin/cli.js" } }, "sha512-Nf+IIn/cZ/DIZVdGveJp86NG5uNib1ZXMiDd/8x32HCTeKSvgpyg6D/6tUBn1QO/zybzoMK0/mc3QRgAyXdv9w=="],
+
+    "pngjs": ["pngjs@6.0.0", "", {}, "sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg=="],
+
     "process": ["process@0.11.10", "", {}, "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="],
 
     "process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
 
+    "rcedit": ["rcedit@4.0.1", "", { "dependencies": { "cross-spawn-windows-exe": "^1.1.0" } }, "sha512-bZdaQi34krFWhrDn+O53ccBDw0MkAT2Vhu75SqhtvhQu4OPyFM4RoVheyYiVQYdjhUi6EJMVWQ0tR6bCIYVkUg=="],
+
     "readable-stream": ["readable-stream@4.7.0", "", { "dependencies": { "abort-controller": "^3.0.0", "buffer": "^6.0.3", "events": "^3.3.0", "process": "^0.11.10", "string_decoder": "^1.3.0" } }, "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg=="],
 
     "readdir-glob": ["readdir-glob@1.1.3", "", { "dependencies": { "minimatch": "^5.1.0" } }, "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA=="],
@@ -195,6 +213,12 @@
 
     "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=="],

package/dist/api/browser/rpc/webview.ts

@@ -78,6 +78,15 @@ export type InternalWebviewHandlers = RPCSchema<{
         id: number;
         rules: string[];
       };
+      webviewTagFindInPage: {
+        id: number;
+        searchText: string;
+        forward: boolean;
+        matchCase: boolean;
+      };
+      webviewTagStopFind: {
+        id: number;
+      };
     };
   }>;
   

package/dist/api/browser/webviewtag.ts

@@ -572,6 +572,34 @@ const ConfigureWebviewTags = (
         rules: rules,
       });
     }
+
+    findInPage(searchText: string, options?: {forward?: boolean; matchCase?: boolean}) {
+      if (!this.webviewId) {
+        console.warn('findInPage called on removed webview');
+        return;
+      }
+
+      const forward = options?.forward ?? true;
+      const matchCase = options?.matchCase ?? false;
+
+      this.internalRpc.send.webviewTagFindInPage({
+        id: this.webviewId,
+        searchText,
+        forward,
+        matchCase,
+      });
+    }
+
+    stopFindInPage() {
+      if (!this.webviewId) {
+        console.warn('stopFindInPage called on removed webview');
+        return;
+      }
+
+      this.internalRpc.send.webviewTagStopFind({
+        id: this.webviewId,
+      });
+    }
   }
 
   customElements.define("electrobun-webview", WebviewTag);

package/dist/api/bun/ElectrobunConfig.ts

@@ -129,24 +129,30 @@ export interface ElectrobunConfig {
        * @default false
        */
       codesign?: boolean;
-      
+
       /**
        * Enable notarization for macOS builds (requires codesign)
        * @default false
        */
       notarize?: boolean;
-      
+
       /**
        * Bundle CEF (Chromium Embedded Framework) instead of using system WebView
        * @default false
        */
       bundleCEF?: boolean;
-      
+
+      /**
+       * Default renderer for webviews when not explicitly specified
+       * @default 'native'
+       */
+      defaultRenderer?: 'native' | 'cef';
+
       /**
        * macOS entitlements for code signing
        */
       entitlements?: Record<string, boolean | string>;
-      
+
       /**
        * Path to .iconset folder containing app icons
        * @default "icon.iconset"
@@ -163,6 +169,20 @@ export interface ElectrobunConfig {
        * @default false
        */
       bundleCEF?: boolean;
+
+      /**
+       * Default renderer for webviews when not explicitly specified
+       * @default 'native'
+       */
+      defaultRenderer?: 'native' | 'cef';
+
+      /**
+       * Path to application icon (.ico format)
+       * Used for the installer/extractor wrapper, desktop shortcuts, and taskbar
+       * Should include multiple sizes (16x16, 32x32, 48x48, 256x256) for best results
+       * @example "assets/icon.ico"
+       */
+      icon?: string;
     };
 
     /**
@@ -175,6 +195,20 @@ export interface ElectrobunConfig {
        * @default false
        */
       bundleCEF?: boolean;
+
+      /**
+       * Default renderer for webviews when not explicitly specified
+       * @default 'native'
+       */
+      defaultRenderer?: 'native' | 'cef';
+
+      /**
+       * Path to application icon (PNG format recommended)
+       * Used for desktop entries, window icons, and taskbar
+       * Should be at least 256x256 pixels for best results
+       * @example "assets/icon.png"
+       */
+      icon?: string;
     };
   };
 

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

@@ -11,6 +11,7 @@ import {
   createRPC,
 } 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";
@@ -49,11 +50,14 @@ interface ElectrobunWebviewRPCSChema {
   webview: RPCSchema;
 }
 
+const hash = await Updater.localInfo.hash();
+const buildConfig = await BuildConfig.get();
+
 const defaultOptions: Partial<BrowserViewOptions> = {
   url: null,
   html: null,
   preload: null,
-  renderer: 'native',
+  renderer: buildConfig.defaultRenderer,
   frame: {
     x: 0,
     y: 0,
@@ -61,10 +65,6 @@ const defaultOptions: Partial<BrowserViewOptions> = {
     height: 600,
   },
 };
-
-
-
-const hash = await Updater.localInfo.hash();
 // Note: we use the build's hash to separate from different apps and different builds
 // but we also want a randomId to separate different instances of the same app
 const randomId = Math.random().toString(36).substring(7);
@@ -136,22 +136,22 @@ export class BrowserView<T> {
     }
   }
 
-  init() {    
+  init() {
     this.createStreams();
-       
+
     // TODO: add a then to this that fires an onReady event
     return ffi.request.createWebview({
       id: this.id,
       windowId: this.windowId,
-      renderer: this.renderer, 
+      renderer: this.renderer,
       rpcPort: rpcPort,
       // todo: consider sending secretKey as base64
       secretKey: this.secretKey.toString(),
       hostWebviewId: this.hostWebviewId || null,
       pipePrefix: this.pipePrefix,
-      partition: this.partition,      
+      partition: this.partition,
       // Only pass URL if no HTML content is provided to avoid conflicts
-      url: this.html ? null : this.url,      
+      url: this.html ? null : this.url,
       html: this.html,
       preload: this.preload,
       frame: {
@@ -162,6 +162,7 @@ export class BrowserView<T> {
       },
       autoResize: this.autoResize,
       navigationRules: this.navigationRules,
+      // transparent is looked up from parent window in native.ts
     });
 
     

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

@@ -3,6 +3,9 @@ import electrobunEventEmitter from "../events/eventEmitter";
 import { BrowserView } from "./BrowserView";
 import { type RPC } from "rpc-anywhere";
 import {FFIType} from 'bun:ffi'
+import { BuildConfig } from "./BuildConfig";
+
+const buildConfig = await BuildConfig.get();
 
 let nextWindowId = 1;
 
@@ -18,15 +21,20 @@ type WindowOptionsType<T = undefined> = {
   html: string | null;
   preload: string | null;
   renderer: 'native' | 'cef';
-  rpc?: T;  
+  rpc?: T;
   styleMask?: {};
-  // TODO: implement all of them
-  titleBarStyle: "hiddenInset" | "default";
+  // titleBarStyle options:
+  // - 'default': normal titlebar with native window controls
+  // - 'hidden': no titlebar, no native window controls (for fully custom chrome)
+  // - 'hiddenInset': transparent titlebar with inset native controls
+  titleBarStyle: "hidden" | "hiddenInset" | "default";
+  // transparent: when true, window background is transparent (see-through)
+  transparent: boolean;
   navigationRules: string | null;
 };
 
 const defaultOptions: WindowOptionsType = {
-  title: "Electrobun",  
+  title: "Electrobun",
   frame: {
     x: 0,
     y: 0,
@@ -36,8 +44,9 @@ const defaultOptions: WindowOptionsType = {
   url: "https://electrobun.dev",
   html: null,
   preload: null,
-  renderer: 'native',
+  renderer: buildConfig.defaultRenderer,
   titleBarStyle: "default",
+  transparent: false,
   navigationRules: null,
 };
 
@@ -52,6 +61,7 @@ export class BrowserWindow<T> {
   html: string | null = null;
   preload: string | null = null;
   renderer:  'native' | 'cef';
+  transparent: boolean = false;
   frame: {
     x: number;
     y: number;
@@ -74,22 +84,24 @@ export class BrowserWindow<T> {
     this.url = options.url || null;
     this.html = options.html || null;
     this.preload = options.preload || null;
-    this.renderer = options.renderer === 'cef' ? 'cef' : 'native';
+    this.renderer = options.renderer || defaultOptions.renderer;
+    this.transparent = options.transparent ?? false;
     this.navigationRules = options.navigationRules || null;
-    
+
     this.init(options);
   }
 
   init({
-    rpc,    
+    rpc,
     styleMask,
     titleBarStyle,
+    transparent,
   }: Partial<WindowOptionsType<T>>) {
-    
+
     this.ptr = ffi.request.createWindow({
       id: this.id,
       title: this.title,
-      url: this.url || "",      
+      url: this.url || "",
       frame: {
         width: this.frame.width,
         height: this.frame.height,
@@ -110,14 +122,23 @@ export class BrowserWindow<T> {
         NonactivatingPanel: false,
         HUDWindow: false,
         ...(styleMask || {}),
+        // hiddenInset: transparent titlebar with inset native controls
         ...(titleBarStyle === "hiddenInset"
           ? {
               Titled: true,
               FullSizeContentView: true,
             }
           : {}),
+        // hidden: no titlebar, no native controls (for fully custom chrome)
+        ...(titleBarStyle === "hidden"
+          ? {
+              Titled: false,
+              FullSizeContentView: true,
+            }
+          : {}),
       },
       titleBarStyle: titleBarStyle || "default",
+      transparent: transparent ?? false,
     });
 
     BrowserWindowMap[this.id] = this;
@@ -153,8 +174,6 @@ export class BrowserWindow<T> {
     console.log('setting webviewId: ', webview.id)
 
     this.webviewId = webview.id;   
-
-    
   }
 
   get webview() {    
@@ -180,12 +199,16 @@ export class BrowserWindow<T> {
     return ffi.request.focusWindow({ winId: this.id });
   }
 
+  show() {
+    return ffi.request.focusWindow({ winId: this.id });
+  }
+
   minimize() {
     return ffi.request.minimizeWindow({ winId: this.id });
   }
 
   unminimize() {
-    return ffi.request.unminimizeWindow({ winId: this.id });
+    return ffi.request.restoreWindow({ winId: this.id });
   }
 
   isMinimized(): boolean {
@@ -220,6 +243,41 @@ export class BrowserWindow<T> {
     return ffi.request.isWindowAlwaysOnTop({ winId: this.id });
   }
 
+  setPosition(x: number, y: number) {
+    this.frame.x = x;
+    this.frame.y = y;
+    return ffi.request.setWindowPosition({ winId: this.id, x, y });
+  }
+
+  setSize(width: number, height: number) {
+    this.frame.width = width;
+    this.frame.height = height;
+    return ffi.request.setWindowSize({ winId: this.id, width, height });
+  }
+
+  setFrame(x: number, y: number, width: number, height: number) {
+    this.frame = { x, y, width, height };
+    return ffi.request.setWindowFrame({ winId: this.id, x, y, width, height });
+  }
+
+  getFrame(): { x: number; y: number; width: number; height: number } {
+    const frame = ffi.request.getWindowFrame({ winId: this.id });
+    // Update internal state
+    this.frame = frame;
+    return frame;
+  }
+
+  getPosition(): { x: number; y: number } {
+    const frame = this.getFrame();
+    return { x: frame.x, y: frame.y };
+  }
+
+  getSize(): { width: number; height: number } {
+    const frame = this.getFrame();
+    return { width: frame.width, height: frame.height };
+  }
+
+
   // todo (yoav): move this to a class that also has off, append, prepend, etc.
   // name should only allow browserWindow events
   on(name, handler) {

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

@@ -0,0 +1,38 @@
+export type BuildConfigType = {
+  defaultRenderer: 'native' | 'cef';
+  availableRenderers: ('native' | 'cef')[];
+};
+
+let buildConfig: BuildConfigType | null = null;
+
+const BuildConfig = {
+  /**
+   * Get the build configuration. Loads from build.json on first call, then returns cached value.
+   */
+  get: async (): Promise<BuildConfigType> => {
+    if (buildConfig) {
+      return buildConfig;
+    }
+
+    try {
+      const resourcesDir = 'Resources';
+      buildConfig = await Bun.file(`../${resourcesDir}/build.json`).json();
+      return buildConfig!;
+    } catch (error) {
+      // Fallback for dev mode or missing file
+      buildConfig = {
+        defaultRenderer: 'native',
+        availableRenderers: ['native'],
+      };
+      return buildConfig;
+    }
+  },
+
+  /**
+   * Get the cached build configuration synchronously.
+   * Returns null if config hasn't been loaded yet.
+   */
+  getCached: (): BuildConfigType | null => buildConfig,
+};
+
+export { BuildConfig };

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

@@ -101,7 +101,7 @@ const startRPCServer = () => {
               return;
             }
             const { webviewId } = ws.data;
-            console.log("Closed:", webviewId, code, reason);
+            // console.log("Closed:", webviewId, code, reason);
             if (socketMap[webviewId]) {
               socketMap[webviewId].socket = null;
             }

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

@@ -57,6 +57,34 @@ exec ./launcher "$@"
   console.log(`Created/updated Linux launcher script: ${launcherPath}`);
 }
 
+// Create launcher script for AppImage
+async function createLinuxAppImageLauncherScript(appImagePath: string): Promise<void> {
+  const parentDir = dirname(appImagePath);
+  const launcherPath = join(parentDir, "run.sh");
+  
+  const launcherContent = `#!/bin/bash
+# Electrobun AppImage Launcher
+# This script launches the AppImage
+
+# Get the directory where this script is located
+SCRIPT_DIR="$(cd "$(dirname "\${BASH_SOURCE[0]}")" && pwd)"
+APPIMAGE_PATH="$SCRIPT_DIR/$(basename "${appImagePath}")"
+
+# Force X11 backend for compatibility
+export GDK_BACKEND=x11
+
+# Launch the AppImage
+exec "$APPIMAGE_PATH" "$@"
+`;
+
+  await Bun.write(launcherPath, launcherContent);
+  
+  // Make it executable
+  execSync(`chmod +x "${launcherPath}"`);
+  
+  console.log(`Created/updated Linux AppImage launcher script: ${launcherPath}`);
+}
+
 // Cross-platform app data directory
 function getAppDataDir(): string {
   switch (currentOS) {
@@ -450,10 +478,28 @@ const Updater = {
         
         // Platform-specific path handling
         let newAppBundlePath: string;
-        if (currentOS === 'linux' || currentOS === 'win') {
-          // On Linux/Windows, the actual app is inside a subdirectory
+        if (currentOS === 'linux') {
+          // On Linux, look for the .AppImage file in the extraction directory
+          const appImageName = `${localInfo.name.replace(/ /g, "").replace(/\./g, "-")}.AppImage`;
+          newAppBundlePath = join(extractionDir, appImageName);
+          
+          // Verify the AppImage exists
+          if (!statSync(newAppBundlePath, { throwIfNoEntry: false })) {
+            console.error(`AppImage not found at: ${newAppBundlePath}`);
+            console.log("Contents of extraction directory:");
+            try {
+              const files = readdirSync(extractionDir);
+              for (const file of files) {
+                console.log(`  - ${file}`);
+              }
+            } catch (e) {
+              console.log("Could not list directory contents:", e);
+            }
+            return;
+          }
+        } else if (currentOS === 'win') {
+          // On Windows, the actual app is inside a subdirectory
           // Use same sanitization as extractor: remove spaces and dots
-          // Note: localInfo.name already includes the channel (e.g., "test1-canary")
           const appBundleName = localInfo.name.replace(/ /g, "").replace(/\./g, "-");
           newAppBundlePath = join(extractionDir, appBundleName);
           
@@ -485,10 +531,12 @@ const Updater = {
             ".."
           );
         } else {
-          // On Linux/Windows, calculate app path using app data directory structure
+          // Platform-specific app path calculation
           const appDataFolder = await Updater.appDataFolder();
           if (currentOS === 'linux') {
-            runningAppBundlePath = join(appDataFolder, "app");
+            // On Linux, store AppImage as a single file
+            const appImageName = `${localInfo.name.replace(/ /g, "").replace(/\./g, "-")}.AppImage`;
+            runningAppBundlePath = join(appDataFolder, appImageName);
           } else {
             // On Windows, use versioned app folders
             const currentHash = (await Updater.getLocallocalInfo()).hash;
@@ -519,29 +567,25 @@ const Updater = {
             // Move new app to running location
             renameSync(newAppBundlePath, runningAppBundlePath);
           } else if (currentOS === 'linux') {
-            // On Linux, create tar backup and replace
-            // Remove existing backup.tar if it exists
+            // On Linux, backup and replace AppImage file
+            // Remove existing backup if it exists
             if (statSync(backupPath, { throwIfNoEntry: false })) {
               unlinkSync(backupPath);
             }
             
-            // Create tar backup of current app
-            await tar.c(
-              {
-                file: backupPath,
-                cwd: dirname(runningAppBundlePath),
-              },
-              [basename(runningAppBundlePath)]
-            );
-            
-            // Remove current app
-            rmdirSync(runningAppBundlePath, { recursive: true });
+            // Create backup of current AppImage (if it exists)
+            if (statSync(runningAppBundlePath, { throwIfNoEntry: false })) {
+              renameSync(runningAppBundlePath, backupPath);
+            }
             
-            // Move new app to app location
+            // Move new AppImage to app location
             renameSync(newAppBundlePath, runningAppBundlePath);
             
-            // Recreate run.sh launcher script
-            await createLinuxLauncherScript(runningAppBundlePath);
+            // Make AppImage executable
+            execSync(`chmod +x "${runningAppBundlePath}"`);
+            
+            // Create/update launcher script that points to the AppImage
+            await createLinuxAppImageLauncherScript(runningAppBundlePath);
           } else {
             // On Windows, use versioned app folders
             const parentDir = dirname(runningAppBundlePath);
@@ -630,9 +674,8 @@ start "" launcher.exe
             await Bun.spawn(["cmd", "/c", runBatPath], { detached: true });
             break;
           case 'linux':
-            // On Linux, use shell backgrounding to detach the process
-            const linuxLauncher = join(runningAppBundlePath, "bin", "launcher");
-            Bun.spawn(["sh", "-c", `${linuxLauncher} &`], { detached: true});
+            // On Linux, launch the AppImage directly
+            Bun.spawn(["sh", "-c", `"${runningAppBundlePath}" &`], { detached: true});
             break;
         }
         // Use native killApp to properly clean up all resources