sparkbun 0.1.0

package/src/bun/core/menuRoles.ts

@@ -0,0 +1,181 @@
+/**
+ * Shared menu role definitions used by ApplicationMenu, ContextMenu, and Tray menus.
+ * These map to macOS NSResponder selectors for native text editing support.
+ */
+
+export const roleLabelMap: Record<string, string> = {
+	// Application roles
+	about: "About",
+	quit: "Quit",
+	hide: "Hide",
+	hideOthers: "Hide Others",
+	showAll: "Show All",
+
+	// Window roles
+	minimize: "Minimize",
+	zoom: "Zoom",
+	close: "Close",
+	bringAllToFront: "Bring All To Front",
+	cycleThroughWindows: "Cycle Through Windows",
+	enterFullScreen: "Enter Full Screen",
+	exitFullScreen: "Exit Full Screen",
+	toggleFullScreen: "Toggle Full Screen",
+
+	// Standard edit roles
+	undo: "Undo",
+	redo: "Redo",
+	cut: "Cut",
+	copy: "Copy",
+	paste: "Paste",
+	pasteAndMatchStyle: "Paste and Match Style",
+	delete: "Delete",
+	selectAll: "Select All",
+
+	// Speech roles
+	startSpeaking: "Start Speaking",
+	stopSpeaking: "Stop Speaking",
+
+	// Help
+	showHelp: "Show Help",
+
+	// Movement - basic
+	moveForward: "Move Forward",
+	moveBackward: "Move Backward",
+	moveLeft: "Move Left",
+	moveRight: "Move Right",
+	moveUp: "Move Up",
+	moveDown: "Move Down",
+
+	// Movement - by word
+	moveWordForward: "Move Word Forward",
+	moveWordBackward: "Move Word Backward",
+	moveWordLeft: "Move Word Left",
+	moveWordRight: "Move Word Right",
+
+	// Movement - by line
+	moveToBeginningOfLine: "Move to Beginning of Line",
+	moveToEndOfLine: "Move to End of Line",
+	moveToLeftEndOfLine: "Move to Left End of Line",
+	moveToRightEndOfLine: "Move to Right End of Line",
+
+	// Movement - by paragraph
+	moveToBeginningOfParagraph: "Move to Beginning of Paragraph",
+	moveToEndOfParagraph: "Move to End of Paragraph",
+	moveParagraphForward: "Move Paragraph Forward",
+	moveParagraphBackward: "Move Paragraph Backward",
+
+	// Movement - by document
+	moveToBeginningOfDocument: "Move to Beginning of Document",
+	moveToEndOfDocument: "Move to End of Document",
+
+	// Movement with selection - basic
+	moveForwardAndModifySelection: "Move Forward and Modify Selection",
+	moveBackwardAndModifySelection: "Move Backward and Modify Selection",
+	moveLeftAndModifySelection: "Move Left and Modify Selection",
+	moveRightAndModifySelection: "Move Right and Modify Selection",
+	moveUpAndModifySelection: "Move Up and Modify Selection",
+	moveDownAndModifySelection: "Move Down and Modify Selection",
+
+	// Movement with selection - by word
+	moveWordForwardAndModifySelection: "Move Word Forward and Modify Selection",
+	moveWordBackwardAndModifySelection: "Move Word Backward and Modify Selection",
+	moveWordLeftAndModifySelection: "Move Word Left and Modify Selection",
+	moveWordRightAndModifySelection: "Move Word Right and Modify Selection",
+
+	// Movement with selection - by line
+	moveToBeginningOfLineAndModifySelection:
+		"Move to Beginning of Line and Modify Selection",
+	moveToEndOfLineAndModifySelection:
+		"Move to End of Line and Modify Selection",
+	moveToLeftEndOfLineAndModifySelection:
+		"Move to Left End of Line and Modify Selection",
+	moveToRightEndOfLineAndModifySelection:
+		"Move to Right End of Line and Modify Selection",
+
+	// Movement with selection - by paragraph
+	moveToBeginningOfParagraphAndModifySelection:
+		"Move to Beginning of Paragraph and Modify Selection",
+	moveToEndOfParagraphAndModifySelection:
+		"Move to End of Paragraph and Modify Selection",
+	moveParagraphForwardAndModifySelection:
+		"Move Paragraph Forward and Modify Selection",
+	moveParagraphBackwardAndModifySelection:
+		"Move Paragraph Backward and Modify Selection",
+
+	// Movement with selection - by document
+	moveToBeginningOfDocumentAndModifySelection:
+		"Move to Beginning of Document and Modify Selection",
+	moveToEndOfDocumentAndModifySelection:
+		"Move to End of Document and Modify Selection",
+
+	// Page movement
+	pageUp: "Page Up",
+	pageDown: "Page Down",
+	pageUpAndModifySelection: "Page Up and Modify Selection",
+	pageDownAndModifySelection: "Page Down and Modify Selection",
+
+	// Scrolling
+	scrollLineUp: "Scroll Line Up",
+	scrollLineDown: "Scroll Line Down",
+	scrollPageUp: "Scroll Page Up",
+	scrollPageDown: "Scroll Page Down",
+	scrollToBeginningOfDocument: "Scroll to Beginning of Document",
+	scrollToEndOfDocument: "Scroll to End of Document",
+	centerSelectionInVisibleArea: "Center Selection in Visible Area",
+
+	// Deletion - character
+	deleteBackward: "Delete Backward",
+	deleteForward: "Delete Forward",
+	deleteBackwardByDecomposingPreviousCharacter:
+		"Delete Backward by Decomposing Previous Character",
+
+	// Deletion - word
+	deleteWordBackward: "Delete Word Backward",
+	deleteWordForward: "Delete Word Forward",
+
+	// Deletion - line
+	deleteToBeginningOfLine: "Delete to Beginning of Line",
+	deleteToEndOfLine: "Delete to End of Line",
+
+	// Deletion - paragraph
+	deleteToBeginningOfParagraph: "Delete to Beginning of Paragraph",
+	deleteToEndOfParagraph: "Delete to End of Paragraph",
+
+	// Selection
+	selectWord: "Select Word",
+	selectLine: "Select Line",
+	selectParagraph: "Select Paragraph",
+	selectToMark: "Select to Mark",
+	setMark: "Set Mark",
+	swapWithMark: "Swap with Mark",
+	deleteToMark: "Delete to Mark",
+
+	// Text transformation
+	capitalizeWord: "Capitalize Word",
+	uppercaseWord: "Uppercase Word",
+	lowercaseWord: "Lowercase Word",
+	transpose: "Transpose",
+	transposeWords: "Transpose Words",
+
+	// Insertion
+	insertNewline: "Insert Newline",
+	insertLineBreak: "Insert Line Break",
+	insertParagraphSeparator: "Insert Paragraph Separator",
+	insertTab: "Insert Tab",
+	insertBacktab: "Insert Backtab",
+	insertTabIgnoringFieldEditor: "Insert Tab Ignoring Field Editor",
+	insertNewlineIgnoringFieldEditor: "Insert Newline Ignoring Field Editor",
+
+	// Kill ring (Emacs-style)
+	yank: "Yank",
+	yankAndSelect: "Yank and Select",
+
+	// Completion
+	complete: "Complete",
+	cancelOperation: "Cancel Operation",
+
+	// Indentation
+	indent: "Indent",
+};
+
+export type MenuRole = keyof typeof roleLabelMap;

