@gjsify/webgl 0.10.0 → 0.12.0

package/lib/esm/webgl-bridge.js

@@ -1 +1 @@
-import"./_virtual/_rolldown/runtime.js";import{HTMLCanvasElement as e}from"./html-canvas-element.js";import{notifyElementResize as t}from"@gjsify/dom-elements";import n from"gi://GObject";import r from"gi://GLib?version=2.0";import i from"gi://Gtk?version=4.0";import{attachEventControllers as a}from"@gjsify/event-bridge";import{Event as o}from"@gjsify/dom-events";const s=n.registerClass({GTypeName:`GjsifyWebGLBridge`},class WebGLBridge extends i.GLArea{constructor(n){super(n),this._canvas=null,this._readyCallbacks=[],this._resizeCallbacks=[],this._renderTag=null,this._tickCallbackId=null,this._frameCallback=null,this._frameCallbackId=0,this._nextFrameId=1,this._timeOrigin=r.get_monotonic_time(),this.set_use_es(!0),this.set_required_version(3,2),this.set_has_depth_buffer(!0),this.set_has_stencil_buffer(!0),a(this,()=>this._canvas,{captureKeys:!0}),this._tickCallbackId=this.add_tick_callback((e,t)=>(this._frameCallback!==null&&this.queue_render(),r.SOURCE_CONTINUE));let i=this.connect(`render`,()=>{this.disconnect(i),this.make_current(),this._canvas=new e(this);{let e=globalThis;e.document?.body&&e.document.body.appendChild(this._canvas)}this._canvas.getContext(`webgl2`);let t=this._canvas.getContext(`webgl`);if(t){for(let e of this._readyCallbacks)e(this._canvas,t);this._readyCallbacks=[]}return this._renderTag=this.connect(`render`,e=>{if(this._frameCallback!==null){let e=(r.get_monotonic_time()-this._timeOrigin)/1e3;globalThis.__GJSIFY_DEBUG_RAF===!0&&console.log(`[rAF] frame callback fires t=${e.toFixed(1)}`);let t=this._frameCallback;this._frameCallback=null,this._frameCallbackId=0,t(e)}return!0}),!0});this.connect(`resize`,()=>{let e=this.get_allocated_width(),n=this.get_allocated_height();this._canvas&&(this._canvas.dispatchEvent(new o(`resize`)),t(this._canvas,e,n));for(let t of this._resizeCallbacks)t(e,n);this._frameCallback&&this.requestAnimationFrame(this._frameCallback)}),this.connect(`unrealize`,()=>{this._renderTag!==null&&(this.disconnect(this._renderTag),this._renderTag=null),this._tickCallbackId!==null&&(this.remove_tick_callback(this._tickCallbackId),this._tickCallbackId=null),this._canvas=null})}get canvas(){return this._canvas}onReady(e){if(this._canvas){let t=this._canvas.getContext(`webgl`);if(t){e(this._canvas,t);return}}this._readyCallbacks.push(e)}onWebGLReady(e){this.onReady(e)}onResize(e){this._resizeCallbacks.push(e)}requestAnimationFrame(e){let t=this._nextFrameId++;return this._frameCallback=e,this._frameCallbackId=t,this.queue_render(),t}cancelAnimationFrame(e){e!==0&&e===this._frameCallbackId&&(this._frameCallback=null,this._frameCallbackId=0)}installGlobals(){let e=globalThis;e.requestAnimationFrame=e=>this.requestAnimationFrame(e),e.cancelAnimationFrame=e=>this.cancelAnimationFrame(e);let t=this._timeOrigin;e.performance={now:()=>(r.get_monotonic_time()-t)/1e3,timeOrigin:Date.now()}}});export{s as WebGLBridge};
+import"./_virtual/_rolldown/runtime.js";import{HTMLCanvasElement as e}from"./html-canvas-element.js";import{notifyElementResize as t}from"@gjsify/dom-elements";import n from"gi://GObject";import r from"gi://GLib?version=2.0";import i from"gi://Gtk?version=4.0";import{attachEventControllers as a}from"@gjsify/event-bridge";import{Event as o}from"@gjsify/dom-events";const s=n.registerClass({GTypeName:`GjsifyWebGLBridge`},class WebGLBridge extends i.GLArea{constructor(n){super(n),this._canvas=null,this._readyCallbacks=[],this._resizeCallbacks=[],this._renderTag=null,this._tickCallbackId=null,this._frameCallback=null,this._lastFrameCallback=null,this._lastFrameTime=0,this._replaying=!1,this._frameCallbackId=0,this._nextFrameId=1,this._timeOrigin=r.get_monotonic_time(),this.set_use_es(!0),this.set_required_version(3,2),this.set_has_depth_buffer(!0),this.set_has_stencil_buffer(!0),a(this,()=>this._canvas,{captureKeys:!0}),this._tickCallbackId=this.add_tick_callback((e,t)=>(this._frameCallback!==null&&this.queue_render(),r.SOURCE_CONTINUE));let i=this.connect(`render`,()=>{this.disconnect(i),this.make_current(),this._canvas=new e(this);{let e=globalThis;e.document?.body&&e.document.body.appendChild(this._canvas)}this._canvas.getContext(`webgl2`);let t=this._canvas.getContext(`webgl`);if(t){for(let e of this._readyCallbacks)e(this._canvas,t);this._readyCallbacks=[]}return this._renderTag=this.connect(`render`,e=>{let t=(r.get_monotonic_time()-this._timeOrigin)/1e3;if(this._frameCallback!==null){globalThis.__GJSIFY_DEBUG_RAF===!0&&console.log(`[rAF] frame callback fires t=${t.toFixed(1)}`);let e=this._frameCallback;this._frameCallback=null,this._frameCallbackId=0,this._lastFrameCallback=e,this._lastFrameTime=t,e(t)}else if(this._lastFrameCallback!==null){this._replaying=!0;try{this._lastFrameCallback(this._lastFrameTime)}finally{this._replaying=!1}}return!0}),!0});this.connect(`resize`,()=>{let e=this.get_allocated_width(),n=this.get_allocated_height();this._canvas&&(this._canvas.dispatchEvent(new o(`resize`)),t(this._canvas,e,n));for(let t of this._resizeCallbacks)t(e,n);this._frameCallback&&this.requestAnimationFrame(this._frameCallback)}),this.connect(`unrealize`,()=>{this._renderTag!==null&&(this.disconnect(this._renderTag),this._renderTag=null),this._tickCallbackId!==null&&(this.remove_tick_callback(this._tickCallbackId),this._tickCallbackId=null),this._frameCallback=null,this._lastFrameCallback=null,this._lastFrameTime=0,this._replaying=!1,this._canvas=null})}get canvas(){return this._canvas}onReady(e){if(this._canvas){let t=this._canvas.getContext(`webgl`);if(t){e(this._canvas,t);return}}this._readyCallbacks.push(e)}onWebGLReady(e){this.onReady(e)}onResize(e){this._resizeCallbacks.push(e)}requestAnimationFrame(e){let t=this._nextFrameId++;return this._replaying?t:(this._frameCallback=e,this._frameCallbackId=t,this.queue_render(),t)}cancelAnimationFrame(e){e!==0&&e===this._frameCallbackId&&(this._frameCallback=null,this._frameCallbackId=0,this._lastFrameCallback=null,this._lastFrameTime=0)}installGlobals(){let e=globalThis;e.requestAnimationFrame=e=>this.requestAnimationFrame(e),e.cancelAnimationFrame=e=>this.cancelAnimationFrame(e);let t=this._timeOrigin;e.performance={now:()=>(r.get_monotonic_time()-t)/1e3,timeOrigin:Date.now()}}});export{s as WebGLBridge};

