@gjsify/iframe 0.3.21 → 0.4.3

package/lib/esm/_virtual/_rolldown/runtime.js

@@ -0,0 +1 @@
+var e=Object.defineProperty,__name=(t,n)=>e(t,`name`,{value:n,configurable:!0});export{__name};

package/lib/esm/html-iframe-element.js

@@ -1 +1 @@
-import{iframeWidget as e,loaded as t,windowProxy as n}from"./property-symbol.js";import{HTMLElement as r,PropertySymbol as i}from"@gjsify/dom-elements";import{Event as a}from"@gjsify/dom-events";let o,s,c;const{tagName:l,localName:u,namespaceURI:d}=i;var HTMLIFrameElement=class extends r{constructor(){super(),this[o]=null,this[s]=null,this[c]=!1,this[l]=`IFRAME`,this[u]=`iframe`,this[d]=`http://www.w3.org/1999/xhtml`}get src(){return this.getAttribute(`src`)??``}set src(t){let n=this.getAttribute(`src`);this.setAttribute(`src`,t),t!==n&&t&&this[e]&&this[e].loadUri(t)}get srcdoc(){return this.getAttribute(`srcdoc`)??``}set srcdoc(t){let n=this.getAttribute(`srcdoc`);this.setAttribute(`srcdoc`,t),t!==n&&t&&this[e]&&this[e].loadHtml(t)}get name(){return this.getAttribute(`name`)??``}set name(e){this.setAttribute(`name`,e)}get sandbox(){return this.getAttribute(`sandbox`)??``}set sandbox(e){this.setAttribute(`sandbox`,e)}get allow(){return this.getAttribute(`allow`)??``}set allow(e){this.setAttribute(`allow`,e)}get referrerPolicy(){return this.getAttribute(`referrerpolicy`)??``}set referrerPolicy(e){this.setAttribute(`referrerpolicy`,e)}get loading(){let e=this.getAttribute(`loading`);return e===`lazy`||e===`eager`?e:`eager`}set loading(e){this.setAttribute(`loading`,e)}get width(){return this.getAttribute(`width`)??``}set width(e){this.setAttribute(`width`,e)}get height(){return this.getAttribute(`height`)??``}set height(e){this.setAttribute(`height`,e)}get contentWindow(){return this[n]}get contentDocument(){return null}getSVGDocument(){return null}cloneNode(r=!1){let i=super.cloneNode(r);return i[e]=null,i[n]=null,i[t]=!1,i}get[(o=e,s=n,c=t,Symbol.toStringTag)](){return`HTMLIFrameElement`}_onLoad(){this[t]=!0,this.dispatchEvent(new a(`load`))}_onError(){this.dispatchEvent(new a(`error`))}};export{HTMLIFrameElement};
+import"./_virtual/_rolldown/runtime.js";import{iframeWidget as e,loaded as t,windowProxy as n}from"./property-symbol.js";import{HTMLElement as r,PropertySymbol as i}from"@gjsify/dom-elements";import{Event as a}from"@gjsify/dom-events";let o,s,c;const{tagName:l,localName:u,namespaceURI:d}=i;var HTMLIFrameElement=class extends r{constructor(){super(),this[o]=null,this[s]=null,this[c]=!1,this[l]=`IFRAME`,this[u]=`iframe`,this[d]=`http://www.w3.org/1999/xhtml`}get src(){return this.getAttribute(`src`)??``}set src(t){let n=this.getAttribute(`src`);this.setAttribute(`src`,t),t!==n&&t&&this[e]&&this[e].loadUri(t)}get srcdoc(){return this.getAttribute(`srcdoc`)??``}set srcdoc(t){let n=this.getAttribute(`srcdoc`);this.setAttribute(`srcdoc`,t),t!==n&&t&&this[e]&&this[e].loadHtml(t)}get name(){return this.getAttribute(`name`)??``}set name(e){this.setAttribute(`name`,e)}get sandbox(){return this.getAttribute(`sandbox`)??``}set sandbox(e){this.setAttribute(`sandbox`,e)}get allow(){return this.getAttribute(`allow`)??``}set allow(e){this.setAttribute(`allow`,e)}get referrerPolicy(){return this.getAttribute(`referrerpolicy`)??``}set referrerPolicy(e){this.setAttribute(`referrerpolicy`,e)}get loading(){let e=this.getAttribute(`loading`);return e===`lazy`||e===`eager`?e:`eager`}set loading(e){this.setAttribute(`loading`,e)}get width(){return this.getAttribute(`width`)??``}set width(e){this.setAttribute(`width`,e)}get height(){return this.getAttribute(`height`)??``}set height(e){this.setAttribute(`height`,e)}get contentWindow(){return this[n]}get contentDocument(){return null}getSVGDocument(){return null}cloneNode(r=!1){let i=super.cloneNode(r);return i[e]=null,i[n]=null,i[t]=!1,i}get[(o=e,s=n,c=t,Symbol.toStringTag)](){return`HTMLIFrameElement`}_onLoad(){this[t]=!0,this.dispatchEvent(new a(`load`))}_onError(){this.dispatchEvent(new a(`error`))}};export{HTMLIFrameElement};

