buninu-browser 0.3.0 → 0.5.0

package/lib/renderer/pointer-move.js

@@ -1,7 +1,7 @@
 const previousTargets = new WeakMap();
 
 /** Deliver pointer/mouse boundary events before movement, as a real pointer does. */
-export function dispatchPointerMove(window, realm, target, x, y) {
+export function dispatchPointerMove(window, realm, target, x, y, options = {}) {
   const document = window.document;
   const previous = previousTargets.get(document) ?? null;
   previousTargets.set(document, target);
@@ -12,7 +12,9 @@ export function dispatchPointerMove(window, realm, target, x, y) {
     const pointer = type.startsWith('pointer');
     const Constructor = pointer ? window.PointerEvent : window.MouseEvent;
     const event = new Constructor(type, { clientX: x, clientY: y, relatedTarget, bubbles,
-      composed: bubbles, cancelable: bubbles, button: pointer ? -1 : 0, buttons: 0,
+      composed: bubbles, cancelable: bubbles, button: pointer ? -1 : 0, buttons: options.buttons ?? 0,
+      altKey:!!(options.modifiers&1),ctrlKey:!!(options.modifiers&2),
+      metaKey:!!(options.modifiers&4),shiftKey:!!(options.modifiers&8),
       pointerId: 1, pointerType: 'mouse', isPrimary: true });
     if (realm) realm.dispatch(node, event); else node.dispatchEvent(event);
   };
@@ -25,5 +27,5 @@ export function dispatchPointerMove(window, realm, target, x, y) {
     }
   }
   send(target, 'pointermove', null);
-  send(target, 'mousemove', null);
+  if (!options.suppressMouse) send(target, 'mousemove', null);
 }

package/lib/renderer/render-interval.js

@@ -0,0 +1,9 @@
+export const RENDER_INTERVAL_FLAG = "--buninu-render-min-interval=";
+
+// Validate in the controller, then pass only this number to the sandboxed child.
+export function renderMinInterval(value, warn = console.warn) {
+  if (value === undefined) return 16;
+  if (/^\d+$/.test(value) && Number(value) <= 60000) return Number(value);
+  warn("buninu-browser: BUNINU_RENDER_MIN_INTERVAL must be an integer from 0 to 60000 ms; using 16 ms");
+  return 16;
+}

package/lib/renderer/text-input-paint.js

@@ -0,0 +1,54 @@
+import { computeElementStyle } from '../style/computed-style.js';
+export const inputPresentation = new WeakMap();
+export const inputOwner = new WeakMap();
+
+const spans = new WeakMap();
+const carets = new WeakMap();
+export const inputCaretNode = element => carets.get(element);
+
+// Form controls share native selection and caret presentation across frontends.
+export function textInputSelection(element, text, style, make) {
+  const options=inputPresentation.get(element)||{};
+  const focused=element.ownerDocument.activeElement===element;
+  const value=String(element.value??'');
+  const position=at=>element.type==='password'?[...value.slice(0,at)].length:at;
+  const start=position(element.selectionStart??0),end=position(element.selectionEnd??0);
+  const raw=(focused||options.persistent)&&end>start ? {start,end,background:options.background||'#3874f2',color:options.selectedColor||'white'}:null;
+  const caretAt = (at, selected=false) => {
+    let span=carets.get(element);
+    if(!span){span=element.ownerDocument.createElement('span');carets.set(element,span);inputOwner.set(span,element);}
+    const height=options.height||parseFloat(style.fontSize)||16;
+    const color=options.color||style.color;
+    const on=!selected&&options.on!==false&&options.visible!==false;
+    span.style.cssText=`display:inline-block;width:0;height:${height}px;border-left:1px solid ${on?color:'transparent'};margin-right:-1px;vertical-align:text-bottom;pointer-events:none`;
+    return make('caret','inline-block',{tagName:'SPAN',style:computeElementStyle(span,style),children:Object.freeze([])},span);
+  };
+  if (!raw) {
+    if(!focused||element.disabled||options.visible===false)return null;
+    const node=(part,text)=>make(part,'text',{text,style,valueStart:part==='after'?start:0,pseudo:'value',children:Object.freeze([])},element);
+    return [node('before',text.slice(0,start)),caretAt(start),node('after',text.slice(start))];
+  }
+  const { background, color } = raw;
+  const from = Math.max(0, Math.min(text.length, start)),
+    to = Math.max(from, Math.min(text.length, end));
+  if (from === to) return null;
+  const textNode = (part, text, textStyle = style, domNode = element) => make(part, 'text', {
+    text, style: textStyle, valueStart:part==='selected'?from:part==='after'?to:0, pseudo: 'value', children: Object.freeze([]),
+  }, domNode);
+  let span = spans.get(element);
+  if (!span) { span = element.ownerDocument.createElement('span'); spans.set(element, span); inputOwner.set(span,element); }
+  span.style.pointerEvents = 'none';
+  span.style.backgroundColor = background;
+  span.style.color = color;
+  const selectedStyle = computeElementStyle(span, style);
+  const children = [];
+  if (from) children.push(textNode('before', text.slice(0, from)));
+  if(focused&&element.selectionDirection==='backward')children.push(caretAt(from,true));
+  children.push(make('selection', 'inline', {
+    tagName: 'SPAN', style: selectedStyle,
+    children: Object.freeze([textNode('selected', text.slice(from, to), selectedStyle, span)]),
+  }, span));
+  if(focused&&element.selectionDirection!=='backward')children.push(caretAt(to,true));
+  if (to < text.length) children.push(textNode('after', text.slice(to)));
+  return children;
+}

