buninu-browser 0.2.2 → 0.2.3

package/lib/renderer/history.js

@@ -0,0 +1,42 @@
+// Methods borrowed from another window's History.prototype must operate on
+// their receiver, not the window in which the function was created.
+const histories = new WeakMap();
+
+export function historyBinding(location, setHref) {
+  const state = { location, setHref, value: null, length: 1 };
+  const receiver = (object) => {
+    const record = histories.get(object);
+    if (!record) throw new TypeError("Illegal invocation");
+    return record;
+  };
+  const change = (object, data, url, push) => {
+    const record = receiver(object);
+    if (url !== undefined && url !== null) {
+      const target = new URL(String(url), record.location.href);
+      if (target.origin !== new URL(record.location.href).origin) {
+        throw new DOMException("History state URL must have the document's origin.", "SecurityError");
+      }
+      record.setHref(target.href);
+    }
+    record.value = data ?? null;
+    if (push) record.length++;
+  };
+  function History() { throw new TypeError("Illegal constructor"); }
+  History.prototype = {
+    constructor: History,
+    get length() { return receiver(this).length; },
+    get state() { return receiver(this).value; },
+    scrollRestoration: "auto",
+    back() {},
+    forward() {},
+    go() {},
+    pushState(data, _title, url = undefined) { change(this, data, url, true); },
+    replaceState(data, _title, url = undefined) { change(this, data, url, false); },
+  };
+  const history = Object.create(History.prototype);
+  histories.set(history, state);
+  return { History, history, pushEntry(replace) {
+    state.value = null;
+    if (!replace) state.length++;
+  } };
+}

package/lib/renderer/host.js