package/lib/esm/iframe-bridge.js

@@ -1 +1 @@
-import{iframeWidget as e,windowProxy as t}from"./property-symbol.js";import{HTMLIFrameElement as n}from"./html-iframe-element.js";import{IFrameWindowProxy as r}from"./iframe-window-proxy.js";import{MessageBridge as i}from"./message-bridge.js";import a from"gi://GObject";import o from"gi://WebKit?version=6.0";const s=a.registerClass({GTypeName:`GjsifyIFrameBridge`},class extends o.WebView{constructor(a){let{enableDeveloperExtras:s,enableJavascript:c,...l}=a??{},u=new o.UserContentManager,d=new o.Settings;d.enable_javascript=c??!0,d.enable_developer_extras=s??!0,super({...l,user_content_manager:u,settings:d}),this._readyCallbacks=[],this._options={enableDeveloperExtras:s,enableJavascript:c},this._iframe=new n,this._iframe[e]=this,this._messageBridge=new i(this);let f=new r(this._messageBridge);this._iframe[t]=f,this._messageBridge.setWindowProxy(f),this.connect(`load-changed`,(e,t)=>{switch(t){case o.LoadEvent.COMMITTED:{let e=this.get_uri();e&&this._messageBridge.updateUri(e);break}case o.LoadEvent.FINISHED:this._iframe._onLoad();for(let e of this._readyCallbacks)e(this._iframe);this._readyCallbacks=[];break}}),this.connect(`load-failed`,()=>(this._iframe._onError(),!1)),this.connect(`unrealize`,()=>{this._messageBridge.destroy();let n=this._iframe[t];n&&n._close(),this._iframe[e]=null,this._iframe[t]=null})}get iframeElement(){return this._iframe}onReady(e){this._readyCallbacks.push(e)}loadUri(e){this._iframe.setAttribute(`src`,e),this.load_uri(e)}loadHtml(e,t){this._iframe.setAttribute(`srcdoc`,e),this.load_html(e,t??`about:srcdoc`)}postMessage(e,t=`*`){this._messageBridge.sendToWebView(e,t)}installGlobals(){Object.defineProperty(globalThis,`HTMLIFrameElement`,{value:n,writable:!0,configurable:!0})}});export{s as IFrameBridge};
+import"./_virtual/_rolldown/runtime.js";import{iframeWidget as e,windowProxy as t}from"./property-symbol.js";import{HTMLIFrameElement as n}from"./html-iframe-element.js";import{IFrameWindowProxy as r}from"./iframe-window-proxy.js";import{MessageBridge as i}from"./message-bridge.js";import a from"gi://GObject";import o from"gi://WebKit?version=6.0";const s=a.registerClass({GTypeName:`GjsifyIFrameBridge`},class IFrameBridge extends o.WebView{constructor(a){let{enableDeveloperExtras:s,enableJavascript:c,...l}=a??{},u=new o.UserContentManager,d=new o.Settings;d.enable_javascript=c??!0,d.enable_developer_extras=s??!0,super({...l,user_content_manager:u,settings:d}),this._readyCallbacks=[],this._options={enableDeveloperExtras:s,enableJavascript:c},this._iframe=new n,this._iframe[e]=this,this._messageBridge=new i(this);let f=new r(this._messageBridge);this._iframe[t]=f,this._messageBridge.setWindowProxy(f),this.connect(`load-changed`,(e,t)=>{switch(t){case o.LoadEvent.COMMITTED:{let e=this.get_uri();e&&this._messageBridge.updateUri(e);break}case o.LoadEvent.FINISHED:this._iframe._onLoad();for(let e of this._readyCallbacks)e(this._iframe);this._readyCallbacks=[];break}}),this.connect(`load-failed`,()=>(this._iframe._onError(),!1)),this.connect(`unrealize`,()=>{this._messageBridge.destroy();let n=this._iframe[t];n&&n._close(),this._iframe[e]=null,this._iframe[t]=null})}get iframeElement(){return this._iframe}onReady(e){this._readyCallbacks.push(e)}loadUri(e){this._iframe.setAttribute(`src`,e),this.load_uri(e)}loadHtml(e,t){this._iframe.setAttribute(`srcdoc`,e),this.load_html(e,t??`about:srcdoc`)}postMessage(e,t=`*`){this._messageBridge.sendToWebView(e,t)}installGlobals(){Object.defineProperty(globalThis,`HTMLIFrameElement`,{value:n,writable:!0,configurable:!0})}});export{s as IFrameBridge};