package/src/bun/events/ApplicationEvents.ts

@@ -0,0 +1,22 @@
+import SparkBunEvent from "./event";
+
+type MenuClickedData = { id?: number; action: string; data?: unknown };
+type OpenUrlData = { url: string };
+
+export default {
+	applicationMenuClicked: (data: MenuClickedData) =>
+		new SparkBunEvent<MenuClickedData, { allow: boolean }>(
+			"application-menu-clicked",
+			data,
+		),
+	contextMenuClicked: (data: MenuClickedData) =>
+		new SparkBunEvent<MenuClickedData, { allow: boolean }>(
+			"context-menu-clicked",
+			data,
+		),
+	openUrl: (data: OpenUrlData) =>
+		new SparkBunEvent<OpenUrlData, void>("open-url", data),
+	reopen: (data: {}) => new SparkBunEvent<{}, void>("reopen", data),
+	beforeQuit: (data: {}) =>
+		new SparkBunEvent<{}, { allow: boolean }>("before-quit", data),
+};

package/src/bun/events/event.ts

@@ -0,0 +1,27 @@
+export default class SparkBunEvent<DataType, ResponseType> {
+	name: string;
+	data: DataType;
+	_response: ResponseType | undefined;
+	responseWasSet: boolean = false;
+
+	constructor(name: string, data: DataType) {
+		this.name = name;
+		this.data = data;
+	}
+
+	// Getter for response
+	get response(): ResponseType | undefined {
+		return this._response;
+	}
+
+	// Setter for response
+	set response(value: ResponseType) {
+		this._response = value;
+		this.responseWasSet = true; // Update flag when response is set
+	}
+
+	clearResponse() {
+		this._response = undefined;
+		this.responseWasSet = false;
+	}
+}