package/lib/types/webgl-bridge.d.ts

@@ -31,6 +31,9 @@ export declare const WebGLBridge: {
         _renderTag: number | null;
         _tickCallbackId: number | null;
         _frameCallback: FrameRequestCallback | null;
+        _lastFrameCallback: FrameRequestCallback | null;
+        _lastFrameTime: number;
+        _replaying: boolean;
         _frameCallbackId: number;
         _nextFrameId: number;
         _timeOrigin: number;
@@ -513,6 +516,9 @@ export declare const WebGLBridge: {
             _renderTag: number | null;
             _tickCallbackId: number | null;
             _frameCallback: FrameRequestCallback | null;
+            _lastFrameCallback: FrameRequestCallback | null;
+            _lastFrameTime: number;
+            _replaying: boolean;
             _frameCallbackId: number;
             _nextFrameId: number;
             _timeOrigin: number;
@@ -995,6 +1001,9 @@ export declare const WebGLBridge: {
                 _renderTag: number | null;
                 _tickCallbackId: number | null;
                 _frameCallback: FrameRequestCallback | null;
+                _lastFrameCallback: FrameRequestCallback | null;
+                _lastFrameTime: number;
+                _replaying: boolean;
                 _frameCallbackId: number;
                 _nextFrameId: number;
                 _timeOrigin: number;
@@ -1477,6 +1486,9 @@ export declare const WebGLBridge: {
                 _renderTag: number | null;
                 _tickCallbackId: number | null;
                 _frameCallback: FrameRequestCallback | null;
+                _lastFrameCallback: FrameRequestCallback | null;
+                _lastFrameTime: number;
+                _replaying: boolean;
                 _frameCallbackId: number;
                 _nextFrameId: number;
                 _timeOrigin: number;
@@ -1959,6 +1971,9 @@ export declare const WebGLBridge: {
             _renderTag: number | null;
             _tickCallbackId: number | null;
             _frameCallback: FrameRequestCallback | null;
+            _lastFrameCallback: FrameRequestCallback | null;
+            _lastFrameTime: number;
+            _replaying: boolean;
             _frameCallbackId: number;
             _nextFrameId: number;
             _timeOrigin: number;
@@ -2441,6 +2456,9 @@ export declare const WebGLBridge: {
         _renderTag: number | null;
         _tickCallbackId: number | null;
         _frameCallback: FrameRequestCallback | null;
+        _lastFrameCallback: FrameRequestCallback | null;
+        _lastFrameTime: number;
+        _replaying: boolean;
         _frameCallbackId: number;
         _nextFrameId: number;
         _timeOrigin: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gjsify/webgl",
-    "version": "0.10.0",
+    "version": "0.12.0",
     "description": "WebGL module for Gjs",
     "module": "lib/esm/index.js",
     "types": "lib/types/index.d.ts",
@@ -45,8 +45,8 @@
         "WebGL"
     ],
     "devDependencies": {
-        "@gjsify/cli": "^0.10.0",
-        "@gjsify/unit": "^0.10.0",
+        "@gjsify/cli": "^0.12.0",
+        "@gjsify/unit": "^0.12.0",
         "@types/bit-twiddle": "^1.0.3",
         "@types/node": "^25.9.2",
         "typescript": "^6.0.3"
@@ -56,10 +56,10 @@
         "@girs/gjs": "4.0.4",
         "@girs/gtk-4.0": "4.23.0-4.0.4",
         "@girs/gwebgl-0.1": "0.1.0-4.0.0-rc.5",
-        "@gjsify/dom-elements": "^0.10.0",
-        "@gjsify/dom-events": "^0.10.0",
-        "@gjsify/event-bridge": "^0.10.0",
-        "@gjsify/utils": "^0.10.0",
+        "@gjsify/dom-elements": "^0.12.0",
+        "@gjsify/dom-events": "^0.12.0",
+        "@gjsify/event-bridge": "^0.12.0",
+        "@gjsify/utils": "^0.12.0",
         "bit-twiddle": "^1.0.2",
         "glsl-tokenizer": "^2.1.5"
     },