package/lib/esm/iframe-window-proxy.js

@@ -1 +1 @@
-import{EventTarget as e}from"@gjsify/dom-events";var IFrameWindowProxy=class extends e{constructor(e){super(),this._closed=!1,this._bridge=e}postMessage(e,t=`*`){this._closed||this._bridge.sendToWebView(e,t)}get location(){return this._bridge.getLocation()}get parent(){return globalThis}get top(){return globalThis}get self(){return this}get window(){return this}get closed(){return this._closed}_close(){this._closed=!0}get[Symbol.toStringTag](){return`IFrameWindowProxy`}};export{IFrameWindowProxy};
+import"./_virtual/_rolldown/runtime.js";import{EventTarget as e}from"@gjsify/dom-events";var IFrameWindowProxy=class extends e{constructor(e){super(),this._closed=!1,this._bridge=e}postMessage(e,t=`*`){this._closed||this._bridge.sendToWebView(e,t)}get location(){return this._bridge.getLocation()}get parent(){return globalThis}get top(){return globalThis}get self(){return this}get window(){return this}get closed(){return this._closed}_close(){this._closed=!0}get[Symbol.toStringTag](){return`IFrameWindowProxy`}};export{IFrameWindowProxy};

package/lib/esm/index.js

@@ -1 +1 @@
-import{HTMLIFrameElement as e}from"./html-iframe-element.js";import{IFrameWindowProxy as t}from"./iframe-window-proxy.js";import{MessageBridge as n}from"./message-bridge.js";import{IFrameBridge as r}from"./iframe-bridge.js";import{Document as i}from"@gjsify/dom-elements";i.registerElementFactory(`iframe`,()=>new e),Object.defineProperty(globalThis,`HTMLIFrameElement`,{value:e,writable:!0,configurable:!0});export{e as HTMLIFrameElement,r as IFrameBridge,t as IFrameWindowProxy,n as MessageBridge};
+import"./_virtual/_rolldown/runtime.js";import{HTMLIFrameElement as e}from"./html-iframe-element.js";import{IFrameWindowProxy as t}from"./iframe-window-proxy.js";import{MessageBridge as n}from"./message-bridge.js";import{IFrameBridge as r}from"./iframe-bridge.js";import{Document as i}from"@gjsify/dom-elements";i.registerElementFactory(`iframe`,()=>new e),Object.defineProperty(globalThis,`HTMLIFrameElement`,{value:e,writable:!0,configurable:!0});export{e as HTMLIFrameElement,r as IFrameBridge,t as IFrameWindowProxy,n as MessageBridge};

