@gjsify/canvas2d 0.4.20 → 0.4.22

package/lib/esm/canvas2d-bridge.js

@@ -1 +1 @@
-import"./_virtual/_rolldown/runtime.js";import e from"gi://GObject";import t from"gi://GLib?version=2.0";import n from"gi://Gtk?version=4.0";import{HTMLCanvasElement as r,notifyElementResize as i}from"@gjsify/dom-elements";import{attachEventControllers as a}from"@gjsify/event-bridge";import{Event as o}from"@gjsify/dom-events";const s=e.registerClass({GTypeName:`GjsifyCanvas2DBridge`},class Canvas2DBridge extends n.DrawingArea{constructor(e){super(e),this._canvas=null,this._ctx=null,this._readyCallbacks=[],this._resizeCallbacks=[],this._tickCallbackId=null,this._frameCallback=null,this._timeOrigin=t.get_monotonic_time(),this.set_draw_func(this._onDraw.bind(this)),a(this,()=>this._canvas,{captureKeys:!0}),this.connect(`unrealize`,()=>{this._tickCallbackId!==null&&(this.remove_tick_callback(this._tickCallbackId),this._tickCallbackId=null),this._ctx&&this._ctx._dispose(),this._canvas=null,this._ctx=null})}_onDraw(e,t,n,a){if(!this._canvas){if(this._canvas=new r,this._canvas.width=n,this._canvas.height=a,this._ctx=this._canvas.getContext(`2d`),this._ctx){for(let e of this._readyCallbacks)e(this._canvas,this._ctx);this._readyCallbacks=[]}}else if(this._canvas.width!==n||this._canvas.height!==a){this._canvas.width=n,this._canvas.height=a,this._canvas.dispatchEvent(new o(`resize`)),i(this._canvas,n,a);for(let e of this._resizeCallbacks)e(n,a)}if(this._ctx){let e=this._ctx._getSurface();t.setSourceSurface(e,0,0),t.paint()}}get canvas(){return this._canvas}getContext(e){return this._ctx}onReady(e){if(this._canvas&&this._ctx){e(this._canvas,this._ctx);return}this._readyCallbacks.push(e)}onResize(e){this._resizeCallbacks.push(e)}requestAnimationFrame(e){return this._frameCallback=e,this._tickCallbackId===null&&(this._tickCallbackId=this.add_tick_callback((e,n)=>{this._tickCallbackId=null;let r=(n.get_frame_time()-this._timeOrigin)/1e3;return this._frameCallback?.(r),this.queue_draw(),t.SOURCE_REMOVE})),this.queue_draw(),0}installGlobals(){globalThis.requestAnimationFrame=e=>this.requestAnimationFrame(e);let e=this._timeOrigin;globalThis.performance={now:()=>(t.get_monotonic_time()-e)/1e3,timeOrigin:Date.now()}}});export{s as Canvas2DBridge};
+import"./_virtual/_rolldown/runtime.js";import e from"gi://GObject";import t from"gi://GLib?version=2.0";import n from"gi://Gtk?version=4.0";import{HTMLCanvasElement as r,notifyElementResize as i}from"@gjsify/dom-elements";import{attachEventControllers as a}from"@gjsify/event-bridge";import{Event as o}from"@gjsify/dom-events";const s=e.registerClass({GTypeName:`GjsifyCanvas2DBridge`},class Canvas2DBridge extends n.DrawingArea{constructor(e){super(e),this._canvas=null,this._ctx=null,this._readyCallbacks=[],this._resizeCallbacks=[],this._tickCallbackId=null,this._frameCallback=null,this._timeOrigin=t.get_monotonic_time(),this.set_draw_func(this._onDraw.bind(this)),a(this,()=>this._canvas,{captureKeys:!0}),this.connect(`unrealize`,()=>{this._tickCallbackId!==null&&(this.remove_tick_callback(this._tickCallbackId),this._tickCallbackId=null),this._ctx&&this._ctx._dispose(),this._canvas=null,this._ctx=null})}_onDraw(e,t,n,a){if(!this._canvas){if(this._canvas=new r,this._canvas.width=n,this._canvas.height=a,this._ctx=this._canvas.getContext(`2d`),this._ctx){for(let e of this._readyCallbacks)e(this._canvas,this._ctx);this._readyCallbacks=[]}}else if(this._canvas.width!==n||this._canvas.height!==a){this._canvas.width=n,this._canvas.height=a,this._canvas.dispatchEvent(new o(`resize`)),i(this._canvas,n,a);for(let e of this._resizeCallbacks)e(n,a)}if(this._ctx){let e=this._ctx._getSurface();t.setSourceSurface(e,0,0),t.paint()}}get canvas(){return this._canvas}getContext(e){return this._ctx}onReady(e){if(this._canvas&&this._ctx){e(this._canvas,this._ctx);return}this._readyCallbacks.push(e)}onResize(e){this._resizeCallbacks.push(e)}requestAnimationFrame(e){return this._frameCallback=e,this._tickCallbackId===null&&(this._tickCallbackId=this.add_tick_callback((e,n)=>{this._tickCallbackId=null;let r=(n.get_frame_time()-this._timeOrigin)/1e3;return this._frameCallback?.(r),this.queue_draw(),t.SOURCE_REMOVE})),this.queue_draw(),0}installGlobals(){let e=globalThis;e.requestAnimationFrame=e=>this.requestAnimationFrame(e);let n=this._timeOrigin;e.performance={now:()=>(t.get_monotonic_time()-n)/1e3,timeOrigin:Date.now()}}});export{s as Canvas2DBridge};