package/src/bun/events/eventEmitter.ts

@@ -0,0 +1,45 @@
+import EventEmitter from "events";
+import windowEvents from "./windowEvents";
+import webviewEvents from "./webviewEvents";
+import trayEvents from "./trayEvents";
+import applicationEvents from "./ApplicationEvents";
+import SparkBunEvent from "./event";
+
+class SparkBunEventEmitter extends EventEmitter {
+	constructor() {
+		super();
+	}
+
+	// optionally pass in a specifier to make the event name specific.
+	// eg: will-navigate is listened to globally for all webviews, but
+	// will-navigate-1 is listened to for a specific webview with id 1
+	emitEvent(
+		SparkBunEvent: SparkBunEvent<any, any>,
+		specifier?: number | string,
+	) {
+		if (specifier) {
+			this.emit(`${SparkBunEvent.name}-${specifier}`, SparkBunEvent);
+		} else {
+			this.emit(SparkBunEvent.name, SparkBunEvent);
+		}
+	}
+
+	events = {
+		window: {
+			...windowEvents,
+		},
+		webview: {
+			...webviewEvents,
+		},
+		tray: {
+			...trayEvents,
+		},
+		app: {
+			...applicationEvents,
+		},
+	};
+}
+
+export const sparkBunEventEmitter = new SparkBunEventEmitter();
+
+export default sparkBunEventEmitter;

package/src/bun/events/trayEvents.ts

@@ -0,0 +1,11 @@
+import SparkBunEvent from "./event";
+
+type TrayClickedData = { id: number; action: string; data?: unknown };
+
+export default {
+	trayClicked: (data: TrayClickedData) =>
+		new SparkBunEvent<TrayClickedData, { allow: boolean }>(
+			"tray-clicked",
+			data,
+		),
+};

package/src/bun/events/webviewEvents.ts

@@ -0,0 +1,39 @@
+import SparkBunEvent from "./event";
+
+type DetailData = { detail: string };
+type NewWindowOpenData = {
+	detail:
+		| string
+		| {
+				url: string;
+				isCmdClick: boolean;
+				modifierFlags?: number;
+				targetDisposition?: number;
+				userGesture?: boolean;
+		  };
+};
+
+export default {
+	willNavigate: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("will-navigate", data),
+	didNavigate: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("did-navigate", data),
+	didNavigateInPage: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("did-navigate-in-page", data),
+	didCommitNavigation: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("did-commit-navigation", data),
+	domReady: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("dom-ready", data),
+	newWindowOpen: (data: NewWindowOpenData) =>
+		new SparkBunEvent<NewWindowOpenData, {}>("new-window-open", data),
+	hostMessage: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("host-message", data),
+	downloadStarted: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("download-started", data),
+	downloadProgress: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("download-progress", data),
+	downloadCompleted: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("download-completed", data),
+	downloadFailed: (data: DetailData) =>
+		new SparkBunEvent<DetailData, {}>("download-failed", data),
+};

package/src/bun/events/windowEvents.ts