package/lib/esm/message-bridge.js

@@ -1,4 +1,4 @@
-import{MessageEvent as e}from"@gjsify/dom-events";import t from"gi://WebKit?version=6.0";import n from"gi://Gio?version=2.0";n._promisify(t.WebView.prototype,`evaluate_javascript`,`evaluate_javascript_finish`);const r=`gjsify-iframe`,i=`(function() {
+import"./_virtual/_rolldown/runtime.js";import{MessageEvent as e}from"@gjsify/dom-events";import t from"gi://WebKit?version=6.0";import n from"gi://Gio?version=2.0";n._promisify(t.WebView.prototype,`evaluate_javascript`,`evaluate_javascript_finish`);const r=`gjsify-iframe`,i=`(function() {
     var handler = window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers['${r}'];
     if (!handler) return;
     function bridgePostMessage(data, targetOrigin) {

package/package.json

@@ -1,46 +1,49 @@
 {
-  "name": "@gjsify/iframe",
-  "version": "0.3.21",
-  "description": "HTMLIFrameElement for GJS, backed by WebKit.WebView",
-  "type": "module",
-  "module": "lib/esm/index.js",
-  "types": "lib/types/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./lib/types/index.d.ts",
-      "default": "./lib/esm/index.js"
+    "name": "@gjsify/iframe",
+    "version": "0.4.3",
+    "description": "HTMLIFrameElement for GJS, backed by WebKit.WebView",
+    "type": "module",
+    "module": "lib/esm/index.js",
+    "types": "lib/types/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "default": "./lib/esm/index.js"
+        }
+    },
+    "files": [
+        "lib"
+    ],
+    "scripts": {
+        "clear": "rm -rf lib tmp tsconfig.tsbuildinfo test.gjs.mjs || exit 0",
+        "check": "tsc --noEmit",
+        "build": "gjsify run build:gjsify && gjsify run build:types",
+        "build:gjsify": "gjsify build --library 'src/**/*.{ts,js}' --exclude 'src/**/*.spec.{mts,ts}' 'src/test.{mts,ts}'",
+        "build:types": "tsc",
+        "build:test": "gjsify run build:test:gjs",
+        "build:test:gjs": "gjsify build src/test.mts --app gjs --outfile test.gjs.mjs",
+        "test": "gjsify run build:gjsify && gjsify run build:test && gjsify run test:gjs",
+        "test:gjs": "gjsify run test.gjs.mjs"
+    },
+    "keywords": [
+        "gjs",
+        "iframe",
+        "webview",
+        "webkit",
+        "dom"
+    ],
+    "dependencies": {
+        "@girs/gjs": "4.0.0-rc.15",
+        "@girs/gtk-4.0": "4.23.0-4.0.0-rc.15",
+        "@girs/javascriptcore-6.0": "2.52.1-4.0.0-rc.15",
+        "@girs/webkit-6.0": "2.52.1-4.0.0-rc.15",
+        "@gjsify/dom-elements": "workspace:^",
+        "@gjsify/dom-events": "workspace:^"
+    },
+    "devDependencies": {
+        "@gjsify/cli": "workspace:^",
+        "@gjsify/unit": "workspace:^",
+        "@types/node": "^25.6.2",
+        "typescript": "^6.0.3"
     }
-  },
-  "scripts": {
-    "clear": "rm -rf lib tmp tsconfig.tsbuildinfo test.gjs.mjs || exit 0",
-    "check": "tsc --noEmit",
-    "build": "yarn build:gjsify && yarn build:types",
-    "build:gjsify": "gjsify build --library 'src/**/*.{ts,js}' --exclude 'src/**/*.spec.{mts,ts}' 'src/test.{mts,ts}'",
-    "build:types": "tsc",
-    "build:test": "yarn build:test:gjs",
-    "build:test:gjs": "gjsify build src/test.mts --app gjs --outfile test.gjs.mjs",
-    "test": "yarn build:gjsify && yarn build:test && yarn test:gjs",
-    "test:gjs": "gjsify run test.gjs.mjs"
-  },
-  "keywords": [
-    "gjs",
-    "iframe",
-    "webview",
-    "webkit",
-    "dom"
-  ],
-  "dependencies": {
-    "@girs/gjs": "4.0.0-rc.14",
-    "@girs/gtk-4.0": "4.23.0-4.0.0-rc.14",
-    "@girs/javascriptcore-6.0": "2.52.1-4.0.0-rc.14",
-    "@girs/webkit-6.0": "2.52.1-4.0.0-rc.14",
-    "@gjsify/dom-elements": "^0.3.21",
-    "@gjsify/dom-events": "^0.3.21"
-  },
-  "devDependencies": {
-    "@gjsify/cli": "^0.3.21",
-    "@gjsify/unit": "^0.3.21",
-    "@types/node": "^25.6.2",
-    "typescript": "^6.0.3"
-  }
-}
+}

