buninu-browser 0.3.0 → 0.4.0

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

@@ -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.3.0",
+  "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

@@ -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/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});}