package/lib/esm/index.js

@@ -1 +1 @@
-import"./_virtual/_rolldown/runtime.js";import{Canvas2DBridge as e}from"./canvas2d-bridge.js";import{CanvasGradient as t,CanvasPattern as n,CanvasRenderingContext2D as r,CanvasRenderingContext2D as i,ImageData as a,ImageData as o,Path2D as s,Path2D as c,parseColor as l}from"@gjsify/canvas2d-core";import{HTMLCanvasElement as u}from"@gjsify/dom-elements";const d=Symbol.for(`gjsify_canvas2d_context`);u.registerContextFactory(`2d`,(e,t)=>{let n=e[d];if(n)return n;let r=new i(e,t);return e[d]=r,r}),Object.defineProperty(globalThis,`CanvasRenderingContext2D`,{value:i,writable:!0,configurable:!0}),Object.defineProperty(globalThis,`ImageData`,{value:o,writable:!0,configurable:!0}),Object.defineProperty(globalThis,`Path2D`,{value:c,writable:!0,configurable:!0});export{e as Canvas2DBridge,t as CanvasGradient,n as CanvasPattern,r as CanvasRenderingContext2D,a as ImageData,s as Path2D,l as parseColor};
+import"./_virtual/_rolldown/runtime.js";import{Canvas2DBridge as e}from"./canvas2d-bridge.js";import{CanvasGradient as t,CanvasPattern as n,CanvasRenderingContext2D as r,CanvasRenderingContext2D as i,ImageData as a,ImageData as o,Path2D as s,Path2D as c,parseColor as l}from"@gjsify/canvas2d-core";import{HTMLCanvasElement as u}from"@gjsify/dom-elements";const d=Symbol.for(`gjsify_canvas2d_context`);u.registerContextFactory(`2d`,(e,t)=>{let n=e[d];if(n)return n;let r=new i(e,t);return e[d]=r,r}),Object.defineProperty(globalThis,"CanvasRenderingContext2D",{value:i,writable:!0,configurable:!0}),Object.defineProperty(globalThis,"ImageData",{value:o,writable:!0,configurable:!0}),Object.defineProperty(globalThis,"Path2D",{value:c,writable:!0,configurable:!0});export{e as Canvas2DBridge,t as CanvasGradient,n as CanvasPattern,r as CanvasRenderingContext2D,a as ImageData,s as Path2D,l as parseColor};