package/src/html-iframe-element.ts

@@ -1,177 +0,0 @@
-// HTMLIFrameElement for GJS — original implementation using WebKit.WebView
-// Reference: refs/happy-dom/packages/happy-dom/src/nodes/html-iframe-element/HTMLIFrameElement.ts
-// Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement
-
-import { HTMLElement, PropertySymbol } from '@gjsify/dom-elements';
-import { Event } from '@gjsify/dom-events';
-import * as PS from './property-symbol.js';
-
-import type { IFrameWindowProxy } from './iframe-window-proxy.js';
-
-const { tagName, localName, namespaceURI } = PropertySymbol;
-
-/**
- * HTML IFrame Element.
- *
- * Backed by WebKit.WebView when connected to an IFrameBridge.
- * Without a backing widget, behaves as a pure DOM element with attribute storage.
- *
- * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement
- */
-export class HTMLIFrameElement extends HTMLElement {
-	/** @internal The backing IFrameBridge (set by IFrameBridge when it creates this element) */
-	[PS.iframeWidget]: import('./iframe-bridge.js').IFrameBridge | null = null;
-
-	/** @internal The contentWindow proxy */
-	[PS.windowProxy]: IFrameWindowProxy | null = null;
-
-	/** @internal Whether content has been loaded */
-	[PS.loaded]: boolean = false;
-
-	constructor() {
-		super();
-		this[tagName] = 'IFRAME';
-		this[localName] = 'iframe';
-		this[namespaceURI] = 'http://www.w3.org/1999/xhtml';
-	}
-
-	// -- Attribute-backed string properties --
-
-	get src(): string {
-		return this.getAttribute('src') ?? '';
-	}
-
-	set src(value: string) {
-		const old = this.getAttribute('src');
-		this.setAttribute('src', value);
-		if (value !== old && value && this[PS.iframeWidget]) {
-			this[PS.iframeWidget].loadUri(value);
-		}
-	}
-
-	get srcdoc(): string {
-		return this.getAttribute('srcdoc') ?? '';
-	}
-
-	set srcdoc(value: string) {
-		const old = this.getAttribute('srcdoc');
-		this.setAttribute('srcdoc', value);
-		if (value !== old && value && this[PS.iframeWidget]) {
-			this[PS.iframeWidget].loadHtml(value);
-		}
-	}
-
-	get name(): string {
-		return this.getAttribute('name') ?? '';
-	}
-
-	set name(value: string) {
-		this.setAttribute('name', value);
-	}
-
-	get sandbox(): string {
-		return this.getAttribute('sandbox') ?? '';
-	}
-
-	set sandbox(value: string) {
-		this.setAttribute('sandbox', value);
-	}
-
-	get allow(): string {
-		return this.getAttribute('allow') ?? '';
-	}
-
-	set allow(value: string) {
-		this.setAttribute('allow', value);
-	}
-
-	get referrerPolicy(): string {
-		return this.getAttribute('referrerpolicy') ?? '';
-	}
-
-	set referrerPolicy(value: string) {
-		this.setAttribute('referrerpolicy', value);
-	}
-
-	get loading(): string {
-		const value = this.getAttribute('loading');
-		if (value === 'lazy' || value === 'eager') return value;
-		return 'eager';
-	}
-
-	set loading(value: string) {
-		this.setAttribute('loading', value);
-	}
-
-	// -- Attribute-backed string properties (width/height are strings per spec) --
-
-	get width(): string {
-		return this.getAttribute('width') ?? '';
-	}
-
-	set width(value: string) {
-		this.setAttribute('width', value);
-	}
-
-	get height(): string {
-		return this.getAttribute('height') ?? '';
-	}
-
-	set height(value: string) {
-		this.setAttribute('height', value);
-	}
-
-	// -- Content access --
-
-	/**
-	 * Returns the window proxy for the iframe's content.
-	 * Available after the IFrameBridge has loaded content.
-	 */
-	get contentWindow(): IFrameWindowProxy | null {
-		return this[PS.windowProxy];
-	}
-
-	/**
-	 * Always returns null — cross-context boundary.
-	 * The WebView content runs in a separate process; direct document access
-	 * is not feasible. Use postMessage() for communication.
-	 */
-	get contentDocument(): null {
-		return null;
-	}
-
-	// -- Methods --
-
-	/**
-	 * Returns a promise that resolves to the iframe's src URL.
-	 */
-	getSVGDocument(): null {
-		return null;
-	}
-
-	cloneNode(deep = false): HTMLIFrameElement {
-		const clone = super.cloneNode(deep) as HTMLIFrameElement;
-		// Cloned iframes are not connected to any widget
-		clone[PS.iframeWidget] = null;
-		clone[PS.windowProxy] = null;
-		clone[PS.loaded] = false;
-		return clone;
-	}
-
-	get [Symbol.toStringTag](): string {
-		return 'HTMLIFrameElement';
-	}
-
-	// -- Internal: called by IFrameBridge --
-
-	/** @internal Fire load event */
-	_onLoad(): void {
-		this[PS.loaded] = true;
-		this.dispatchEvent(new Event('load'));
-	}
-
-	/** @internal Fire error event */
-	_onError(): void {
-		this.dispatchEvent(new Event('error'));
-	}
-}

