buninu-browser 0.2.4 → 0.4.0

package/lib/style/computed-style.js

@@ -284,8 +284,8 @@ 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 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`),

package/package.json

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

package/test/clipboard.test.js

@@ -0,0 +1,54 @@
+import {test,expect} from 'bun:test';
+import {writeClipboard} from '../lib/clipboard.js';
+import {RendererHost} from '../lib/renderer/host.js';
+
+test('clipboard prefers xclip, preserves exact stdin, and falls back on failure',async()=>{
+ const calls=[];let fail=false;
+ const options={platform:'linux',which:name=>'/bin/'+name,spawn:(args,opts)=>{calls.push({args,opts});return {exited:Promise.resolve(fail&&args[0].endsWith('xclip')?1:0),kill(){}};}};
+ const text='中文\n$(do not execute) `literal`';
+ await writeClipboard(text,options);
+ expect(calls[0].args).toEqual(['/bin/xclip','-selection','clipboard']);
+ expect(calls[0].opts.stdin.toString()).toBe(text);expect(calls).toHaveLength(1);
+ fail=true;calls.length=0;await writeClipboard('',options);
+ expect(calls.map(c=>c.args[0])).toEqual(['/bin/xclip','/bin/wl-copy']);
+ await expect(writeClipboard('x',{...options,which:()=>null})).rejects.toThrow('No working');
+});
+
+test('a real button click writes through controller; page-only calls cannot overwrite clipboard',async()=>{
+ const copies=[];const host=new RendererHost({clipboardWrite:async text=>{copies.push(text);}});
+ try{
+  await host.start();await host.call('resize',400,200,1);
+  await host.call('loadDocument',{url:'https://clipboard.test/',contentType:'text/html',source:`<body style="margin:0"><button id="b" style="width:200px;height:60px">Copy</button><script>
+    window.copyStatus='idle';document.getElementById('b').onclick=async()=>{
+      try{await navigator.clipboard.writeText('npx buninu 中文');window.copyStatus='copied';}
+      catch(e){window.copyStatus=e.name;}
+    };</script>`});
+  await host.call('whenLoaded');
+  await host.call('evaluate',"document.getElementById('b').click()");await Bun.sleep(30);
+  expect(copies).toEqual([]);expect(await host.call('evaluate','window.copyStatus')).toBe('NotAllowedError');
+  await host.call('click',30,25);
+  for(let i=0;i<40 && !copies.length;i++)await Bun.sleep(25);
+  expect(copies).toEqual(['npx buninu 中文']);
+  for(let i=0;i<40 && await host.call('evaluate','window.copyStatus')!=='copied';i++)await Bun.sleep(25);
+  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/fixtures/browser-raw-demo.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Browser raw frame demo</title>
+<style>body{margin:0;padding:32px;background:#10252f;color:#e4f4fa;font:22px sans-serif}h1{color:#63dedb}a{color:#73d8ff}.box{padding:20px;margin:16px 0;background:#183c4c;border:2px solid #3b7a8d}.track{height:75px;background:#244451;position:relative;overflow:hidden}#bar{position:absolute;left:0;top:0;width:150px;height:75px;background:#49d6c8}.stripe{height:70px;padding:15px;margin-top:10px}</style>
+</head>
+<body>
+<h1>Buninu Browser · Raw BGRA</h1>
+<div class="box">這是 buninu-browser 自己繪製的頁面，不是 Firefox 或 Chromium。<br>Raw 像素經 Casty 傳給 bunterm。請試著捲動、點網址列，或瀏覽其他網站。</div>
+<div class="track">
+<div id="bar">
+</div>
+</div>
+<p id="tick">Animation starting…</p>
+<p>
+<a href="https://example.com">example.com</a> · <a href="https://www.wikipedia.org">Wikipedia</a>
+</p>
+<div class="stripe" style="background:rgb(30,55,75)">Scroll test 1 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(35,62,80)">Scroll test 2 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(40,69,85)">Scroll test 3 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(45,76,90)">Scroll test 4 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(50,83,95)">Scroll test 5 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(55,90,100)">Scroll test 6 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(60,97,105)">Scroll test 7 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(65,104,110)">Scroll test 8 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(70,111,115)">Scroll test 9 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(75,118,120)">Scroll test 10 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(80,125,125)">Scroll test 11 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(85,132,130)">Scroll test 12 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(90,139,135)">Scroll test 13 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(95,146,140)">Scroll test 14 — 中文 ABC 0123456789</div>
+<div class="stripe" style="background:rgb(100,153,145)">Scroll test 15 — 中文 ABC 0123456789</div>
+<script>let n=0;setInterval(()=>{n++;document.getElementById('bar').style.left=((n*7)%900)+'px';document.getElementById('tick').textContent='Animation tick: '+n;},50);</script>
+</body>
+</html>

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

package/test/fixtures/flea-helpers/check-highlighting.mjs

@@ -0,0 +1,47 @@
+// Exercise the official backend, including bat path validation, sandbox and SGR parsing.
+import cases from './highlight-cases.json' with {type:'json'};
+import {mkdir,realpath} from 'node:fs/promises';
+const base='/root/flea-demo/code';
+await mkdir(base,{recursive:true});
+if(!(await realpath('/usr/local/bin/bat')).startsWith('/usr/'))throw Error('Flea requires bat realpath under /usr');
+const p=Bun.spawn(['/usr/bin/flea','--backend'],{stdin:'pipe',stdout:'pipe',stderr:'pipe'});
+const errors=new Response(p.stderr).text();
+let pending,token=0;
+const reader=(async()=>{
+ let buffer='';const decoder=new TextDecoder();
+ for await(const chunk of p.stdout){
+  buffer+=decoder.decode(chunk,{stream:true});let i;
+  while((i=buffer.indexOf('\n'))>=0){
+   const line=buffer.slice(0,i);buffer=buffer.slice(i+1);
+   const msg=JSON.parse(line);if(msg.t==='code'&&msg.token===token)pending?.(msg);
+  }
+ }
+})();
+async function ask(params){
+ token++;
+ let timer;
+ try{return await new Promise((resolve,reject)=>{
+  pending=resolve;timer=setTimeout(()=>reject(Error('Timed out: '+JSON.stringify(params))),15000);
+  p.stdin.write(JSON.stringify({c:'code',token,slot:'verify',first:1,count:400,...params})+'\n');
+ });}finally{clearTimeout(timer);pending=null;}
+}
+let checks=0;
+try{
+ for(const sample of cases){
+  const path=base+'/'+sample.name;await Bun.write(path,sample.text);
+  for(const query of [{path},{text:sample.text,name:sample.name,lang:sample.lang}]){
+   const result=await ask(query);
+   const colored=result.lines?.some(line=>line.some((v,i)=>i%2===0&&v>0));
+   if(result.state!=='styled'||!colored)throw Error(`${sample.name} (${query.path?'file':sample.lang}): ${JSON.stringify(result)}`);
+   const text=result.lines.map(line=>line.filter((_,i)=>i%2===1).join('')).join('\n');
+   if(text!==sample.text.trimEnd())throw Error('Text changed: '+sample.name);
+   checks++;
+  }
+ }
+ const plain=await ask({text:'plain text\n',name:'sample.unknown',lang:'not-a-real-language'});
+ if(plain.state!=='plain')throw Error('Unknown language must fall back to plain text');
+ console.log(`PASS: official Flea colored ${cases.length} formats, ${checks} file/language requests; unknown language falls back to plain`);
+}finally{
+ p.stdin.write('{"c":"quit"}\n');p.stdin.end();await p.exited;await reader;
+ const stderr=await errors;if(stderr)console.error(stderr);
+}

package/test/fixtures/flea-helpers/check-media.mjs

@@ -0,0 +1,29 @@
+// Real Flea media component, decoder and host PulseAudio connection.
+import {createBrowser} from '/opt/buninu-browser/lib/headless-shell.js';
+import {PulseClient} from '/opt/buninu-browser/lib/audio/pulse-client.js';
+import {mkdtemp,rm} from 'node:fs/promises';
+const dir=await mkdtemp('/tmp/flea-media-check-');
+Object.assign(process.env,{HOME:dir,XDG_CONFIG_HOME:dir+'/config',XDG_CACHE_HOME:dir+'/cache',QML_IMPORT_PATH:'/usr/share/omarchy',FLEA_BIN:'/usr/bin/flea',FLEA_PATH:'/root/flea-demo'});
+let b;
+try{
+ const pulse=await Promise.race([PulseClient.connect(),Bun.sleep(5000).then(()=>{throw Error('Pulse connection timeout')})]);
+ console.log('Pulse connected');pulse.close();
+ b=await createBrowser({spareRenderer:false});
+ await b.context.addInitScript(`globalThis.players=[];globalThis.panes=[];let rt;Object.defineProperty(globalThis,'__qmlRuntime',{get:()=>rt,set:r=>{rt=r;const d=r.describe;r.describe=(v,t,...a)=>{if(t.includes('Pane'))panes.push(v);if(t.includes('MediaPlayer'))players.push(v);return d(v,t,...a)}}});`);
+ await b.context.navigate('file:///usr/share/flea/ui/boot/shell.qml');
+ await Bun.sleep(1500);
+ await b.context.press('2',{code:'Digit2',modifiers:2});
+ await Bun.sleep(300);
+ const point=await b.context.evaluate(`(()=>{const e=[...document.querySelectorAll('[data-qml-type=Text]')].find(e=>e.textContent==='tone.mp3'&&e.getBoundingClientRect().width>0);const r=e.getBoundingClientRect();return [r.x+r.width/2,r.y+r.height/2]})()`);
+ await b.context.click(...point);await Bun.sleep(500);
+ console.log('before',await b.context.evaluate(`panes.map(p=>({mode:p.viewMode,path:p.previewColumnItem?.path,visible:p.previewColumnItem?.visible,allowed:p.previewColumnItem?.playerAllowed}))`));
+ await b.context.evaluate(`panes[0].previewColumnItem.mediaStripItem().toggled()`);
+
+ for(let i=0;i<8;i++){
+  await Bun.sleep(400);
+  console.log('column',await b.context.evaluate(`panes.map(p=>({wants:p.previewColumnItem?.wantsPlayback,loaded:p.previewColumnItem?.playerLoaded(),playing:p.previewColumnItem?.mediaPlaying(),position:p.previewColumnItem?.mediaPosition()}))`));
+  console.log(await b.context.evaluate(`players.map(p=>({source:p.source,error:p.error,message:p.errorString,position:p.position,duration:p.duration,state:p.playbackState,volume:p.audioOutput?.volume,muted:p.audioOutput?.muted}))`));
+ }
+}finally{b?.close();await rm(dir,{recursive:true,force:true});}
+
+process.exit(0);

package/test/fixtures/flea-helpers/check-preview.mjs

@@ -0,0 +1,27 @@
+// Actual Flea UI + backend, isolated settings, without changing the user's Land.
+import {mkdtemp,rm} from 'node:fs/promises';
+import {createBrowser} from '/opt/buninu-browser/lib/headless-shell.js';
+const dir=await mkdtemp('/tmp/flea-color-ui-');
+Object.assign(process.env,{HOME:dir,XDG_CONFIG_HOME:dir+'/config',XDG_CACHE_HOME:dir+'/cache',XDG_DATA_HOME:dir+'/data',XDG_STATE_HOME:dir+'/state',QML_IMPORT_PATH:'/usr/share/omarchy',FLEA_BIN:'/usr/bin/flea',FLEA_PATH:'/root/flea-demo'});
+let browser;
+try{
+ browser=await createBrowser({spareRenderer:false,rendererTimeout:30000});
+ await browser.context.resize(900,600);
+ await browser.context.addInitScript(`globalThis.codeReaders=[];let rt;Object.defineProperty(globalThis,'__qmlRuntime',{get:()=>rt,set:r=>{rt=r;const d=r.describe;r.describe=(v,t,...a)=>{if(t.includes('CodeLines'))codeReaders.push(v);return d(v,t,...a)}}});`);
+ await browser.context.navigate('file:///usr/share/flea/ui/boot/shell.qml');
+ async function waitFor(expression){for(let i=0;i<200;i++){if(await browser.context.evaluate(expression))return;await Bun.sleep(50)}throw Error('UI timeout: '+expression);}
+ await waitFor(`document.body.innerText.includes('hello.js')`);
+ for(const [name,text] of [['sample.jsonl','{"answer":42}\n'],['sample.html','<html><body><h1>Hello</h1></body></html>\n']])await Bun.write('/root/flea-demo/'+name,text);
+ for(const name of ['hello.js','sample.jsonl','sample.html']){
+ await waitFor(`document.body.innerText.includes(${JSON.stringify(name)})`);
+ const point=await browser.context.evaluate(`(()=>{const e=[...document.querySelectorAll('[data-qml-type=Text]')].find(e=>e.textContent===${JSON.stringify(name)}&&e.getBoundingClientRect().width>0);const r=e.getBoundingClientRect();return [r.x+r.width/2,r.y+r.height/2]})()`);
+ await browser.context.click(...point);
+ await browser.context.press(' ',{code:'Space'});
+ if(name.endsWith('.html')){await Bun.sleep(800);await browser.context.press('r',{code:'KeyR'});}
+ if(name.endsWith('.html')) await waitFor(`Array.from(document.querySelectorAll('[data-qml-type=Text]')).some(e=>e.textContent.includes('<html>')&&Array.from(e.querySelectorAll('span')).some(s=>s.style.color))`);
+ else await waitFor(`codeReaders.some(v=>v.active&&v.path.endsWith(${JSON.stringify(name)})&&v.answer==='styled'&&Object.values(v.held).some(l=>l.some((r,i)=>i%2===0&&r>0)))`);
+ await Bun.write('/tmp/flea-js-preview.png',Buffer.from(await browser.context.screenshot({format:'png'}),'base64'));
+ console.log('PASS: official Flea UI preview styled: '+name);
+ await browser.context.press('Escape',{code:'Escape'});
+ }
+}catch(error){await Bun.write('/tmp/flea-html-preview.png',Buffer.from(await browser.context.screenshot({format:'png'}),'base64'));console.error(await browser.context.evaluate(`({text:document.body.innerText,html:Array.from(document.querySelectorAll('[data-qml-type=Text]')).filter(e=>e.textContent.includes('<html>')).map(e=>e.innerHTML),readers:codeReaders.map(v=>({active:v.active,path:v.path,answer:v.answer}))})`));throw error;}finally{browser?.close();await rm(dir,{recursive:true,force:true});}

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

@@ -0,0 +1,36 @@
+// Build smoke test: actual tools, real Flea backend, no compositor required.
+import {mkdtemp,rm} from 'node:fs/promises';
+const assert=(ok,message)=>{if(!ok)throw Error(message);};
+async function run(args,input='',env={}){
+ const p=Bun.spawn(args,{env:{...process.env,PATH:'/usr/local/bin:/usr/bin:/bin',...env},stdin:'pipe',stdout:'pipe',stderr:'pipe'});
+ p.stdin.write(input);
+ p.stdin.end();
+ const [out,err,code]=await Promise.all([new Response(p.stdout).text(),new Response(p.stderr).text(),p.exited]);
+ assert(code===0,`${args.join(' ')} exited ${code}: ${err}`);return out;
+}
+assert(Bun.version==='1.4.4',`Expected Bun 1.4.4, got ${Bun.version}`);
+assert(await Bun.file('/usr/share/mime/globs2').exists(),'Missing MIME database');
+assert(await Bun.file('/usr/share/omarchy/qs/Commons/Style.qml').exists(),'Missing Omarchy Commons');
+const ansi=await run(['bat','--color=always','--style=plain','--paging=never','--file-name=sample.js','-'],'const answer = 42;\n');
+assert(ansi.includes('\x1b[')&&Bun.stripANSI(ansi).includes('const answer = 42;'),'bat adapter did not highlight input');
+await run([process.execPath,new URL('./check-highlighting.mjs',import.meta.url).pathname]).then(text=>process.stdout.write(text));
+const cache=await mkdtemp('/tmp/flea-build-check-');
+try{
+ const out=await run(['/usr/bin/flea','--backend'],[
+  {c:'list',path:'/root/flea-demo',first:20},{c:'thumb',rows:[0,1,2]},{c:'quit'}
+ ].map(x=>JSON.stringify(x)+'\n').join(''),{XDG_CACHE_HOME:cache});
+ const replies=out.trim().split('\n').map(x=>JSON.parse(x));
+ const thumb=replies.find(x=>x.t==='thumbed'&&x.file);
+ assert(thumb,'Flea did not accept placeholder thumbnail: '+out);
+ assert((await Bun.file(thumb.file).bytes()).subarray(1,4).toString()==='80,78,71','Invalid PNG');
+ const {createBrowser}=await import('/opt/buninu-browser/lib/headless-shell.js');
+ const page=await createBrowser({spareRenderer:false});
+ try {
+  const qml=cache+'/check.qml';
+  await Bun.write(qml,'import QtQuick\nRectangle {width:320;height:120;color:"white";Text {text:"Flea QML ready";color:"black"}}');
+  await page.context.navigate(Bun.pathToFileURL(qml).href);
+  assert((await page.context.evaluate('document.body.innerText')).includes('Flea QML ready'),'QML runtime did not render text');
+  assert((await page.context.screenshot({format:'png'})).length>100,'QML screenshot is empty');
+ } finally {page.close();}
+ console.log('PASS: Bun 1.4.4, MIME, Omarchy imports, jsmdcui ANSI and official Flea thumbnail backend, QML rendering');
+}finally{await rm(cache,{recursive:true,force:true});}

package/test/fixtures/flea-helpers/highlight-cases.json

@@ -0,0 +1,227 @@
+[
+  {
+    "name": "sample.js",
+    "lang": "js",
+    "text": "const answer = 42; // comment\n"
+  },
+  {
+    "name": "sample.mjs",
+    "lang": "JavaScript",
+    "text": "export const answer = 42;\n"
+  },
+  {
+    "name": "sample.cjs",
+    "lang": "node",
+    "text": "const answer = require(\"fs\");\n"
+  },
+  {
+    "name": "sample.jsx",
+    "lang": "jsx",
+    "text": "const answer = 42;\n"
+  },
+  {
+    "name": "sample.ts",
+    "lang": "ts",
+    "text": "const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.tsx",
+    "lang": "tsx",
+    "text": "const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.mts",
+    "lang": "typescript",
+    "text": "export const answer: number = 42;\n"
+  },
+  {
+    "name": "sample.py",
+    "lang": "python3",
+    "text": "def answer():\n    return 42 # comment\n"
+  },
+  {
+    "name": "sample.sh",
+    "lang": "bash",
+    "text": "#!/bin/sh\necho \"$HOME\" # comment\n"
+  },
+  {
+    "name": "sample.zsh",
+    "lang": "zsh",
+    "text": "#!/bin/zsh\necho \"$HOME\"\n"
+  },
+  {
+    "name": "sample.fish",
+    "lang": "fish",
+    "text": "echo \"$HOME\"\n"
+  },
+  {
+    "name": "sample.json",
+    "lang": "json",
+    "text": "{\"answer\":42,\"ok\":true}\n"
+  },
+  {
+    "name": "sample.jsonc",
+    "lang": "jsonc",
+    "text": "{\"answer\":42} // comment\n"
+  },
+  {
+    "name": "sample.json5",
+    "lang": "json5",
+    "text": "{\"answer\":42}\n"
+  },
+  {
+    "name": "sample.jsonl",
+    "lang": "jsonl",
+    "text": "{\"answer\":42}\n"
+  },
+  {
+    "name": "sample.yaml",
+    "lang": "yml",
+    "text": "answer: 42 # comment\n"
+  },
+  {
+    "name": "sample.toml",
+    "lang": "toml",
+    "text": "answer = 42 # comment\n"
+  },
+  {
+    "name": "sample.ini",
+    "lang": "ini",
+    "text": "[section]\nanswer = 42\n"
+  },
+  {
+    "name": ".env",
+    "lang": "dotenv",
+    "text": "ANSWER=\"hello\" # comment\n"
+  },
+  {
+    "name": "sample.html",
+    "lang": "HTML",
+    "text": "<div class=\"hello\">world</div>\n"
+  },
+  {
+    "name": "sample.xml",
+    "lang": "xml",
+    "text": "<hello answer=\"42\"/>\n"
+  },
+  {
+    "name": "sample.css",
+    "lang": "css",
+    "text": "body { color: red; margin: 42px; }\n"
+  },
+  {
+    "name": "sample.scss",
+    "lang": "css",
+    "text": "body { color: red; }\n"
+  },
+  {
+    "name": "sample.sql",
+    "lang": "sql",
+    "text": "SELECT * FROM users WHERE id = 42;\n"
+  },
+  {
+    "name": "sample.c",
+    "lang": "c",
+    "text": "int main(void) { return 42; }\n"
+  },
+  {
+    "name": "sample.cpp",
+    "lang": "cpp",
+    "text": "int main() { return 42; }\n"
+  },
+  {
+    "name": "sample.cs",
+    "lang": "c#",
+    "text": "public class Hello { int answer = 42; }\n"
+  },
+  {
+    "name": "sample.go",
+    "lang": "golang",
+    "text": "package main\nfunc main() { println(42) }\n"
+  },
+  {
+    "name": "sample.rs",
+    "lang": "rs",
+    "text": "fn main() { let answer = 42; }\n"
+  },
+  {
+    "name": "sample.java",
+    "lang": "java",
+    "text": "public class Hello { int answer = 42; }\n"
+  },
+  {
+    "name": "sample.kt",
+    "lang": "kt",
+    "text": "val answer = 42\n"
+  },
+  {
+    "name": "sample.rb",
+    "lang": "rb",
+    "text": "def answer\n  return 42\nend\n"
+  },
+  {
+    "name": "sample.php",
+    "lang": "php",
+    "text": "<?php echo \"hello\"; ?>\n"
+  },
+  {
+    "name": "sample.lua",
+    "lang": "lua",
+    "text": "local answer = 42 -- comment\n"
+  },
+  {
+    "name": "sample.pl",
+    "lang": "perl",
+    "text": "my $answer = 42; # comment\n"
+  },
+  {
+    "name": "sample.ps1",
+    "lang": "pwsh",
+    "text": "$answer = \"hello\" # comment\n"
+  },
+  {
+    "name": "sample.bat",
+    "lang": "cmd",
+    "text": "@echo off\nset ANSWER=42\nREM comment\n"
+  },
+  {
+    "name": "Dockerfile",
+    "lang": "docker",
+    "text": "FROM debian:13\nRUN echo hello\n"
+  },
+  {
+    "name": "Makefile",
+    "lang": "make",
+    "text": "all:\n\techo \"hello\" # comment\n"
+  },
+  {
+    "name": "CMakeLists.txt",
+    "lang": "cmake",
+    "text": "set(ANSWER 42) # comment\n"
+  },
+  {
+    "name": "sample.md",
+    "lang": "md",
+    "text": "# Heading\n**bold** and `code`\n"
+  },
+  {
+    "name": "sample.diff",
+    "lang": "diff",
+    "text": "--- a/file\n+++ b/file\n@@ -1 +1 @@\n-old\n+new\n"
+  },
+  {
+    "name": "sample.tf",
+    "lang": "tf",
+    "text": "variable \"answer\" { default = 42 }\n"
+  },
+  {
+    "name": "sample.vue",
+    "lang": "vue",
+    "text": "<template><div class=\"hello\">Hello</div></template>\n"
+  },
+  {
+    "name": "sample.svelte",
+    "lang": "svelte",
+    "text": "<script>const answer = 42;</script>\n"
+  }
+]