@@ -489,7 +489,14 @@ export class RendererHost {
   /** A renderer's audio element starts playing: a PulseAudio stream relays its PCM. */
   #openAudio(child, { id, rate, channels, name }) {
     const send = (payload) => {
-      if (this.#child === child) child.send({ type: "audio-event", id, ...payload });
+      if (this.#child === child) {
+        child.send({ type: "audio-event", id, ...payload });
+        // The compositor's A/V clock must not wait behind page JavaScript.
+        if (payload.event === "timing" && this.#channel && !this.#channel.closed) {
+          this.#channel.writer.write(`${JSON.stringify({ type: "audio-timing", audioId: id, seconds: payload.seconds })}\n`);
+          this.#channel.writer.flush();
+        }
+      }
     };
     const owned = [...this.#audio.values()].filter((entry) => entry.child === child).length;
     if (this.#audio.has(id) || owned >= MAX_AUDIO_STREAMS

package/lib/renderer/image-loading.js

@@ -0,0 +1,27 @@
+// Image bytes are decoded by our renderer, not Happy DOM's disabled loader.
+// Share their state with HTMLImageElement's page-facing IDL attributes.
+const states = new WeakMap();
+
+export function beginImageLoad(element, src) {
+  states.set(element, { src, complete: false, width: 0, height: 0 });
+}
+
+export function finishImageLoad(element, src, resource, dispatch = () => {}) {
+  if (element.getAttribute('src') !== src) return;
+  states.set(element, { src, complete: true, width: resource?.width ?? 0, height: resource?.height ?? 0 });
+  dispatch(resource ? 'load' : 'error');
+}
+
+export function installImageLoadingAttributes(prototype, nodeOf) {
+  for (const [property, field] of [['naturalWidth', 'width'], ['naturalHeight', 'height'], ['complete', 'complete']]) {
+    Object.defineProperty(prototype, property, {
+      configurable: true, enumerable: true,
+      get() {
+        const node = nodeOf(this), src = node.getAttribute('src');
+        const state = states.get(node);
+        if (state && state.src === src) return state[field];
+        return field === 'complete' ? !src : 0;
+      },
+    });
+  }
+}

package/lib/renderer/keyboard-input.js

@@ -0,0 +1,12 @@
+// Preserve CDP's virtual key codes; infer them for the direct press API too.
+const codes = { Backspace:8, Tab:9, Enter:13, Shift:16, Control:17, Alt:18,
+  Escape:27, ' ':32, Space:32, PageUp:33, PageDown:34, End:35, Home:36,
+  ArrowLeft:37, ArrowUp:38, ArrowRight:39, ArrowDown:40, Insert:45, Delete:46 };
+export function keyboardInput(key, options = {}) {
+  key = String(key);
+  const code = String(options.code ?? '');
+  const inferred = codes[key] ?? codes[code]
+    ?? (/^[a-z0-9]$/i.test(key) ? key.toUpperCase().charCodeAt(0) : 0);
+  const keyCode = Number(options.windowsVirtualKeyCode ?? options.keyCode ?? inferred) || 0;
+  return { key, code, keyCode, which:keyCode, charCode:0, composed:true };
+}

package/lib/renderer/main.js

@@ -52,7 +52,7 @@ const DANGEROUSLY_ALLOW_HOST_JS = "--dangerously-allow-host-js";
 /** Methods the controller may invoke; anything else is ignored. */
 const METHODS = new Set([
   "loadDocument", "showFragment", "wheel", "runJavaScriptURL", "url", "scrollTo", "resize", "screenshot", "title",
-  "scroll", "press", "type", "scrollOffset", "click", "evaluate", "setUserAgent", "setInitScripts", "consoleMessages", "whenLoaded",
+  "scroll", "press", "type", "scrollOffset", "click", "move", "evaluate", "setUserAgent", "setInitScripts", "consoleMessages", "whenLoaded",
   "applyCompositorScroll",
 ]);
 
@@ -169,6 +169,7 @@ async function startCompositor() {
   });
   worker.addEventListener("message", ({ data }) => {
     if (data?.type === "scroll") renderer.applyCompositorScroll(data.x, data.y);
+    else if (data?.type === "video-report") renderer.videoReport(data);
     else if (data?.type === "frame-ack" && Number.isInteger(data.serial)) {
       framesAcknowledged = Math.max(framesAcknowledged, data.serial);
       frameWaiters = frameWaiters.filter((waiter) => {
@@ -232,6 +233,7 @@ const renderer = await createPageRenderer({
   consoleMessage: logging ? (level, text) => report(`page console.${level}: ${text}`) : null,
   trace: logging ? (text) => report(`timing: ${text}`) : null,
   onFrame: compositor ? (frame) => compositor.postMessage({ type: "frame", serial: ++framesSent, ...frame }) : null,
+  onVideo: compositor ? (message) => compositor.postMessage(message) : null,
   // Whoever waits for load (a screenshot, say) sees the frame painted at load.
   onLifecycle: (name, generation) => {
     if (name !== "load") process.send({ type: "lifecycle", name, generation });

package/lib/renderer/media-playback-events.js

@@ -0,0 +1,13 @@
+// `play` means unpaused; `playing` means playback can actually advance.
+// Keep the distinction across pauses and network starvation.
+const phases = new WeakMap();
+export function playbackEvent(state, phase, dispatch) {
+  const previous = phases.get(state);
+  if (previous === phase) return;
+  phases.set(state, phase);
+  if (phase === 'playing' && previous === 'waiting') {
+    dispatch(state, 'canplay');
+    if (phases.get(state) !== phase || !state.playing) return;
+  }
+  dispatch(state, phase);
+}

package/lib/renderer/page-realm.js

@@ -29,6 +29,9 @@ import { markNative, markNativeApi, setFunctionSourceTextTransform } from "./nat
 import { applyGlobalShape, platformObject, storageInterface } from "./interfaces.js";
 import { trustedTypesApi } from "./trusted-types.js";
 import { onPromiseRejection } from "./rejections.js";
+import { installAttributeReactions } from "./custom-element-reactions.js";
+import { historyBinding } from "./history.js";
+import { installImageLoadingAttributes } from "./image-loading.js";
 import { AsyncLocalStorage } from "node:async_hooks";
 
 // URL is one shared intrinsic, hardened before any page sees it. Blob URL
@@ -1476,6 +1479,7 @@ export function createPageRealm({ window, document, mode, hooks }) {
       return Promise.resolve(values);
     },
   };
+  installImageLoadingAttributes(elementInterfacePrototypes.get("HTMLImageElement"), nodeOf);
   const { location, setHref } = locationBinding(document.URL, hooks.navigate);
   const { History, history, pushEntry } = historyBinding(location, setHref);
   const { Event, CustomEvent, ...uiEvents } = eventConstructors(realm);
@@ -1610,6 +1614,7 @@ export function createPageRealm({ window, document, mode, hooks }) {
             if (typeof wrapper.disconnectedCallback === "function") callPage(wrapper.disconnectedCallback, wrapper, []);
           }
         };
+        installAttributeReactions(Adapter, constructor, realm, callPage);
         window.customElements.define(tag, Adapter);
         customElementConstructors.set(tag, constructor);
         // Upgrades change :defined without a DOM mutation.
@@ -2478,56 +2483,6 @@ function directEvalHelper(compartment, pageGlobal, scriptText) {
   };
 }
 
-/**
- * window.History and window.history for one document. The methods live on a
- * per-document History.prototype that pages may wrap (dev servers do, to see
- * client-side routing). pushState/replaceState change the URL and state
- * without navigating or firing events; traversal is not modelled.
- */
-function historyBinding(location, setHref) {
-  let state = null;
-  let length = 1;
-  const change = (data, url) => {
-    if (url === undefined || url === null) return;
-    const target = new URL(String(url), location.href);
-    if (target.origin !== new URL(location.href).origin) {
-      throw new DOMException(`A history state object with URL '${target.href}' cannot be created in a document with origin '${new URL(location.href).origin}'.`, "SecurityError");
-    }
-    setHref(target.href);
-  };
-  function History() {
-    throw new TypeError("Illegal constructor");
-  }
-  History.prototype = {
-    constructor: History,
-    get length() {
-      return length;
-    },
-    get state() {
-      return state;
-    },
-    scrollRestoration: "auto",
-    back() {},
-    forward() {},
-    go() {},
-    pushState(data, _title, url = undefined) {
-      change(data, url);
-      state = data ?? null;
-      length++;
-    },
-    replaceState(data, _title, url = undefined) {
-      change(data, url);
-      state = data ?? null;
-    },
-  };
-  // A fragment navigation adds an entry with no state (a same-URL one replaces it).
-  const pushEntry = (replace) => {
-    state = null;
-    if (!replace) length++;
-  };
-  return { History, history: Object.create(History.prototype), pushEntry };
-}
-
 /** window.location; `setHref` moves it for same-document (fragment) navigations. */
 function locationBinding(href, navigate) {
   const url = () => new URL(href);
@@ -2787,6 +2742,8 @@ function computedStyleBinding(style, { custom = null, bounds = null, element = n
       lineHeight: style.lineHeight == null ? "normal" : px(style.lineHeight),
       textAlign: style.textAlign,
       whiteSpace: style.whiteSpace,
+      WebkitLineClamp: style.webkitLineClamp == null ? "none" : String(style.webkitLineClamp),
+      WebkitBoxOrient: style.webkitBoxOrient,
       verticalAlign: typeof style.verticalAlign === "number" ? px(style.verticalAlign) : String(style.verticalAlign),
       textOverflow: style.textOverflow,
       boxSizing: style.boxSizing,
@@ -2843,6 +2800,8 @@ function computedStyleBinding(style, { custom = null, bounds = null, element = n
   };
   return {
     ...values,
+    webkitLineClamp: values.WebkitLineClamp,
+    webkitBoxOrient: values.WebkitBoxOrient,
     length: names.length,
     item: (index) => names[Number(index)] ?? "",
     getPropertyValue: (name) => {