package/src/iframe-bridge.ts

@@ -1,157 +0,0 @@
-// IFrameBridge — GTK container for HTMLIFrameElement backed by WebKit.WebView.
-// Provides a WebKit.WebView subclass that bundles all iframe bootstrapping.
-
-import GObject from 'gi://GObject';
-import WebKit from 'gi://WebKit?version=6.0';
-
-import { HTMLIFrameElement } from './html-iframe-element.js';
-import { IFrameWindowProxy } from './iframe-window-proxy.js';
-import { MessageBridge } from './message-bridge.js';
-import * as PS from './property-symbol.js';
-
-import type { IFrameBridgeOptions, IFrameReadyCallback } from './types/index.js';
-
-/**
- * A `WebKit.WebView` subclass that handles iframe bootstrapping:
- * - Sets up WebKit settings (JavaScript, developer extras)
- * - Creates an `HTMLIFrameElement` wrapping this WebView
- * - Sets up postMessage bridge for GJS ↔ WebView communication
- * - Fires `onReady()` callbacks with the iframe element once loaded
- * - `installGlobals()` sets `globalThis.HTMLIFrameElement`
- *
- * Usage:
- * ```ts
- * const iframeWidget = new IFrameBridge();
- * iframeWidget.installGlobals();
- * iframeWidget.onReady((iframe) => {
- *     iframe.contentWindow?.addEventListener('message', (e) => {
- *         console.log('Message from iframe:', e.data);
- *     });
- * });
- * iframeWidget.iframeElement.src = 'https://example.com';
- * window.set_child(iframeWidget);
- * ```
- */
-export const IFrameBridge = GObject.registerClass(
-	{ GTypeName: 'GjsifyIFrameBridge' },
-	class IFrameBridge extends WebKit.WebView {
-		_iframe: HTMLIFrameElement;
-		_messageBridge: MessageBridge;
-		_readyCallbacks: IFrameReadyCallback[] = [];
-		_options: IFrameBridgeOptions;
-
-		constructor(options?: IFrameBridgeOptions & Partial<WebKit.WebView.ConstructorProps>) {
-			const { enableDeveloperExtras, enableJavascript, ...webViewProps } = options ?? {};
-
-			const userContentManager = new WebKit.UserContentManager();
-			const settings = new WebKit.Settings();
-			settings.enable_javascript = enableJavascript ?? true;
-			settings.enable_developer_extras = enableDeveloperExtras ?? true;
-
-			super({
-				...webViewProps,
-				user_content_manager: userContentManager,
-				settings,
-			});
-
-			this._options = { enableDeveloperExtras, enableJavascript };
-
-			// Create the DOM element and link it to this widget
-			this._iframe = new HTMLIFrameElement();
-			this._iframe[PS.iframeWidget] = this as unknown as import('./iframe-bridge.js').IFrameBridge;
-
-			// Set up the message bridge
-			this._messageBridge = new MessageBridge(this);
-
-			// Create the window proxy and connect it
-			const windowProxy = new IFrameWindowProxy(this._messageBridge);
-			this._iframe[PS.windowProxy] = windowProxy;
-			this._messageBridge.setWindowProxy(windowProxy);
-
-			// Track load state
-			this.connect('load-changed', (_webView: WebKit.WebView, event: WebKit.LoadEvent) => {
-				switch (event) {
-					case WebKit.LoadEvent.COMMITTED: {
-						const uri = this.get_uri();
-						if (uri) this._messageBridge.updateUri(uri);
-						break;
-					}
-					case WebKit.LoadEvent.FINISHED:
-						this._iframe._onLoad();
-						for (const cb of this._readyCallbacks) {
-							cb(this._iframe as unknown as globalThis.HTMLIFrameElement);
-						}
-						this._readyCallbacks = [];
-						break;
-				}
-			});
-
-			this.connect('load-failed', () => {
-				this._iframe._onError();
-				return false;
-			});
-
-			this.connect('unrealize', () => {
-				this._messageBridge.destroy();
-				const proxy = this._iframe[PS.windowProxy];
-				if (proxy) {
-					proxy._close();
-				}
-				this._iframe[PS.iframeWidget] = null;
-				this._iframe[PS.windowProxy] = null;
-			});
-		}
-
-		/** The HTMLIFrameElement wrapping this WebView. */
-		get iframeElement(): HTMLIFrameElement {
-			return this._iframe;
-		}
-
-		/**
-		 * Register a callback to be invoked when content has loaded.
-		 * If content is already loaded, the callback fires on next load.
-		 */
-		onReady(cb: IFrameReadyCallback): void {
-			this._readyCallbacks.push(cb);
-		}
-
-		/**
-		 * Load a URI into the WebView.
-		 * Also updates the iframe element's src attribute.
-		 */
-		loadUri(uri: string): void {
-			this._iframe.setAttribute('src', uri);
-			this.load_uri(uri);
-		}
-
-		/**
-		 * Load inline HTML into the WebView.
-		 * Also updates the iframe element's srcdoc attribute.
-		 */
-		loadHtml(html: string, baseUri?: string): void {
-			this._iframe.setAttribute('srcdoc', html);
-			this.load_html(html, baseUri ?? 'about:srcdoc');
-		}
-
-		/**
-		 * Send a message to the WebView content via the standard postMessage API.
-		 * Equivalent to `this.iframeElement.contentWindow.postMessage(message, targetOrigin)`.
-		 */
-		postMessage(message: unknown, targetOrigin = '*'): void {
-			this._messageBridge.sendToWebView(message, targetOrigin);
-		}
-
-		/**
-		 * Set `globalThis.HTMLIFrameElement` to the gjsify implementation.
-		 */
-		installGlobals(): void {
-			Object.defineProperty(globalThis, 'HTMLIFrameElement', {
-				value: HTMLIFrameElement,
-				writable: true,
-				configurable: true,
-			});
-		}
-	},
-);
-
-export type IFrameBridge = InstanceType<typeof IFrameBridge>;