package/lib/renderer/text-input.js

@@ -0,0 +1,57 @@
+// Shared editing defaults for HTML and QML's real input/textarea elements.
+export function isTextInput(element) {
+  return !!element && !element.disabled && (element.tagName==='TEXTAREA' ||
+    element.tagName==='INPUT' && ['text','search','url','email','tel','password'].includes(element.type));
+}
+export const inputRange = element => ({text:String(element.value),start:element.selectionStart??0,end:element.selectionEnd??0});
+export function selectInput(element,start,end=start) {
+  element.setSelectionRange(Math.min(start,end),Math.max(start,end),end<start?'backward':'forward');
+}
+const columns=new WeakMap();
+export function moveInputSelection(element,event) {
+  if(!isTextInput(element)||event.altKey)return false;
+  const {text,start,end}=inputRange(element),ctrl=event.ctrlKey||event.metaKey,key=event.key;
+  if(ctrl&&key.toLowerCase()==='a'){selectInput(element,0,text.length);return true;}
+  if(!['ArrowLeft','ArrowRight','ArrowUp','ArrowDown','Home','End'].includes(key))return false;
+  let at=element.selectionDirection==='backward'?start:end;
+  const anchor=at===start?end:start,multi=element.tagName==='TEXTAREA';
+  const lineStart=text.lastIndexOf('\n',at-1)+1;
+  if(key==='ArrowUp'||key==='ArrowDown') {
+    if(!multi)return false;
+    const previous=columns.get(element),column=previous?.at===at?previous.column:at-lineStart;
+    if(key==='ArrowUp') {
+      const stop=lineStart-1;at=stop<0?0:Math.min(text.lastIndexOf('\n',stop-1)+1+column,stop);
+    } else {
+      const next=text.indexOf('\n',at),stop=next<0?-1:text.indexOf('\n',next+1);
+      at=next<0?text.length:Math.min(next+1+column,stop<0?text.length:stop);
+    }
+    columns.set(element,{at,column});
+  } else {
+    columns.delete(element);
+    if(key==='Home')at=multi&&!ctrl?lineStart:0;
+    else if(key==='End'){const stop=text.indexOf('\n',at);at=multi&&!ctrl&&stop>=0?stop:text.length;}
+    else if(!event.shiftKey&&start!==end)at=key==='ArrowLeft'?start:end;
+    else if(key==='ArrowLeft') {
+      at-=[...text.slice(0,at)].pop()?.length??0;
+      if(ctrl){while(at>0&&/\s/u.test(text[at]))at--;while(at>0&&/[\p{L}\p{N}_]/u.test(text[at-1]))at--;}
+    } else {
+      at+=text.codePointAt(at)>0xffff?2:at<text.length?1:0;
+      if(ctrl){while(at<text.length&&/[\p{L}\p{N}_]/u.test(text[at]))at++;while(at<text.length&&/\s/u.test(text[at]))at++;}
+    }
+  }
+  selectInput(element,event.shiftKey?anchor:at,at);return true;
+}
+export async function inputClipboard(element,operation,{read,write,replace}) {
+  if(!isTextInput(element)||operation!=='copy'&&element.readOnly)return;
+  const range=inputRange(element);
+  if(operation==='copy'||operation==='cut') {
+    if(element.type==='password'||range.start===range.end)return;
+    await write(range.text.slice(range.start,range.end));
+    if(operation==='copy')return;
+  }
+  let text=operation==='paste'?await read():'';
+  if(String(element.value)!==range.text||element.selectionStart!==range.start||element.selectionEnd!==range.end||element.readOnly||!element.isConnected)return;
+  if(element.tagName!=='TEXTAREA')text=text.replace(/[\r\n]+/g,'');
+  if(element.maxLength>=0)text=text.slice(0,Math.max(0,element.maxLength-(range.text.length-range.end+range.start)));
+  replace(text,operation==='paste'?'insertFromPaste':'deleteByCut');
+}

package/lib/style/computed-style.js

