@buncanvas/core 0.1.2 → 0.1.4

package/index.js

@@ -1,5 +1,2877 @@
 // @bun
-var U=import.meta.require;import{createHash as dt}from"crypto";import{basename as pt,join as gt}from"path";import{tmpdir as bt}from"os";import{dlopen as ft,FFIType as Xt,suffix as et}from"bun:ffi";var K;if(!process.argv.includes("--XX:BunCanvas.IgnoreImport"))K=U(`@buncanvas/native-${process.platform}-${process.arch}`);else K=`BunCanvas.${process.arch}.${et}`;console.log(K);if(!K)console.error(`BunCanvas.${process.arch}.${et} binary was not found in the working directory!`),process.exit(-1);var V=K,u=new TextEncoder,tt=new Map;function N(t){let e=tt.get(t);if(e)return e;return e=u.encode(t+"\x00"),tt.set(t,e),e}var n=ft(V,{glfw_init:{args:[],returns:"void"},get_wPropertiesViewer:{args:[],returns:"ptr"},get_mMoveViewer:{args:[],returns:"ptr"},get_mClickViewer:{args:[],returns:"ptr"},get_mDownViewer:{args:[],returns:"ptr"},get_mUpViewer:{args:[],returns:"ptr"},get_kDownViewer:{args:[],returns:"ptr"},get_kUpViewer:{args:[],returns:"ptr"},get_mWheelViewer:{args:[],returns:"ptr"},signal_frame_ready:{args:[],returns:"void"},set_vsync:{args:["bool"],returns:"void"},create_window:{args:["int","int","cstring"],returns:"void"},update_window:{args:["ptr"],returns:"void"},destroy_window:{args:[],returns:"void"},canvas_init_gpu_context:{args:[],returns:"bool"},canvas_flush_gpu:{args:[],returns:"void"},canvas_create:{args:["int","int","bool"],returns:"ptr"},canvas_resize:{args:["ptr","int","int"],returns:"void"},canvas_append:{args:["ptr"],returns:"void"},canvas_get_context2D:{args:["ptr","ptr","bool","bool"],returns:"ptr"},canvas_set_fill_style:{args:["ptr","cstring"],returns:"bool"},canvas_set_fill_style_gradient:{args:["ptr","int","ptr","int","ptr","ptr"],returns:"bool"},canvas_set_stroke_style:{args:["ptr","cstring"],returns:"bool"},canvas_set_stroke_style_gradient:{args:["ptr","int","ptr","int","ptr","ptr"],returns:"bool"},canvas_set_stroke_width:{args:["ptr","float"],returns:"bool"},canvas_fill_rect:{args:["ptr","int","int","int","int"],returns:"void"},canvas_stroke_rect:{args:["ptr","int","int","int","int"],returns:"void"},canvas_clear_rect:{args:["ptr","int","int","int","int"],returns:"void"},canvas_path_begin:{args:["ptr"],returns:"void"},canvas_path_move_to:{args:["ptr","int","int"],returns:"void"},canvas_path_line_to:{args:["ptr","int","int"],returns:"void"},canvas_path_arc:{args:["ptr","float","float","float","float","float"],returns:"void"},canvas_path_arc_to:{args:["ptr","float","float","float","float","float"],returns:"void"},canvas_path_bezier_to:{args:["ptr","float","float","float","float","float","float"],returns:"void"},canvas_path_quad_to:{args:["ptr","float","float","float","float"],returns:"void"},canvas_path_ellipse:{args:["ptr","float","float","float","float","float","float","float","bool"],returns:"void"},canvas_path_fill:{args:["ptr","ptr"],returns:"void"},canvas_path_stroke:{args:["ptr","ptr"],returns:"void"},canvas_path_close:{args:["ptr"],returns:"void"},canvas_path_rect:{args:["ptr","float","float","float","float"],returns:"void"},canvas_path_roundrect:{args:["ptr","float","float","float","float","float"],returns:"void"},canvas_path_roundrect_array:{args:["ptr","float","float","float","float","ptr","int"],returns:"void"},canvas_set_composite_operation:{args:["ptr","cstring"],returns:"bool"},canvas_draw_image_imageType:{args:["ptr","ptr","ptr","int"],returns:"void"},canvas_draw_image_canvasType:{args:["ptr","ptr","ptr","int"],returns:"void"},canvas_get_image_data:{args:["ptr","int","int","int","int","ptr"],returns:"bool"},canvas_put_image_data:{args:["ptr","int","int","int","int","ptr"],returns:"bool"},canvas_set_global_alpha:{args:["ptr","float"],returns:"float"},canvas_save:{args:["ptr"],returns:"float"},canvas_restore:{args:["ptr"],returns:"float"},canvas_translate:{args:["ptr","float","float"],returns:"void"},canvas_rotate:{args:["ptr","float"],returns:"float"},canvas_set_font:{args:["ptr","cstring"],returns:"bool"},canvas_fill_text:{args:["ptr","cstring","float","float","float"],returns:"void"},canvas_stroke_text:{args:["ptr","cstring","float","float","float"],returns:"void"},canvas_set_shadow_blur:{args:["ptr","float"],returns:"void"},canvas_set_shadow_color:{args:["ptr","cstring"],returns:"void"},canvas_set_shadow_offsetX:{args:["ptr","float"],returns:"void"},canvas_set_shadow_offsetY:{args:["ptr","float"],returns:"void"},canvas_set_image_smoothing_quality:{args:["ptr","int"],returns:"bool"},canvas_set_image_smoothing_enabled:{args:["ptr","bool"],returns:"bool"},canvas_get_transform:{args:["ptr","ptr"],returns:"void"},canvas_set_transform:{args:["ptr","ptr"],returns:"void"},canvas_reset_transform:{args:["ptr"],returns:"void"},canvas_set_filter:{args:["ptr","cstring"],returns:"bool"},canvas_set_line_dash:{args:["ptr","ptr","int","float"],returns:"bool"},canvas_set_line_join:{args:["ptr","int"],returns:"bool"},canvas_path_clip:{args:["ptr"],returns:"void"},canvas_set_text_baseline:{args:["ptr","int"],returns:"void"},canvas_set_text_align:{args:["ptr","int"],returns:"void"},canvas_measure_text:{args:["ptr","cstring","ptr"],returns:"void"},canvas_destroy:{args:["ptr"],returns:"void"},image_create:{args:[],returns:"ptr"},images_cleanup:{args:[],returns:"void"},image_set_src:{args:["ptr","cstring","bool"],returns:"void"},image_load:{args:["ptr","ptr"],returns:"bool"},image_destroy:{args:["ptr"],returns:"void"},font_load:{args:["cstring"],returns:"ptr"},audio_backend_init:{args:[],returns:"void"},audio_create:{args:["cstring"],returns:"ptr"},audio_set_src:{args:["ptr","cstring"],returns:"void"},audio_play:{args:["ptr"],returns:"void"},audio_stop:{args:["ptr"],returns:"void"},audio_destroy:{args:["ptr"],returns:"void"},path2d_create:{args:[],returns:"ptr"},path2d_create_from_copy:{args:["ptr"],returns:"ptr"},path2d_destroy:{args:["ptr"],returns:"void"},path2d_move_to:{args:["ptr","int","int"],returns:"void"},path2d_line_to:{args:["ptr","int","int"],returns:"void"},path2d_arc:{args:["ptr","float","float","float","float","float"],returns:"void"},path2d_arc_to:{args:["ptr","float","float","float","float","float"],returns:"void"},path2d_bezier_to:{args:["ptr","float","float","float","float","float","float"],returns:"void"},path2d_quad_to:{args:["ptr","float","float","float","float"],returns:"void"},path2d_ellipse:{args:["ptr","float","float","float","float","float","float","float","bool"],returns:"void"},path2d_close:{args:["ptr"],returns:"void"},path2d_rect:{args:["ptr","float","float","float","float"],returns:"void"},path2d_roundrect:{args:["ptr","float","float","float","float","float"],returns:"void"},path2d_roundrect_array:{args:["ptr","float","float","float","float","ptr","int"],returns:"void"},font_add_to_registry:{args:["cstring","ptr"],returns:"void"}});class d{type=null;target=null;timeStamp=performance.now();constructor(t,e){this.type=t,this.target=e}}import{ptr as st}from"bun:ffi";var P=new WeakMap,yt=new FinalizationRegistry((t)=>{n.symbols.image_destroy(t),console.log("destroy!")});function rt(t){let e=dt("sha256").update(t).digest("hex").slice(0,16),s=new URL(t),r=pt(s.pathname)||"index";return gt(bt(),`${e}-${r}`)}function _t(t,e){return(async()=>{let s=e??rt(t),r=await fetch(t);if(!r.ok||!r.body)throw Error(`HTTP ${r.status}: ${t}`);let i=await r.arrayBuffer();return await Bun.write(s,i),s})()}var wt=/^https?:\/\/(?:www\.)?[^\s/$.?#].[^\s]*$/;class T{#t=null;#e=0;#s=!1;#a=0;#l=!1;#i="";constructor(){let t=n.symbols.image_create();P.set(this,t),yt.register(this,t)}onload=null;onerror=null;set src(t){if(this.#i=t,wt.test(t)){let e=new WeakRef(this),s=rt(t),r=P.get(this);n.symbols.image_set_src(r,u.encode(`${s}\x00`),!0),_t(t,s).then(()=>{let i=new Int32Array(2),o=e.deref();if(!o)return;if(n.symbols.image_load(r,st(i)))this.#e=!this.#s?i[0]:this.#e,this.#a=!this.#l?i[1]:this.#a,o.onload?.call(o,new d("load",o));else o.onerror?.call(o,new d("error",o))}).catch((i)=>{let o=e.deref();if(!o)return;o.onerror?.call(o,new d("error",o))}).finally(()=>{});return}else{let e=new WeakRef(this);n.symbols.image_set_src(P.get(this),u.encode(`${t}\x00`),!1);let s=setTimeout(()=>{let r=e.deref();if(!r){clearTimeout(s);return}let i=P.get(r),o=new Int32Array(2);if(n.symbols.image_load(i,st(o)))this.#e=!this.#s?o[0]:this.#e,this.#a=!this.#l?o[1]:this.#a,r.onload?.call(r,new d("load",r));else r.onerror?.call(r,new d("error",r));clearTimeout(s)},0)}}get src(){return this.#i}get ptr(){return P.get(this)}get width(){return this.#e}get height(){return this.#a}set width(t){this.#s=!0,this.#e=t}set height(t){this.#l=!0,this.#a=t}}{let t=T.prototype;for(let e of Object.getOwnPropertyNames(t)){let s=Object.getOwnPropertyDescriptor(t,e);if(e=="constructor"){s&&(s.value.toString=()=>`function ${t.constructor.name}() { [native code] }`);continue}if(typeof s?.value==="function")s.value.toString=()=>`function ${e}() { [native code] }`}}class j{#t="";#e="";_nativePtr=null;constructor(t,e){this.#t=t.toLowerCase(),this.#e=e.trim().replaceAll("url(","").replaceAll('"',"").replaceAll("'","").replaceAll(")","").trim()}get family(){return this.#t}async load(){return new Promise((t,e)=>{if(this._nativePtr=n.symbols.font_load(u.encode(`${this.#e}\x00`)),console.log(this._nativePtr,this.#e),this._nativePtr)t();else e()})}}{let t=j.prototype;for(let e of Object.getOwnPropertyNames(t)){let s=Object.getOwnPropertyDescriptor(t,e);if(e=="constructor"){s&&(s.value.toString=()=>`function ${t.constructor.name}() { [native code] }`);continue}if(typeof s?.value==="function")s.value.toString=()=>`function ${e}() { [native code] }`}}class W{width;actualBoundingBoxLeft;actualBoundingBoxRight;actualBoundingBoxAscent;actualBoundingBoxDescent;fontBoundingBoxAscent;fontBoundingBoxDescent;emHeightAscent;emHeightDescent;alphabeticBaseline;hangingBaseline;ideographicBaseline;constructor(t,e,s,r,i,o,l,h,m,f,g,F){this.width=t,this.actualBoundingBoxLeft=e,this.actualBoundingBoxRight=s,this.actualBoundingBoxAscent=r,this.actualBoundingBoxDescent=i,this.fontBoundingBoxAscent=o,this.fontBoundingBoxDescent=l,this.emHeightAscent=h,this.emHeightDescent=m,this.alphabeticBaseline=f,this.hangingBaseline=g,this.ideographicBaseline=F}}class w extends d{altKey=!1;button=0;buttons=0;clientX=0;clientY=0;movementX=0;movementY=0;ctrlKey=!1;metaKey=!1;screenX=0;screenY=0;shiftKey=!1;constructor(t,e={altKey:!1,button:0,buttons:0,clientX:0,clientY:0,movementX:0,movementY:0,ctrlKey:!1,metaKey:!1,screenX:0,screenY:0,shiftKey:!1,target:null}){super(t,e.target);this.altKey=e.altKey,this.button=e.button,this.buttons=e.buttons,this.clientX=e.clientX,this.clientY=e.clientY,this.movementX=e.movementX,this.movementY=e.movementY,this.ctrlKey=e.ctrlKey,this.metaKey=e.metaKey,this.screenX=e.screenX,this.screenY=e.screenY,this.shiftKey=e.shiftKey}}var z=w.prototype;for(let t of Object.getOwnPropertyNames(z)){let e=Object.getOwnPropertyDescriptor(z,t);if(t=="constructor"){e&&(e.value.toString=()=>`function ${z.constructor.name}() { [native code] }`);continue}if(typeof e?.value==="function")e.value.toString=()=>`function ${t}() { [native code] }`}class I extends w{deltaX=0;deltaY=0;constructor(t,e={altKey:!1,button:0,buttons:0,clientX:0,clientY:0,movementX:0,movementY:0,deltaX:0,deltaY:0,ctrlKey:!1,metaKey:!1,screenX:0,screenY:0,shiftKey:!1,target:null}){super(t,e);this.deltaX=e.deltaX??0,this.deltaY=e.deltaY??0}}var vt={"-1":"Unknown",32:" ",39:"'",44:",",45:"-",46:".",47:"/",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",59:";",61:"=",65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j",75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t",85:"u",86:"v",87:"w",88:"x",89:"y",90:"z",91:"[",92:"\\",93:"]",96:"`",161:"World1",162:"World2",256:"Escape",257:"Enter",258:"Tab",259:"Backspace",260:"Insert",261:"Delete",262:"ArrowRight",263:"ArrowLeft",264:"ArrowDown",265:"ArrowUp",266:"PageUp",267:"PageDown",268:"Home",269:"End",280:"CapsLock",281:"ScrollLock",282:"NumLock",283:"PrintScreen",284:"Pause",290:"F1",291:"F2",292:"F3",293:"F4",294:"F5",295:"F6",296:"F7",297:"F8",298:"F9",299:"F10",300:"F11",301:"F12",302:"F13",303:"F14",304:"F15",305:"F16",306:"F17",307:"F18",308:"F19",309:"F20",310:"F21",311:"F22",312:"F23",313:"F24",314:"F25",320:"0",321:"1",322:"2",323:"3",324:"4",325:"5",326:"6",327:"7",328:"8",329:"9",330:".",331:"/",332:"*",333:"-",334:"+",335:"Enter",336:"=",340:"Shift",341:"Control",342:"Alt",343:"Meta",344:"Shift",345:"Control",346:"Alt",347:"Meta",348:"ContextMenu"},Ft={"-1":"Unknown",32:" ",39:'"',44:"<",45:"_",46:">",47:"?",48:")",49:"!",50:"@",51:"#",52:"$",53:"%",54:"^",55:"&",56:"*",57:"(",59:":",61:"+",65:"A",66:"B",67:"C",68:"D",69:"E",70:"F",71:"G",72:"H",73:"I",74:"J",75:"K",76:"L",77:"M",78:"N",79:"O",80:"P",81:"Q",82:"R",83:"S",84:"T",85:"U",86:"V",87:"W",88:"X",89:"Y",90:"Z",91:"{",92:"|",93:"}",96:"~",161:"World1",162:"World2",256:"Escape",257:"Enter",258:"Tab",259:"Backspace",260:"Insert",261:"Delete",262:"ArrowRight",263:"ArrowLeft",264:"ArrowDown",265:"ArrowUp",266:"PageUp",267:"PageDown",268:"Home",269:"End",280:"CapsLock",281:"ScrollLock",282:"NumLock",283:"PrintScreen",284:"Pause",290:"F1",291:"F2",292:"F3",293:"F4",294:"F5",295:"F6",296:"F7",297:"F8",298:"F9",299:"F10",300:"F11",301:"F12",302:"F13",303:"F14",304:"F15",305:"F16",306:"F17",307:"F18",308:"F19",309:"F20",310:"F21",311:"F22",312:"F23",313:"F24",314:"F25",320:"0",321:"1",322:"2",323:"3",324:"4",325:"5",326:"6",327:"7",328:"8",329:"9",330:".",331:"/",332:"*",333:"-",334:"+",335:"Enter",336:"=",340:"Shift",341:"Control",342:"Alt",343:"Meta",344:"Shift",345:"Control",346:"Alt",347:"Meta",348:"ContextMenu"},xt={"-1":"Unknown",32:"Space",39:"Quote",44:"Comma",45:"Minus",46:"Period",47:"Slash",48:"Digit0",49:"Digit1",50:"Digit2",51:"Digit3",52:"Digit4",53:"Digit5",54:"Digit6",55:"Digit7",56:"Digit8",57:"Digit9",59:"Semicolon",61:"Equal",65:"KeyA",66:"KeyB",67:"KeyC",68:"KeyD",69:"KeyE",70:"KeyF",71:"KeyG",72:"KeyH",73:"KeyI",74:"KeyJ",75:"KeyK",76:"KeyL",77:"KeyM",78:"KeyN",79:"KeyO",80:"KeyP",81:"KeyQ",82:"KeyR",83:"KeyS",84:"KeyT",85:"KeyU",86:"KeyV",87:"KeyW",88:"KeyX",89:"KeyY",90:"KeyZ",91:"BracketLeft",92:"Backslash",93:"BracketRight",96:"Backquote",161:"IntlBackslash",256:"Escape",257:"Enter",258:"Tab",259:"Backspace",260:"Insert",261:"Delete",262:"ArrowRight",263:"ArrowLeft",264:"ArrowDown",265:"ArrowUp",266:"PageUp",267:"PageDown",268:"Home",269:"End",280:"CapsLock",281:"ScrollLock",282:"NumLock",283:"PrintScreen",284:"Pause",290:"F1",291:"F2",292:"F3",293:"F4",294:"F5",295:"F6",296:"F7",297:"F8",298:"F9",299:"F10",300:"F11",301:"F12",302:"F13",303:"F14",304:"F15",305:"F16",306:"F17",307:"F18",308:"F19",309:"F20",310:"F21",311:"F22",312:"F23",313:"F24",314:"F25",320:"Numpad0",321:"Numpad1",322:"Numpad2",323:"Numpad3",324:"Numpad4",325:"Numpad5",326:"Numpad6",327:"Numpad7",328:"Numpad8",329:"Numpad9",330:"NumpadDecimal",331:"NumpadDivide",332:"NumpadMultiply",333:"NumpadSubtract",334:"NumpadAdd",335:"NumpadEnter",336:"NumpadEqual",340:"ShiftLeft",341:"ControlLeft",342:"AltLeft",343:"MetaLeft",344:"ShiftRight",345:"ControlRight",346:"AltRight",347:"MetaRight",348:"ContextMenu"};class O extends d{target=null;key="";code="";location=0;repeat=!1;ctrlKey=!1;shiftKey=!1;altKey=!1;metaKey=!1;constructor(t,e={target:null,key:"",code:"",location:0,repeat:!1,ctrlKey:!1,shiftKey:!1,altKey:!1,metaKey:!1},s=null,r=null,i=!1,o=!1,l=!1,h=!1,m=!1){super(t,e?e.target:r);if(e)this.key=e.key,this.code=e.code,this.location=e.location,this.repeat=e.repeat,this.ctrlKey=e.ctrlKey,this.shiftKey=e.shiftKey,this.altKey=e.altKey,this.metaKey=e.metaKey;else{let f=s;if(f>=65&&f<=90){let g=String.fromCharCode(f);this.key=o??e.shiftKey?g:g.toLowerCase()}else this.key=o??e.shiftKey?Ft[s]:vt[s];this.code=xt[s],this.location=0,this.repeat=!1,this.shiftKey=o,this.ctrlKey=l,this.altKey=h,this.metaKey=m}}}import{ptr as y,JSCallback as Ct}from"bun:ffi";class L{width;height;data;constructor(t,e,s){this.width=t,this.height=e,this.data=s}}import{ptr as kt}from"bun:ffi";function Mt(t){return t==null||Array.isArray(t)||ArrayBuffer.isView(t)&&!(t instanceof DataView)}function v(t,e){let s=new Float64Array(16);return s[0]=t[0]*e[0]+t[1]*e[4]+t[2]*e[8]+t[3]*e[12],s[1]=t[0]*e[1]+t[1]*e[5]+t[2]*e[9]+t[3]*e[13],s[2]=t[0]*e[2]+t[1]*e[6]+t[2]*e[10]+t[3]*e[14],s[3]=t[0]*e[3]+t[1]*e[7]+t[2]*e[11]+t[3]*e[15],s[4]=t[4]*e[0]+t[5]*e[4]+t[6]*e[8]+t[7]*e[12],s[5]=t[4]*e[1]+t[5]*e[5]+t[6]*e[9]+t[7]*e[13],s[6]=t[4]*e[2]+t[5]*e[6]+t[6]*e[10]+t[7]*e[14],s[7]=t[4]*e[3]+t[5]*e[7]+t[6]*e[11]+t[7]*e[15],s[8]=t[8]*e[0]+t[9]*e[4]+t[10]*e[8]+t[11]*e[12],s[9]=t[8]*e[1]+t[9]*e[5]+t[10]*e[9]+t[11]*e[13],s[10]=t[8]*e[2]+t[9]*e[6]+t[10]*e[10]+t[11]*e[14],s[11]=t[8]*e[3]+t[9]*e[7]+t[10]*e[11]+t[11]*e[15],s[12]=t[12]*e[0]+t[13]*e[4]+t[14]*e[8]+t[15]*e[12],s[13]=t[12]*e[1]+t[13]*e[5]+t[14]*e[9]+t[15]*e[13],s[14]=t[12]*e[2]+t[13]*e[6]+t[14]*e[10]+t[15]*e[14],s[15]=t[12]*e[3]+t[13]*e[7]+t[14]*e[11]+t[15]*e[15],s}function c(t,e){throw SyntaxError(`Failed to execute '${t}' on 'DOMMatrix': Failed to parse '${e}'.`)}class b{#t=new Float64Array([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]);#e=!0;#s(){this.#e=this.#t[0]==1&&this.#t[1]==0&&this.#t[2]==0&&this.#t[3]==0&&this.#t[4]==0&&this.#t[5]==1&&this.#t[6]==0&&this.#t[7]==0&&this.#t[8]==0&&this.#t[9]==0&&this.#t[10]==1&&this.#t[11]==0&&this.#t[12]==0&&this.#t[13]==0&&this.#t[14]==0&&this.#t[15]==1}get a(){return this.m11}set a(t){this.m11=t}get b(){return this.m12}set b(t){this.m12=t}get c(){return this.m21}set c(t){this.m21=t}get d(){return this.m22}set d(t){this.m22=t}get e(){return this.m41}set e(t){this.m41=t}get f(){return this.m42}set f(t){this.m42=t}is2D=!0;get isIdentity(){return this.#e}get m11(){return this.#t[0]}set m11(t){if(this.#t[0]=t,!this.#e){if(t==1)this.#s()}else if(t!=1)this.#e=!1}get m12(){return this.#t[4]}set m12(t){if(this.#t[4]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m13(){return this.#t[8]}set m13(t){if(this.#t[8]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m14(){return this.#t[12]}set m14(t){if(this.#t[12]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m21(){return this.#t[1]}set m21(t){if(this.#t[1]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m22(){return this.#t[5]}set m22(t){if(this.#t[5]=t,!this.#e){if(t==1)this.#s()}else if(t!=1)this.#e=!1}get m23(){return this.#t[9]}set m23(t){if(this.#t[9]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m24(){return this.#t[13]}set m24(t){if(this.#t[13]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m31(){return this.#t[2]}set m31(t){if(this.#t[2]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m32(){return this.#t[6]}set m32(t){if(this.#t[6]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m33(){return this.#t[10]}set m33(t){if(this.#t[10]=t,!this.#e){if(t==1)this.#s()}else if(t!=1)this.#e=!1}get m34(){return this.#t[14]}set m34(t){if(this.#t[14]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m41(){return this.#t[3]}set m41(t){if(this.#t[3]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m42(){return this.#t[7]}set m42(t){if(this.#t[7]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m43(){return this.#t[11]}set m43(t){if(this.#t[11]=t,!this.#e){if(t==0)this.#s()}else if(t!=0)this.#e=!1}get m44(){return this.#t[15]}set m44(t){if(this.#t[15]=t,!this.#e){if(t==1)this.#s()}else if(t!=1)this.#e=!1}multiplySelf(t){let e=this.#t,s=t.#t;return this.#t.set(v(e,s)),this.is2D&&=t.is2D,this}preMultiplySelf(t){let e=this.#t,s=t.#t;return this.#t.set(v(s,e)),this.is2D&&=t.is2D,this}translateSelf(t=0,e=0,s=0){let r=new Float64Array([1,0,0,t,0,1,0,e,0,0,1,s,0,0,0,1]);if(this.#t.set(v(this.#t,r)),s!==0)this.is2D=!1;return this}scaleSelf(t=1,e=t,s=1,r=0,i=0,o=0){if(r||i||o)this.translateSelf(r,i,o);let l=new Float64Array([t,0,0,0,0,e,0,0,0,0,s,0,0,0,0,1]);if(this.#t.set(v(this.#t,l)),r||i||o)this.translateSelf(-r,-i,-o);if(s!==1||o!==0)this.is2D=!1;return this}scale3dSelf(t,e=0,s=0,r=0){return this.scaleSelf(t,t,t,e,s,r)}rotateSelf(...t){if(t[1]===void 0&&t[2]===void 0)t[2]=t[0],t[0]=0,t[1]=0;else t[1]??=0,t[2]??=0;let e=t[0]*Math.PI/180,s=t[1]*Math.PI/180,r=t[2]*Math.PI/180,i=Math.sin(e),o=Math.cos(e),l=Math.sin(s),h=Math.cos(s),m=Math.sin(r),f=Math.cos(r);if(t[2]!==0)this.#t.set(v(this.#t,new Float64Array([f,-m,0,0,m,f,0,0,0,0,1,0,0,0,0,1])));if(t[1]!==0)this.#t.set(v(new Float64Array([h,0,l,0,0,1,0,0,-l,0,h,0,0,0,0,1]),this.#t));if(t[0]!==0)this.#t.set(v(new Float64Array([1,0,0,0,0,o,-i,0,0,i,o,0,0,0,0,1]),this.#t));if(t[0]!==0||t[1]!==0)this.is2D=!1;return this}rotateAxisAngleSelf(t=0,e=0,s=1,r=0){let i=Math.hypot(t,e,s);if(i===0)return this;t/=i,e/=i,s/=i;let o=r*Math.PI/180,l=Math.sin(o),h=Math.cos(o),m=1-h,f=new Float64Array([m*t*t+h,m*t*e-l*s,m*t*s+l*e,0,m*t*e+l*s,m*e*e+h,m*e*s-l*t,0,m*t*s-l*e,m*e*s+l*t,m*s*s+h,0,0,0,0,1]);if(this.#t.set(v(this.#t,f)),t!==0||e!==0)this.is2D=!1;return this}rotateFromVectorSelf(t=0,e=0){if(t===0&&e===0)return this;let s=Math.atan2(e,t)*180/Math.PI;return this.rotateSelf(s)}skewXSelf(t=0){let e=Math.tan(t*Math.PI/180);return this.#t.set(v(this.#t,new Float64Array([1,e,0,0,0,1,0,0,0,0,1,0,0,0,0,1]))),this}skewYSelf(t=0){let e=Math.tan(t*Math.PI/180);return this.#t.set(v(this.#t,new Float64Array([1,0,0,0,e,1,0,0,0,0,1,0,0,0,0,1]))),this}#a(t){let e=[],s=0;while(s<t.length){while(/\s/.test(t[s]))s++;if(s>=t.length)break;let r=s;while(/[A-Za-z0-9]/.test(t[s]))s++;let i=t.substring(r,s);while(/\s/.test(t[s]))s++;if(t[s]!=="(")return"error";s++;let o=1,l=s;while(s<t.length&&o>0){if(t[s]==="(")o++;else if(t[s]===")")o--;s++}if(o!==0)return"error";e.push({name:i,args:t.substring(l,s-1)})}return e}#l(t){let e=[],s="",r=0;for(let i of t){if(i==="(")r++;if(i===")")r--;if((i===","||/\s/.test(i))&&r===0){if(s.length)e.push(s),s="";continue}s+=i}if(s.length)e.push(s);return e}#i(t){if(t.endsWith("deg"))return Number.parseFloat(t);if(t.endsWith("rad"))return Number.parseFloat(t)*180/Math.PI;if(t.endsWith("grad"))return Number.parseFloat(t)*0.9;if(t.endsWith("turn"))return Number.parseFloat(t)*360;return Number.parseFloat(t)}#o(t){if(!t)return null;let e=16,s=16,r=8,i=8;if(t.endsWith("px"))return Number.parseFloat(t);if(t.endsWith("pt"))return Number.parseFloat(t)*1.3333333730697632;if(t.endsWith("pc"))return Number.parseFloat(t)*16;if(t.endsWith("in"))return Number.parseFloat(t)*96;if(t.endsWith("cm"))return Number.parseFloat(t)*37.79527559055118;if(t.endsWith("mm"))return Number.parseFloat(t)*3.7795275590551185;if(t.endsWith("q"))return Number.parseFloat(t)*0.9448818897637796;if(t.endsWith("em"))return Number.parseFloat(t)*s;if(t.endsWith("rem"))return Number.parseFloat(t)*e;if(t.endsWith("ex"))return Number.parseFloat(t)*r;if(t.endsWith("ch"))return Number.parseFloat(t)*i;if(t.endsWith("%"))return Number.parseFloat(t)*s/100;if(t.endsWith("px"))return Number.parseFloat(t);else if(t.endsWith("pt"))return Number.parseFloat(t)*1.3333333730697632;return null}setMatrixValue(t){if(t=t.trim(),t.length===0)throw new DOMException("Invalid transform.","SyntaxError");let e=this.#a(t);if(e=="error"){c("setMatrixValue",t);return}for(let s of e){let r=this.#l(s.args);switch(s.name){case"matrix":{if(r.length!==6)throw new DOMException("matrix() requires 6 arguments.","SyntaxError");let i=Number.parseFloat(r[0]),o=Number.parseFloat(r[1]),l=Number.parseFloat(r[2]),h=Number.parseFloat(r[3]);if(isNaN(i)||isNaN(o)||isNaN(l)||isNaN(h))c("setMatrixValue",t);this.a=i,this.b=o,this.c=l,this.d=h,this.e=this.#o(r[4]),this.f=this.#o(r[5]),this.is2D=!0;break}case"matrix3d":{if(r.length!==16)c("setMatrixValue",t);for(let i=0;i<16;i++)this.#t[i]=Number.parseFloat(r[i]);this.is2D=!1;break}case"translate":{if(r.length<1||r.length>2)c("setMatrixValue",t);let i=this.#o(r[0]),o=this.#o(r[1]);if(!i){c("setMatrixValue",t);return}let l=i,h=r.length===2?o??0:0;this.translateSelf(l,h);break}case"translateX":{if(r.length!==1)c("setMatrixValue",t);let i=this.#o(r[0]);if(!i){c("setMatrixValue",t);return}this.translateSelf(i,0);break}case"translateY":{if(r.length!==1)c("setMatrixValue",t);let i=this.#o(r[0]);if(!i){c("setMatrixValue",t);return}this.translateSelf(0,i);break}case"translateZ":{if(r.length!==1)c("setMatrixValue",t);let i=this.#o(r[0]);if(!i){c("setMatrixValue",t);return}this.translateSelf(0,0,i);break}case"translate3d":{if(r.length!==3)c("setMatrixValue",t);let i=this.#o(r[0]),o=this.#o(r[0]),l=this.#o(r[0]);if(!i||!o||!l){c("setMatrixValue",t);return}this.translateSelf(i,o,l);break}case"scale":{if(r.length<1||r.length>2)c("setMatrixValue",t);let i=Number.parseFloat(r[0]),o=r.length===2?Number.parseFloat(r[1]):i;this.scaleSelf(i,o);break}case"scaleX":{if(r.length!==1)c("setMatrixValue",t);this.scaleSelf(Number.parseFloat(r[0]),1);break}case"scaleY":{if(r.length!==1)c("setMatrixValue",t);this.scaleSelf(1,Number.parseFloat(r[0]));break}case"scaleZ":{if(r.length!==1)c("setMatrixValue",t);this.scaleSelf(1,1,Number.parseFloat(r[0]));break}case"scale3d":{if(r.length!==3)c("setMatrixValue",t);this.scale3dSelf(Number.parseFloat(r[0]),Number.parseFloat(r[1]),Number.parseFloat(r[2]));break}case"rotate":{if(r.length!==1)c("setMatrixValue",t);this.rotateSelf(this.#i(r[0]));break}case"rotateX":{if(r.length!==1)c("setMatrixValue",t);this.rotateSelf(this.#i(r[0]),0,0);break}case"rotateY":{if(r.length!==1)c("setMatrixValue",t);this.rotateSelf(0,this.#i(r[0]),0);break}case"rotateZ":{if(r.length!==1)c("setMatrixValue",t);this.rotateSelf(0,0,this.#i(r[0]));break}case"rotate3d":{if(r.length!==4)c("setMatrixValue",t);this.rotateAxisAngleSelf(Number.parseFloat(r[0]),Number.parseFloat(r[1]),Number.parseFloat(r[2]),this.#i(r[3]));break}case"skew":{if(r.length<1||r.length>2)c("setMatrixValue",t);if(this.skewXSelf(this.#i(r[0])),r.length===2)this.skewYSelf(this.#i(r[1]));break}case"skewX":{if(r.length!==1)c("setMatrixValue",t);this.skewXSelf(this.#i(r[0]));break}case"skewY":{if(r.length!==1)c("setMatrixValue",t);this.skewYSelf(this.#i(r[0]));break}case"perspective":{if(r.length!==1)c("setMatrixValue",t);let i=this.#o(r[0]);if(i===0||!i){c("setMatrixValue",t);return}this.#t.set(v(this.#t,new Float64Array([1,0,0,0,0,1,0,0,0,0,1,-1/i,0,0,0,1]))),this.is2D=!1;break}default:c("setMatrixValue",t)}}return this}toString(){return this.is2D?`matrix(${this.a}, ${this.b}, ${this.c}, ${this.d}, ${this.e}, ${this.f})`:`matrix3d(${this.m11}, ${this.m12}, ${this.m13}, ${this.m14}, ${this.m21}, ${this.m22}, ${this.m23}, ${this.m24}, ${this.m31}, ${this.m32}, ${this.m33}, ${this.m34}, ${this.m41}, ${this.m42}, ${this.m43}, ${this.m44})`}constructor(...t){if(!Mt(t[0]))throw SyntaxError(`Failed to construct 'DOMMatrix': Failed to parse '${t[0]}'.`);if(t[0]){let e=t[0].length;if(e!=6&&e!=16)throw TypeError("Failed to construct 'DOMMatrix': The sequence must contain 6 elements for a 2D matrix or 16 elements for a 3D matrix.");let s=t[0];if(e==6)this.a=s[0],this.b=s[1],this.c=s[2],this.d=s[3],this.e=s[4],this.f=s[5];else{let r=0;for(let i of s)this.#t[r]=i,r++}this.#e=s[0]==1&&s[1]==0&&s[2]==0&&s[3]==0&&s[4]==0&&s[5]==1&&s[6]==0&&s[7]==0&&s[8]==0&&s[9]==0&&s[10]==1&&s[11]==0&&s[12]==0&&s[13]==0&&s[14]==0&&s[15]==1}}get ptr(){return kt(this.#t)}static fromFloat32Array(t){if(t instanceof Float32Array)return new b(t);throw TypeError("Failed to execute 'fromFloat32Array' on 'DOMMatrix': parameter 1 is not of type 'Float32Array'.")}static fromFloat64Array(t){if(t instanceof Float64Array)return new b(t);throw TypeError("Failed to execute 'fromFloat64Array' on 'DOMMatrix': parameter 1 is not of type 'Float64Array'.")}static fromMatrix(t){if(!t)return new b;if(t.a!=t.m11||t.b!=t.m21||t.c!=t.m12||t.d!=t.m22||t.e!=t.m41||t.f!=t.m42)throw TypeError("Failed to execute 'fromMatrix' on 'DOMMatrix': Property mismatch on matrix initialization.");let e=t.a??void 0,s=t.b??void 0,r=t.c??void 0,i=t.d??void 0,o=t.e??void 0,l=t.f??void 0,h=t.m11??e??1,m=t.m12??s??0,f=t.m13??0,g=t.m14??0,F=t.m21??r??0,_=t.m22??i??1,x=t.m23??0,S=t.m24??0,k=t.m31??0,G=t.m32??0,C=t.m33??1,lt=t.m34??0,ht=t.m41??o??0,ct=t.m42??l??0,mt=t.m43??0,ut=t.m44??1;return new b([h,m,f,g,F,_,x,S,k,G,C,lt,ht,ct,mt,ut])}}var H=b.prototype;for(let t of Object.getOwnPropertyNames(H)){let e=Object.getOwnPropertyDescriptor(H,t);if(t=="constructor"){e&&(e.value.toString=()=>`function ${H.constructor.name}() { [native code] }`);continue}if(typeof e?.value==="function")e.value.toString=()=>`function ${t}() { [native code] }`}var St=new Set(["aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkgrey","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkslategrey","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dimgrey","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","grey","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightslategrey","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","slategrey","snow","springgreen","steelblue","tan","teal","thistle","tomato","transparent","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen"]),At=/^#(?:[0-9a-fA-F]{3,4}){1,2}$/,Dt=/^rgba?\(\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)\s*[, ]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)\s*[, ]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)(?:\s*[,/]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?))?\s*\)$/i,Et=/^(?:hsl|hsla|hwb)\(\s*(?:\d+(?:\.\d+)?(?:deg|rad|turn)?|\.\d+(?:deg|rad|turn)?)\s*[, ]\s*(?:\d+(?:\.\d+)?%|\.\d+%)\s*[, ]\s*(?:\d+(?:\.\d+)?%|\.\d+%)(?:\s*[,/]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?))?\s*\)$/i;function nt(t){if(typeof t!=="string")return!1;let e=t.trim().toLowerCase();if(e==="")return!1;if(St.has(e))return!0;if(e.startsWith("#"))return At.test(e);return Dt.test(e)||Et.test(e)}var a=new WeakMap,Kt=new FinalizationRegistry((t)=>{n.symbols.canvas_destroy(t),console.log("destroyed Canvas!")});class D{type;points=new Float32Array(6);offsets=[];colors=[];constructor(...t){switch(this.type=t[0],this.type){case 0:{this.points[0]=t[1],this.points[1]=t[2],this.points[2]=t[3],this.points[3]=t[4];break}case 1:{this.points[0]=t[1],this.points[1]=t[2],this.points[2]=t[3],this.points[3]=t[4],this.points[4]=t[5],this.points[5]=t[6];break}case 2:{this.points[0]=t[1],this.points[1]=t[2],this.points[2]=t[3];break}}}addColorStop(t,e){if(t<0||t>1)throw RangeError(`Failed to execute 'addColorStop' on 'CanvasGradient': The provided value (${t}) is outside the range (0.0, 1.0).`);if(!nt(e))throw SyntaxError(`Failed to execute 'addColorStop' on 'CanvasGradient': The value provided ('${e}') could not be parsed as a color.`);let s=this.offsets.findIndex((i)=>i>t),r=s===-1?this.offsets.length:s;this.offsets.splice(r,0,t),this.colors.splice(r,0,N(e))}}class E{lineWidth=0;globalAlpha=1;imageSmoothingQuality="low";imageSmoothingEnabled=!0;fillStyle="#000000";strokeStyle="#000000";compositeOperation="source-over";filter="none";fontCss="10px sans-serif";textBaseline="alphabetic";textAlign="start";lineDash=[];lineDashOffset=0;lineJoin="miter";constructor(t){if(t instanceof E)this.lineWidth=t.lineWidth,this.globalAlpha=t.globalAlpha,this.imageSmoothingQuality=t.imageSmoothingQuality,this.imageSmoothingEnabled=t.imageSmoothingEnabled,this.fillStyle=t.fillStyle,this.strokeStyle=t.strokeStyle,this.compositeOperation=t.compositeOperation,this.filter=t.filter,this.fontCss=t.fontCss,this.textBaseline=t.textBaseline,this.textAlign=t.textAlign,this.lineDash=t.lineDash,this.lineDashOffset=t.lineDashOffset,this.lineJoin=t.lineJoin}copyFrom(t){if(t instanceof E)this.lineWidth=t.lineWidth,this.globalAlpha=t.globalAlpha,this.imageSmoothingQuality=t.imageSmoothingQuality,this.imageSmoothingEnabled=t.imageSmoothingEnabled,this.fillStyle=t.fillStyle,this.strokeStyle=t.strokeStyle,this.compositeOperation=t.compositeOperation,this.filter=t.filter,this.fontCss=t.fontCss,this.textBaseline=t.textBaseline,this.textAlign=t.textAlign,this.lineDash=t.lineDash,this.lineDashOffset=t.lineDashOffset,this.lineJoin=t.lineJoin}}class J{#t=new E;#e=new E;#s;#a(){this.#t=new E}#l(t,e){let s=t.colors.length,r=new BigUint64Array(s);for(let l=0;l<s;l++)r[l]=BigInt(y(t.colors[l]));let i=new Float32Array(t.offsets);return(e?n.symbols.canvas_set_stroke_style_gradient:n.symbols.canvas_set_fill_style_gradient)(a.get(this),t.type,y(t.points),s,y(r),y(i))}get canvas(){return this.#s}set font(t){this.#t.fontCss=t.trim().toLowerCase(),n.symbols.canvas_set_font(a.get(this),u.encode(`${this.#t.fontCss}\x00`))}get font(){return this.#t.fontCss}set fillStyle(t){if(t==this.#t.fillStyle)return;let e=!1;if(typeof t==="string")e=n.symbols.canvas_set_fill_style(a.get(this),N(t));else if(t instanceof D)e=this.#l(t,!1);if(e)this.#t.fillStyle=t}get fillStyle(){return this.#t.fillStyle}set strokeStyle(t){if(t==this.#t.strokeStyle)return;let e=!1;if(typeof t==="string")e=n.symbols.canvas_set_stroke_style(a.get(this),u.encode(`${t.trim()}\x00`));else if(t instanceof D)e=this.#l(t,!0);if(e)this.#t.strokeStyle=t}get strokeStyle(){return this.#t.strokeStyle}set lineWidth(t){let e=t<1?1:t;n.symbols.canvas_set_stroke_width(a.get(this),e),this.#t.lineWidth=e}get lineWidth(){return this.#t.lineWidth}set globalAlpha(t){this.#t.globalAlpha=n.symbols.canvas_set_global_alpha(a.get(this),t)}get globalAlpha(){return this.#t.globalAlpha}set imageSmoothingQuality(t){let e=!1;switch(t){case"low":{e=n.symbols.canvas_set_image_smoothing_quality(a.get(this),1);break}case"medium":{e=n.symbols.canvas_set_image_smoothing_quality(a.get(this),2);break}case"high":{e=n.symbols.canvas_set_image_smoothing_quality(a.get(this),3);break}}if(e)this.#t.imageSmoothingQuality=t}get imageSmoothingQuality(){return this.#t.imageSmoothingQuality}set imageSmoothingEnabled(t){this.#t.imageSmoothingEnabled=n.symbols.canvas_set_image_smoothing_enabled(a.get(this),t)}get imageSmoothingEnabled(){return this.#t.imageSmoothingEnabled}set filter(t){if(n.symbols.canvas_set_filter(a.get(this),u.encode(`${t}\x00`)))this.#t.filter=t}get filter(){return this.#t.filter}set globalCompositeOperation(t){if(n.symbols.canvas_set_composite_operation(a.get(this),u.encode(`${t}\x00`))==!0)this.#t.compositeOperation=t}get globalCompositeOperation(){return this.#t.compositeOperation}fillRect(t,e,s,r){n.symbols.canvas_fill_rect(a.get(this),t,e,s,r)}strokeRect(t,e,s,r){n.symbols.canvas_stroke_rect(a.get(this),t,e,s,r)}clearRect(t,e,s,r){n.symbols.canvas_clear_rect(a.get(this),t,e,s,r)}fillText(t,e,s,r=-1){n.symbols.canvas_fill_text(a.get(this),u.encode(`${t}\x00`),e,s,r)}strokeText(t,e,s,r=-1){n.symbols.canvas_stroke_text(a.get(this),u.encode(`${t}\x00`),e,s,r)}beginPath(){n.symbols.canvas_path_begin(a.get(this))}moveTo(t,e){n.symbols.canvas_path_move_to(a.get(this),t,e)}lineTo(t,e){n.symbols.canvas_path_line_to(a.get(this),t,e)}arc(t,e,s,r,i){n.symbols.canvas_path_arc(a.get(this),t,e,s,r,i)}ellipse(t,e,s,r,i,o,l,h=!1){n.symbols.canvas_path_ellipse(a.get(this),t,e,s,r,i,o,l,h)}arcTo(t,e,s,r,i){n.symbols.canvas_path_arc_to(a.get(this),t,e,s,r,i)}bezierCurveTo(t,e,s,r,i,o){n.symbols.canvas_path_bezier_to(a.get(this),t,e,s,r,i,o)}quadraticCurveTo(t,e,s,r){n.symbols.canvas_path_quad_to(a.get(this),t,e,s,r)}closePath(){n.symbols.canvas_path_close(a.get(this))}rect(t,e,s,r){n.symbols.canvas_path_rect(a.get(this),t,e,s,r)}roundRect(t,e,s,r,i){if(i.constructor.name.toLowerCase().includes("array")){let o=new Float32Array(i);if(o.some(Number.isNaN))return;let l=o.length;n.symbols.canvas_path_roundrect_array(a.get(this),t,e,s,r,y(o),l);return}else n.symbols.canvas_path_roundrect(a.get(this),t,e,s,r,i)}fill(t){n.symbols.canvas_path_fill(a.get(this),t?t.ptr:void 0)}stroke(t){n.symbols.canvas_path_stroke(a.get(this),t?t.ptr:void 0)}set shadowBlur(t){n.symbols.canvas_set_shadow_blur(a.get(this),t)}set shadowColor(t){n.symbols.canvas_set_shadow_color(a.get(this),u.encode(`${t}\x00`))}set shadowOffsetX(t){n.symbols.canvas_set_shadow_offsetX(a.get(this),t)}set shadowOffsetY(t){n.symbols.canvas_set_shadow_offsetY(a.get(this),t)}set lineJoin(t){let e=!1;switch(t){case"round":{e=n.symbols.canvas_set_line_join(a.get(this),1);break}case"bevel":{e=n.symbols.canvas_set_line_join(a.get(this),2);break}case"miter":{e=n.symbols.canvas_set_line_join(a.get(this),3);break}}if(e)this.#t.lineJoin=t}get lineJoin(){return this.#t.lineJoin}drawImage(t,...e){let s=e.length==2?[...e,t.width,t.height]:e,r=new Float32Array(s),i=r.length;if(t instanceof T){n.symbols.canvas_draw_image_imageType(a.get(this),t.ptr,y(r),i);return}if(t instanceof X){n.symbols.canvas_draw_image_canvasType(a.get(this),a.get(t),y(r),i);return}throw TypeError("Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(Image or Canvas)'.")}getImageData(t,e,s,r){let i=new Uint8Array(s*r*4);return n.symbols.canvas_get_image_data(a.get(this),t,e,s,r,y(i)),new L(s,r,i)}putImageData(t,e,s,r=0,i=0,o=t.width,l=t.height){if(!(t instanceof L))throw TypeError("Failed to execute 'putImageData' on 'CanvasRenderingContext2D': parameter 1 is not of type 'ImageData'");n.symbols.canvas_put_image_data(a.get(this),e,s,t.width,t.height,r,i,o,l,y(t.data))}save(){this.#e?.copyFrom(this.#t),n.symbols.canvas_save(a.get(this))}restore(){if(!this.#e)return;this.#t?.copyFrom(this.#e),n.symbols.canvas_restore(a.get(this))}translate(t,e){n.symbols.canvas_translate(a.get(this),t,e)}rotate(t){n.symbols.canvas_rotate(a.get(this),t)}createConicGradient(...t){if(t.length<3)throw TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 3 arguments required, but only ${t.length} present.`);return new D(2,...t)}createLinearGradient(...t){if(t.length<4)throw TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 4 arguments required, but only ${t.length} present.`);return new D(0,...t)}createRadialGradient(...t){if(t.length<6)throw TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 6 arguments required, but only ${t.length} present.`);return new D(1,...t)}getTransform(){let t=new Float32Array(16);return n.symbols.canvas_get_transform(a.get(this),y(t)),new b(t)}setTransform(...t){if(t[0]instanceof b)n.symbols.canvas_set_transform(a.get(this),t[0].ptr);if(t.length==6){let e=new b([t[0],t[1],t[2],t[3],t[4],t[5]]);n.symbols.canvas_set_transform(a.get(this),e.ptr)}if(t.length==16)n.symbols.canvas_set_transform(a.get(this),new b([t[0],t[1],t[2],t[3],t[4],t[5],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15]]).ptr)}transform(t,e,s,r,i,o){let l=this.getTransform(),h=new b([t,e,s,r,i,o]);l.multiplySelf(h),this.setTransform(l)}resetTransform(){n.symbols.canvas_reset_transform(a.get(this))}setLineDash(t){if(t.constructor.name.toLowerCase().includes("array")){let e;if(t.length&1)e=t.concat(Array.from(t));else e=t;let s=new Float32Array(e);if(s.some(Number.isNaN))return;n.symbols.canvas_set_line_dash(a.get(this),y(s),s.length,this.#t.lineDashOffset),this.#t.lineDash=e;return}throw TypeError("Failed to execute 'setLineDash' on 'CanvasRenderingContext2D': The provided value cannot be converted to a sequence.")}getLineDash(){return this.#t.lineDash}clip(){n.symbols.canvas_path_clip(a.get(this))}set lineDashOffset(t){if(this.#t.lineDash.length<=0){this.#t.lineDashOffset=0;return}let e=new Float32Array(this.#t.lineDash);n.symbols.canvas_set_line_dash(a.get(this),y(e),e.length,t),this.#t.lineDashOffset=t}set textBaseline(t){let e=-1;switch(t){case"top":e=0;break;case"hanging":e=1;break;case"middle":e=2;break;case"alphabetic":e=3;break;case"ideographic":e=4;break;case"bottom":e=5;break}if(e!=-1)n.symbols.canvas_set_text_baseline(a.get(this),e)}set textAlign(t){let e=-1;switch(t){case"left":e=0;break;case"right":e=1;break;case"center":e=2;break;case"start":e=3;break;case"end":e=4;break}if(e!=-1)n.symbols.canvas_set_text_align(a.get(this),e)}measureText(t){let e=new Float32Array(12);return n.symbols.canvas_measure_text(a.get(this),u.encode(`${t}\x00`),y(e)),new W(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11])}constructor(t,e,s){let{desynchronized:r=!1,alpha:i=!0}=s??{},o=new Ct(this.#a.bind(this),{args:[],returns:"void"}),l=n.symbols.canvas_get_context2D(t,o.ptr,r,i);this.#s=e,a.set(this,l)}}{let t=J.prototype;for(let e of Object.getOwnPropertyNames(t)){let s=Object.getOwnPropertyDescriptor(t,e);if(e=="constructor"){s&&(s.value.toString=()=>`function ${t.constructor.name}() { [native code] }`);continue}if(typeof s?.value==="function")s.value.toString=()=>`function ${e}() { [native code] }`}}class X{#t=new Float64Array(2);#e={cb:()=>{}};constructor(t=1,e=1,s){this.#t[0]=t,this.#t[1]=e;let{gpu:r=!0}=s??{},i=n.symbols.canvas_create(t,e,r);a.set(this,i),Kt.register(this,i)}get _ptr(){return a.get(this)}set width(t){this.#t[0]=Number.parseInt(t),this.#e.cb(),n.symbols.canvas_resize(a.get(this),this.#t[0],this.#t[1])}set height(t){this.#t[1]=Number.parseInt(t),this.#e.cb(),n.symbols.canvas_resize(a.get(this),this.#t[0],this.#t[1])}get width(){return this.#t[0]}get height(){return this.#t[1]}getContext(t,e){if(t=="2d")return new J(a.get(this),this,e)}getBoundingClientRect(){return{x:0,y:0,width:this.#t[0],height:this.#t[1],top:0,bottom:this.#t[1],left:0,right:this.#t[0]}}}{let t=X.prototype;for(let e of Object.getOwnPropertyNames(t)){let s=Object.getOwnPropertyDescriptor(t,e);if(e=="constructor"){s&&(s.value.toString=()=>`function ${t.constructor.name}() { [native code] }`);continue}if(typeof s?.value==="function")s.value.toString=()=>`function ${e}() { [native code] }`}}import{ptr as Nt}from"bun:ffi";var it=new FinalizationRegistry((t)=>{n.symbols.path2d_destroy(t)}),p=new WeakMap;class Y{constructor(t){if(t&&t instanceof Y){let e=n.symbols.path2d_create_from_copy(t.ptr);p.set(this,e),it.register(this,e)}else{let e=n.symbols.path2d_create();p.set(this,e),it.register(this,e)}}moveTo(t,e){n.symbols.path2d_move_to(p.get(this),t,e)}lineTo(t,e){n.symbols.path2d_line_to(p.get(this),t,e)}arc(t,e,s,r,i){n.symbols.path2d_arc(p.get(this),t,e,s,r,i)}ellipse(t,e,s,r,i,o,l,h=!1){n.symbols.path2d_ellipse(p.get(this),t,e,s,r,i,o,l,h)}arcTo(t,e,s,r,i){n.symbols.path2d_arc_to(p.get(this),t,e,s,r,i)}bezierCurveTo(t,e,s,r,i,o){n.symbols.path2d_bezier_to(p.get(this),t,e,s,r,i,o)}quadraticCurveTo(t,e,s,r){n.symbols.path2d_quad_to(p.get(this),t,e,s,r)}rect(t,e,s,r){n.symbols.path2d_rect(p.get(this),t,e,s,r)}roundRect(t,e,s,r,i){if(i.constructor.name.toLowerCase().includes("array")){let o=new Float32Array(i);if(o.some(Number.isNaN))return;let l=o.length;n.symbols.path2d_roundrect_array(p.get(this),t,e,s,r,Nt(o),l);return}else n.symbols.path2d_rect(p.get(this),t,e,s,r,i)}closePath(){n.symbols.path2d_close(p.get(this))}get ptr(){return p.get(this)}}var Q=Y.prototype;for(let t of Object.getOwnPropertyNames(Q)){let e=Object.getOwnPropertyDescriptor(Q,t);if(t=="constructor"){e&&(e.value.toString=()=>`function ${Q.constructor.name}() { [native code] }`);continue}if(typeof e?.value==="function")e.value.toString=()=>`function ${t}() { [native code] }`}import{dlopen as $t,toArrayBuffer as M}from"bun:ffi";var ot=`import { dlopen, FFIType, JSCallback } from "bun:ffi";
+
+// BunCanvas/src/Image.ts
+import { createHash } from "crypto";
+import { basename, join } from "path";
+import { tmpdir } from "os";
+
+// BunCanvas/internal/symbols.js
+import { dlopen, FFIType, suffix } from "bun:ffi";
+import { createRequire } from "module";
+var nativeLib;
+try {
+  if (!process.argv.includes("--XX:BunCanvas.IgnoreImport")) {
+    nativeLib = require(`@buncanvas/native-${process.platform}-${process.arch}`);
+  } else {
+    nativeLib = `BunCanvas.${process.arch}.${suffix}`;
+  }
+} catch (ex) {
+  const req = createRequire(import.meta.url);
+  console.log("first failed!", ex);
+  nativeLib = req.resolve(`@buncanvas/native-${process.platform}-${process.arch}`);
+}
+console.log(nativeLib);
+if (!nativeLib) {
+  console.error(`BunCanvas.${process.arch}.${suffix} binary was not found in the working directory!`);
+  process.exit(-1);
+}
+var dlPath = nativeLib;
+var encoder = new TextEncoder;
+var encodedCache = new Map;
+function encodeCString(str) {
+  let buf = encodedCache.get(str);
+  if (buf)
+    return buf;
+  buf = encoder.encode(str + "\x00");
+  encodedCache.set(str, buf);
+  return buf;
+}
+var lib = dlopen(dlPath, {
+  glfw_init: {
+    args: [],
+    returns: "void"
+  },
+  get_wPropertiesViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_mMoveViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_mClickViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_mDownViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_mUpViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_kDownViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_kUpViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  get_mWheelViewer: {
+    args: [],
+    returns: "ptr"
+  },
+  signal_frame_ready: {
+    args: [],
+    returns: "void"
+  },
+  set_vsync: {
+    args: ["bool"],
+    returns: "void"
+  },
+  create_window: {
+    args: ["int", "int", "cstring"],
+    returns: "void"
+  },
+  update_window: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  destroy_window: {
+    args: [],
+    returns: "void"
+  },
+  canvas_init_gpu_context: {
+    args: [],
+    returns: "bool"
+  },
+  canvas_flush_gpu: {
+    args: [],
+    returns: "void"
+  },
+  canvas_create: {
+    args: ["int", "int", "bool"],
+    returns: "ptr"
+  },
+  canvas_resize: {
+    args: ["ptr", "int", "int"],
+    returns: "void"
+  },
+  canvas_append: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  canvas_get_context2D: {
+    args: ["ptr", "ptr", "bool", "bool"],
+    returns: "ptr"
+  },
+  canvas_set_fill_style: {
+    args: ["ptr", "cstring"],
+    returns: "bool"
+  },
+  canvas_set_fill_style_gradient: {
+    args: ["ptr", "int", "ptr", "int", "ptr", "ptr"],
+    returns: "bool"
+  },
+  canvas_set_stroke_style: {
+    args: ["ptr", "cstring"],
+    returns: "bool"
+  },
+  canvas_set_stroke_style_gradient: {
+    args: ["ptr", "int", "ptr", "int", "ptr", "ptr"],
+    returns: "bool"
+  },
+  canvas_set_stroke_width: {
+    args: ["ptr", "float"],
+    returns: "bool"
+  },
+  canvas_fill_rect: {
+    args: ["ptr", "int", "int", "int", "int"],
+    returns: "void"
+  },
+  canvas_stroke_rect: {
+    args: ["ptr", "int", "int", "int", "int"],
+    returns: "void"
+  },
+  canvas_clear_rect: {
+    args: ["ptr", "int", "int", "int", "int"],
+    returns: "void"
+  },
+  canvas_path_begin: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  canvas_path_move_to: {
+    args: ["ptr", "int", "int"],
+    returns: "void"
+  },
+  canvas_path_line_to: {
+    args: ["ptr", "int", "int"],
+    returns: "void"
+  },
+  canvas_path_arc: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_arc_to: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_bezier_to: {
+    args: ["ptr", "float", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_quad_to: {
+    args: ["ptr", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_ellipse: {
+    args: ["ptr", "float", "float", "float", "float", "float", "float", "float", "bool"],
+    returns: "void"
+  },
+  canvas_path_fill: {
+    args: ["ptr", "ptr"],
+    returns: "void"
+  },
+  canvas_path_stroke: {
+    args: ["ptr", "ptr"],
+    returns: "void"
+  },
+  canvas_path_close: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  canvas_path_rect: {
+    args: ["ptr", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_roundrect: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_path_roundrect_array: {
+    args: ["ptr", "float", "float", "float", "float", "ptr", "int"],
+    returns: "void"
+  },
+  canvas_set_composite_operation: {
+    args: ["ptr", "cstring"],
+    returns: "bool"
+  },
+  canvas_draw_image_imageType: {
+    args: ["ptr", "ptr", "ptr", "int"],
+    returns: "void"
+  },
+  canvas_draw_image_canvasType: {
+    args: ["ptr", "ptr", "ptr", "int"],
+    returns: "void"
+  },
+  canvas_get_image_data: {
+    args: ["ptr", "int", "int", "int", "int", "ptr"],
+    returns: "bool"
+  },
+  canvas_put_image_data: {
+    args: ["ptr", "int", "int", "int", "int", "ptr"],
+    returns: "bool"
+  },
+  canvas_set_global_alpha: {
+    args: ["ptr", "float"],
+    returns: "float"
+  },
+  canvas_save: {
+    args: ["ptr"],
+    returns: "float"
+  },
+  canvas_restore: {
+    args: ["ptr"],
+    returns: "float"
+  },
+  canvas_translate: {
+    args: ["ptr", "float", "float"],
+    returns: "void"
+  },
+  canvas_rotate: {
+    args: ["ptr", "float"],
+    returns: "float"
+  },
+  canvas_set_font: {
+    args: ["ptr", "cstring"],
+    returns: "bool"
+  },
+  canvas_fill_text: {
+    args: ["ptr", "cstring", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_stroke_text: {
+    args: ["ptr", "cstring", "float", "float", "float"],
+    returns: "void"
+  },
+  canvas_set_shadow_blur: {
+    args: ["ptr", "float"],
+    returns: "void"
+  },
+  canvas_set_shadow_color: {
+    args: ["ptr", "cstring"],
+    returns: "void"
+  },
+  canvas_set_shadow_offsetX: {
+    args: ["ptr", "float"],
+    returns: "void"
+  },
+  canvas_set_shadow_offsetY: {
+    args: ["ptr", "float"],
+    returns: "void"
+  },
+  canvas_set_image_smoothing_quality: {
+    args: ["ptr", "int"],
+    returns: "bool"
+  },
+  canvas_set_image_smoothing_enabled: {
+    args: ["ptr", "bool"],
+    returns: "bool"
+  },
+  canvas_get_transform: {
+    args: ["ptr", "ptr"],
+    returns: "void"
+  },
+  canvas_set_transform: {
+    args: ["ptr", "ptr"],
+    returns: "void"
+  },
+  canvas_reset_transform: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  canvas_set_filter: {
+    args: ["ptr", "cstring"],
+    returns: "bool"
+  },
+  canvas_set_line_dash: {
+    args: ["ptr", "ptr", "int", "float"],
+    returns: "bool"
+  },
+  canvas_set_line_join: {
+    args: ["ptr", "int"],
+    returns: "bool"
+  },
+  canvas_path_clip: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  canvas_set_text_baseline: {
+    args: ["ptr", "int"],
+    returns: "void"
+  },
+  canvas_set_text_align: {
+    args: ["ptr", "int"],
+    returns: "void"
+  },
+  canvas_measure_text: {
+    args: ["ptr", "cstring", "ptr"],
+    returns: "void"
+  },
+  canvas_destroy: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  image_create: {
+    args: [],
+    returns: "ptr"
+  },
+  images_cleanup: {
+    args: [],
+    returns: "void"
+  },
+  image_set_src: {
+    args: ["ptr", "cstring", "bool"],
+    returns: "void"
+  },
+  image_load: {
+    args: ["ptr", "ptr"],
+    returns: "bool"
+  },
+  image_destroy: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  font_load: {
+    args: ["cstring"],
+    returns: "ptr"
+  },
+  audio_backend_init: {
+    args: [],
+    returns: "void"
+  },
+  audio_create: {
+    args: ["cstring"],
+    returns: "ptr"
+  },
+  audio_set_src: {
+    args: ["ptr", "cstring"],
+    returns: "void"
+  },
+  audio_play: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  audio_stop: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  audio_destroy: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  path2d_create: {
+    args: [],
+    returns: "ptr"
+  },
+  path2d_create_from_copy: {
+    args: ["ptr"],
+    returns: "ptr"
+  },
+  path2d_destroy: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  path2d_move_to: {
+    args: ["ptr", "int", "int"],
+    returns: "void"
+  },
+  path2d_line_to: {
+    args: ["ptr", "int", "int"],
+    returns: "void"
+  },
+  path2d_arc: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_arc_to: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_bezier_to: {
+    args: ["ptr", "float", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_quad_to: {
+    args: ["ptr", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_ellipse: {
+    args: ["ptr", "float", "float", "float", "float", "float", "float", "float", "bool"],
+    returns: "void"
+  },
+  path2d_close: {
+    args: ["ptr"],
+    returns: "void"
+  },
+  path2d_rect: {
+    args: ["ptr", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_roundrect: {
+    args: ["ptr", "float", "float", "float", "float", "float"],
+    returns: "void"
+  },
+  path2d_roundrect_array: {
+    args: ["ptr", "float", "float", "float", "float", "ptr", "int"],
+    returns: "void"
+  },
+  font_add_to_registry: {
+    args: ["cstring", "ptr"],
+    returns: "void"
+  }
+});
+
+// BunCanvas/src/Event.js
+class Event {
+  type = null;
+  target = null;
+  timeStamp = performance.now();
+  constructor(type, target) {
+    this.type = type;
+    this.target = target;
+  }
+}
+
+// BunCanvas/src/Image.ts
+import { ptr } from "bun:ffi";
+var ptrs = new WeakMap;
+var fRegistry = new FinalizationRegistry((ptr) => {
+  lib.symbols.image_destroy(ptr);
+  console.log("destroy!");
+});
+function computePath(url) {
+  const hash = createHash("sha256").update(url).digest("hex").slice(0, 16);
+  const parsed = new URL(url);
+  const filename = basename(parsed.pathname) || "index";
+  return join(tmpdir(), `${hash}-${filename}`);
+}
+function fetchToTemp(url, precomputedPath) {
+  return (async () => {
+    let path = precomputedPath ?? computePath(url);
+    const response = await fetch(url);
+    if (!response.ok || !response.body) {
+      throw new Error(`HTTP ${response.status}: ${url}`);
+    }
+    const buf = await response.arrayBuffer();
+    await Bun.write(path, buf);
+    return path;
+  })();
+}
+var urlRegex = /^https?:\/\/(?:www\.)?[^\s/$.?#].[^\s]*$/;
+
+class Image {
+  #queue = null;
+  #width = 0;
+  #setWidth = false;
+  #height = 0;
+  #setHeight = false;
+  #src = "";
+  constructor() {
+    let ptr = lib.symbols.image_create();
+    ptrs.set(this, ptr);
+    fRegistry.register(this, ptr);
+  }
+  onload = null;
+  onerror = null;
+  set src(path) {
+    this.#src = path;
+    if (urlRegex.test(path)) {
+      const weakThis = new WeakRef(this);
+      const precomp = computePath(path);
+      const iptr = ptrs.get(this);
+      lib.symbols.image_set_src(iptr, encoder.encode(`${precomp}\x00`), true);
+      fetchToTemp(path, precomp).then(() => {
+        const tArr = new Int32Array(2);
+        const self = weakThis.deref();
+        if (!self) {
+          return;
+        }
+        if (lib.symbols.image_load(iptr, ptr(tArr))) {
+          this.#width = !this.#setWidth ? tArr[0] : this.#width;
+          this.#height = !this.#setHeight ? tArr[1] : this.#height;
+          self.onload?.call(self, new Event("load", self));
+        } else {
+          self.onerror?.call(self, new Event("error", self));
+        }
+      }).catch((ex) => {
+        const self = weakThis.deref();
+        if (!self)
+          return;
+        self.onerror?.call(self, new Event("error", self));
+      }).finally(() => {});
+      return;
+    } else {
+      const weakThis = new WeakRef(this);
+      lib.symbols.image_set_src(ptrs.get(this), encoder.encode(`${path}\x00`), false);
+      let tm = setTimeout(() => {
+        const self = weakThis.deref();
+        if (!self) {
+          clearTimeout(tm);
+          return;
+        }
+        const _ptr = ptrs.get(self);
+        const tArr = new Int32Array(2);
+        if (lib.symbols.image_load(_ptr, ptr(tArr))) {
+          this.#width = !this.#setWidth ? tArr[0] : this.#width;
+          this.#height = !this.#setHeight ? tArr[1] : this.#height;
+          self.onload?.call(self, new Event("load", self));
+        } else {
+          self.onerror?.call(self, new Event("error", self));
+        }
+        clearTimeout(tm);
+      }, 0);
+    }
+  }
+  get src() {
+    return this.#src;
+  }
+  get ptr() {
+    return ptrs.get(this);
+  }
+  get width() {
+    return this.#width;
+  }
+  get height() {
+    return this.#height;
+  }
+  set width(v) {
+    this.#setWidth = true;
+    this.#width = v;
+  }
+  set height(v) {
+    this.#setHeight = true;
+    this.#height = v;
+  }
+}
+{
+  const proto = Image.prototype;
+  for (const key of Object.getOwnPropertyNames(proto)) {
+    const desc = Object.getOwnPropertyDescriptor(proto, key);
+    if (key == "constructor") {
+      desc && (desc.value.toString = () => {
+        return `function ${proto.constructor.name}() { [native code] }`;
+      });
+      continue;
+    }
+    if (typeof desc?.value === "function") {
+      desc.value.toString = () => `function ${key}() { [native code] }`;
+    }
+  }
+}
+// BunCanvas/src/FontFace.js
+var ptrs2 = new WeakMap;
+
+class FontFace {
+  #fontName = "";
+  #path = "";
+  _nativePtr = null;
+  constructor(fontName, path) {
+    this.#fontName = fontName.toLowerCase();
+    this.#path = path.trim().replaceAll("url(", "").replaceAll('"', "").replaceAll("'", "").replaceAll(")", "").trim();
+  }
+  get family() {
+    return this.#fontName;
+  }
+  async load() {
+    return new Promise((resolve, reject) => {
+      this._nativePtr = lib.symbols.font_load(encoder.encode(`${this.#path}\x00`));
+      console.log(this._nativePtr, this.#path);
+      if (this._nativePtr) {
+        resolve();
+      } else {
+        reject();
+      }
+    });
+  }
+}
+{
+  const proto = FontFace.prototype;
+  for (const key of Object.getOwnPropertyNames(proto)) {
+    const desc = Object.getOwnPropertyDescriptor(proto, key);
+    if (key == "constructor") {
+      desc && (desc.value.toString = () => {
+        return `function ${proto.constructor.name}() { [native code] }`;
+      });
+      continue;
+    }
+    if (typeof desc?.value === "function") {
+      desc.value.toString = () => `function ${key}() { [native code] }`;
+    }
+  }
+}
+// BunCanvas/src/TextMetrics.ts
+class TextMetrics {
+  width;
+  actualBoundingBoxLeft;
+  actualBoundingBoxRight;
+  actualBoundingBoxAscent;
+  actualBoundingBoxDescent;
+  fontBoundingBoxAscent;
+  fontBoundingBoxDescent;
+  emHeightAscent;
+  emHeightDescent;
+  alphabeticBaseline;
+  hangingBaseline;
+  ideographicBaseline;
+  constructor(width, actualBoundingBoxLeft, actualBoundingBoxRight, actualBoundingBoxAscent, actualBoundingBoxDescent, fontBoundingBoxAscent, fontBoundingBoxDescent, emHeightAscent, emHeightDescent, alphabeticBaseline, hangingBaseline, ideographicBaseline) {
+    this.width = width;
+    this.actualBoundingBoxLeft = actualBoundingBoxLeft;
+    this.actualBoundingBoxRight = actualBoundingBoxRight;
+    this.actualBoundingBoxAscent = actualBoundingBoxAscent;
+    this.actualBoundingBoxDescent = actualBoundingBoxDescent;
+    this.fontBoundingBoxAscent = fontBoundingBoxAscent;
+    this.fontBoundingBoxDescent = fontBoundingBoxDescent;
+    this.emHeightAscent = emHeightAscent;
+    this.emHeightDescent = emHeightDescent;
+    this.alphabeticBaseline = alphabeticBaseline;
+    this.hangingBaseline = hangingBaseline;
+    this.ideographicBaseline = ideographicBaseline;
+  }
+}
+// BunCanvas/src/MouseEvent.ts
+class MouseEvent extends Event {
+  altKey = false;
+  button = 0;
+  buttons = 0;
+  clientX = 0;
+  clientY = 0;
+  movementX = 0;
+  movementY = 0;
+  ctrlKey = false;
+  metaKey = false;
+  screenX = 0;
+  screenY = 0;
+  shiftKey = false;
+  constructor(type, args = { altKey: false, button: 0, buttons: 0, clientX: 0, clientY: 0, movementX: 0, movementY: 0, ctrlKey: false, metaKey: false, screenX: 0, screenY: 0, shiftKey: false, target: null }) {
+    super(type, args.target);
+    this.altKey = args.altKey;
+    this.button = args.button;
+    this.buttons = args.buttons;
+    this.clientX = args.clientX;
+    this.clientY = args.clientY;
+    this.movementX = args.movementX;
+    this.movementY = args.movementY;
+    this.ctrlKey = args.ctrlKey;
+    this.metaKey = args.metaKey;
+    this.screenX = args.screenX;
+    this.screenY = args.screenY;
+    this.shiftKey = args.shiftKey;
+  }
+}
+var proto = MouseEvent.prototype;
+for (const key of Object.getOwnPropertyNames(proto)) {
+  const desc = Object.getOwnPropertyDescriptor(proto, key);
+  if (key == "constructor") {
+    desc && (desc.value.toString = () => {
+      return `function ${proto.constructor.name}() { [native code] }`;
+    });
+    continue;
+  }
+  if (typeof desc?.value === "function") {
+    desc.value.toString = () => `function ${key}() { [native code] }`;
+  }
+}
+// BunCanvas/src/WheelEvent.ts
+class WheelEvent extends MouseEvent {
+  deltaX = 0;
+  deltaY = 0;
+  constructor(type, args = { altKey: false, button: 0, buttons: 0, clientX: 0, clientY: 0, movementX: 0, movementY: 0, deltaX: 0, deltaY: 0, ctrlKey: false, metaKey: false, screenX: 0, screenY: 0, shiftKey: false, target: null }) {
+    super(type, args);
+    this.deltaX = args.deltaX ?? 0;
+    this.deltaY = args.deltaY ?? 0;
+  }
+}
+// BunCanvas/src/KeyboardEvent.js
+var GLFW_KEY_MAP = {
+  "-1": "Unknown",
+  32: " ",
+  39: "'",
+  44: ",",
+  45: "-",
+  46: ".",
+  47: "/",
+  48: "0",
+  49: "1",
+  50: "2",
+  51: "3",
+  52: "4",
+  53: "5",
+  54: "6",
+  55: "7",
+  56: "8",
+  57: "9",
+  59: ";",
+  61: "=",
+  65: "a",
+  66: "b",
+  67: "c",
+  68: "d",
+  69: "e",
+  70: "f",
+  71: "g",
+  72: "h",
+  73: "i",
+  74: "j",
+  75: "k",
+  76: "l",
+  77: "m",
+  78: "n",
+  79: "o",
+  80: "p",
+  81: "q",
+  82: "r",
+  83: "s",
+  84: "t",
+  85: "u",
+  86: "v",
+  87: "w",
+  88: "x",
+  89: "y",
+  90: "z",
+  91: "[",
+  92: "\\",
+  93: "]",
+  96: "`",
+  161: "World1",
+  162: "World2",
+  256: "Escape",
+  257: "Enter",
+  258: "Tab",
+  259: "Backspace",
+  260: "Insert",
+  261: "Delete",
+  262: "ArrowRight",
+  263: "ArrowLeft",
+  264: "ArrowDown",
+  265: "ArrowUp",
+  266: "PageUp",
+  267: "PageDown",
+  268: "Home",
+  269: "End",
+  280: "CapsLock",
+  281: "ScrollLock",
+  282: "NumLock",
+  283: "PrintScreen",
+  284: "Pause",
+  290: "F1",
+  291: "F2",
+  292: "F3",
+  293: "F4",
+  294: "F5",
+  295: "F6",
+  296: "F7",
+  297: "F8",
+  298: "F9",
+  299: "F10",
+  300: "F11",
+  301: "F12",
+  302: "F13",
+  303: "F14",
+  304: "F15",
+  305: "F16",
+  306: "F17",
+  307: "F18",
+  308: "F19",
+  309: "F20",
+  310: "F21",
+  311: "F22",
+  312: "F23",
+  313: "F24",
+  314: "F25",
+  320: "0",
+  321: "1",
+  322: "2",
+  323: "3",
+  324: "4",
+  325: "5",
+  326: "6",
+  327: "7",
+  328: "8",
+  329: "9",
+  330: ".",
+  331: "/",
+  332: "*",
+  333: "-",
+  334: "+",
+  335: "Enter",
+  336: "=",
+  340: "Shift",
+  341: "Control",
+  342: "Alt",
+  343: "Meta",
+  344: "Shift",
+  345: "Control",
+  346: "Alt",
+  347: "Meta",
+  348: "ContextMenu"
+};
+var GLFW_KEY_MAP_SHIFT = {
+  "-1": "Unknown",
+  32: " ",
+  39: '"',
+  44: "<",
+  45: "_",
+  46: ">",
+  47: "?",
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  65: "A",
+  66: "B",
+  67: "C",
+  68: "D",
+  69: "E",
+  70: "F",
+  71: "G",
+  72: "H",
+  73: "I",
+  74: "J",
+  75: "K",
+  76: "L",
+  77: "M",
+  78: "N",
+  79: "O",
+  80: "P",
+  81: "Q",
+  82: "R",
+  83: "S",
+  84: "T",
+  85: "U",
+  86: "V",
+  87: "W",
+  88: "X",
+  89: "Y",
+  90: "Z",
+  91: "{",
+  92: "|",
+  93: "}",
+  96: "~",
+  161: "World1",
+  162: "World2",
+  256: "Escape",
+  257: "Enter",
+  258: "Tab",
+  259: "Backspace",
+  260: "Insert",
+  261: "Delete",
+  262: "ArrowRight",
+  263: "ArrowLeft",
+  264: "ArrowDown",
+  265: "ArrowUp",
+  266: "PageUp",
+  267: "PageDown",
+  268: "Home",
+  269: "End",
+  280: "CapsLock",
+  281: "ScrollLock",
+  282: "NumLock",
+  283: "PrintScreen",
+  284: "Pause",
+  290: "F1",
+  291: "F2",
+  292: "F3",
+  293: "F4",
+  294: "F5",
+  295: "F6",
+  296: "F7",
+  297: "F8",
+  298: "F9",
+  299: "F10",
+  300: "F11",
+  301: "F12",
+  302: "F13",
+  303: "F14",
+  304: "F15",
+  305: "F16",
+  306: "F17",
+  307: "F18",
+  308: "F19",
+  309: "F20",
+  310: "F21",
+  311: "F22",
+  312: "F23",
+  313: "F24",
+  314: "F25",
+  320: "0",
+  321: "1",
+  322: "2",
+  323: "3",
+  324: "4",
+  325: "5",
+  326: "6",
+  327: "7",
+  328: "8",
+  329: "9",
+  330: ".",
+  331: "/",
+  332: "*",
+  333: "-",
+  334: "+",
+  335: "Enter",
+  336: "=",
+  340: "Shift",
+  341: "Control",
+  342: "Alt",
+  343: "Meta",
+  344: "Shift",
+  345: "Control",
+  346: "Alt",
+  347: "Meta",
+  348: "ContextMenu"
+};
+var GLFW_CODE_MAP = {
+  "-1": "Unknown",
+  32: "Space",
+  39: "Quote",
+  44: "Comma",
+  45: "Minus",
+  46: "Period",
+  47: "Slash",
+  48: "Digit0",
+  49: "Digit1",
+  50: "Digit2",
+  51: "Digit3",
+  52: "Digit4",
+  53: "Digit5",
+  54: "Digit6",
+  55: "Digit7",
+  56: "Digit8",
+  57: "Digit9",
+  59: "Semicolon",
+  61: "Equal",
+  65: "KeyA",
+  66: "KeyB",
+  67: "KeyC",
+  68: "KeyD",
+  69: "KeyE",
+  70: "KeyF",
+  71: "KeyG",
+  72: "KeyH",
+  73: "KeyI",
+  74: "KeyJ",
+  75: "KeyK",
+  76: "KeyL",
+  77: "KeyM",
+  78: "KeyN",
+  79: "KeyO",
+  80: "KeyP",
+  81: "KeyQ",
+  82: "KeyR",
+  83: "KeyS",
+  84: "KeyT",
+  85: "KeyU",
+  86: "KeyV",
+  87: "KeyW",
+  88: "KeyX",
+  89: "KeyY",
+  90: "KeyZ",
+  91: "BracketLeft",
+  92: "Backslash",
+  93: "BracketRight",
+  96: "Backquote",
+  161: "IntlBackslash",
+  256: "Escape",
+  257: "Enter",
+  258: "Tab",
+  259: "Backspace",
+  260: "Insert",
+  261: "Delete",
+  262: "ArrowRight",
+  263: "ArrowLeft",
+  264: "ArrowDown",
+  265: "ArrowUp",
+  266: "PageUp",
+  267: "PageDown",
+  268: "Home",
+  269: "End",
+  280: "CapsLock",
+  281: "ScrollLock",
+  282: "NumLock",
+  283: "PrintScreen",
+  284: "Pause",
+  290: "F1",
+  291: "F2",
+  292: "F3",
+  293: "F4",
+  294: "F5",
+  295: "F6",
+  296: "F7",
+  297: "F8",
+  298: "F9",
+  299: "F10",
+  300: "F11",
+  301: "F12",
+  302: "F13",
+  303: "F14",
+  304: "F15",
+  305: "F16",
+  306: "F17",
+  307: "F18",
+  308: "F19",
+  309: "F20",
+  310: "F21",
+  311: "F22",
+  312: "F23",
+  313: "F24",
+  314: "F25",
+  320: "Numpad0",
+  321: "Numpad1",
+  322: "Numpad2",
+  323: "Numpad3",
+  324: "Numpad4",
+  325: "Numpad5",
+  326: "Numpad6",
+  327: "Numpad7",
+  328: "Numpad8",
+  329: "Numpad9",
+  330: "NumpadDecimal",
+  331: "NumpadDivide",
+  332: "NumpadMultiply",
+  333: "NumpadSubtract",
+  334: "NumpadAdd",
+  335: "NumpadEnter",
+  336: "NumpadEqual",
+  340: "ShiftLeft",
+  341: "ControlLeft",
+  342: "AltLeft",
+  343: "MetaLeft",
+  344: "ShiftRight",
+  345: "ControlRight",
+  346: "AltRight",
+  347: "MetaRight",
+  348: "ContextMenu"
+};
+
+class KeyboardEvent extends Event {
+  target = null;
+  key = "";
+  code = "";
+  location = 0;
+  repeat = false;
+  ctrlKey = false;
+  shiftKey = false;
+  altKey = false;
+  metaKey = false;
+  constructor(type, args = {
+    target: null,
+    key: "",
+    code: "",
+    location: 0,
+    repeat: false,
+    ctrlKey: false,
+    shiftKey: false,
+    altKey: false,
+    metaKey: false
+  }, kcode = null, target = null, repeat = false, shiftKey = false, ctrlKey = false, altKey = false, metaKey = false) {
+    super(type, args ? args.target : target);
+    if (!!args) {
+      this.key = args.key;
+      this.code = args.code;
+      this.location = args.location;
+      this.repeat = args.repeat;
+      this.ctrlKey = args.ctrlKey;
+      this.shiftKey = args.shiftKey;
+      this.altKey = args.altKey;
+      this.metaKey = args.metaKey;
+    } else {
+      const glfwKey = kcode;
+      if (glfwKey >= 65 && glfwKey <= 90) {
+        let c = String.fromCharCode(glfwKey);
+        this.key = shiftKey ?? args.shiftKey ? c : c.toLowerCase();
+      } else {
+        this.key = shiftKey ?? args.shiftKey ? GLFW_KEY_MAP_SHIFT[kcode] : GLFW_KEY_MAP[kcode];
+      }
+      this.code = GLFW_CODE_MAP[kcode];
+      this.location = 0;
+      this.repeat = false;
+      this.shiftKey = shiftKey;
+      this.ctrlKey = ctrlKey;
+      this.altKey = altKey;
+      this.metaKey = metaKey;
+    }
+  }
+}
+// BunCanvas/src/Canvas.ts
+import { ptr as ptr3, JSCallback } from "bun:ffi";
+
+// BunCanvas/src/ImageData.ts
+class ImageData {
+  width;
+  height;
+  data;
+  constructor(width, height, data) {
+    this.width = width;
+    this.height = height;
+    this.data = data;
+  }
+}
+
+// BunCanvas/dom/DOMMatrix.ts
+import { ptr as ptr2 } from "bun:ffi";
+function isMatrixArray(value) {
+  return value == undefined || Array.isArray(value) || ArrayBuffer.isView(value) && !(value instanceof DataView);
+}
+function multipliedMatrices(a, b) {
+  const out = new Float64Array(16);
+  out[0] = a[0] * b[0] + a[1] * b[4] + a[2] * b[8] + a[3] * b[12];
+  out[1] = a[0] * b[1] + a[1] * b[5] + a[2] * b[9] + a[3] * b[13];
+  out[2] = a[0] * b[2] + a[1] * b[6] + a[2] * b[10] + a[3] * b[14];
+  out[3] = a[0] * b[3] + a[1] * b[7] + a[2] * b[11] + a[3] * b[15];
+  out[4] = a[4] * b[0] + a[5] * b[4] + a[6] * b[8] + a[7] * b[12];
+  out[5] = a[4] * b[1] + a[5] * b[5] + a[6] * b[9] + a[7] * b[13];
+  out[6] = a[4] * b[2] + a[5] * b[6] + a[6] * b[10] + a[7] * b[14];
+  out[7] = a[4] * b[3] + a[5] * b[7] + a[6] * b[11] + a[7] * b[15];
+  out[8] = a[8] * b[0] + a[9] * b[4] + a[10] * b[8] + a[11] * b[12];
+  out[9] = a[8] * b[1] + a[9] * b[5] + a[10] * b[9] + a[11] * b[13];
+  out[10] = a[8] * b[2] + a[9] * b[6] + a[10] * b[10] + a[11] * b[14];
+  out[11] = a[8] * b[3] + a[9] * b[7] + a[10] * b[11] + a[11] * b[15];
+  out[12] = a[12] * b[0] + a[13] * b[4] + a[14] * b[8] + a[15] * b[12];
+  out[13] = a[12] * b[1] + a[13] * b[5] + a[14] * b[9] + a[15] * b[13];
+  out[14] = a[12] * b[2] + a[13] * b[6] + a[14] * b[10] + a[15] * b[14];
+  out[15] = a[12] * b[3] + a[13] * b[7] + a[14] * b[11] + a[15] * b[15];
+  return out;
+}
+function throwParseErrorDMatrix(fName, pString) {
+  throw new SyntaxError(`Failed to execute '${fName}' on 'DOMMatrix': Failed to parse '${pString}'.`);
+}
+
+class DOMMatrix {
+  #internal = new Float64Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+  #isIdentity = true;
+  #computeIdentity() {
+    this.#isIdentity = this.#internal[0] == 1 && this.#internal[1] == 0 && this.#internal[2] == 0 && this.#internal[3] == 0 && this.#internal[4] == 0 && this.#internal[5] == 1 && this.#internal[6] == 0 && this.#internal[7] == 0 && this.#internal[8] == 0 && this.#internal[9] == 0 && this.#internal[10] == 1 && this.#internal[11] == 0 && this.#internal[12] == 0 && this.#internal[13] == 0 && this.#internal[14] == 0 && this.#internal[15] == 1;
+  }
+  get a() {
+    return this.m11;
+  }
+  set a(v) {
+    this.m11 = v;
+  }
+  get b() {
+    return this.m12;
+  }
+  set b(v) {
+    this.m12 = v;
+  }
+  get c() {
+    return this.m21;
+  }
+  set c(v) {
+    this.m21 = v;
+  }
+  get d() {
+    return this.m22;
+  }
+  set d(v) {
+    this.m22 = v;
+  }
+  get e() {
+    return this.m41;
+  }
+  set e(v) {
+    this.m41 = v;
+  }
+  get f() {
+    return this.m42;
+  }
+  set f(v) {
+    this.m42 = v;
+  }
+  is2D = true;
+  get isIdentity() {
+    return this.#isIdentity;
+  }
+  get m11() {
+    return this.#internal[0];
+  }
+  set m11(v) {
+    this.#internal[0] = v;
+    if (!this.#isIdentity) {
+      if (v == 1)
+        this.#computeIdentity();
+    } else {
+      if (v != 1)
+        this.#isIdentity = false;
+    }
+  }
+  get m12() {
+    return this.#internal[4];
+  }
+  set m12(v) {
+    this.#internal[4] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m13() {
+    return this.#internal[8];
+  }
+  set m13(v) {
+    this.#internal[8] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m14() {
+    return this.#internal[12];
+  }
+  set m14(v) {
+    this.#internal[12] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m21() {
+    return this.#internal[1];
+  }
+  set m21(v) {
+    this.#internal[1] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m22() {
+    return this.#internal[5];
+  }
+  set m22(v) {
+    this.#internal[5] = v;
+    if (!this.#isIdentity) {
+      if (v == 1)
+        this.#computeIdentity();
+    } else {
+      if (v != 1)
+        this.#isIdentity = false;
+    }
+  }
+  get m23() {
+    return this.#internal[9];
+  }
+  set m23(v) {
+    this.#internal[9] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m24() {
+    return this.#internal[13];
+  }
+  set m24(v) {
+    this.#internal[13] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m31() {
+    return this.#internal[2];
+  }
+  set m31(v) {
+    this.#internal[2] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m32() {
+    return this.#internal[6];
+  }
+  set m32(v) {
+    this.#internal[6] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m33() {
+    return this.#internal[10];
+  }
+  set m33(v) {
+    this.#internal[10] = v;
+    if (!this.#isIdentity) {
+      if (v == 1)
+        this.#computeIdentity();
+    } else {
+      if (v != 1)
+        this.#isIdentity = false;
+    }
+  }
+  get m34() {
+    return this.#internal[14];
+  }
+  set m34(v) {
+    this.#internal[14] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m41() {
+    return this.#internal[3];
+  }
+  set m41(v) {
+    this.#internal[3] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m42() {
+    return this.#internal[7];
+  }
+  set m42(v) {
+    this.#internal[7] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m43() {
+    return this.#internal[11];
+  }
+  set m43(v) {
+    this.#internal[11] = v;
+    if (!this.#isIdentity) {
+      if (v == 0)
+        this.#computeIdentity();
+    } else {
+      if (v != 0)
+        this.#isIdentity = false;
+    }
+  }
+  get m44() {
+    return this.#internal[15];
+  }
+  set m44(v) {
+    this.#internal[15] = v;
+    if (!this.#isIdentity) {
+      if (v == 1)
+        this.#computeIdentity();
+    } else {
+      if (v != 1)
+        this.#isIdentity = false;
+    }
+  }
+  multiplySelf(other) {
+    const a = this.#internal;
+    const b = other.#internal;
+    this.#internal.set(multipliedMatrices(a, b));
+    this.is2D &&= other.is2D;
+    return this;
+  }
+  preMultiplySelf(other) {
+    const a = this.#internal;
+    const b = other.#internal;
+    this.#internal.set(multipliedMatrices(b, a));
+    this.is2D &&= other.is2D;
+    return this;
+  }
+  translateSelf(tx = 0, ty = 0, tz = 0) {
+    const t = new Float64Array([
+      1,
+      0,
+      0,
+      tx,
+      0,
+      1,
+      0,
+      ty,
+      0,
+      0,
+      1,
+      tz,
+      0,
+      0,
+      0,
+      1
+    ]);
+    this.#internal.set(multipliedMatrices(this.#internal, t));
+    if (tz !== 0)
+      this.is2D = false;
+    return this;
+  }
+  scaleSelf(scaleX = 1, scaleY = scaleX, scaleZ = 1, originX = 0, originY = 0, originZ = 0) {
+    if (originX || originY || originZ)
+      this.translateSelf(originX, originY, originZ);
+    const s = new Float64Array([
+      scaleX,
+      0,
+      0,
+      0,
+      0,
+      scaleY,
+      0,
+      0,
+      0,
+      0,
+      scaleZ,
+      0,
+      0,
+      0,
+      0,
+      1
+    ]);
+    this.#internal.set(multipliedMatrices(this.#internal, s));
+    if (originX || originY || originZ)
+      this.translateSelf(-originX, -originY, -originZ);
+    if (scaleZ !== 1 || originZ !== 0)
+      this.is2D = false;
+    return this;
+  }
+  scale3dSelf(scale, originX = 0, originY = 0, originZ = 0) {
+    return this.scaleSelf(scale, scale, scale, originX, originY, originZ);
+  }
+  rotateSelf(...args) {
+    if (args[1] === undefined && args[2] === undefined) {
+      args[2] = args[0];
+      args[0] = 0;
+      args[1] = 0;
+    } else {
+      args[1] ??= 0;
+      args[2] ??= 0;
+    }
+    const rx = args[0] * Math.PI / 180;
+    const ry = args[1] * Math.PI / 180;
+    const rz = args[2] * Math.PI / 180;
+    const sx = Math.sin(rx), cx = Math.cos(rx);
+    const sy = Math.sin(ry), cy = Math.cos(ry);
+    const sz = Math.sin(rz), cz = Math.cos(rz);
+    if (args[2] !== 0) {
+      this.#internal.set(multipliedMatrices(this.#internal, new Float64Array([
+        cz,
+        -sz,
+        0,
+        0,
+        sz,
+        cz,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        1
+      ])));
+    }
+    if (args[1] !== 0) {
+      this.#internal.set(multipliedMatrices(new Float64Array([
+        cy,
+        0,
+        sy,
+        0,
+        0,
+        1,
+        0,
+        0,
+        -sy,
+        0,
+        cy,
+        0,
+        0,
+        0,
+        0,
+        1
+      ]), this.#internal));
+    }
+    if (args[0] !== 0) {
+      this.#internal.set(multipliedMatrices(new Float64Array([
+        1,
+        0,
+        0,
+        0,
+        0,
+        cx,
+        -sx,
+        0,
+        0,
+        sx,
+        cx,
+        0,
+        0,
+        0,
+        0,
+        1
+      ]), this.#internal));
+    }
+    if (args[0] !== 0 || args[1] !== 0)
+      this.is2D = false;
+    return this;
+  }
+  rotateAxisAngleSelf(x = 0, y = 0, z = 1, angle = 0) {
+    const length = Math.hypot(x, y, z);
+    if (length === 0)
+      return this;
+    x /= length;
+    y /= length;
+    z /= length;
+    const rad = angle * Math.PI / 180;
+    const s = Math.sin(rad);
+    const c = Math.cos(rad);
+    const t = 1 - c;
+    const r = new Float64Array([
+      t * x * x + c,
+      t * x * y - s * z,
+      t * x * z + s * y,
+      0,
+      t * x * y + s * z,
+      t * y * y + c,
+      t * y * z - s * x,
+      0,
+      t * x * z - s * y,
+      t * y * z + s * x,
+      t * z * z + c,
+      0,
+      0,
+      0,
+      0,
+      1
+    ]);
+    this.#internal.set(multipliedMatrices(this.#internal, r));
+    if (x !== 0 || y !== 0)
+      this.is2D = false;
+    return this;
+  }
+  rotateFromVectorSelf(x = 0, y = 0) {
+    if (x === 0 && y === 0)
+      return this;
+    const angle = Math.atan2(y, x) * 180 / Math.PI;
+    return this.rotateSelf(angle);
+  }
+  skewXSelf(sx = 0) {
+    const t = Math.tan(sx * Math.PI / 180);
+    this.#internal.set(multipliedMatrices(this.#internal, new Float64Array([
+      1,
+      t,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    ])));
+    return this;
+  }
+  skewYSelf(sy = 0) {
+    const t = Math.tan(sy * Math.PI / 180);
+    this.#internal.set(multipliedMatrices(this.#internal, new Float64Array([
+      1,
+      0,
+      0,
+      0,
+      t,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    ])));
+    return this;
+  }
+  #parseTransformList(value) {
+    const transforms = [];
+    let i = 0;
+    while (i < value.length) {
+      while (/\s/.test(value[i]))
+        i++;
+      if (i >= value.length)
+        break;
+      const nameStart = i;
+      while (/[A-Za-z0-9]/.test(value[i]))
+        i++;
+      const name = value.substring(nameStart, i);
+      while (/\s/.test(value[i]))
+        i++;
+      if (value[i] !== "(")
+        return "error";
+      i++;
+      let depth = 1;
+      const argsStart = i;
+      while (i < value.length && depth > 0) {
+        if (value[i] === "(")
+          depth++;
+        else if (value[i] === ")")
+          depth--;
+        i++;
+      }
+      if (depth !== 0)
+        return "error";
+      transforms.push({
+        name,
+        args: value.substring(argsStart, i - 1)
+      });
+    }
+    return transforms;
+  }
+  #splitArguments(args) {
+    const result = [];
+    let current = "";
+    let depth = 0;
+    for (const c of args) {
+      if (c === "(")
+        depth++;
+      if (c === ")")
+        depth--;
+      if ((c === "," || /\s/.test(c)) && depth === 0) {
+        if (current.length) {
+          result.push(current);
+          current = "";
+        }
+        continue;
+      }
+      current += c;
+    }
+    if (current.length)
+      result.push(current);
+    return result;
+  }
+  #parseAngle(value) {
+    if (value.endsWith("deg"))
+      return Number.parseFloat(value);
+    if (value.endsWith("rad"))
+      return Number.parseFloat(value) * 180 / Math.PI;
+    if (value.endsWith("grad"))
+      return Number.parseFloat(value) * 0.9;
+    if (value.endsWith("turn"))
+      return Number.parseFloat(value) * 360;
+    return Number.parseFloat(value);
+  }
+  #parseLength(value) {
+    if (!value)
+      return null;
+    const rootFontSize = 16;
+    const parentFontSize = 16;
+    const exSize = 8;
+    const chSize = 8;
+    if (value.endsWith("px"))
+      return Number.parseFloat(value);
+    if (value.endsWith("pt"))
+      return Number.parseFloat(value) * 1.3333333730697632;
+    if (value.endsWith("pc"))
+      return Number.parseFloat(value) * 16;
+    if (value.endsWith("in"))
+      return Number.parseFloat(value) * 96;
+    if (value.endsWith("cm"))
+      return Number.parseFloat(value) * 37.79527559055118;
+    if (value.endsWith("mm"))
+      return Number.parseFloat(value) * 3.7795275590551185;
+    if (value.endsWith("q"))
+      return Number.parseFloat(value) * 0.9448818897637796;
+    if (value.endsWith("em"))
+      return Number.parseFloat(value) * parentFontSize;
+    if (value.endsWith("rem"))
+      return Number.parseFloat(value) * rootFontSize;
+    if (value.endsWith("ex"))
+      return Number.parseFloat(value) * exSize;
+    if (value.endsWith("ch"))
+      return Number.parseFloat(value) * chSize;
+    if (value.endsWith("%"))
+      return Number.parseFloat(value) * parentFontSize / 100;
+    if (value.endsWith("px")) {
+      return Number.parseFloat(value);
+    } else if (value.endsWith("pt")) {
+      return Number.parseFloat(value) * 1.3333333730697632;
+    }
+    return null;
+  }
+  setMatrixValue(value) {
+    value = value.trim();
+    if (value.length === 0)
+      throw new DOMException("Invalid transform.", "SyntaxError");
+    const transforms = this.#parseTransformList(value);
+    if (transforms == "error") {
+      throwParseErrorDMatrix("setMatrixValue", value);
+      return;
+    }
+    for (const transform of transforms) {
+      const args = this.#splitArguments(transform.args);
+      switch (transform.name) {
+        case "matrix": {
+          if (args.length !== 6)
+            throw new DOMException("matrix() requires 6 arguments.", "SyntaxError");
+          let a = Number.parseFloat(args[0]);
+          let b = Number.parseFloat(args[1]);
+          let c = Number.parseFloat(args[2]);
+          let d = Number.parseFloat(args[3]);
+          if (isNaN(a) || isNaN(b) || isNaN(c) || isNaN(d))
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.a = a;
+          this.b = b;
+          this.c = c;
+          this.d = d;
+          this.e = this.#parseLength(args[4]);
+          this.f = this.#parseLength(args[5]);
+          this.is2D = true;
+          break;
+        }
+        case "matrix3d": {
+          if (args.length !== 16)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          for (let i = 0;i < 16; i++)
+            this.#internal[i] = Number.parseFloat(args[i]);
+          this.is2D = false;
+          break;
+        }
+        case "translate": {
+          if (args.length < 1 || args.length > 2)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          let lx = this.#parseLength(args[0]);
+          let ly = this.#parseLength(args[1]);
+          if (!lx) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          const tx = lx;
+          const ty = args.length === 2 ? ly ?? 0 : 0;
+          this.translateSelf(tx, ty);
+          break;
+        }
+        case "translateX": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          let l = this.#parseLength(args[0]);
+          if (!l) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          this.translateSelf(l, 0);
+          break;
+        }
+        case "translateY": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          let l = this.#parseLength(args[0]);
+          if (!l) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          this.translateSelf(0, l);
+          break;
+        }
+        case "translateZ": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          let l = this.#parseLength(args[0]);
+          if (!l) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          this.translateSelf(0, 0, l);
+          break;
+        }
+        case "translate3d": {
+          if (args.length !== 3)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          let la = this.#parseLength(args[0]);
+          let lb = this.#parseLength(args[0]);
+          let lc = this.#parseLength(args[0]);
+          if (!la || !lb || !lc) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          this.translateSelf(la, lb, lc);
+          break;
+        }
+        case "scale": {
+          if (args.length < 1 || args.length > 2)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          const sx = Number.parseFloat(args[0]);
+          const sy = args.length === 2 ? Number.parseFloat(args[1]) : sx;
+          this.scaleSelf(sx, sy);
+          break;
+        }
+        case "scaleX": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.scaleSelf(Number.parseFloat(args[0]), 1);
+          break;
+        }
+        case "scaleY": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.scaleSelf(1, Number.parseFloat(args[0]));
+          break;
+        }
+        case "scaleZ": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.scaleSelf(1, 1, Number.parseFloat(args[0]));
+          break;
+        }
+        case "scale3d": {
+          if (args.length !== 3)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.scale3dSelf(Number.parseFloat(args[0]), Number.parseFloat(args[1]), Number.parseFloat(args[2]));
+          break;
+        }
+        case "rotate": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.rotateSelf(this.#parseAngle(args[0]));
+          break;
+        }
+        case "rotateX": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.rotateSelf(this.#parseAngle(args[0]), 0, 0);
+          break;
+        }
+        case "rotateY": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.rotateSelf(0, this.#parseAngle(args[0]), 0);
+          break;
+        }
+        case "rotateZ": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.rotateSelf(0, 0, this.#parseAngle(args[0]));
+          break;
+        }
+        case "rotate3d": {
+          if (args.length !== 4)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.rotateAxisAngleSelf(Number.parseFloat(args[0]), Number.parseFloat(args[1]), Number.parseFloat(args[2]), this.#parseAngle(args[3]));
+          break;
+        }
+        case "skew": {
+          if (args.length < 1 || args.length > 2)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.skewXSelf(this.#parseAngle(args[0]));
+          if (args.length === 2)
+            this.skewYSelf(this.#parseAngle(args[1]));
+          break;
+        }
+        case "skewX": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.skewXSelf(this.#parseAngle(args[0]));
+          break;
+        }
+        case "skewY": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          this.skewYSelf(this.#parseAngle(args[0]));
+          break;
+        }
+        case "perspective": {
+          if (args.length !== 1)
+            throwParseErrorDMatrix("setMatrixValue", value);
+          const d = this.#parseLength(args[0]);
+          if (d === 0 || !d) {
+            throwParseErrorDMatrix("setMatrixValue", value);
+            return;
+          }
+          this.#internal.set(multipliedMatrices(this.#internal, new Float64Array([
+            1,
+            0,
+            0,
+            0,
+            0,
+            1,
+            0,
+            0,
+            0,
+            0,
+            1,
+            -1 / d,
+            0,
+            0,
+            0,
+            1
+          ])));
+          this.is2D = false;
+          break;
+        }
+        default:
+          throwParseErrorDMatrix("setMatrixValue", value);
+      }
+    }
+    return this;
+  }
+  toString() {
+    return this.is2D ? `matrix(${this.a}, ${this.b}, ${this.c}, ${this.d}, ${this.e}, ${this.f})` : `matrix3d(${this.m11}, ${this.m12}, ${this.m13}, ${this.m14}, ${this.m21}, ${this.m22}, ${this.m23}, ${this.m24}, ${this.m31}, ${this.m32}, ${this.m33}, ${this.m34}, ${this.m41}, ${this.m42}, ${this.m43}, ${this.m44})`;
+  }
+  constructor(...args) {
+    if (!isMatrixArray(args[0]))
+      throw new SyntaxError(`Failed to construct 'DOMMatrix': Failed to parse '${args[0]}'.`);
+    if (args[0]) {
+      const len = args[0].length;
+      if (len != 6 && len != 16)
+        throw new TypeError(`Failed to construct 'DOMMatrix': The sequence must contain 6 elements for a 2D matrix or 16 elements for a 3D matrix.`);
+      let matrix = args[0];
+      if (len == 6) {
+        this.a = matrix[0];
+        this.b = matrix[1];
+        this.c = matrix[2];
+        this.d = matrix[3];
+        this.e = matrix[4];
+        this.f = matrix[5];
+      } else {
+        let index = 0;
+        for (const item of matrix) {
+          this.#internal[index] = item;
+          index++;
+        }
+      }
+      this.#isIdentity = matrix[0] == 1 && matrix[1] == 0 && matrix[2] == 0 && matrix[3] == 0 && matrix[4] == 0 && matrix[5] == 1 && matrix[6] == 0 && matrix[7] == 0 && matrix[8] == 0 && matrix[9] == 0 && matrix[10] == 1 && matrix[11] == 0 && matrix[12] == 0 && matrix[13] == 0 && matrix[14] == 0 && matrix[15] == 1;
+    }
+  }
+  get ptr() {
+    return ptr2(this.#internal);
+  }
+  static fromFloat32Array(arr) {
+    if (arr instanceof Float32Array)
+      return new DOMMatrix(arr);
+    throw new TypeError(`Failed to execute 'fromFloat32Array' on 'DOMMatrix': parameter 1 is not of type 'Float32Array'.`);
+  }
+  static fromFloat64Array(arr) {
+    if (arr instanceof Float64Array)
+      return new DOMMatrix(arr);
+    throw new TypeError(`Failed to execute 'fromFloat64Array' on 'DOMMatrix': parameter 1 is not of type 'Float64Array'.`);
+  }
+  static fromMatrix(arr) {
+    if (!arr)
+      return new DOMMatrix;
+    if (arr.a != arr.m11 || arr.b != arr.m21 || arr.c != arr.m12 || arr.d != arr.m22 || arr.e != arr.m41 || arr.f != arr.m42)
+      throw new TypeError(`Failed to execute 'fromMatrix' on 'DOMMatrix': Property mismatch on matrix initialization.`);
+    let a = arr.a ?? undefined;
+    let b = arr.b ?? undefined;
+    let c = arr.c ?? undefined;
+    let d = arr.d ?? undefined;
+    let e = arr.e ?? undefined;
+    let f = arr.f ?? undefined;
+    let m11 = arr.m11 ?? a ?? 1;
+    let m12 = arr.m12 ?? b ?? 0;
+    let m13 = arr.m13 ?? 0;
+    let m14 = arr.m14 ?? 0;
+    let m21 = arr.m21 ?? c ?? 0;
+    let m22 = arr.m22 ?? d ?? 1;
+    let m23 = arr.m23 ?? 0;
+    let m24 = arr.m24 ?? 0;
+    let m31 = arr.m31 ?? 0;
+    let m32 = arr.m32 ?? 0;
+    let m33 = arr.m33 ?? 1;
+    let m34 = arr.m34 ?? 0;
+    let m41 = arr.m41 ?? e ?? 0;
+    let m42 = arr.m42 ?? f ?? 0;
+    let m43 = arr.m43 ?? 0;
+    let m44 = arr.m44 ?? 1;
+    return new DOMMatrix([m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44]);
+  }
+}
+var proto2 = DOMMatrix.prototype;
+for (const key of Object.getOwnPropertyNames(proto2)) {
+  const desc = Object.getOwnPropertyDescriptor(proto2, key);
+  if (key == "constructor") {
+    desc && (desc.value.toString = () => {
+      return `function ${proto2.constructor.name}() { [native code] }`;
+    });
+    continue;
+  }
+  if (typeof desc?.value === "function") {
+    desc.value.toString = () => `function ${key}() { [native code] }`;
+  }
+}
+
+// BunCanvas/internal/colorCheck.ts
+var NAMED_COLORS = new Set([
+  "aliceblue",
+  "antiquewhite",
+  "aqua",
+  "aquamarine",
+  "azure",
+  "beige",
+  "bisque",
+  "black",
+  "blanchedalmond",
+  "blue",
+  "blueviolet",
+  "brown",
+  "burlywood",
+  "cadetblue",
+  "chartreuse",
+  "chocolate",
+  "coral",
+  "cornflowerblue",
+  "cornsilk",
+  "crimson",
+  "cyan",
+  "darkblue",
+  "darkcyan",
+  "darkgoldenrod",
+  "darkgray",
+  "darkgreen",
+  "darkgrey",
+  "darkkhaki",
+  "darkmagenta",
+  "darkolivegreen",
+  "darkorange",
+  "darkorchid",
+  "darkred",
+  "darksalmon",
+  "darkseagreen",
+  "darkslateblue",
+  "darkslategray",
+  "darkslategrey",
+  "darkturquoise",
+  "darkviolet",
+  "deeppink",
+  "deepskyblue",
+  "dimgray",
+  "dimgrey",
+  "dodgerblue",
+  "firebrick",
+  "floralwhite",
+  "forestgreen",
+  "fuchsia",
+  "gainsboro",
+  "ghostwhite",
+  "gold",
+  "goldenrod",
+  "gray",
+  "green",
+  "greenyellow",
+  "grey",
+  "honeydew",
+  "hotpink",
+  "indianred",
+  "indigo",
+  "ivory",
+  "khaki",
+  "lavender",
+  "lavenderblush",
+  "lawngreen",
+  "lemonchiffon",
+  "lightblue",
+  "lightcoral",
+  "lightcyan",
+  "lightgoldenrodyellow",
+  "lightgray",
+  "lightgreen",
+  "lightgrey",
+  "lightpink",
+  "lightsalmon",
+  "lightseagreen",
+  "lightskyblue",
+  "lightslategray",
+  "lightslategrey",
+  "lightsteelblue",
+  "lightyellow",
+  "lime",
+  "limegreen",
+  "linen",
+  "magenta",
+  "maroon",
+  "mediumaquamarine",
+  "mediumblue",
+  "mediumorchid",
+  "mediumpurple",
+  "mediumseagreen",
+  "mediumslateblue",
+  "mediumspringgreen",
+  "mediumturquoise",
+  "mediumvioletred",
+  "midnightblue",
+  "mintcream",
+  "mistyrose",
+  "moccasin",
+  "navajowhite",
+  "navy",
+  "oldlace",
+  "olive",
+  "olivedrab",
+  "orange",
+  "orangered",
+  "orchid",
+  "palegoldenrod",
+  "palegreen",
+  "paleturquoise",
+  "palevioletred",
+  "papayawhip",
+  "peachpuff",
+  "peru",
+  "pink",
+  "plum",
+  "powderblue",
+  "purple",
+  "rebeccapurple",
+  "red",
+  "rosybrown",
+  "royalblue",
+  "saddlebrown",
+  "salmon",
+  "sandybrown",
+  "seagreen",
+  "seashell",
+  "sienna",
+  "silver",
+  "skyblue",
+  "slateblue",
+  "slategray",
+  "slategrey",
+  "snow",
+  "springgreen",
+  "steelblue",
+  "tan",
+  "teal",
+  "thistle",
+  "tomato",
+  "transparent",
+  "turquoise",
+  "violet",
+  "wheat",
+  "white",
+  "whitesmoke",
+  "yellow",
+  "yellowgreen"
+]);
+var HEX_REGEX = /^#(?:[0-9a-fA-F]{3,4}){1,2}$/;
+var RGB_REGEX = /^rgba?\(\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)\s*[, ]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)\s*[, ]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?)(?:\s*[,/]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?))?\s*\)$/i;
+var HSL_HWB_REGEX = /^(?:hsl|hsla|hwb)\(\s*(?:\d+(?:\.\d+)?(?:deg|rad|turn)?|\.\d+(?:deg|rad|turn)?)\s*[, ]\s*(?:\d+(?:\.\d+)?%|\.\d+%)\s*[, ]\s*(?:\d+(?:\.\d+)?%|\.\d+%)(?:\s*[,/]\s*(?:\d+(?:\.\d+)?%?|\.\d+%?))?\s*\)$/i;
+function isValidColor(str) {
+  if (typeof str !== "string")
+    return false;
+  const normalized = str.trim().toLowerCase();
+  if (normalized === "")
+    return false;
+  if (NAMED_COLORS.has(normalized))
+    return true;
+  if (normalized.startsWith("#"))
+    return HEX_REGEX.test(normalized);
+  return RGB_REGEX.test(normalized) || HSL_HWB_REGEX.test(normalized);
+}
+
+// BunCanvas/src/Canvas.ts
+var ptrs3 = new WeakMap;
+var canvasFinalizationRegistry = new FinalizationRegistry((ptr) => {
+  lib.symbols.canvas_destroy(ptr);
+  console.log("destroyed Canvas!");
+});
+class CanvasGradient {
+  type;
+  points = new Float32Array(6);
+  offsets = [];
+  colors = [];
+  constructor(...args) {
+    this.type = args[0];
+    switch (this.type) {
+      case 0 /* Linear */: {
+        this.points[0] = args[1];
+        this.points[1] = args[2];
+        this.points[2] = args[3];
+        this.points[3] = args[4];
+        break;
+      }
+      case 1 /* Radial */: {
+        this.points[0] = args[1];
+        this.points[1] = args[2];
+        this.points[2] = args[3];
+        this.points[3] = args[4];
+        this.points[4] = args[5];
+        this.points[5] = args[6];
+        break;
+      }
+      case 2 /* Conic */: {
+        this.points[0] = args[1];
+        this.points[1] = args[2];
+        this.points[2] = args[3];
+        break;
+      }
+    }
+  }
+  addColorStop(offset, color) {
+    if (offset < 0 || offset > 1)
+      throw new RangeError(`Failed to execute 'addColorStop' on 'CanvasGradient': The provided value (${offset}) is outside the range (0.0, 1.0).`);
+    if (!isValidColor(color))
+      throw new SyntaxError(`Failed to execute 'addColorStop' on 'CanvasGradient': The value provided ('${color}') could not be parsed as a color.`);
+    const idx = this.offsets.findIndex((o) => o > offset);
+    const insertIdx = idx === -1 ? this.offsets.length : idx;
+    this.offsets.splice(insertIdx, 0, offset);
+    this.colors.splice(insertIdx, 0, encodeCString(color));
+  }
+}
+
+class Render2DState {
+  lineWidth = 0;
+  globalAlpha = 1;
+  imageSmoothingQuality = "low";
+  imageSmoothingEnabled = true;
+  fillStyle = "#000000";
+  strokeStyle = "#000000";
+  compositeOperation = "source-over";
+  filter = "none";
+  fontCss = "10px sans-serif";
+  textBaseline = "alphabetic";
+  textAlign = "start";
+  lineDash = [];
+  lineDashOffset = 0;
+  lineJoin = "miter";
+  constructor(other) {
+    if (other instanceof Render2DState) {
+      this.lineWidth = other.lineWidth;
+      this.globalAlpha = other.globalAlpha;
+      this.imageSmoothingQuality = other.imageSmoothingQuality;
+      this.imageSmoothingEnabled = other.imageSmoothingEnabled;
+      this.fillStyle = other.fillStyle;
+      this.strokeStyle = other.strokeStyle;
+      this.compositeOperation = other.compositeOperation;
+      this.filter = other.filter;
+      this.fontCss = other.fontCss;
+      this.textBaseline = other.textBaseline;
+      this.textAlign = other.textAlign;
+      this.lineDash = other.lineDash;
+      this.lineDashOffset = other.lineDashOffset;
+      this.lineJoin = other.lineJoin;
+    }
+  }
+  copyFrom(other) {
+    if (other instanceof Render2DState) {
+      this.lineWidth = other.lineWidth;
+      this.globalAlpha = other.globalAlpha;
+      this.imageSmoothingQuality = other.imageSmoothingQuality;
+      this.imageSmoothingEnabled = other.imageSmoothingEnabled;
+      this.fillStyle = other.fillStyle;
+      this.strokeStyle = other.strokeStyle;
+      this.compositeOperation = other.compositeOperation;
+      this.filter = other.filter;
+      this.fontCss = other.fontCss;
+      this.textBaseline = other.textBaseline;
+      this.textAlign = other.textAlign;
+      this.lineDash = other.lineDash;
+      this.lineDashOffset = other.lineDashOffset;
+      this.lineJoin = other.lineJoin;
+    }
+  }
+}
+
+class CanvasRenderingContext2D {
+  #currentState = new Render2DState;
+  #savedState = new Render2DState;
+  #owner;
+  #reset() {
+    this.#currentState = new Render2DState;
+  }
+  #setStyleGradient(style, isStroke) {
+    const count = style.colors.length;
+    const ptrArray = new BigUint64Array(count);
+    for (let i = 0;i < count; i++) {
+      ptrArray[i] = BigInt(ptr3(style.colors[i]));
+    }
+    const offsetBuffer = new Float32Array(style.offsets);
+    const nativeFn = isStroke ? lib.symbols.canvas_set_stroke_style_gradient : lib.symbols.canvas_set_fill_style_gradient;
+    return nativeFn(ptrs3.get(this), style.type, ptr3(style.points), count, ptr3(ptrArray), ptr3(offsetBuffer));
+  }
+  get canvas() {
+    return this.#owner;
+  }
+  set font(css) {
+    this.#currentState.fontCss = css.trim().toLowerCase();
+    lib.symbols.canvas_set_font(ptrs3.get(this), encoder.encode(`${this.#currentState.fontCss}\x00`));
+  }
+  get font() {
+    return this.#currentState.fontCss;
+  }
+  set fillStyle(style) {
+    if (style == this.#currentState.fillStyle)
+      return;
+    let res = false;
+    if (typeof style === "string") {
+      res = lib.symbols.canvas_set_fill_style(ptrs3.get(this), encodeCString(style));
+    } else if (style instanceof CanvasGradient) {
+      res = this.#setStyleGradient(style, false);
+    }
+    if (res)
+      this.#currentState.fillStyle = style;
+  }
+  get fillStyle() {
+    return this.#currentState.fillStyle;
+  }
+  set strokeStyle(style) {
+    if (style == this.#currentState.strokeStyle)
+      return;
+    let res = false;
+    if (typeof style === "string") {
+      res = lib.symbols.canvas_set_stroke_style(ptrs3.get(this), encoder.encode(`${style.trim()}\x00`));
+    } else if (style instanceof CanvasGradient) {
+      res = this.#setStyleGradient(style, true);
+    }
+    if (res)
+      this.#currentState.strokeStyle = style;
+  }
+  get strokeStyle() {
+    return this.#currentState.strokeStyle;
+  }
+  set lineWidth(width) {
+    let w = width < 1 ? 1 : width;
+    lib.symbols.canvas_set_stroke_width(ptrs3.get(this), w);
+    this.#currentState.lineWidth = w;
+  }
+  get lineWidth() {
+    return this.#currentState.lineWidth;
+  }
+  set globalAlpha(a) {
+    this.#currentState.globalAlpha = lib.symbols.canvas_set_global_alpha(ptrs3.get(this), a);
+  }
+  get globalAlpha() {
+    return this.#currentState.globalAlpha;
+  }
+  set imageSmoothingQuality(v) {
+    let res = false;
+    switch (v) {
+      case "low": {
+        res = lib.symbols.canvas_set_image_smoothing_quality(ptrs3.get(this), 1);
+        break;
+      }
+      case "medium": {
+        res = lib.symbols.canvas_set_image_smoothing_quality(ptrs3.get(this), 2);
+        break;
+      }
+      case "high": {
+        res = lib.symbols.canvas_set_image_smoothing_quality(ptrs3.get(this), 3);
+        break;
+      }
+    }
+    if (res) {
+      this.#currentState.imageSmoothingQuality = v;
+    }
+  }
+  get imageSmoothingQuality() {
+    return this.#currentState.imageSmoothingQuality;
+  }
+  set imageSmoothingEnabled(v) {
+    this.#currentState.imageSmoothingEnabled = lib.symbols.canvas_set_image_smoothing_enabled(ptrs3.get(this), v);
+  }
+  get imageSmoothingEnabled() {
+    return this.#currentState.imageSmoothingEnabled;
+  }
+  set filter(v) {
+    if (lib.symbols.canvas_set_filter(ptrs3.get(this), encoder.encode(`${v}\x00`))) {
+      this.#currentState.filter = v;
+    }
+  }
+  get filter() {
+    return this.#currentState.filter;
+  }
+  set globalCompositeOperation(operation) {
+    if (lib.symbols.canvas_set_composite_operation(ptrs3.get(this), encoder.encode(`${operation}\x00`)) == true)
+      this.#currentState.compositeOperation = operation;
+  }
+  get globalCompositeOperation() {
+    return this.#currentState.compositeOperation;
+  }
+  fillRect(x, y, w, h) {
+    lib.symbols.canvas_fill_rect(ptrs3.get(this), x, y, w, h);
+  }
+  strokeRect(x, y, w, h) {
+    lib.symbols.canvas_stroke_rect(ptrs3.get(this), x, y, w, h);
+  }
+  clearRect(x, y, w, h) {
+    lib.symbols.canvas_clear_rect(ptrs3.get(this), x, y, w, h);
+  }
+  fillText(text, x, y, maxWidth = -1) {
+    lib.symbols.canvas_fill_text(ptrs3.get(this), encoder.encode(`${text}\x00`), x, y, maxWidth);
+  }
+  strokeText(text, x, y, maxWidth = -1) {
+    lib.symbols.canvas_stroke_text(ptrs3.get(this), encoder.encode(`${text}\x00`), x, y, maxWidth);
+  }
+  beginPath() {
+    lib.symbols.canvas_path_begin(ptrs3.get(this));
+  }
+  moveTo(x, y) {
+    lib.symbols.canvas_path_move_to(ptrs3.get(this), x, y);
+  }
+  lineTo(x, y) {
+    lib.symbols.canvas_path_line_to(ptrs3.get(this), x, y);
+  }
+  arc(x, y, radius, startAngle, endAngle) {
+    lib.symbols.canvas_path_arc(ptrs3.get(this), x, y, radius, startAngle, endAngle);
+  }
+  ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise = false) {
+    lib.symbols.canvas_path_ellipse(ptrs3.get(this), x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise);
+  }
+  arcTo(x1, y1, x2, y2, radius) {
+    lib.symbols.canvas_path_arc_to(ptrs3.get(this), x1, y1, x2, y2, radius);
+  }
+  bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+    lib.symbols.canvas_path_bezier_to(ptrs3.get(this), cp1x, cp1y, cp2x, cp2y, x, y);
+  }
+  quadraticCurveTo(cpx, cpy, x, y) {
+    lib.symbols.canvas_path_quad_to(ptrs3.get(this), cpx, cpy, x, y);
+  }
+  closePath() {
+    lib.symbols.canvas_path_close(ptrs3.get(this));
+  }
+  rect(x, y, width, height) {
+    lib.symbols.canvas_path_rect(ptrs3.get(this), x, y, width, height);
+  }
+  roundRect(x, y, width, height, radii) {
+    if (radii.constructor.name.toLowerCase().includes("array")) {
+      const arr = new Float32Array(radii);
+      if (arr.some(Number.isNaN))
+        return;
+      const len = arr.length;
+      lib.symbols.canvas_path_roundrect_array(ptrs3.get(this), x, y, width, height, ptr3(arr), len);
+      return;
+    } else {
+      lib.symbols.canvas_path_roundrect(ptrs3.get(this), x, y, width, height, radii);
+    }
+  }
+  fill(path) {
+    lib.symbols.canvas_path_fill(ptrs3.get(this), path ? path.ptr : undefined);
+  }
+  stroke(path) {
+    lib.symbols.canvas_path_stroke(ptrs3.get(this), path ? path.ptr : undefined);
+  }
+  set shadowBlur(blur) {
+    lib.symbols.canvas_set_shadow_blur(ptrs3.get(this), blur);
+  }
+  set shadowColor(col) {
+    lib.symbols.canvas_set_shadow_color(ptrs3.get(this), encoder.encode(`${col}\x00`));
+  }
+  set shadowOffsetX(x) {
+    lib.symbols.canvas_set_shadow_offsetX(ptrs3.get(this), x);
+  }
+  set shadowOffsetY(y) {
+    lib.symbols.canvas_set_shadow_offsetY(ptrs3.get(this), y);
+  }
+  set lineJoin(joinType) {
+    let res = false;
+    switch (joinType) {
+      case "round": {
+        res = lib.symbols.canvas_set_line_join(ptrs3.get(this), 1);
+        break;
+      }
+      case "bevel": {
+        res = lib.symbols.canvas_set_line_join(ptrs3.get(this), 2);
+        break;
+      }
+      case "miter": {
+        res = lib.symbols.canvas_set_line_join(ptrs3.get(this), 3);
+        break;
+      }
+    }
+    if (res) {
+      this.#currentState.lineJoin = joinType;
+    }
+  }
+  get lineJoin() {
+    return this.#currentState.lineJoin;
+  }
+  drawImage(img, ...args) {
+    let _arr = args.length == 2 ? [...args, img.width, img.height] : args;
+    const arr = new Float32Array(_arr);
+    const len = arr.length;
+    if (img instanceof Image) {
+      lib.symbols.canvas_draw_image_imageType(ptrs3.get(this), img.ptr, ptr3(arr), len);
+      return;
+    }
+    if (img instanceof Canvas) {
+      lib.symbols.canvas_draw_image_canvasType(ptrs3.get(this), ptrs3.get(img), ptr3(arr), len);
+      return;
+    }
+    throw new TypeError("Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(Image or Canvas)'.");
+  }
+  getImageData(x, y, w, h) {
+    const arr = new Uint8Array(w * h * 4);
+    lib.symbols.canvas_get_image_data(ptrs3.get(this), x, y, w, h, ptr3(arr));
+    return new ImageData(w, h, arr);
+  }
+  putImageData(data, dx, dy, dirtyX = 0, dirtyY = 0, dirtyWidth = data.width, dirtyHeight = data.height) {
+    if (!(data instanceof ImageData)) {
+      throw new TypeError("Failed to execute 'putImageData' on 'CanvasRenderingContext2D': " + "parameter 1 is not of type 'ImageData'");
+    }
+    lib.symbols.canvas_put_image_data(ptrs3.get(this), dx, dy, data.width, data.height, dirtyX, dirtyY, dirtyWidth, dirtyHeight, ptr3(data.data));
+  }
+  save() {
+    this.#savedState?.copyFrom(this.#currentState);
+    lib.symbols.canvas_save(ptrs3.get(this));
+  }
+  restore() {
+    if (!this.#savedState)
+      return;
+    this.#currentState?.copyFrom(this.#savedState);
+    lib.symbols.canvas_restore(ptrs3.get(this));
+  }
+  translate(x, y) {
+    lib.symbols.canvas_translate(ptrs3.get(this), x, y);
+  }
+  rotate(deg) {
+    lib.symbols.canvas_rotate(ptrs3.get(this), deg);
+  }
+  createConicGradient(...args) {
+    if (args.length < 3)
+      throw new TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 3 arguments required, but only ${args.length} present.`);
+    return new CanvasGradient(2 /* Conic */, ...args);
+  }
+  createLinearGradient(...args) {
+    if (args.length < 4)
+      throw new TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 4 arguments required, but only ${args.length} present.`);
+    return new CanvasGradient(0 /* Linear */, ...args);
+  }
+  createRadialGradient(...args) {
+    if (args.length < 6)
+      throw new TypeError(`Failed to execute 'createLinearGradient' on 'CanvasRenderingContext2D': 6 arguments required, but only ${args.length} present.`);
+    return new CanvasGradient(1 /* Radial */, ...args);
+  }
+  getTransform() {
+    let arr = new Float32Array(16);
+    lib.symbols.canvas_get_transform(ptrs3.get(this), ptr3(arr));
+    return new DOMMatrix(arr);
+  }
+  setTransform(...args) {
+    if (args[0] instanceof DOMMatrix)
+      lib.symbols.canvas_set_transform(ptrs3.get(this), args[0].ptr);
+    if (args.length == 6) {
+      const mtx = new DOMMatrix([args[0], args[1], args[2], args[3], args[4], args[5]]);
+      lib.symbols.canvas_set_transform(ptrs3.get(this), mtx.ptr);
+    }
+    if (args.length == 16)
+      lib.symbols.canvas_set_transform(ptrs3.get(this), new DOMMatrix([args[0], args[1], args[2], args[3], args[4], args[5], args[5], args[6], args[7], args[8], args[9], args[10], args[11], args[12], args[13], args[14], args[15]]).ptr);
+  }
+  transform(a, b, c, d, e, f) {
+    const tf = this.getTransform();
+    const mul = new DOMMatrix([a, b, c, d, e, f]);
+    tf.multiplySelf(mul);
+    this.setTransform(tf);
+  }
+  resetTransform() {
+    lib.symbols.canvas_reset_transform(ptrs3.get(this));
+  }
+  setLineDash(lines) {
+    if (lines.constructor.name.toLowerCase().includes("array")) {
+      let _a;
+      if (lines.length & 1) {
+        _a = lines.concat(Array.from(lines));
+      } else {
+        _a = lines;
+      }
+      const arr = new Float32Array(_a);
+      if (arr.some(Number.isNaN))
+        return;
+      lib.symbols.canvas_set_line_dash(ptrs3.get(this), ptr3(arr), arr.length, this.#currentState.lineDashOffset);
+      this.#currentState.lineDash = _a;
+      return;
+    }
+    throw new TypeError(`Failed to execute 'setLineDash' on 'CanvasRenderingContext2D': The provided value cannot be converted to a sequence.`);
+  }
+  getLineDash() {
+    return this.#currentState.lineDash;
+  }
+  clip() {
+    lib.symbols.canvas_path_clip(ptrs3.get(this));
+  }
+  set lineDashOffset(v) {
+    if (this.#currentState.lineDash.length <= 0) {
+      this.#currentState.lineDashOffset = 0;
+      return;
+    }
+    const arr = new Float32Array(this.#currentState.lineDash);
+    lib.symbols.canvas_set_line_dash(ptrs3.get(this), ptr3(arr), arr.length, v);
+    this.#currentState.lineDashOffset = v;
+  }
+  set textBaseline(baseline) {
+    let bl = -1;
+    switch (baseline) {
+      case "top":
+        bl = 0;
+        break;
+      case "hanging":
+        bl = 1;
+        break;
+      case "middle":
+        bl = 2;
+        break;
+      case "alphabetic":
+        bl = 3;
+        break;
+      case "ideographic":
+        bl = 4;
+        break;
+      case "bottom":
+        bl = 5;
+        break;
+    }
+    if (bl != -1) {
+      lib.symbols.canvas_set_text_baseline(ptrs3.get(this), bl);
+    }
+  }
+  set textAlign(alignment) {
+    let al = -1;
+    switch (alignment) {
+      case "left":
+        al = 0;
+        break;
+      case "right":
+        al = 1;
+        break;
+      case "center":
+        al = 2;
+        break;
+      case "start":
+        al = 3;
+        break;
+      case "end":
+        al = 4;
+        break;
+    }
+    if (al != -1) {
+      lib.symbols.canvas_set_text_align(ptrs3.get(this), al);
+    }
+  }
+  measureText(text) {
+    const pArr = new Float32Array(12);
+    lib.symbols.canvas_measure_text(ptrs3.get(this), encoder.encode(`${text}\x00`), ptr3(pArr));
+    return new TextMetrics(pArr[0], pArr[1], pArr[2], pArr[3], pArr[4], pArr[5], pArr[6], pArr[7], pArr[8], pArr[9], pArr[10], pArr[11]);
+  }
+  constructor(iptr, cnv, args) {
+    const { desynchronized = false, alpha = true } = args ?? {};
+    const cb = new JSCallback(this.#reset.bind(this), {
+      args: [],
+      returns: "void"
+    });
+    const renderContextPtr = lib.symbols.canvas_get_context2D(iptr, cb.ptr, desynchronized, alpha);
+    this.#owner = cnv;
+    ptrs3.set(this, renderContextPtr);
+  }
+}
+{
+  const proto = CanvasRenderingContext2D.prototype;
+  for (const key of Object.getOwnPropertyNames(proto)) {
+    const desc = Object.getOwnPropertyDescriptor(proto, key);
+    if (key == "constructor") {
+      desc && (desc.value.toString = () => {
+        return `function ${proto.constructor.name}() { [native code] }`;
+      });
+      continue;
+    }
+    if (typeof desc?.value === "function") {
+      desc.value.toString = () => `function ${key}() { [native code] }`;
+    }
+  }
+}
+
+class Canvas {
+  #dim = new Float64Array(2);
+  #rCapture = {
+    cb: () => {}
+  };
+  constructor(w = 1, h = 1, options) {
+    this.#dim[0] = w;
+    this.#dim[1] = h;
+    const { gpu = true } = options ?? {};
+    let ptr = lib.symbols.canvas_create(w, h, gpu);
+    ptrs3.set(this, ptr);
+    canvasFinalizationRegistry.register(this, ptr);
+  }
+  get _ptr() {
+    return ptrs3.get(this);
+  }
+  set width(v) {
+    this.#dim[0] = Number.parseInt(v);
+    this.#rCapture.cb();
+    lib.symbols.canvas_resize(ptrs3.get(this), this.#dim[0], this.#dim[1]);
+  }
+  set height(v) {
+    this.#dim[1] = Number.parseInt(v);
+    this.#rCapture.cb();
+    lib.symbols.canvas_resize(ptrs3.get(this), this.#dim[0], this.#dim[1]);
+  }
+  get width() {
+    return this.#dim[0];
+  }
+  get height() {
+    return this.#dim[1];
+  }
+  getContext(contextType, args) {
+    if (contextType == "2d") {
+      return new CanvasRenderingContext2D(ptrs3.get(this), this, args);
+    }
+  }
+  getBoundingClientRect() {
+    return {
+      x: 0,
+      y: 0,
+      width: this.#dim[0],
+      height: this.#dim[1],
+      top: 0,
+      bottom: this.#dim[1],
+      left: 0,
+      right: this.#dim[0]
+    };
+  }
+}
+{
+  const proto = Canvas.prototype;
+  for (const key of Object.getOwnPropertyNames(proto)) {
+    const desc = Object.getOwnPropertyDescriptor(proto, key);
+    if (key == "constructor") {
+      desc && (desc.value.toString = () => {
+        return `function ${proto.constructor.name}() { [native code] }`;
+      });
+      continue;
+    }
+    if (typeof desc?.value === "function") {
+      desc.value.toString = () => `function ${key}() { [native code] }`;
+    }
+  }
+}
+// BunCanvas/src/Path2D.ts
+import { ptr as ptr4 } from "bun:ffi";
+var p2dFinalizationRegistry = new FinalizationRegistry((ptr) => {
+  lib.symbols.path2d_destroy(ptr);
+});
+var ptrs4 = new WeakMap;
+
+class Path2D {
+  constructor(path) {
+    if (path && path instanceof Path2D) {
+      let _ptr = lib.symbols.path2d_create_from_copy(path.ptr);
+      ptrs4.set(this, _ptr);
+      p2dFinalizationRegistry.register(this, _ptr);
+    } else {
+      let _ptr = lib.symbols.path2d_create();
+      ptrs4.set(this, _ptr);
+      p2dFinalizationRegistry.register(this, _ptr);
+    }
+  }
+  moveTo(x, y) {
+    lib.symbols.path2d_move_to(ptrs4.get(this), x, y);
+  }
+  lineTo(x, y) {
+    lib.symbols.path2d_line_to(ptrs4.get(this), x, y);
+  }
+  arc(x, y, radius, startAngle, endAngle) {
+    lib.symbols.path2d_arc(ptrs4.get(this), x, y, radius, startAngle, endAngle);
+  }
+  ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise = false) {
+    lib.symbols.path2d_ellipse(ptrs4.get(this), x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise);
+  }
+  arcTo(x1, y1, x2, y2, radius) {
+    lib.symbols.path2d_arc_to(ptrs4.get(this), x1, y1, x2, y2, radius);
+  }
+  bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+    lib.symbols.path2d_bezier_to(ptrs4.get(this), cp1x, cp1y, cp2x, cp2y, x, y);
+  }
+  quadraticCurveTo(cpx, cpy, x, y) {
+    lib.symbols.path2d_quad_to(ptrs4.get(this), cpx, cpy, x, y);
+  }
+  rect(x, y, width, height) {
+    lib.symbols.path2d_rect(ptrs4.get(this), x, y, width, height);
+  }
+  roundRect(x, y, width, height, radii) {
+    if (radii.constructor.name.toLowerCase().includes("array")) {
+      const arr = new Float32Array(radii);
+      if (arr.some(Number.isNaN))
+        return;
+      const len = arr.length;
+      lib.symbols.path2d_roundrect_array(ptrs4.get(this), x, y, width, height, ptr4(arr), len);
+      return;
+    } else {
+      lib.symbols.path2d_rect(ptrs4.get(this), x, y, width, height, radii);
+    }
+  }
+  closePath() {
+    lib.symbols.path2d_close(ptrs4.get(this));
+  }
+  get ptr() {
+    return ptrs4.get(this);
+  }
+}
+var proto3 = Path2D.prototype;
+for (const key of Object.getOwnPropertyNames(proto3)) {
+  const desc = Object.getOwnPropertyDescriptor(proto3, key);
+  if (key == "constructor") {
+    desc && (desc.value.toString = () => {
+      return `function ${proto3.constructor.name}() { [native code] }`;
+    });
+    continue;
+  }
+  if (typeof desc?.value === "function") {
+    desc.value.toString = () => `function ${key}() { [native code] }`;
+  }
+}
+// BunCanvas/src/Window.ts
+import { dlopen as dlopen2, toArrayBuffer } from "bun:ffi";
+
+// BunCanvas/internal/WindowThread.js
+var WindowThread_default = `import { dlopen, FFIType, JSCallback } from "bun:ffi";
 
 const MessagePost = new JSCallback((instruction)=>{
     self.postMessage(instruction);
@@ -23,4 +2895,480 @@ self.onmessage = (msg)=>{
     self.postMessage(2)
 }
 
-`;var A=[],B;n.symbols.glfw_init();if(process.platform!=="darwin")B=new Worker(URL.createObjectURL(new Blob([ot],{type:"application/javascript"})),{ref:!1});n.symbols.canvas_init_gpu_context();var Tt=!1;class Z{#t=new Map;#e=new Map;#s=new Map;#a=new Map;#l=new Map;#i=new Map;#o=new Map;#b=new Map;#d=new Int32Array(M(n.symbols.get_wPropertiesViewer(),0,16));#r=new Float64Array(M(n.symbols.get_mMoveViewer(),0,72));#h=new Float64Array(M(n.symbols.get_mClickViewer(),0,72));#c=new Float64Array(M(n.symbols.get_mDownViewer(),0,72));#m=new Float64Array(M(n.symbols.get_mUpViewer(),0,72));#u=new Int32Array(M(n.symbols.get_kDownViewer(),0,28));#f=new Int32Array(M(n.symbols.get_kUpViewer(),0,28));#p=new Float64Array(M(n.symbols.get_mWheelViewer(),0,40));#n=new WeakMap;#w=[];#y=0;#_(){if(this.#d[0]!=0){this.#d[0]=0;let t=new d("resize",this);if(this.onresize)this.onresize(t);this.#t.forEach((e,s)=>{e.cb(t)})}if(this.#r[0]!=0){this.#r[0]=0;let t=new w("move",{target:this,altKey:!1,button:0,buttons:this.#r[5],clientX:this.#r[1],clientY:this.#r[2],movementX:this.#r[3],movementY:this.#r[4],ctrlKey:!1,metaKey:!1,screenX:0,screenY:0,shiftKey:!1});if(this.onmousemove)this.onmousemove(t);this.#e.forEach((e,s)=>{e.cb(t)})}if(this.#r[0]!=0){this.#r[0]=0;let t=new w("move",{target:this,altKey:!1,button:0,buttons:this.#r[5],clientX:this.#r[1],clientY:this.#r[2],movementX:this.#r[3],movementY:this.#r[4],ctrlKey:!1,metaKey:!1,screenX:0,screenY:0,shiftKey:!1});if(this.onmousemove)this.onmousemove(t);this.#e.forEach((e,s)=>{e.cb(t)})}if(this.#c[0]!=0){this.#c[0]=0;let t=new w("down",{target:this,altKey:this.#c[7],button:this.#c[3],buttons:this.#c[4],clientX:this.#c[1],clientY:this.#c[2],movementX:0,movementY:0,ctrlKey:this.#c[6],metaKey:this.#c[8],screenX:this.#c[1],screenY:this.#c[2],shiftKey:this.#c[5]});if(this.onmousedown)this.onmousedown(t);this.#s.forEach((e,s)=>{e.cb(t)})}if(this.#m[0]!=0){this.#m[0]=0;let t=new w("up",{target:this,altKey:this.#m[7],button:this.#m[3],buttons:this.#m[4],clientX:this.#m[1],clientY:this.#m[2],movementX:0,movementY:0,ctrlKey:this.#m[6],metaKey:this.#m[8],screenX:this.#m[1],screenY:this.#m[2],shiftKey:this.#m[5]});if(this.onmouseup)this.onmouseup(t);this.#a.forEach((e,s)=>{e.cb(t)})}if(this.#h[0]!=0){this.#h[0]=0;let t=new w("click",{target:this,altKey:this.#h[7],button:this.#h[3],buttons:this.#h[4],clientX:this.#h[1],clientY:this.#h[2],movementX:0,movementY:0,ctrlKey:this.#h[6],metaKey:this.#h[8],screenX:this.#h[1],screenY:this.#h[2],shiftKey:this.#h[5]});if(this.onclick)this.onclick(t);this.#i.forEach((e,s)=>{e.cb(t)})}if(this.#p[0]!=0){this.#p[0]=0;let t=new I("wheel",{target:this,altKey:this.#r[7],button:this.#p[3],buttons:this.#p[4],clientX:this.#r[3],clientY:this.#r[4],deltaX:-this.#p[1]*120,deltaY:-this.#p[2]*120,movementX:0,movementY:0,ctrlKey:this.#r[6],metaKey:this.#r[8],screenX:this.#r[3],screenY:this.#r[4],shiftKey:this.#r[5]});if(this.onwheel)this.onwheel(t);this.#l.forEach((e,s)=>{e.cb(t)})}if(this.#u[0]!=0){this.#u[0]=0;let t=new O("down",null,this.#u[2],this,this.#u[1],this.#u[3],this.#u[4],this.#u[5],this.#u[6]);if(this.onkeydown)this.onkeydown(t);this.#o.forEach((e,s)=>{e.cb(t)})}if(this.#f[0]!=0){this.#f[0]=0;let t=new O("up",null,this.#f[2],this,this.#f[1],this.#f[3],this.#f[4],this.#f[5],this.#f[6]);if(this.onkeyup)this.onkeyup(t);this.#b.forEach((e,s)=>{e.cb(t)})}}maxFramerate=0;#g=!0;get vsync(){return this.#g}set vsync(t){this.#g=t,n.symbols.set_vsync(t)}fonts={add(t){if(!t._nativePtr)throw TypeError("Font was not loaded");n.symbols.font_add_to_registry(u.encode(`${t.family}\x00`),t._nativePtr)}};onresize=null;onmousemove=null;onmousedown=null;onmouseup=null;onclick=null;onkeydown=null;onkeyup=null;onwheel=null;get innerWidth(){return this.#d[1]}get innerHeight(){return this.#d[2]}constructor(t,e,s="App",r){if(process.platform!=="darwin")B.ref?.();Tt=!0,this.#d[1]=t,this.#d[2]=e;let{vsync:i=!0,maxFramerate:o=0}=r??{};this.#g=i,this.maxFramerate=o;let l=performance.now();if(process.platform!=="darwin"){B.onerror=(g)=>{console.error("Render thread error:",g)};let h=u.encode(`${s}\x00`);B.postMessage({w:t,h:e,t:h,vsync:this.#g,nativePath:V});let m=!1,f=performance.now();B.onmessage=(g)=>{let F=g.data;if(F===2){n.symbols.destroy_window(),n.symbols.images_cleanup(),process.exit(0);return}if(F===1)n.symbols.create_window(t,e,h);n.symbols.signal_frame_ready();let _=this.maxFramerate>0?1000/this.maxFramerate:0,x=performance.now(),S=x-f;if(_===0||this.#g||S>=_){if(_>0)f=x-S%_;if(!m)m=!0,n.symbols.canvas_flush_gpu(),setImmediate(()=>{let k=A.length;if(k>0){let G=A;A=[];for(let C=0;C<k;C++)G[C](x)}m=!1})}this.#_()}}else{let h=$t(V,{setup_render_thread:{args:["int","int","cstring","ptr","bool"],returns:"void"}}),m=u.encode(`${s}\x00`);h.symbols.setup_render_thread(t,e,m,0,i),n.symbols.create_window(t,e,m);let f=this.maxFramerate>0?1000/this.maxFramerate:0,g=performance.now(),F=()=>{if(this.#d[3]==1){n.symbols.destroy_window(),process.exit(0);return}let _=performance.now(),x=_-g;if(f===0||x>=f){if(g=f>0?_-x%f:_,this.#_(),A.length>0){let S=A;A=[];for(let k=0;k<S.length;k++)S[k](_)}n.symbols.update_window()}setImmediate(F)};F()}}addEventListener(t,e){let s=this.#w.pop(),r=s!=null?s:this.#y;if(r==this.#y)this.#y++;if(t=="resize")this.#t.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="mousemove")this.#e.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="mousedown")this.#s.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="mouseup")this.#a.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="wheel")this.#l.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="click")this.#i.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="keydown")this.#o.set(r,{name:t,cb:e}),this.#n.set(e,r);else if(t=="keyup")this.#b.set(r,{name:t,cb:e}),this.#n.set(e,r)}removeEventListener(t,e){let s=this.#n.get(e);if(t=="resize"){if(s!=null)this.#t.delete(s),this.#n.delete(e)}else if(t=="mousemove"){if(s!=null)this.#e.delete(s),this.#n.delete(e)}else if(t=="mousedown"){if(s!=null)this.#s.delete(s),this.#n.delete(e)}else if(t=="mouseup"){if(s!=null)this.#a.delete(s),this.#n.delete(e)}else if(t=="wheel"){if(s!=null)this.#l.delete(s),this.#n.delete(e)}else if(t=="click"){if(s!=null)this.#i.delete(s),this.#n.delete(e)}else if(t=="keydown"){if(s!=null)this.#o.delete(s),this.#n.delete(e)}else if(t=="keyup"){if(s!=null)this.#b.delete(s),this.#n.delete(e)}}append(t){let e=t._ptr;if(e==null){console.error("Canvas was not found");return}n.symbols.canvas_append(e)}}{let t=Z.prototype;for(let e of Object.getOwnPropertyNames(t)){let s=Object.getOwnPropertyDescriptor(t,e);if(e=="constructor"){s&&(s.value.toString=()=>`function ${t.constructor.name}() { [native code] }`);continue}if(typeof s?.value==="function")s.value.toString=()=>`function ${e}() { [native code] }`}}var R;if(globalThis.requestAnimationFrame)R=globalThis.requestAnimationFrame;else R=function(e){setImmediate(()=>{A.push(e)})},R.toString=()=>"function requestAnimationFrame() { [native code] }";var Ot=R;var q=new WeakMap;n.symbols.audio_backend_init();class at{constructor(t){if(t)q.set(this,n.symbols.audio_create(u.encode(`${t}\x00`)));else q.set(this,n.symbols.audio_create())}set src(t){n.symbols.audio_set_src(N(t))}play(){n.symbols.audio_play(q.get(this))}stop(){n.symbols.audio_stop(q.get(this))}}export{at as Audio,X as Canvas,b as DOMMatrix,d as Event,j as FontFace,T as Image,O as KeyboardEvent,w as MouseEvent,Y as Path2D,W as TextMetrics,I as WheelEvent,Z as Window,Ot as requestAnimationFrame};
+`;
+
+// BunCanvas/src/Window.ts
+var requestedFrames = [];
+var render_thread;
+lib.symbols.glfw_init();
+if (process.platform !== "darwin") {
+  render_thread = new Worker(URL.createObjectURL(new Blob([WindowThread_default], { type: "application/javascript" })), { ref: false });
+}
+lib.symbols.canvas_init_gpu_context();
+var windowWasCreated = false;
+
+class Window {
+  #rEvts = new Map;
+  #mMoveEvts = new Map;
+  #mDownEvts = new Map;
+  #mMUpEvts = new Map;
+  #mWheelEvts = new Map;
+  #mClickEvts = new Map;
+  #keyDownEvts = new Map;
+  #keyUpEvts = new Map;
+  #wPropertiesViewer = new Int32Array(toArrayBuffer(lib.symbols.get_wPropertiesViewer(), 0, 4 * 4));
+  #mMoveViewer = new Float64Array(toArrayBuffer(lib.symbols.get_mMoveViewer(), 0, 9 * 8));
+  #mClickViewer = new Float64Array(toArrayBuffer(lib.symbols.get_mClickViewer(), 0, 9 * 8));
+  #mDownViewer = new Float64Array(toArrayBuffer(lib.symbols.get_mDownViewer(), 0, 9 * 8));
+  #mUpViewer = new Float64Array(toArrayBuffer(lib.symbols.get_mUpViewer(), 0, 9 * 8));
+  #kDownViewer = new Int32Array(toArrayBuffer(lib.symbols.get_kDownViewer(), 0, 7 * 4));
+  #kUpViewer = new Int32Array(toArrayBuffer(lib.symbols.get_kUpViewer(), 0, 7 * 4));
+  #mWheelViewer = new Float64Array(toArrayBuffer(lib.symbols.get_mWheelViewer(), 0, 5 * 8));
+  #evtDetails = new WeakMap;
+  #freeIndex = new Array;
+  #eIndex = 0;
+  #processEvents() {
+    if (this.#wPropertiesViewer[0] != 0) {
+      this.#wPropertiesViewer[0] = 0;
+      const details = new Event("resize", this);
+      if (this.onresize)
+        this.onresize(details);
+      this.#rEvts.forEach((item, key) => {
+        item.cb(details);
+      });
+    }
+    if (this.#mMoveViewer[0] != 0) {
+      this.#mMoveViewer[0] = 0;
+      const evt = new MouseEvent("move", {
+        target: this,
+        altKey: false,
+        button: 0,
+        buttons: this.#mMoveViewer[5],
+        clientX: this.#mMoveViewer[1],
+        clientY: this.#mMoveViewer[2],
+        movementX: this.#mMoveViewer[3],
+        movementY: this.#mMoveViewer[4],
+        ctrlKey: false,
+        metaKey: false,
+        screenX: 0,
+        screenY: 0,
+        shiftKey: false
+      });
+      if (this.onmousemove)
+        this.onmousemove(evt);
+      this.#mMoveEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#mMoveViewer[0] != 0) {
+      this.#mMoveViewer[0] = 0;
+      const evt = new MouseEvent("move", {
+        target: this,
+        altKey: false,
+        button: 0,
+        buttons: this.#mMoveViewer[5],
+        clientX: this.#mMoveViewer[1],
+        clientY: this.#mMoveViewer[2],
+        movementX: this.#mMoveViewer[3],
+        movementY: this.#mMoveViewer[4],
+        ctrlKey: false,
+        metaKey: false,
+        screenX: 0,
+        screenY: 0,
+        shiftKey: false
+      });
+      if (this.onmousemove)
+        this.onmousemove(evt);
+      this.#mMoveEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#mDownViewer[0] != 0) {
+      this.#mDownViewer[0] = 0;
+      const evt = new MouseEvent("down", {
+        target: this,
+        altKey: this.#mDownViewer[7],
+        button: this.#mDownViewer[3],
+        buttons: this.#mDownViewer[4],
+        clientX: this.#mDownViewer[1],
+        clientY: this.#mDownViewer[2],
+        movementX: 0,
+        movementY: 0,
+        ctrlKey: this.#mDownViewer[6],
+        metaKey: this.#mDownViewer[8],
+        screenX: this.#mDownViewer[1],
+        screenY: this.#mDownViewer[2],
+        shiftKey: this.#mDownViewer[5]
+      });
+      if (this.onmousedown)
+        this.onmousedown(evt);
+      this.#mDownEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#mUpViewer[0] != 0) {
+      this.#mUpViewer[0] = 0;
+      const evt = new MouseEvent("up", {
+        target: this,
+        altKey: this.#mUpViewer[7],
+        button: this.#mUpViewer[3],
+        buttons: this.#mUpViewer[4],
+        clientX: this.#mUpViewer[1],
+        clientY: this.#mUpViewer[2],
+        movementX: 0,
+        movementY: 0,
+        ctrlKey: this.#mUpViewer[6],
+        metaKey: this.#mUpViewer[8],
+        screenX: this.#mUpViewer[1],
+        screenY: this.#mUpViewer[2],
+        shiftKey: this.#mUpViewer[5]
+      });
+      if (this.onmouseup)
+        this.onmouseup(evt);
+      this.#mMUpEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#mClickViewer[0] != 0) {
+      this.#mClickViewer[0] = 0;
+      const evt = new MouseEvent("click", {
+        target: this,
+        altKey: this.#mClickViewer[7],
+        button: this.#mClickViewer[3],
+        buttons: this.#mClickViewer[4],
+        clientX: this.#mClickViewer[1],
+        clientY: this.#mClickViewer[2],
+        movementX: 0,
+        movementY: 0,
+        ctrlKey: this.#mClickViewer[6],
+        metaKey: this.#mClickViewer[8],
+        screenX: this.#mClickViewer[1],
+        screenY: this.#mClickViewer[2],
+        shiftKey: this.#mClickViewer[5]
+      });
+      if (this.onclick)
+        this.onclick(evt);
+      this.#mClickEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#mWheelViewer[0] != 0) {
+      this.#mWheelViewer[0] = 0;
+      const evt = new WheelEvent("wheel", {
+        target: this,
+        altKey: this.#mMoveViewer[7],
+        button: this.#mWheelViewer[3],
+        buttons: this.#mWheelViewer[4],
+        clientX: this.#mMoveViewer[3],
+        clientY: this.#mMoveViewer[4],
+        deltaX: -this.#mWheelViewer[1] * 120,
+        deltaY: -this.#mWheelViewer[2] * 120,
+        movementX: 0,
+        movementY: 0,
+        ctrlKey: this.#mMoveViewer[6],
+        metaKey: this.#mMoveViewer[8],
+        screenX: this.#mMoveViewer[3],
+        screenY: this.#mMoveViewer[4],
+        shiftKey: this.#mMoveViewer[5]
+      });
+      if (this.onwheel)
+        this.onwheel(evt);
+      this.#mWheelEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#kDownViewer[0] != 0) {
+      this.#kDownViewer[0] = 0;
+      const evt = new KeyboardEvent("down", null, this.#kDownViewer[2], this, this.#kDownViewer[1], this.#kDownViewer[3], this.#kDownViewer[4], this.#kDownViewer[5], this.#kDownViewer[6]);
+      if (this.onkeydown)
+        this.onkeydown(evt);
+      this.#keyDownEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+    if (this.#kUpViewer[0] != 0) {
+      this.#kUpViewer[0] = 0;
+      const evt = new KeyboardEvent("up", null, this.#kUpViewer[2], this, this.#kUpViewer[1], this.#kUpViewer[3], this.#kUpViewer[4], this.#kUpViewer[5], this.#kUpViewer[6]);
+      if (this.onkeyup)
+        this.onkeyup(evt);
+      this.#keyUpEvts.forEach((item, key) => {
+        item.cb(evt);
+      });
+    }
+  }
+  maxFramerate = 0;
+  #vsync = true;
+  get vsync() {
+    return this.#vsync;
+  }
+  set vsync(v) {
+    this.#vsync = v;
+    lib.symbols.set_vsync(v);
+  }
+  fonts = {
+    add(font) {
+      if (!font._nativePtr)
+        throw new TypeError("Font was not loaded");
+      lib.symbols.font_add_to_registry(encoder.encode(`${font.family}\x00`), font._nativePtr);
+    }
+  };
+  onresize = null;
+  onmousemove = null;
+  onmousedown = null;
+  onmouseup = null;
+  onclick = null;
+  onkeydown = null;
+  onkeyup = null;
+  onwheel = null;
+  get innerWidth() {
+    return this.#wPropertiesViewer[1];
+  }
+  get innerHeight() {
+    return this.#wPropertiesViewer[2];
+  }
+  constructor(width, height, title = "App", args) {
+    if (process.platform !== "darwin")
+      render_thread.ref?.();
+    windowWasCreated = true;
+    this.#wPropertiesViewer[1] = width;
+    this.#wPropertiesViewer[2] = height;
+    const { vsync = true, maxFramerate = 0 } = args ?? {};
+    this.#vsync = vsync;
+    this.maxFramerate = maxFramerate;
+    let lastFrame = performance.now();
+    if (process.platform !== "darwin") {
+      render_thread.onerror = (msg) => {
+        console.error("Render thread error:", msg);
+      };
+      const titleBuf = encoder.encode(`${title}\x00`);
+      render_thread.postMessage({
+        w: width,
+        h: height,
+        t: titleBuf,
+        vsync: this.#vsync,
+        nativePath: dlPath
+      });
+      let pendingFrame = false;
+      let lastFrame = performance.now();
+      render_thread.onmessage = (msg) => {
+        const frameSignal = msg.data;
+        if (frameSignal === 2) {
+          lib.symbols.destroy_window();
+          lib.symbols.images_cleanup();
+          process.exit(0);
+          return;
+        }
+        if (frameSignal === 1) {
+          lib.symbols.create_window(width, height, titleBuf);
+        }
+        lib.symbols.signal_frame_ready();
+        const frameInterval = this.maxFramerate > 0 ? 1000 / this.maxFramerate : 0;
+        const now = performance.now();
+        const delta = now - lastFrame;
+        if (frameInterval === 0 || this.#vsync || delta >= frameInterval) {
+          if (frameInterval > 0) {
+            lastFrame = now - delta % frameInterval;
+          }
+          if (!pendingFrame) {
+            pendingFrame = true;
+            lib.symbols.canvas_flush_gpu();
+            setImmediate(() => {
+              const queueLen = requestedFrames.length;
+              if (queueLen > 0) {
+                const framesToProcess = requestedFrames;
+                requestedFrames = [];
+                for (let i = 0;i < queueLen; i++) {
+                  framesToProcess[i](now);
+                }
+              }
+              pendingFrame = false;
+            });
+          }
+        }
+        this.#processEvents();
+      };
+    } else {
+      let aaplLib = dlopen2(dlPath, {
+        setup_render_thread: {
+          args: ["int", "int", "cstring", "ptr", "bool"],
+          returns: "void"
+        }
+      });
+      const titleBuf = encoder.encode(`${title}\x00`);
+      aaplLib.symbols.setup_render_thread(width, height, titleBuf, 0, vsync);
+      lib.symbols.create_window(width, height, titleBuf);
+      const frameInterval = this.maxFramerate > 0 ? 1000 / this.maxFramerate : 0;
+      let lastFrameTime = performance.now();
+      const loop = () => {
+        if (this.#wPropertiesViewer[3] == 1) {
+          lib.symbols.destroy_window();
+          process.exit(0);
+          return;
+        }
+        const now = performance.now();
+        const delta = now - lastFrameTime;
+        if (frameInterval === 0 || delta >= frameInterval) {
+          lastFrameTime = frameInterval > 0 ? now - delta % frameInterval : now;
+          this.#processEvents();
+          if (requestedFrames.length > 0) {
+            const framesToProcess = requestedFrames;
+            requestedFrames = [];
+            for (let i = 0;i < framesToProcess.length; i++) {
+              framesToProcess[i](now);
+            }
+          }
+          lib.symbols.update_window();
+        }
+        setImmediate(loop);
+      };
+      loop();
+    }
+  }
+  addEventListener(name, fn) {
+    const pop = this.#freeIndex.pop();
+    const usedIndex = pop != null ? pop : this.#eIndex;
+    if (usedIndex == this.#eIndex)
+      this.#eIndex++;
+    if (name == "resize") {
+      this.#rEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "mousemove") {
+      this.#mMoveEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "mousedown") {
+      this.#mDownEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "mouseup") {
+      this.#mMUpEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "wheel") {
+      this.#mWheelEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "click") {
+      this.#mClickEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "keydown") {
+      this.#keyDownEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    } else if (name == "keyup") {
+      this.#keyUpEvts.set(usedIndex, { name, cb: fn });
+      this.#evtDetails.set(fn, usedIndex);
+    }
+  }
+  removeEventListener(name, fn) {
+    const det = this.#evtDetails.get(fn);
+    if (name == "resize") {
+      if (det != null) {
+        this.#rEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "mousemove") {
+      if (det != null) {
+        this.#mMoveEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "mousedown") {
+      if (det != null) {
+        this.#mDownEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "mouseup") {
+      if (det != null) {
+        this.#mMUpEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "wheel") {
+      if (det != null) {
+        this.#mWheelEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "click") {
+      if (det != null) {
+        this.#mClickEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "keydown") {
+      if (det != null) {
+        this.#keyDownEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    } else if (name == "keyup") {
+      if (det != null) {
+        this.#keyUpEvts.delete(det);
+        this.#evtDetails.delete(fn);
+      }
+    }
+  }
+  append(canvas) {
+    const canvasPtr = canvas._ptr;
+    if (canvasPtr == undefined) {
+      console.error("Canvas was not found");
+      return;
+    }
+    lib.symbols.canvas_append(canvasPtr);
+  }
+}
+{
+  const proto = Window.prototype;
+  for (const key of Object.getOwnPropertyNames(proto)) {
+    const desc = Object.getOwnPropertyDescriptor(proto, key);
+    if (key == "constructor") {
+      desc && (desc.value.toString = () => {
+        return `function ${proto.constructor.name}() { [native code] }`;
+      });
+      continue;
+    }
+    if (typeof desc?.value === "function") {
+      desc.value.toString = () => `function ${key}() { [native code] }`;
+    }
+  }
+}
+var rAf;
+if (globalThis.requestAnimationFrame) {
+  rAf = globalThis.requestAnimationFrame;
+} else {
+  rAf = function requestAnimationFrame(callback) {
+    setImmediate(() => {
+      requestedFrames.push(callback);
+    });
+  };
+  rAf.toString = () => `function requestAnimationFrame() { [native code] }`;
+}
+var requestAnimationFrame = rAf;
+// BunCanvas/src/Audio.ts
+var ptrs5 = new WeakMap;
+lib.symbols.audio_backend_init();
+
+class Audio {
+  constructor(path) {
+    if (path) {
+      ptrs5.set(this, lib.symbols.audio_create(encoder.encode(`${path}\x00`)));
+    } else {
+      ptrs5.set(this, lib.symbols.audio_create());
+    }
+  }
+  set src(v) {
+    lib.symbols.audio_set_src(encodeCString(v));
+  }
+  play() {
+    lib.symbols.audio_play(ptrs5.get(this));
+  }
+  stop() {
+    lib.symbols.audio_stop(ptrs5.get(this));
+  }
+}
+export {
+  Audio,
+  Canvas,
+  DOMMatrix,
+  Event,
+  FontFace,
+  Image,
+  KeyboardEvent,
+  MouseEvent,
+  Path2D,
+  TextMetrics,
+  WheelEvent,
+  Window,
+  requestAnimationFrame
+};