package/src/iframe-window-proxy.ts

@@ -1,86 +0,0 @@
-// IFrameWindowProxy for GJS — lightweight Window proxy for iframe contentWindow
-// Reference: https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
-// Reference: refs/happy-dom/packages/happy-dom/src/window/CrossOriginBrowserWindow.ts
-
-import { EventTarget } from '@gjsify/dom-events';
-
-import type { MessageBridge } from './message-bridge.js';
-
-/**
- * Lightweight Window-like proxy returned by `HTMLIFrameElement.contentWindow`.
- *
- * Supports the subset of the Window API needed for cross-origin iframe communication:
- * - `postMessage()` for sending messages to the iframe content
- * - `addEventListener('message', ...)` for receiving messages from the iframe content
- * - `location` (read-only) reflecting the current URI
- * - `parent` reference to the host window
- * - `closed` status
- *
- * This is intentionally NOT a full BrowserWindow — just enough for standard
- * postMessage-based communication patterns.
- */
-export class IFrameWindowProxy extends EventTarget {
-	private _bridge: MessageBridge;
-	private _closed = false;
-
-	constructor(bridge: MessageBridge) {
-		super();
-		this._bridge = bridge;
-	}
-
-	/**
-	 * Send a message to the iframe content.
-	 *
-	 * @param message - Data to send (must be JSON-serializable)
-	 * @param targetOrigin - Target origin for the message. Default: '*'
-	 */
-	postMessage(message: unknown, targetOrigin = '*'): void {
-		if (this._closed) return;
-		this._bridge.sendToWebView(message, targetOrigin);
-	}
-
-	/**
-	 * Read-only location reflecting the current WebView URI.
-	 */
-	get location(): { href: string; origin: string } {
-		return this._bridge.getLocation();
-	}
-
-	/**
-	 * Reference to the host (parent) window — in GJS this is globalThis.
-	 */
-	get parent(): typeof globalThis {
-		return globalThis;
-	}
-
-	/**
-	 * Reference to the top-level window — in GJS this is globalThis.
-	 */
-	get top(): typeof globalThis {
-		return globalThis;
-	}
-
-	/**
-	 * The window itself (self-reference per spec).
-	 */
-	get self(): IFrameWindowProxy {
-		return this;
-	}
-
-	get window(): IFrameWindowProxy {
-		return this;
-	}
-
-	get closed(): boolean {
-		return this._closed;
-	}
-
-	/** @internal Mark as closed when the WebView is destroyed */
-	_close(): void {
-		this._closed = true;
-	}
-
-	get [Symbol.toStringTag](): string {
-		return 'IFrameWindowProxy';
-	}
-}