@@ -211,6 +211,7 @@ const INITIAL = Object.freeze({
   visibility: "visible",
   // Hit testing only (inherited): "none" lets clicks pass through.
   pointerEvents: "auto",
+  userSelect: "auto",
   // Breaking inside words (CSS Text 3 §5): only with these set.
   overflowWrap: "normal",
   wordBreak: "normal",
@@ -281,11 +282,11 @@ const UA_DECLARATIONS = new Map(Object.entries({
  * fills them in when checked.
  */
 const CONTROL_FONT = "font-size: 13.333px; font-family: sans-serif";
-const FIELD = `${CONTROL_FONT}; border: 1px solid #767676; background-color: white`;
-const BUTTON_LIKE = `${CONTROL_FONT}; border: 1px solid #767676; border-radius: 2px; padding: 1px 6px; background-color: #efefef; text-align: center`;
+const FIELD = `${CONTROL_FONT}; color: black; border: 1px solid #767676; background-color: white`;
+const BUTTON_LIKE = `${CONTROL_FONT}; color: black; border: 1px solid #767676; border-radius: 2px; padding: 1px 6px; background-color: #efefef; text-align: center`;
 const UA_CONTROL_DECLARATIONS = Object.freeze({
-  textarea: parseDeclarations(`${FIELD}; font-family: monospace; padding: 2px; white-space: pre-wrap; overflow-wrap: break-word`),
-  text: parseDeclarations(`${FIELD}; padding: 1px 2px; white-space: pre`),
+  textarea: parseDeclarations(`${FIELD}; font-family: monospace; padding: 2px; white-space: pre-wrap; overflow-wrap: break-word; overflow: auto`),
+  text: parseDeclarations(`${FIELD}; padding: 1px 2px; white-space: pre; overflow: hidden`),
   checkbox: parseDeclarations("width: 13px; height: 13px; margin: 3px 3px 3px 4px; border: 1px solid #767676; border-radius: 2px; background-color: white; box-sizing: border-box"),
   radio: parseDeclarations("width: 13px; height: 13px; margin: 3px 3px 0 5px; border: 1px solid #767676; border-radius: 50%; background-color: white; box-sizing: border-box"),
   button: parseDeclarations(`${BUTTON_LIKE}; white-space: pre`),
@@ -1413,6 +1414,10 @@ function setProperty(style, name, value, parentStyle = null) {
       if (["visible", "hidden", "collapse"].includes(value)) style.visibility = value === "collapse" ? "hidden" : value;
       break;
     // SVG-only values (visiblePainted, fill, ...) hit like auto for HTML boxes.
+    case "user-select":
+    case "-webkit-user-select":
+      if (["auto", "none", "text", "all"].includes(value)) style.userSelect = value;
+      break;
     case "pointer-events":
       if (/^[a-z]+$/i.test(value)) style.pointerEvents = value === "none" ? "none" : "auto";
       break;
@@ -2517,6 +2522,7 @@ function cssValue(style, name) {
       : style.lineHeight == null ? "normal" : `${style.lineHeight}px`,
     "list-style-type": style.listStyleType,
     "pointer-events": style.pointerEvents,
+    "user-select": style.userSelect,
     "text-align": style.textAlign,
     "white-space": style.whiteSpace,
   })[name] ?? style[name];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buninu-browser",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Buninu Browser is a browser engine written in JavaScript and WebAssembly for Bun.",
   "keywords": [
     "buninu",

package/test/audio-connection-lifetime.test.js

@@ -0,0 +1,46 @@
+import {test, expect} from 'bun:test';
+import {SharedAudioConnection} from '../lib/audio/shared-connection.js';
+
+test('audio connection survives one renderer closing, ends with the last owner, and reconnects', async () => {
+  let opened = 0, closed = 0;
+  const pool = new SharedAudioConnection(async () => ({id:++opened, close(){closed++;}}));
+  const a={}, b={};
+  expect(await pool.acquire(a)).toBe(await pool.acquire(b));
+  pool.release(a); await Promise.resolve();
+  expect(closed).toBe(0);
+  pool.release(b); await Promise.resolve();
+  expect(closed).toBe(1);
+  expect((await pool.acquire(a)).id).toBe(2);
+  pool.release(a); await Promise.resolve();
+  expect(closed).toBe(2);
+});
+
+test('closing during authentication does not close or clear a newer connection', async () => {
+  let resolveOld, closed = 0, calls = 0;
+  const pool = new SharedAudioConnection(() => ++calls===1
+    ? new Promise(resolve=>{resolveOld=resolve;})
+    : {close(){closed++;}});
+  const a={},b={};
+  const old=pool.acquire(a); await Promise.resolve();
+  pool.release(a);
+  const current=await pool.acquire(b);
+  resolveOld({close(){closed++;}}); await old; await Promise.resolve();
+  expect(closed).toBe(1);
+  expect(await pool.acquire(b)).toBe(current);
+  pool.release(b); await Promise.resolve();
+  expect(closed).toBe(2);
+});
+
+test('late authentication failure does not invalidate a newer connection', async () => {
+  let rejectOld, calls=0;
+  const pool=new SharedAudioConnection(()=>++calls===1
+    ? new Promise((_,reject)=>{rejectOld=reject;}) : {close(){}});
+  const a={},b={};
+  const old=pool.acquire(a); await Promise.resolve();
+  pool.release(a);
+  const current=await pool.acquire(b);
+  rejectOld(Error('old auth failed'));
+  await expect(old).rejects.toThrow('old auth failed');
+  expect(await pool.acquire(b)).toBe(current);
+  pool.release(b);
+});

package/test/canvas-paint.test.js

@@ -7,3 +7,11 @@ test("canvas bitmaps paint, update without DOM mutations, scale, reset and survi
   expect(stderr).toBe("");
   expect(exit).toBe(0);
 }, 15_000);
+
+test("canvas damage matches full repaint with transparency, clipping and overlapping content", async () => {
+  const child = Bun.spawn([process.execPath, new URL("./fixtures/canvas-damage.js", import.meta.url).pathname],
+    { stdout: "pipe", stderr: "pipe" });
+  const [exit, stderr] = await Promise.all([child.exited, new Response(child.stderr).text()]);
+  expect(stderr).toBe("");
+  expect(exit).toBe(0);
+}, 15_000);

package/test/clipboard.test.js

@@ -33,3 +33,22 @@ test('a real button click writes through controller; page-only calls cannot over
   expect(await host.call('evaluate','window.copyStatus')).toBe('copied');
  }finally{host.close();}
 },20000);
+
+test('Windows also uses Bun.which-resolved xclip before its platform fallback',async()=>{
+ const seen=[];
+ await writeClipboard('Windows 中文',{platform:'win32',which:name=>{seen.push(name);return name==='xclip'?'C:/bin/xclip.exe':null;},spawn:(args,opts)=>{expect(args).toEqual(['C:/bin/xclip.exe','-selection','clipboard']);expect(opts.stdin.toString()).toBe('Windows 中文');return {exited:Promise.resolve(0),kill(){}};}});
+ expect(seen).toEqual(['xclip']);
+});
+
+test('clipboard read is one-shot, preserves empty/text values, and prefers xclip on Windows too',async()=>{
+ const {readClipboard}=await import('../lib/clipboard.js');
+ const calls=[];let value='中文\n';
+ const options={platform:'win32',which:name=>name==='xclip'?'/bin/xclip':null,spawn:(args)=>{
+   calls.push(args);return {stdout:new Response(value).body,exited:Promise.resolve(0),kill(){}};
+ }};
+ expect(await readClipboard(options)).toBe('中文\n');
+ expect(calls).toEqual([['/bin/xclip','-selection','clipboard','-o']]);
+ value='';expect(await readClipboard(options)).toBe('');
+ await Bun.sleep(30);expect(calls).toHaveLength(2);
+ await expect(readClipboard({...options,which:()=>null})).rejects.toThrow('No working');
+});

package/test/computed-style.test.js

@@ -859,3 +859,15 @@ test("a linked style sheet's url()s resolve against the sheet", () => {
   )).toBe(`a { background: url(https://site.test/css/img/a.png) } b { background: url("https://site.test/b.png") } c { background: url(data:image/png;base64,AA) }
      d { background: url(https://cdn.test/d.png) } e { mask: url(#m) }`);
 });
+
+test("form controls default to readable dark text but author colors still win", () => {
+  const {document,window}=parseHTMLDocument(`<body style="color:lightblue"><textarea></textarea><input><button>Button</button><select><option>Option</option></select><textarea id="inherit" style="color:inherit"></textarea><input id="custom" style="color:red"></body>`);
+  try {
+    const styles=new StyleEngine().compute(document);
+    for(const e of document.querySelectorAll('textarea,input,button,select')) {
+      if(!e.id)expect(styles.get(e).color).toBe('rgba(0, 0, 0, 1)');
+    }
+    expect(styles.get(document.querySelector('#inherit')).color).toBe(styles.get(document.body).color);
+    expect(styles.get(document.querySelector('#custom')).color).toBe('rgba(255, 0, 0, 1)');
+  } finally {window.happyDOM.abort()}
+});

package/test/document-selection.test.js

@@ -0,0 +1,27 @@
+import {test,expect} from 'bun:test';
+import {createBrowser} from '../lib/headless-shell.js';
+test('drag selects document text and controls without stealing canceled mouse gestures',async()=>{
+ let copied='';const b=await createBrowser({spareRenderer:false,clipboard:{read:async()=>copied,write:async text=>{copied=text}}});
+ const c=b.context,run=s=>c.evaluate(s);
+ const down=(x,y)=>c.pointerButton(x,y,272,1),up=(x,y)=>c.pointerButton(x,y,272,0);
+ try{
+ await c.resize(500,300,1);await c.navigate('data:text/html,'+encodeURIComponent('<style>body{margin:0;font:20px monospace}p{margin:0;height:30px}input{font:20px monospace;padding:0;border:0}</style><p id=a>abcdefghij</p><p id=b>klmnopqrst</p><input value="abcdefghij">'));
+ await down(12,12);await c.move(60,12);await up(60,12);
+ expect(await run('getSelection().toString()')).toBe('bcde');
+ await c.press('c',{modifiers:2});for(let i=0;i<50&&!copied;i++)await Bun.sleep(10);expect(copied).toBe('bcde');
+ await down(60,12);await c.move(12,12);await up(12,12);expect(await run('getSelection().toString()')).toBe('bcde');
+ await down(12,12);await c.move(36,42);await up(36,42);expect(await run('getSelection().toString()')).toContain('klm');
+ await down(12,72);await c.move(60,72);await up(60,72);
+ expect(await run('(()=>{const e=document.querySelector("input");return [e.selectionStart,e.selectionEnd]})()')).toEqual([1,5]);
+ await run('document.getElementById("a").onmousedown=e=>e.preventDefault();getSelection().removeAllRanges()');
+ await down(12,12);await c.move(60,12);await up(60,12);expect(await run('getSelection().toString()')).toBe('');
+ await run('getSelection().selectAllChildren(document.getElementById("a"))');expect(await run('getSelection().toString()')).toBe('abcdefghij');
+ expect(await run('document.getSelection()===window.getSelection()')).toBe(true);
+ await run('document.getElementById("a").onmousedown=null;document.getElementById("a").style.userSelect="none";getSelection().removeAllRanges()');
+ await down(12,12);await c.move(60,12);await up(60,12);expect(await run('getSelection().toString()')).toBe('');
+ await run('document.getElementById("a").style.userSelect="text";getSelection().selectAllChildren(document.getElementById("a"))');
+ await run('globalThis.selectedRange=getSelection().getRangeAt(0);getSelection().removeAllRanges();getSelection().addRange(selectedRange)');
+ expect(await run('getSelection().toString()')).toBe('abcdefghij');
+ await Bun.write('/tmp/document-selection.png'  ,Buffer.from(await c.screenshot({format:'png'}),'base64'));
+ }finally{b.close()}
+},30000);

package/test/double-click.test.js

@@ -0,0 +1,85 @@
+import {test,expect} from 'bun:test';
+import {createBrowser} from '../lib/headless-shell.js';
+import {CdpServer} from '../lib/cdp-server.js';
+import {CDP} from '../tools/browser-lab.js';
+import {attachInput} from '../frontends/wayland/input.js';
+import {mkdtempSync,rmSync} from 'node:fs';
+import {join} from 'node:path';
+const html=`<body style="margin:0"><div id="box" style="width:200px;height:100px">Double click</div><script>globalThis.events=[];for(const type of ['mousedown','mouseup','click','dblclick'])document.getElementById('box').addEventListener(type,e=>{globalThis.events.push(type+':'+e.detail);e.preventDefault()})</script>`;
+function pointer(context){
+ let seat,ptr;const errors=[];
+ const client={globals:new Map([['wl_seat',1]]),connection:{closed:false},bind:(n,v,cb)=>{seat=cb;return 1},object:(n,cb)=>{ptr=cb;return 2},request(){}};
+ attachInput(client,{surface:3,closed:false},context,e=>errors.push(e));seat('capabilities',[1]);ptr('enter',[1,3,20,20]);
+ return {event:ptr,errors,tap(time,x=20,y=20){ptr('motion',[time,x,y]);ptr('button',[1,time,272,1]);ptr('button',[2,time+30,272,0]);}};
+}
+const until=async(fn)=>{for(let i=0;i<100;i++){if(await fn())return;await Bun.sleep(20)}throw Error('input did not settle')};
+
+test('CDP clickCount reaches DOM clicks and dblclick after cancelled click',async()=>{
+ const b=await createBrowser({spareRenderer:false});const server=CdpServer.create(b.context).listen(0);
+ const cdp=new CDP(`ws://127.0.0.1:${server.port}/devtools/browser/cdp-server`);
+ try{
+  await cdp.ready;
+  const {targetId}=await cdp.send('Target.createTarget',{url:'data:text/html,'+encodeURIComponent(html)});
+  const {sessionId}=await cdp.send('Target.attachToTarget',{targetId,flatten:true});cdp.sessionId=sessionId;
+  await b.context.navigate('data:text/html,'+encodeURIComponent(html));
+  for(const clickCount of [1,2,3])for(const type of ['mousePressed','mouseReleased'])await cdp.send('Input.dispatchMouseEvent',{type,x:20,y:20,button:'left',clickCount});
+  expect(await b.context.evaluate('events')).toEqual(['mousedown:1','mouseup:1','click:1','mousedown:2','mouseup:2','click:2','dblclick:2','mousedown:3','mouseup:3','click:3']);
+ }finally{cdp.close();server.stop(true);b.close()}
+},30000);
+
+test('Wayland clicks reach HTML and QML double-tap handlers',async()=>{
+ const b=await createBrowser({spareRenderer:false});const dir=mkdtempSync('/tmp/double-click-');
+ try{
+  await b.context.navigate('data:text/html,'+encodeURIComponent(html));
+  const p=pointer(b.context);p.tap(1000);p.tap(1180,28,24);
+  await until(async()=>(await b.context.evaluate('events.length'))===7);
+  expect(await b.context.evaluate('events.at(-1)')).toBe('dblclick:2');expect(p.errors).toEqual([]);
+  await Bun.write(join(dir,'main.qml'),`import QtQuick
+Rectangle {width:200;height:100;color:"white";property int doubles:0
+ Text {id:status;text:"doubles="+parent.doubles}
+ TapHandler {onDoubleTapped:parent.doubles++}
+}`);
+  await b.context.navigate(Bun.pathToFileURL(join(dir,'main.qml')).href);
+  const q=pointer(b.context);q.tap(2000,60,60);q.tap(2180,65,63);
+  await until(async()=>(await b.context.evaluate('document.getElementById("status").textContent'))==='doubles=1');
+  expect(q.errors).toEqual([]);
+ }finally{b.close();rmSync(dir,{recursive:true,force:true})}
+},30000);
+
+test('Wayland count resets on timeout, distance and leave and handles timestamp wrap',async()=>{
+ const counts=[];const p=pointer({click:(x,y,o)=>counts.push(o.clickCount),move(){}});
+ p.tap(0xffffff00);p.tap(0x20);p.tap(1000);p.tap(1100,100,100);
+ p.event('leave',[]);p.event('enter',[1,3,100,100]);p.tap(1150,100,100);
+ await Bun.sleep(0);expect(counts).toEqual([1,2,1,1,1]);
+});
+
+test('CDP and Wayland preserve non-primary buttons without primary activation',async()=>{
+ const b=await createBrowser({spareRenderer:false});const server=CdpServer.create(b.context).listen(0);
+ const cdp=new CDP(`ws://127.0.0.1:${server.port}/devtools/browser/cdp-server`);
+ const dir=mkdtempSync('/tmp/nonprimary-click-');
+ try {
+  await cdp.ready;
+  const url='data:text/html,'+encodeURIComponent(`<body style="margin:0"><a id="box" href="https://example.invalid/" style="display:block;width:200px;height:100px">link</a><script>globalThis.events=[];const box=document.getElementById("box");for(const t of ['mousedown','mouseup','click','auxclick','contextmenu'])box.addEventListener(t,e=>events.push([t,e.button,e.buttons]));box.onauxclick=e=>events.push(['property',e.button]);</script>`);
+  const {targetId}=await cdp.send('Target.createTarget',{url});
+  const {sessionId}=await cdp.send('Target.attachToTarget',{targetId,flatten:true});cdp.sessionId=sessionId;
+  await b.context.navigate(url);
+  for(const type of ['mousePressed','mouseReleased'])await cdp.send('Input.dispatchMouseEvent',{type,x:30,y:40,button:'right',clickCount:1});
+  expect(await b.context.evaluate('events')).toEqual([['mousedown',2,2],['contextmenu',2,2],['mouseup',2,0],['auxclick',2,0],['property',2]]);
+  expect(b.context.url).toBe(url);
+  await b.context.evaluate('events=[]');
+  const p=pointer(b.context);p.event('button',[1,1000,274,1]);p.event('button',[2,1030,274,0]);
+  await until(async()=>(await b.context.evaluate('events.length'))===4);
+  expect(await b.context.evaluate('events')).toEqual([['mousedown',1,4],['mouseup',1,0],['auxclick',1,0],['property',1]]);
+  await Bun.write(join(dir,'main.qml'),`import QtQuick
+Rectangle {width:200;height:100;color:"white"
+ Text {id:status;text:"none"}
+ TapHandler {acceptedButtons:Qt.LeftButton | Qt.RightButton | Qt.MiddleButton;onTapped:(point,button)=>{status.text="button="+button}}
+}`);
+  await b.context.navigate(Bun.pathToFileURL(join(dir,'main.qml')).href);
+  const q=pointer(b.context);
+  for(const [code,expected] of [[273,2],[274,4]]){
+   q.event('button',[1,2000,code,1]);q.event('button',[2,2030,code,0]);
+   await until(async()=>(await b.context.evaluate('document.getElementById("status").textContent'))==='button='+expected);
+  }
+ }finally{cdp.close();server.stop(true);b.close();rmSync(dir,{recursive:true,force:true})}
+},30000);

package/test/fixtures/canvas-damage.js

@@ -0,0 +1,40 @@
+import {strict as assert} from 'node:assert';
+import {createPageRenderer,loadGraphics} from '../../lib/renderer/page-renderer.js';
+const {CanvasKit:kit}=await loadGraphics();
+const traces=[];
+const r=await createPageRenderer({onFrame:()=>{},trace:s=>traces.push(s)});
+async function pixels(){
+ const image=kit.MakeImageFromEncoded(Buffer.from(await r.screenshot(),'base64'));
+ try{return image.readPixels(0,0,{width:image.width(),height:image.height(),colorType:kit.ColorType.RGBA_8888,alphaType:kit.AlphaType.Unpremul,colorSpace:kit.ColorSpace.SRGB})}finally{image.delete()}
+}
+try{
+ r.resize(400,300,1);r.setScripting('host');
+ await r.loadDocument({url:'https://damage.test/',contentType:'text/html',source:`
+ <!doctype html><html><head><style>body{margin:0;background:#abc}.clip{position:absolute;left:30px;top:20px;width:90px;height:80px;overflow:hidden;border-radius:15px;background:yellow}canvas{width:120px;height:100px;opacity:.6}.over{position:absolute;left:50px;top:40px;width:30px;height:30px;background:green}</style></head><body>
+ <div class=clip><canvas width=120 height=100></canvas></div><div class=over></div><p style="position:absolute;top:160px">Preserve text outside canvas</p>
+ <script>globalThis.ctx=document.querySelector('canvas').getContext('2d');</script></body></html>`});
+ await r.whenLoaded();
+ await r.evaluate("ctx.fillRect(0,0,1,1)");
+ await pixels();await Bun.sleep(100);
+ for(const command of ["ctx.fillStyle='red';ctx.fillRect(0,0,120,100)","ctx.clearRect(0,0,120,100);ctx.fillStyle='blue';ctx.fillRect(15,15,20,20)","ctx.clearRect(0,0,120,100)"]){
+  traces.length=0;
+  await r.evaluate(command);
+  const partial=await pixels();
+  assert.ok(traces.some(s=>s.includes('canvas damage')),'exercise the partial paint path');
+  r.resize(401,300,1);r.resize(400,300,1);
+  assert.deepEqual(await pixels(),partial,'partial pixels must match a full repaint, including transparency, clipping and occlusion');
+ }
+ // Geometry/transform changes must fall back, then remain pixel-correct.
+ traces.length=0;
+ await r.evaluate("document.querySelector('.clip').style.transform='scale(1.2)';ctx.fillRect(0,0,80,80)");
+ const transformed=await pixels();
+ assert.ok(!traces.some(s=>s.includes('canvas damage')));
+ r.resize(401,300,1);r.resize(400,300,1);
+ assert.deepEqual(await pixels(),transformed);
+ traces.length=0;
+ await r.evaluate("ctx.clearRect(0,0,120,100)");
+ const cleared=await pixels();
+ assert.ok(!traces.some(s=>s.includes('canvas damage')),'transformed canvas stays on full paint');
+ r.resize(401,300,1);r.resize(400,300,1);
+ assert.deepEqual(await pixels(),cleared);
+}finally{r.dispose()}

package/test/fixtures/fake-renderer.js

@@ -7,6 +7,7 @@ process.on("message", async (message) => {
   if (message?.type !== "call") return;
   const [argument] = message.params;
   switch (message.method) {
+    case "configuration": return process.send({ type: "result", id: message.id, result: { args: process.argv, secret: process.env.BUNINU_TEST_PRIVATE_ENV } });
     case "echo": return process.send({ type: "result", id: message.id, result: { pid: process.pid, argument } });
     case "hang": for (;;) {}
     case "fail": return process.send({ type: "result", id: message.id, error: "Error: page crashed\n    at somewhere" });

package/test/fixtures/flea-helpers/Dockerfile

@@ -0,0 +1,36 @@
+# Build context: buninu-browser repository root. Compatible with js-udocker.
+FROM oven/bun:1.4.4
+ENV DEBIAN_FRONTEND=noninteractive
+ENV LC_ALL=C.UTF-8
+RUN set -eu; if [ -f /usr/bin/perl ] && [ ! -e /usr/bin/perl5.40.1 ]; then cp /usr/bin/perl /usr/bin/perl5.40.1; fi
+RUN set -eu; apt-get update; apt-get install -y --no-install-recommends ca-certificates curl zstd shared-mime-info util-linux libgcc-s1; apt-get clean
+RUN set -eu; case "$(uname -m)" in aarch64|arm64) arch=aarch64 ;; x86_64) arch=x86_64 ;; *) exit 1 ;; esac; curl -fL --retry 3 "https://pkgs.omarchy.org/stable/$arch/flea-0.3.12-1-$arch.pkg.tar.zst" -o /tmp/flea.pkg.tar.zst; tar --zstd -xf /tmp/flea.pkg.tar.zst -C / usr; /usr/bin/flea --version
+RUN set -eu; mkdir -p /usr/share/omarchy; curl -fL --retry 3 https://codeload.github.com/basecamp/omarchy/tar.gz/3c7027db2a4fa9fa6a49d7af7f87c27ac48e677d -o /tmp/omarchy.tar.gz; tar -xzf /tmp/omarchy.tar.gz --strip-components=1 -C /usr/share/omarchy omarchy-3c7027db2a4fa9fa6a49d7af7f87c27ac48e677d/shell/Commons omarchy-3c7027db2a4fa9fa6a49d7af7f87c27ac48e677d/shell/Ui omarchy-3c7027db2a4fa9fa6a49d7af7f87c27ac48e677d/LICENSE; ln -sfn shell /usr/share/omarchy/qs
+COPY buninu-browser.js /opt/buninu-browser/buninu-browser.js
+COPY frontends /opt/buninu-browser/frontends
+COPY usr /opt/buninu-browser/usr
+COPY lib /opt/buninu-browser/lib
+COPY vendor /opt/buninu-browser/vendor
+COPY LICENSES /opt/buninu-browser/LICENSES
+COPY LICENSE /opt/buninu-browser/LICENSE
+COPY THIRD_PARTY_NOTICES.md /opt/buninu-browser/THIRD_PARTY_NOTICES.md
+COPY package.json /opt/buninu-browser/package.json
+COPY test/fixtures/flea-helpers /usr/local/lib/flea-helpers
+COPY test/fixtures/flea-thumbnail-stub /opt/flea-thumbnail-stub
+COPY test/fixtures/tone.mp3 /root/flea-demo/tone.mp3
+COPY test/fixtures/long-video.mp4 /root/flea-demo/long-video.mp4
+WORKDIR /usr/local/lib/flea-helpers
+RUN set -eu; bun i --backend=copyfile jsmdcui@0.19.2; chmod +x /usr/local/lib/flea-helpers/bin/*; for tool in qs bat glow bwrap; do ln -sfn /usr/local/lib/flea-helpers/bin/$tool /usr/local/bin/$tool; done; install -Dm755 /opt/flea-thumbnail-stub/flea-thumbnail-stub /usr/local/bin/flea-thumbnail-stub; install -Dm644 /opt/flea-thumbnail-stub/flea-placeholder.thumbnailer /usr/share/thumbnailers/flea-placeholder.thumbnailer
+RUN set -eu; install -Dm644 source-mime.xml /usr/share/mime/packages/buninu-source.xml; update-mime-database /usr/share/mime
+RUN set -eu; printf 'const answer = 42;\n' > /root/flea-demo/hello.js; bun /usr/local/lib/flea-helpers/check.mjs
+ENV HOME=/root
+ENV XDG_RUNTIME_DIR=/tmp
+ENV WAYLAND_DISPLAY=wayland-buninu
+ENV XDG_CONFIG_HOME=/root/.config
+ENV XDG_DATA_HOME=/root/.local/share
+ENV XDG_STATE_HOME=/root/.local/state
+ENV XDG_CACHE_HOME=/root/.cache
+ENV QSG_RHI_BACKEND=opengl
+WORKDIR /root
+ENTRYPOINT []
+CMD ["/usr/bin/flea", "--gui", "/root/flea-demo"]

package/test/fixtures/flea-helpers/bat.mjs

@@ -0,0 +1,43 @@
+#!/usr/local/bin/bun
+// Experimental Flea bat argv adapter, using the unchanged bundled glow highlighter.
+import {RuntimeRegistry} from './node_modules/jsmdcui/src/runtime/registry.js';
+import {Colorscheme} from './node_modules/jsmdcui/src/config/colorscheme.js';
+import {SyntaxDefinition,detectSyntax,loadSyntaxDefinitions} from './node_modules/jsmdcui/src/highlight/parser.js';
+import {Highlighter} from './node_modules/jsmdcui/src/highlight/highlighter.js';
+import {styleToAnsi} from './node_modules/jsmdcui/src/display/ansi-style.js';
+import {fileURLToPath} from 'node:url';
+import {adaptSyntaxRules} from './syntax-compat.mjs';
+let name='',lang='',file=null,first=1,last=Infinity;
+for(const arg of Bun.argv.slice(2)){
+ if(['--no-config','--no-custom-assets','--theme=ansi','--color=always','--style=plain','--paging=never','--wrap=never'].includes(arg))continue;
+ if(arg.startsWith('--file-name='))name=arg.slice(12);
+ else if(arg.startsWith('--language='))lang=arg.slice(11);
+ else if(arg.startsWith('--line-range=')){const m=/^--line-range=(\d+):(\d+)$/.exec(arg);if(!m)throw Error('Unsupported line range');first=+m[1];last=+m[2];}
+ else if(arg.startsWith('-')&&arg!=='-')throw Error('Unsupported bat option: '+arg);
+ else if(file!==null)throw Error('Only one input is supported');else file=arg;
+}
+const text=await (file&&file!=='-'?Bun.file(file):Bun.stdin).text();
+if(Buffer.byteLength(text)>1048576)throw Error('Preview exceeds 1 MiB');
+const runtime=new RuntimeRegistry({repoRoot:fileURLToPath(new URL('./node_modules/jsmdcui',import.meta.url)),configDir:'/tmp'});
+await runtime.init({user:false});
+const scheme=await new Colorscheme(runtime).load('simple'),defs=await loadSyntaxDefinitions(runtime);
+adaptSyntaxRules(defs,SyntaxDefinition);
+const lines=text.replace(/\r\n?/g,'\n').split('\n');if(lines.at(-1)==='')lines.pop();
+const aliases={js:'javascript',jsx:'javascript',mjs:'javascript',cjs:'javascript',node:'javascript',nodejs:'javascript',ts:'typescript',tsx:'typescript',mts:'typescript',cts:'typescript',rs:'rust',py:'python',python3:'python',sh:'shell',bash:'shell',shellscript:'shell',md:'markdown',yml:'yaml',jsonc:'json',json5:'json',jsonl:'json',ndjson:'json',cpp:'c++',cc:'c++',cxx:'c++',hpp:'c++',cs:'csharp','c#':'csharp',rb:'ruby',golang:'go',kt:'kotlin',kts:'kotlin',ps1:'powershell',pwsh:'powershell',bat:'batch',cmd:'batch',docker:'dockerfile',make:'makefile',cmakelists:'cmake',tf:'terraform',proto:'proto',protobuf:'proto',tex:'tex',latex:'tex',diff:'patch',dotenv:'ini'};
+const byType=new Map(defs.map(d=>[d.filetype.toLowerCase(),d]));
+const lookup=key=>byType.get(aliases[key.toLowerCase()]||key.toLowerCase());
+const path=name||file||'',ext=path.split('.').at(-1).toLowerCase();
+const def=lang?lookup(lang):lookup(({jsx:'jsx',mts:'ts',cts:'ts',jsonc:'json',json5:'json',jsonl:'json',ndjson:'json',env:'ini'})[ext]||'')||detectSyntax(defs,{path,firstLine:lines[0]||'',lines:lines.slice(0,50)});
+if(lang&&!def)process.exit(1);
+const highlighter=def?new Highlighter(def,defs):null;let state=null;
+for(let i=0;i<Math.min(lines.length,last);i++){
+ const line=lines[i],result=highlighter?.highlightLine(line,state);if(result)state=result.state;
+ if(i+1<first)continue;
+ if(!result){process.stdout.write(line+'\n');continue;}
+ const changes=[...result.changes.entries()];let output='';
+ for(let j=0;j<changes.length-1;j++){
+  const [from,group]=changes[j],to=changes[j+1][0];
+  output+=styleToAnsi(scheme.get(group)).replace(/38;5;(\d+)/g,(_,n)=>String(+n<8?30+(+n):90+(+n)-8))+line.slice(from,to);
+ }
+ process.stdout.write(output+'\x1b[0m\n');
+}

package/test/fixtures/flea-helpers/bin/bat

@@ -0,0 +1,3 @@
+#!/bin/sh
+sd=$(dirname "$(realpath "$0")")
+exec bun "$sd/../bat.mjs" "$@"

package/test/fixtures/flea-helpers/bin/bwrap

@@ -0,0 +1,10 @@
+#!/bin/bash
+# Experiment only: no namespace/filesystem isolation; outer prlimit remains.
+envargs=()
+while (($#)); do
+ case "$1" in
+ --unshare-*|--die-with-parent|--new-session|--clearenv) shift ;; --setenv) envargs+=("$2=$3"); shift 3 ;; --ro-bind|--bind|--symlink) shift 3 ;; --proc|--dev|--tmpfs|--dir) shift 2 ;;
+ --json-status-fd) fd=$2; [[ $fd =~ ^[0-9]+$ ]] || exit 2; eval "exec ${fd}>&-"; shift 2 ;; --) shift; break ;; --*) echo "Unsupported experimental bwrap option: $1" >&2; exit 2 ;; *) break ;;
+ esac
+done
+exec env "${envargs[@]}" "$@"

package/test/fixtures/flea-helpers/bin/bwrap-real-filter

@@ -0,0 +1,9 @@
+#!/bin/bash
+# Diagnostic only: retains real bwrap; currently fails under bunproot.
+args=()
+for arg in "$@"; do
+ case "$arg" in
+ --unshare-all) args+=(--unshare-user --unshare-ipc --unshare-pid --unshare-uts --unshare-cgroup-try) ;; --unshare-net) ;; *) args+=("$arg") ;;
+ esac
+done
+exec /usr/bin/bwrap-real "${args[@]}"

package/test/fixtures/flea-helpers/bin/glow

@@ -0,0 +1,3 @@
+#!/bin/sh
+sd=$(dirname "$(realpath "$0")")
+exec bun "$sd/../node_modules/jsmdcui/src/index.js" --cat "$@"

package/test/fixtures/flea-helpers/bin/qs

@@ -0,0 +1,3 @@
+#!/bin/sh
+export QML_IMPORT_PATH="/usr/share/omarchy${QML_IMPORT_PATH:+:$QML_IMPORT_PATH}"
+exec bun /opt/buninu-browser/lib/qml/qswayland "$@"

package/test/fixtures/flea-helpers/bin/unsupported

@@ -0,0 +1,3 @@
+#!/bin/sh
+echo "${0##*/}: unavailable in this experiment" >&2
+exit 1