buninu-browser 0.3.0 → 0.5.0

package/lib/renderer/page-realm.js

@@ -1,3 +1,4 @@
+import {selectionBinding} from './document-selection.js';
 /**
  * The JavaScript environment of one document.
  *
@@ -192,6 +193,13 @@ const INTERFACE_MEMBERS = {
   alt: ["HTMLImageElement", "HTMLAreaElement", "HTMLInputElement"],
   placeholder: ["HTMLInputElement", "HTMLTextAreaElement"],
   readOnly: ["HTMLInputElement", "HTMLTextAreaElement"],
+  maxLength: ["HTMLInputElement", "HTMLTextAreaElement"],
+  selectionStart: ["HTMLInputElement", "HTMLTextAreaElement"],
+  selectionEnd: ["HTMLInputElement", "HTMLTextAreaElement"],
+  selectionDirection: ["HTMLInputElement", "HTMLTextAreaElement"],
+  setSelectionRange: ["HTMLInputElement", "HTMLTextAreaElement"],
+  setRangeText: ["HTMLInputElement", "HTMLTextAreaElement"],
+  select: ["HTMLInputElement", "HTMLTextAreaElement"],
   required: ["HTMLInputElement", "HTMLTextAreaElement", "HTMLSelectElement"],
   min: ["HTMLInputElement", "HTMLMeterElement"], max: ["HTMLInputElement", "HTMLMeterElement", "HTMLProgressElement"],
   step: ["HTMLInputElement"],
@@ -345,6 +353,7 @@ export function createPageRealm({ window, document, mode, hooks }) {
     }
   };
 
+  let documentSelection;
   const realm = new BindingRealm(window, {
     touch: (node, features) => {
       if (!node || node === document || node.ownerDocument === document) hooks.touch(node, features);
@@ -560,6 +569,7 @@ export function createPageRealm({ window, document, mode, hooks }) {
   // HTMLCanvasElement width/height are the bitmap size (default 300×150), and
   // getContext("2d") is how pages sample colours and draw. Other elements do
   // not inherit these.
+  realm.selection=()=>documentSelection ??= selectionBinding(window,realm,nodeOf,()=>hooks.selectionChanged?.());
   const canvasPrototype = elementInterfacePrototypes.get("HTMLCanvasElement");
   for (const name of ["width", "height"]) {
     Object.defineProperty(canvasPrototype, name, {
@@ -1590,6 +1600,13 @@ export function createPageRealm({ window, document, mode, hooks }) {
   const platform = platformObjects({
     eventTargets, userAgent, userAgentDataMembers: chromeVersion ? userAgentDataMembers : null, mobile: mobileUserAgent, viewport: hooks.viewport,
     performance: userTiming.performance, storages: { local: hostStorage.get(origin), session: new Map() },
+    clipboardRead: async () => {
+      try {
+        const url=new URL(document.URL);
+        if (!(url.protocol==='https:' || (url.protocol==='http:' && ['localhost','127.0.0.1','[::1]'].includes(url.hostname))) || !hooks.clipboardRead) throw Error('Clipboard unavailable');
+        return await hooks.clipboardRead();
+      } catch {throw new DOMException('Clipboard read was not allowed or failed','NotAllowedError');}
+    },
     clipboardWrite: async text => {
       try {
         const url = new URL(document.URL);
@@ -1771,15 +1788,7 @@ export function createPageRealm({ window, document, mode, hooks }) {
         element: node,
       });
     },
-    getSelection: () => ({
-      anchorNode: null, anchorOffset: 0, focusNode: null, focusOffset: 0,
-      isCollapsed: true, rangeCount: 0, type: "None",
-      addRange() {}, collapse() {}, collapseToEnd() {}, collapseToStart() {},
-      containsNode: () => false, deleteFromDocument() {}, empty() {}, extend() {},
-      getRangeAt: () => { throw new DOMException("Index out of range", "IndexSizeError"); },
-      modify() {}, removeAllRanges() {}, removeRange() {}, selectAllChildren() {}, setBaseAndExtent() {},
-      toString: () => "",
-    }),
+    getSelection: () => realm.selection(),
     matchMedia: (query) => {
       const { width, height, mobile } = hooks.viewport();
       return {
@@ -2681,7 +2690,7 @@ function navigatorPlatform(userAgent) {
  * global exposes for them. Desktop Chromium lists five PDF viewer plugins
  * and their two MIME types whatever is installed (HTML §8.9.1.6).
  */
-function platformObjects({ eventTargets, userAgent, userAgentDataMembers, mobile, viewport, performance, storages, sendBeacon, clipboardWrite }) {
+function platformObjects({ eventTargets, userAgent, userAgentDataMembers, mobile, viewport, performance, storages, sendBeacon, clipboardWrite, clipboardRead }) {
   const EventTargetPrototype = eventTargets.EventTarget.prototype;
   // An instance an event target's listeners can be added to.
   const eventTarget = (prototype) => {
@@ -2760,6 +2769,7 @@ function platformObjects({ eventTargets, userAgent, userAgentDataMembers, mobile
   const NavigatorUAData = userAgentDataMembers ? define("NavigatorUAData", userAgentDataMembers) : null;
   const languages = Object.freeze(["en-US"]);
   const Clipboard = define('Clipboard', {
+    readText() { return clipboardRead(); },
     writeText(text) {
       if (arguments.length===0) return Promise.reject(new TypeError('writeText requires text'));
       return clipboardWrite(String(text));