@@ -0,0 +1,23 @@
+import SparkBunEvent from "./event";
+
+type IdData = { id: number };
+type ResizeData = {
+	id: number;
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+};
+type MoveData = { id: number; x: number; y: number };
+type KeyData = { id: number; keyCode: number; modifiers: number; isRepeat: boolean };
+
+export default {
+	close: (data: IdData) => new SparkBunEvent<IdData, {}>("close", data),
+	resize: (data: ResizeData) =>
+		new SparkBunEvent<ResizeData, {}>("resize", data),
+	move: (data: MoveData) => new SparkBunEvent<MoveData, {}>("move", data),
+	focus: (data: IdData) => new SparkBunEvent<IdData, {}>("focus", data),
+	blur: (data: IdData) => new SparkBunEvent<IdData, {}>("blur", data),
+	keyDown: (data: KeyData) => new SparkBunEvent<KeyData, {}>("keyDown", data),
+	keyUp: (data: KeyData) => new SparkBunEvent<KeyData, {}>("keyUp", data),
+};

package/src/bun/index.ts

@@ -0,0 +1,120 @@
+import electobunEventEmmitter from "./events/eventEmitter";
+import { BrowserWindow, type WindowOptionsType } from "./core/BrowserWindow";
+import { BrowserView, type BrowserViewOptions } from "./core/BrowserView";
+import { GpuWindow, type GpuWindowOptionsType } from "./core/GpuWindow";
+import { WGPUView, type WGPUViewOptions } from "./core/WGPUView";
+import { Tray, type TrayOptions } from "./core/Tray";
+import * as ApplicationMenu from "./core/ApplicationMenu";
+import * as ContextMenu from "./core/ContextMenu";
+import {
+	Updater,
+	type UpdateStatusType,
+	type UpdateStatusEntry,
+	type UpdateStatusDetails,
+} from "./core/Updater";
+import * as Utils from "./core/Utils";
+import type {
+	MessageBoxOptions,
+	MessageBoxResponse,
+	NotificationOptions,
+} from "./core/Utils";
+import {
+	type RPCSchema,
+	type SparkBunRPCSchema,
+	createRPC,
+	defineSparkBunRPC,
+} from "../shared/rpc.js";
+import type SparkBunEvent from "./events/event";
+import * as PATHS from "./core/Paths";
+import * as Socket from "./core/Socket";
+import WGPU from "./webGPU";
+import webgpu from "./webgpuAdapter";
+import type { SparkBunConfig } from "./SparkBunConfig";
+import { GlobalShortcut, Screen, Session, WGPUBridge } from "./proc/native";
+import type {
+	Display,
+	Rectangle,
+	Point,
+	Cookie,
+	CookieFilter,
+	StorageType,
+	MenuItemConfig,
+	ApplicationMenuItemConfig,
+} from "./proc/native";
+import { BuildConfig, type BuildConfigType } from "./core/BuildConfig";
+
+// Named Exports
+export {
+	type RPCSchema,
+	type SparkBunRPCSchema,
+	type SparkBunEvent,
+	type SparkBunConfig,
+	type BuildConfigType,
+	type WindowOptionsType,
+	type BrowserViewOptions,
+	type GpuWindowOptionsType,
+	type WGPUViewOptions,
+	type TrayOptions,
+	type MessageBoxOptions,
+	type MessageBoxResponse,
+	type NotificationOptions,
+	type MenuItemConfig,
+	type ApplicationMenuItemConfig,
+	type Display,
+	type Rectangle,
+	type Point,
+	type Cookie,
+	type CookieFilter,
+	type StorageType,
+	type UpdateStatusType,
+	type UpdateStatusEntry,
+	type UpdateStatusDetails,
+	createRPC,
+	defineSparkBunRPC,
+	BrowserWindow,
+	BrowserView,
+	GpuWindow,
+	WGPUView,
+	Tray,
+	Updater,
+	Utils,
+	ApplicationMenu,
+	ContextMenu,
+	PATHS,
+	Socket,
+	WGPU,
+	webgpu,
+	GlobalShortcut,
+	Screen,
+	Session,
+	WGPUBridge,
+
+	BuildConfig,
+};
+
+// Default Export
+const SparkBun = {
+	BrowserWindow,
+	BrowserView,
+	GpuWindow,
+	WGPUView,
+	Tray,
+	Updater,
+	Utils,
+	ApplicationMenu,
+	ContextMenu,
+	GlobalShortcut,
+	Screen,
+	Session,
+	WGPUBridge,
+
+	BuildConfig,
+	events: electobunEventEmmitter,
+	PATHS,
+	Socket,
+	WGPU,
+	webgpu,
+};
+
+// SparkBun
+export default SparkBun;

package/src/bun/preload/.generated/compiled.ts

@@ -0,0 +1,2 @@
+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.__sparkbunSecretKeyBytes));\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.__sparkbun_encrypt = encryptString;\n  window.__sparkbun_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.__sparkbunInternalBridge?.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.__sparkbunWebviewId\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(\".sparkbun-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(\".sparkbun-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.__sparkbunWindowId });\n    }\n  });\n  document.addEventListener(\"mouseup\", (e) => {\n    if (isAppRegionDrag(e)) {\n      send(\"stopWindowMove\", { id: window.__sparkbunWindowId });\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 SparkBunWebviewTag 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  getInitialNavigationRules() {\n    const rawRules = this.getAttribute(\"navigation-rules\");\n    if (rawRules === null) {\n      return null;\n    }\n    const trimmed = rawRules.trim();\n    if (!trimmed) {\n      return [];\n    }\n    try {\n      const parsed = JSON.parse(trimmed);\n      if (!Array.isArray(parsed) || !parsed.every((rule) => typeof rule === \"string\")) {\n        throw new Error(\"navigation-rules must be a JSON string array\");\n      }\n      return parsed;\n    } catch (error) {\n      console.error(\"Invalid navigation-rules attribute:\", error);\n      return [];\n    }\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 navigationRules = this.getInitialNavigationRules();\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 webviewInitParams = {\n        hostWebviewId: window.__sparkbunWebviewId,\n        windowId: window.__sparkbunWindowId,\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        sandbox,\n        transparent,\n        passthrough,\n        ...navigationRules === null ? {} : { navigationRules }\n      };\n      const webviewId = await request(\"webviewTagInit\", webviewInitParams);\n      this.webviewId = webviewId;\n      this.id = `sparkbun-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(\"sparkbun-webview\")) {\n    customElements.define(\"sparkbun-webview\", SparkBunWebviewTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nsparkbun-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 SparkBunWgpuTag 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.__sparkbunWindowId,\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 = `sparkbun-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(\"sparkbun-wgpu\")) {\n    customElements.define(\"sparkbun-wgpu\", SparkBunWgpuTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nsparkbun-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.__sparkbunEventBridge || window.__sparkbunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__sparkbunWebviewId,\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};\nvar defaultUserMessageHandler = (msg) => {\n  if (!window.__sparkbunPendingHostMessages) {\n    window.__sparkbunPendingHostMessages = [];\n  }\n  window.__sparkbunPendingHostMessages.push(msg);\n};\nif (!window.__sparkbun) {\n  window.__sparkbun = {\n    receiveInternalMessageFromHost: internalMessageHandler,\n    receiveMessageFromHost: defaultUserMessageHandler,\n    receiveInternalMessageFromBun: internalMessageHandler,\n    receiveMessageFromBun: defaultUserMessageHandler\n  };\n} else {\n  window.__sparkbun.receiveInternalMessageFromHost = internalMessageHandler;\n  window.__sparkbun.receiveMessageFromHost = defaultUserMessageHandler;\n  window.__sparkbun.receiveInternalMessageFromBun = internalMessageHandler;\n  window.__sparkbun.receiveMessageFromBun = defaultUserMessageHandler;\n}\nwindow.__sparkbunSendToHost = (message) => {\n  emitWebviewEvent(\"host-message\", JSON.stringify(message));\n};\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\ninitDragRegions();\ninitWebviewTag();\ninitWgpuTag();\n})();";
+export const preloadScriptSandboxed = "(function(){// src/bun/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__sparkbunEventBridge || window.__sparkbunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__sparkbunWebviewId,\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/src/bun/preload/build.ts

@@ -0,0 +1,65 @@
+// Standalone build script for the preload.
+// Normally this is run as part of "bun build.ts", but you can run this directly:
+//   bun src/bun/preload/build.ts
+
+import { join, dirname } from "path";
+import { writeFileSync, mkdirSync } from "fs";
+
+async function buildPreload() {
+	const preloadDir = dirname(import.meta.path);
+	const outputDir = join(preloadDir, ".generated");
+	const outputPath = join(outputDir, "compiled.ts");
+
+	mkdirSync(outputDir, { recursive: true });
+
+	// Build full preload (trusted webviews)
+	const fullPreloadEntry = join(preloadDir, "index.ts");
+	const fullResult = await Bun.build({
+		entrypoints: [fullPreloadEntry],
+		target: "browser",
+		format: "esm",
+		minify: false,
+	});
+
+	if (!fullResult.success) {
+		console.error("Full preload build failed:", fullResult.logs);
+		throw new Error("Failed to build full preload script");
+	}
+
+	// Build sandboxed preload (untrusted webviews)
+	const sandboxedPreloadEntry = join(preloadDir, "index-sandboxed.ts");
+	const sandboxedResult = await Bun.build({
+		entrypoints: [sandboxedPreloadEntry],
+		target: "browser",
+		format: "esm",
+		minify: false,
+	});
+
+	if (!sandboxedResult.success) {
+		console.error("Sandboxed preload build failed:", sandboxedResult.logs);
+		throw new Error("Failed to build sandboxed preload script");
+	}
+
+	// Bun does not currently support iife output, so we wrap the ESM bundle manually
+	// to keep preload globals scoped for script injection.
+	const fullPreloadJs = `(function(){${await fullResult.outputs[0]!.text()}})();`;
+	const sandboxedPreloadJs = `(function(){${await sandboxedResult.outputs[0]!.text()}})();`;
+
+	const outputContent = `// Auto-generated file. Do not edit directly.
+// 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 = ${JSON.stringify(fullPreloadJs)};
+
+// Minimal preload for sandboxed/untrusted webviews (lifecycle events only, no RPC)
+export const preloadScriptSandboxed = ${JSON.stringify(sandboxedPreloadJs)};
+`;
+
+	writeFileSync(outputPath, outputContent);
+	console.log(`Preload scripts compiled to ${outputPath} (full + sandboxed)`);
+}
+
+buildPreload().catch((err) => {
+	console.error("Failed to build preload:", err);
+	process.exit(1);
+});

package/src/bun/preload/dragRegions.ts

@@ -0,0 +1,41 @@
+// Drag Region Support for custom titlebars
+// Detects elements with CSS app-region: drag or .sparkbun-webkit-app-region-drag class
+
+import "./globals.d.ts";
+import { send } from "./internalRpc";
+
+function isAppRegionDrag(e: MouseEvent): boolean {
+	const target = e.target as HTMLElement;
+	if (!target || !target.closest) return false;
+
+	// If the target is inside a no-drag region, it should not trigger window move
+  if (
+    target.closest(".sparkbun-webkit-app-region-no-drag") ||
+    target.closest('[style*="app-region"][style*="no-drag"]')
+  ) {
+    return false;
+	}
+
+	// Check for inline style with app-region: drag
+	const draggableByStyle = target.closest(
+		'[style*="app-region"][style*="drag"]',
+	);
+	// Check for class-based drag region
+	const draggableByClass = target.closest(".sparkbun-webkit-app-region-drag");
+
+	return !!(draggableByStyle || draggableByClass);
+}
+
+export function initDragRegions() {
+	document.addEventListener("mousedown", (e) => {
+		if (isAppRegionDrag(e)) {
+			send("startWindowMove", { id: window.__sparkbunWindowId });
+		}
+	});
+
+	document.addEventListener("mouseup", (e) => {
+		if (isAppRegionDrag(e)) {
+			send("stopWindowMove", { id: window.__sparkbunWindowId });
+		}
+	});
+}