@luma.gl/engine 8.6.0-alpha.3 → 9.0.0-alpha.3

package/dist/lib/animation-loop.js

@@ -1,28 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { luma } from '@luma.gl/api';
-import { lumaStats, log } from '@luma.gl/api';
-import { isWebGL, resetParameters } from '@luma.gl/webgl';
-import { requestAnimationFrame, cancelAnimationFrame, Query, Framebuffer } from '@luma.gl/webgl';
+import { requestAnimationFrame, cancelAnimationFrame } from '@luma.gl/api';
 import { isBrowser } from '@probe.gl/env';
 const isPage = isBrowser() && typeof document !== 'undefined';
 let statIdCounter = 0;
 const DEFAULT_ANIMATION_LOOP_PROPS = {
   onCreateDevice: props => luma.createDevice(props),
-  onCreateContext: null,
-  onAddHTML: null,
+  onAddHTML: undefined,
   onInitialize: () => ({}),
   onRender: () => {},
   onFinalize: () => {},
   onError: error => console.error(error),
-  device: null,
+  device: undefined,
+  deviceProps: {},
   debug: false,
+  stats: luma.stats.get("animation-loop-".concat(statIdCounter++)),
   useDevicePixels: true,
   autoResizeViewport: true,
-  autoResizeDrawingBuffer: true,
-  stats: lumaStats.get("animation-loop-".concat(statIdCounter++)),
-  gl: null,
-  glOptions: {},
-  createFramebuffer: false
+  autoResizeDrawingBuffer: true
 };
 export default class AnimationLoop {
   constructor(props = {}) {
@@ -34,8 +29,6 @@ export default class AnimationLoop {
 
     _defineProperty(this, "animationProps", void 0);
 
-    _defineProperty(this, "framebuffer", null);
-
     _defineProperty(this, "timeline", null);
 
     _defineProperty(this, "stats", void 0);
@@ -56,18 +49,12 @@ export default class AnimationLoop {
 
     _defineProperty(this, "_animationFrameId", null);
 
-    _defineProperty(this, "_pageLoadPromise", null);
-
     _defineProperty(this, "_nextFramePromise", null);
 
     _defineProperty(this, "_resolveNextFrame", null);
 
     _defineProperty(this, "_cpuStartTime", 0);
 
-    _defineProperty(this, "_gpuTimeQuery", null);
-
-    _defineProperty(this, "gl", void 0);
-
     this.props = { ...DEFAULT_ANIMATION_LOOP_PROPS,
       ...props
     };
@@ -75,12 +62,6 @@ export default class AnimationLoop {
     let {
       useDevicePixels = true
     } = this.props;
-
-    if ('useDevicePixelRatio' in props) {
-      log.deprecated('useDevicePixelRatio', 'useDevicePixels')();
-      useDevicePixels = props.useDevicePixelRatio;
-    }
-
     this.device = props.device;
     this.gl = this.device && this.device.gl || props.gl;
     this.stats = props.stats;
@@ -129,13 +110,7 @@ export default class AnimationLoop {
     return this;
   }
 
-  start(opts = {}) {
-    this._start(opts);
-
-    return this;
-  }
-
-  async _start(opts) {
+  async start() {
     if (this._running) {
       return this;
     }
@@ -143,8 +118,6 @@ export default class AnimationLoop {
     this._running = true;
 
     try {
-      await this._getPageLoadPromise();
-
       if (!this._running) {
         return null;
       }
@@ -153,12 +126,11 @@ export default class AnimationLoop {
 
       if (!this._initialized) {
         this._initialized = true;
+        await this._createDevice();
 
-        this._initialize(opts);
+        this._initialize();
 
-        appContext = await this.onInitialize(this.animationProps);
-
-        this._addCallbackData(appContext || {});
+        await this.onInitialize(this.animationProps);
       }
 
       if (!this._running) {
@@ -172,14 +144,15 @@ export default class AnimationLoop {
       }
 
       return this;
-    } catch (error) {
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error('Unknown error');
       this.props.onError(error);
-      return null;
+      throw error;
     }
   }
 
   redraw() {
-    if (this.isContextLost()) {
+    if (this.device.isLost) {
       return this;
     }
 
@@ -207,7 +180,7 @@ export default class AnimationLoop {
 
   stop() {
     if (this._running) {
-      this._finalizeCallbackData();
+      this.onFinalize(this.animationProps);
 
       this._cancelAnimationFrame();
 
@@ -243,11 +216,7 @@ export default class AnimationLoop {
   async toDataURL() {
     this.setNeedsRedraw('toDataURL');
     await this.waitForRender();
-    return this.gl.canvas.toDataURL();
-  }
-
-  isContextLost() {
-    return this.gl.isContextLost();
+    return this.canvas.toDataURL();
   }
 
   onCreateDevice(deviceProps) {
@@ -266,20 +235,7 @@ export default class AnimationLoop {
     return this.props.onFinalize(animationProps);
   }
 
-  onCreateContext(props) {
-    return this.props.onCreateContext(props);
-  }
-
-  getHTMLControlValue(id, defaultValue = 1) {
-    const element = document.getElementById(id);
-    return element ? Number(element.value) : defaultValue;
-  }
-
-  _initialize(props) {
-    this._createDevice(props);
-
-    this._createFramebuffer();
-
+  _initialize() {
     this._startEventHandling();
 
     this._initializeCallbackData();
@@ -289,25 +245,6 @@ export default class AnimationLoop {
     this._resizeCanvasDrawingBuffer();
 
     this._resizeViewport();
-
-    this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;
-  }
-
-  _getPageLoadPromise() {
-    if (!this._pageLoadPromise) {
-      this._pageLoadPromise = isPage ? new Promise((resolve, reject) => {
-        if (isPage && document.readyState === 'complete') {
-          resolve(document);
-          return;
-        }
-
-        window.addEventListener('load', () => {
-          resolve(document);
-        });
-      }) : Promise.resolve({});
-    }
-
-    return this._pageLoadPromise;
   }
 
   _setDisplay(display) {
@@ -368,30 +305,25 @@ export default class AnimationLoop {
     this._resizeCanvasDrawingBuffer();
 
     this._resizeViewport();
-
-    this._resizeFramebuffer();
   }
 
   _initializeCallbackData() {
     this.animationProps = {
+      animationLoop: this,
       device: this.device,
-      gl: this.gl,
-      stop: this.stop,
-      canvas: this.gl.canvas,
+      canvas: this.device.canvasContext.canvas,
+      timeline: this.timeline,
       useDevicePixels: this.props.useDevicePixels,
       needsRedraw: null,
+      width: 1,
+      height: 1,
+      aspect: 1,
+      time: 0,
       startTime: Date.now(),
       engineTime: 0,
       tick: 0,
       tock: 0,
-      timeline: this.timeline,
-      animationLoop: this,
-      time: 0,
-      _mousePosition: null,
-      framebuffer: this.framebuffer,
-      _timeline: this.timeline,
-      _loop: this,
-      _animationLoop: this
+      _mousePosition: null
     };
   }
 
@@ -425,35 +357,18 @@ export default class AnimationLoop {
     this.animationProps.time = this.timeline ? this.timeline.getTime() : this.animationProps.engineTime;
   }
 
-  _finalizeCallbackData() {
-    this.onFinalize(this.animationProps);
-  }
-
-  _addCallbackData(appContext) {
-    if (typeof appContext === 'object' && appContext !== null) {
-      this.animationProps = Object.assign({}, this.animationProps, appContext);
-    }
-  }
-
-  _createDevice(props) {
+  async _createDevice() {
     const deviceProps = { ...this.props,
-      ...props,
-      ...this.props.glOptions
+      ...this.props.deviceProps
     };
-    this.device = this.onCreateDevice(deviceProps);
-    this.gl = this.device.gl;
-
-    if (!isWebGL(this.gl)) {
-      throw new Error('AnimationLoop.onCreateContext - illegal context returned');
-    }
-
-    resetParameters(this.gl);
+    this.device = await this.onCreateDevice(deviceProps);
+    this.canvas = this.device.canvasContext.canvas;
 
     this._createInfoDiv();
   }
 
   _createInfoDiv() {
-    if (this.gl.canvas && this.props.onAddHTML) {
+    if (this.canvas && this.props.onAddHTML) {
       const wrapperDiv = document.createElement('div');
       document.body.appendChild(wrapperDiv);
       wrapperDiv.style.position = 'relative';
@@ -463,7 +378,7 @@ export default class AnimationLoop {
       div.style.bottom = '10px';
       div.style.width = '300px';
       div.style.background = 'white';
-      wrapperDiv.appendChild(this.gl.canvas);
+      wrapperDiv.appendChild(this.canvas);
       wrapperDiv.appendChild(div);
       const html = this.props.onAddHTML(div);
 
@@ -474,12 +389,9 @@ export default class AnimationLoop {
   }
 
   _getSizeAndAspect() {
-    const width = this.gl.drawingBufferWidth;
-    const height = this.gl.drawingBufferHeight;
+    const [width, height] = this.device.canvasContext.getPixelSize();
     let aspect = 1;
-    const {
-      canvas
-    } = this.gl;
+    const canvas = this.device.canvasContext.canvas;
 
     if (canvas && canvas.clientHeight) {
       aspect = canvas.clientWidth / canvas.clientHeight;
@@ -495,14 +407,14 @@ export default class AnimationLoop {
   }
 
   _resizeViewport() {
-    if (this.props.autoResizeViewport) {
-      this.gl.viewport(0, 0, this.gl.drawingBufferWidth, this.gl.drawingBufferHeight);
+    if (this.props.autoResizeViewport && this.device.gl) {
+      this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);
     }
   }
 
   _resizeCanvasDrawingBuffer() {
     if (this.props.autoResizeDrawingBuffer) {
-      this.device.resize({
+      this.device.canvasContext.resize({
         useDevicePixels: this.props.useDevicePixels
       });
     }
@@ -511,34 +423,16 @@ export default class AnimationLoop {
   _beginTimers() {
     this.frameRate.timeEnd();
     this.frameRate.timeStart();
-
-    if (this._gpuTimeQuery && this._gpuTimeQuery.isResultAvailable() && !this._gpuTimeQuery.isTimerDisjoint()) {
-      this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());
-    }
-
-    if (this._gpuTimeQuery) {
-      this._gpuTimeQuery.beginTimeElapsedQuery();
-    }
-
-    this.cpuTime.timeStart();
   }
 
   _endTimers() {
     this.cpuTime.timeEnd();
-
-    if (this._gpuTimeQuery) {
-      this._gpuTimeQuery.end();
-    }
   }
 
   _startEventHandling() {
-    const {
-      canvas
-    } = this.gl;
-
-    if (canvas) {
-      canvas.addEventListener('mousemove', this._onMousemove);
-      canvas.addEventListener('mouseleave', this._onMouseleave);
+    if (this.canvas) {
+      this.canvas.addEventListener('mousemove', this._onMousemove);
+      this.canvas.addEventListener('mouseleave', this._onMouseleave);
     }
   }
 
@@ -550,20 +444,5 @@ export default class AnimationLoop {
     this.animationProps._mousePosition = null;
   }
 
-  _createFramebuffer() {
-    if (this.props.createFramebuffer) {
-      this.framebuffer = new Framebuffer(this.gl);
-    }
-  }
-
-  _resizeFramebuffer() {
-    if (this.framebuffer) {
-      this.framebuffer.resize({
-        width: this.gl.drawingBufferWidth,
-        height: this.gl.drawingBufferHeight
-      });
-    }
-  }
-
 }
 //# sourceMappingURL=animation-loop.js.map

package/dist/lib/animation-loop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","lumaStats","log","isWebGL","resetParameters","requestAnimationFrame","cancelAnimationFrame","Query","Framebuffer","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onCreateContext","onAddHTML","onInitialize","onRender","onFinalize","onError","error","console","device","debug","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","stats","get","gl","glOptions","createFramebuffer","AnimationLoop","constructor","deprecated","useDevicePixelRatio","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","opts","_start","_running","_getPageLoadPromise","appContext","_initialized","_initialize","animationProps","_addCallbackData","_cancelAnimationFrame","_requestAnimationFrame","redraw","isContextLost","_beginTimers","_setupFrame","_updateCallbackData","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","_finalizeCallbackData","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","deviceProps","getHTMLControlValue","id","defaultValue","element","getElementById","Number","value","_createDevice","_createFramebuffer","_startEventHandling","_initializeCallbackData","_resizeCanvasDrawingBuffer","_resizeViewport","_gpuTimeQuery","isSupported","_pageLoadPromise","reject","readyState","window","addEventListener","display","animationLoop","_animationFrameId","_animationFrame","_resizeFramebuffer","startTime","Date","now","engineTime","tick","tock","time","_mousePosition","framebuffer","_timeline","_loop","_animationLoop","width","height","aspect","_getSizeAndAspect","update","Math","floor","getTime","Object","assign","Error","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","drawingBufferWidth","drawingBufferHeight","clientHeight","clientWidth","viewport","resize","timeEnd","timeStart","isResultAvailable","isTimerDisjoint","addTime","getTimerMilliseconds","beginTimeElapsedQuery","end","e","offsetX","offsetY"],"mappings":";AAAA,SAAQA,IAAR,QAA2B,cAA3B;AACA,SACEC,SADF,EAGEC,GAHF,QAKO,cALP;AAQA,SACEC,OADF,EAKEC,eALF,QAMO,gBANP;AASA,SACEC,qBADF,EAEEC,oBAFF,EAGEC,KAHF,EAKEC,WALF,QAMO,gBANP;AASA,SAAQC,SAAR,QAAwB,eAAxB;AAQA,MAAMC,MAAM,GAAGD,SAAS,MAAM,OAAOE,QAAP,KAAoB,WAAlD;AAEA,IAAIC,aAAa,GAAG,CAApB;AAqEA,MAAMC,4BAA0D,GAAG;AACjEC,EAAAA,cAAc,EAAGC,KAAD,IAAwBf,IAAI,CAACgB,YAAL,CAAkBD,KAAlB,CADyB;AAEjEE,EAAAA,eAAe,EAAE,IAFgD;AAGjEC,EAAAA,SAAS,EAAE,IAHsD;AAIjEC,EAAAA,YAAY,EAAE,OAAO,EAAP,CAJmD;AAKjEC,EAAAA,QAAQ,EAAE,MAAM,CAAE,CAL+C;AAMjEC,EAAAA,UAAU,EAAE,MAAM,CAAE,CAN6C;AAOjEC,EAAAA,OAAO,EAAGC,KAAD,IAAWC,OAAO,CAACD,KAAR,CAAcA,KAAd,CAP6C;AASjEE,EAAAA,MAAM,EAAE,IATyD;AAUjEC,EAAAA,KAAK,EAAE,KAV0D;AAajEC,EAAAA,eAAe,EAAE,IAbgD;AAcjEC,EAAAA,kBAAkB,EAAE,IAd6C;AAejEC,EAAAA,uBAAuB,EAAE,IAfwC;AAgBjEC,EAAAA,KAAK,EAAE7B,SAAS,CAAC8B,GAAV,0BAAgCnB,aAAa,EAA7C,EAhB0D;AAoBjEoB,EAAAA,EAAE,EAAE,IApB6D;AAqBjEC,EAAAA,SAAS,EAAE,EArBsD;AAsBjEC,EAAAA,iBAAiB,EAAE;AAtB8C,CAAnE;AA0BA,eAAe,MAAMC,aAAN,CAAoB;AAiCjCC,EAAAA,WAAW,CAACrB,KAAyB,GAAG,EAA7B,EAAiC;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,yCA3BjB,IA2BiB;;AAAA,sCA1BvB,IA0BuB;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,yCAlBf,aAkBe;;AAAA,0CAhBpB,KAgBoB;;AAAA,sCAfxB,KAewB;;AAAA,+CAdxB,IAcwB;;AAAA,8CAbL,IAaK;;AAAA,+CAZO,IAYP;;AAAA,+CAXU,IAWV;;AAAA,2CAVpB,CAUoB;;AAAA,2CARd,IAQc;;AAAA;;AAC1C,SAAKA,KAAL,GAAa,EAAC,GAAGF,4BAAJ;AAAkC,SAAGE;AAArC,KAAb;AACAA,IAAAA,KAAK,GAAG,KAAKA,KAAb;AAEA,QAAI;AAACY,MAAAA,eAAe,GAAG;AAAnB,QAA2B,KAAKZ,KAApC;;AAEA,QAAI,yBAAyBA,KAA7B,EAAoC;AAClCb,MAAAA,GAAG,CAACmC,UAAJ,CAAe,qBAAf,EAAsC,iBAAtC;AAEAV,MAAAA,eAAe,GAAGZ,KAAK,CAACuB,mBAAxB;AACD;;AAGD,SAAKb,MAAL,GAAcV,KAAK,CAACU,MAApB;AAEA,SAAKO,EAAL,GAAW,KAAKP,MAAL,IAAe,KAAKA,MAAL,CAAYO,EAA5B,IAAmCjB,KAAK,CAACiB,EAAnD;AAEA,SAAKF,KAAL,GAAaf,KAAK,CAACe,KAAnB;AACA,SAAKS,OAAL,GAAe,KAAKT,KAAL,CAAWC,GAAX,CAAe,UAAf,CAAf;AACA,SAAKS,OAAL,GAAe,KAAKV,KAAL,CAAWC,GAAX,CAAe,UAAf,CAAf;AACA,SAAKU,SAAL,GAAiB,KAAKX,KAAL,CAAWC,GAAX,CAAe,YAAf,CAAjB;AAEA,SAAKW,QAAL,CAAc;AACZd,MAAAA,kBAAkB,EAAEb,KAAK,CAACa,kBADd;AAEZC,MAAAA,uBAAuB,EAAEd,KAAK,CAACc,uBAFnB;AAGZF,MAAAA;AAHY,KAAd;AAOA,SAAKgB,KAAL,GAAa,KAAKA,KAAL,CAAWC,IAAX,CAAgB,IAAhB,CAAb;AACA,SAAKC,IAAL,GAAY,KAAKA,IAAL,CAAUD,IAAV,CAAe,IAAf,CAAZ;AAEA,SAAKE,YAAL,GAAoB,KAAKA,YAAL,CAAkBF,IAAlB,CAAuB,IAAvB,CAApB;AACA,SAAKG,aAAL,GAAqB,KAAKA,aAAL,CAAmBH,IAAnB,CAAwB,IAAxB,CAArB;AACD;;AAEDI,EAAAA,OAAO,GAAS;AACd,SAAKH,IAAL;;AACA,SAAKI,WAAL,CAAiB,IAAjB;AACD;;AAGDC,EAAAA,MAAM,GAAS;AACb,SAAKF,OAAL;AACD;;AAEDG,EAAAA,cAAc,CAACC,MAAD,EAAuB;AACnC,SAAKC,WAAL,GAAmB,KAAKA,WAAL,IAAoBD,MAAvC;AACA,WAAO,IAAP;AACD;;AAEDV,EAAAA,QAAQ,CAAC3B,KAAD,EAAkC;AACxC,QAAI,wBAAwBA,KAA5B,EAAmC;AACjC,WAAKA,KAAL,CAAWa,kBAAX,GAAgCb,KAAK,CAACa,kBAAtC;AACD;;AACD,QAAI,6BAA6Bb,KAAjC,EAAwC;AACtC,WAAKA,KAAL,CAAWc,uBAAX,GAAqCd,KAAK,CAACc,uBAA3C;AACD;;AACD,QAAI,qBAAqBd,KAAzB,EAAgC;AAC9B,WAAKA,KAAL,CAAWY,eAAX,GAA6BZ,KAAK,CAACY,eAAnC;AACD;;AACD,WAAO,IAAP;AACD;;AAEDgB,EAAAA,KAAK,CAACW,IAAI,GAAG,EAAR,EAAY;AACf,SAAKC,MAAL,CAAYD,IAAZ;;AACA,WAAO,IAAP;AACD;;AAKW,QAANC,MAAM,CAACD,IAAD,EAAO;AACjB,QAAI,KAAKE,QAAT,EAAmB;AACjB,aAAO,IAAP;AACD;;AACD,SAAKA,QAAL,GAAgB,IAAhB;;AAIA,QAAI;AACF,YAAM,KAAKC,mBAAL,EAAN;;AAGA,UAAI,CAAC,KAAKD,QAAV,EAAoB;AAClB,eAAO,IAAP;AACD;;AAED,UAAIE,UAAJ;;AACA,UAAI,CAAC,KAAKC,YAAV,EAAwB;AACtB,aAAKA,YAAL,GAAoB,IAApB;;AACA,aAAKC,WAAL,CAAiBN,IAAjB;;AAGAI,QAAAA,UAAU,GAAG,MAAM,KAAKvC,YAAL,CAAkB,KAAK0C,cAAvB,CAAnB;;AACA,aAAKC,gBAAL,CAAsBJ,UAAU,IAAI,EAApC;AACD;;AAGD,UAAI,CAAC,KAAKF,QAAV,EAAoB;AAClB,eAAO,IAAP;AACD;;AAGD,UAAIE,UAAU,KAAK,KAAnB,EAA0B;AAExB,aAAKK,qBAAL;;AACA,aAAKC,sBAAL;AACD;;AAED,aAAO,IAAP;AACD,KA/BD,CA+BE,OAAOzC,KAAP,EAAc;AACd,WAAKR,KAAL,CAAWO,OAAX,CAAmBC,KAAnB;AAEA,aAAO,IAAP;AACD;AACF;;AAGD0C,EAAAA,MAAM,GAAS;AACb,QAAI,KAAKC,aAAL,EAAJ,EAA0B;AACxB,aAAO,IAAP;AACD;;AAED,SAAKC,YAAL;;AAEA,SAAKC,WAAL;;AACA,SAAKC,mBAAL;;AAEA,SAAKC,YAAL,CAAkB,KAAKT,cAAvB;;AAGA,SAAKU,iBAAL;;AAEA,QAAI,KAAKC,iBAAT,EAA4B;AAC1B,WAAKA,iBAAL,CAAuB,IAAvB;;AACA,WAAKC,iBAAL,GAAyB,IAAzB;AACA,WAAKD,iBAAL,GAAyB,IAAzB;AACD;;AAED,SAAKE,UAAL;;AAEA,WAAO,IAAP;AACD;;AAGD7B,EAAAA,IAAI,GAAG;AAEL,QAAI,KAAKW,QAAT,EAAmB;AACjB,WAAKmB,qBAAL;;AACA,WAAKZ,qBAAL;;AACA,WAAKU,iBAAL,GAAyB,IAAzB;AACA,WAAKD,iBAAL,GAAyB,IAAzB;AACA,WAAKhB,QAAL,GAAgB,KAAhB;AACD;;AACD,WAAO,IAAP;AACD;;AAEDoB,EAAAA,cAAc,CAACC,QAAD,EAA+B;AAC3C,SAAKA,QAAL,GAAgBA,QAAhB;AACA,WAAO,KAAKA,QAAZ;AACD;;AAEDC,EAAAA,cAAc,GAAS;AACrB,SAAKD,QAAL,GAAgB,IAAhB;AACD;;AAEDE,EAAAA,aAAa,GAA2B;AACtC,SAAK5B,cAAL,CAAoB,eAApB;;AAEA,QAAI,CAAC,KAAKsB,iBAAV,EAA6B;AAC3B,WAAKA,iBAAL,GAAyB,IAAIO,OAAJ,CAAaC,OAAD,IAAa;AAChD,aAAKT,iBAAL,GAAyBS,OAAzB;AACD,OAFwB,CAAzB;AAGD;;AACD,WAAO,KAAKR,iBAAZ;AACD;;AAEc,QAATS,SAAS,GAAG;AAChB,SAAK/B,cAAL,CAAoB,WAApB;AAEA,UAAM,KAAK4B,aAAL,EAAN;AAEA,WAAO,KAAK/C,EAAL,CAAQmD,MAAR,CAAeD,SAAf,EAAP;AACD;;AAEDhB,EAAAA,aAAa,GAAY;AACvB,WAAO,KAAKlC,EAAL,CAAQkC,aAAR,EAAP;AACD;;AAEDpD,EAAAA,cAAc,CAACsE,WAAD,EAA2B;AACvC,WAAO,KAAKrE,KAAL,CAAWD,cAAX,CAA0BsE,WAA1B,CAAP;AACD;;AAEDjE,EAAAA,YAAY,CAAC0C,cAAD,EAA4C;AACtD,WAAO,KAAK9C,KAAL,CAAWI,YAAX,CAAwB0C,cAAxB,CAAP;AACD;;AAEDzC,EAAAA,QAAQ,CAACyC,cAAD,EAAiC;AACvC,WAAO,KAAK9C,KAAL,CAAWK,QAAX,CAAoByC,cAApB,CAAP;AACD;;AAEDxC,EAAAA,UAAU,CAACwC,cAAD,EAAiC;AACzC,WAAO,KAAK9C,KAAL,CAAWM,UAAX,CAAsBwC,cAAtB,CAAP;AACD;;AAKD5C,EAAAA,eAAe,CAACF,KAAD,EAAsB;AACnC,WAAO,KAAKA,KAAL,CAAWE,eAAX,CAA2BF,KAA3B,CAAP;AACD;;AAGDsE,EAAAA,mBAAmB,CAACC,EAAD,EAAKC,YAAY,GAAG,CAApB,EAAuB;AACxC,UAAMC,OAAO,GAAG7E,QAAQ,CAAC8E,cAAT,CAAwBH,EAAxB,CAAhB;AAEA,WAAOE,OAAO,GAAGE,MAAM,CAACF,OAAO,CAACG,KAAT,CAAT,GAA2BJ,YAAzC;AACD;;AAID3B,EAAAA,WAAW,CAAC7C,KAAD,EAA4B;AAErC,SAAK6E,aAAL,CAAmB7E,KAAnB;;AACA,SAAK8E,kBAAL;;AACA,SAAKC,mBAAL;;AAGA,SAAKC,uBAAL;;AACA,SAAK1B,mBAAL;;AAGA,SAAK2B,0BAAL;;AACA,SAAKC,eAAL;;AAEA,SAAKC,aAAL,GAAqB3F,KAAK,CAAC4F,WAAN,CAAkB,KAAKnE,EAAvB,EAA2B,CAAC,QAAD,CAA3B,IAAyC,IAAIzB,KAAJ,CAAU,KAAKyB,EAAf,CAAzC,GAA8D,IAAnF;AACD;;AAEDyB,EAAAA,mBAAmB,GAAG;AACpB,QAAI,CAAC,KAAK2C,gBAAV,EAA4B;AAC1B,WAAKA,gBAAL,GAAwB1F,MAAM,GAC1B,IAAIsE,OAAJ,CAAY,CAACC,OAAD,EAAUoB,MAAV,KAAqB;AAC/B,YAAI3F,MAAM,IAAIC,QAAQ,CAAC2F,UAAT,KAAwB,UAAtC,EAAkD;AAChDrB,UAAAA,OAAO,CAACtE,QAAD,CAAP;AACA;AACD;;AACD4F,QAAAA,MAAM,CAACC,gBAAP,CAAwB,MAAxB,EAAgC,MAAM;AACpCvB,UAAAA,OAAO,CAACtE,QAAD,CAAP;AACD,SAFD;AAGD,OARD,CAD0B,GAU1BqE,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAVJ;AAWD;;AACD,WAAO,KAAKmB,gBAAZ;AACD;;AAEDnD,EAAAA,WAAW,CAACwD,OAAD,EAAU;AACnB,QAAI,KAAKA,OAAT,EAAkB;AAChB,WAAKA,OAAL,CAAavD,MAAb;AACA,WAAKuD,OAAL,CAAaC,aAAb,GAA6B,IAA7B;AACD;;AAGD,QAAID,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACC,aAAR,GAAwB,IAAxB;AACD;;AAED,SAAKD,OAAL,GAAeA,OAAf;AACD;;AAEDzC,EAAAA,sBAAsB,GAAG;AACvB,QAAI,CAAC,KAAKR,QAAV,EAAoB;AAClB;AACD;;AAQD,SAAKmD,iBAAL,GAAyBtG,qBAAqB,CAAC,KAAKuG,eAAL,CAAqBhE,IAArB,CAA0B,IAA1B,CAAD,CAA9C;AACD;;AAEDmB,EAAAA,qBAAqB,GAAG;AACtB,QAAI,KAAK4C,iBAAL,KAA2B,IAA/B,EAAqC;AACnC;AACD;;AAQDrG,IAAAA,oBAAoB,CAAC,KAAKqG,iBAAN,CAApB;AACA,SAAKA,iBAAL,GAAyB,IAAzB;AACD;;AAEDC,EAAAA,eAAe,GAAG;AAChB,QAAI,CAAC,KAAKpD,QAAV,EAAoB;AAClB;AACD;;AACD,SAAKS,MAAL;;AACA,SAAKD,sBAAL;AACD;;AAIDM,EAAAA,YAAY,CAACvD,KAAD,EAAwB;AAElC,QAAI,KAAK0F,OAAT,EAAkB;AAChB,WAAKA,OAAL,CAAanC,YAAb,CAA0BvD,KAA1B;;AACA;AACD;;AAGD,SAAKK,QAAL,CAAcL,KAAd;AAED;;AAEDwD,EAAAA,iBAAiB,GAAG;AAClB,SAAKlB,WAAL,GAAmB,IAAnB;AACD;;AAEDe,EAAAA,WAAW,GAAG;AACZ,SAAK4B,0BAAL;;AACA,SAAKC,eAAL;;AACA,SAAKY,kBAAL;AACD;;AAGDd,EAAAA,uBAAuB,GAAG;AAExB,SAAKlC,cAAL,GAAsB;AACpBpC,MAAAA,MAAM,EAAE,KAAKA,MADO;AAEpBO,MAAAA,EAAE,EAAE,KAAKA,EAFW;AAIpBa,MAAAA,IAAI,EAAE,KAAKA,IAJS;AAKpBsC,MAAAA,MAAM,EAAE,KAAKnD,EAAL,CAAQmD,MALI;AAQpBxD,MAAAA,eAAe,EAAE,KAAKZ,KAAL,CAAWY,eARR;AASpB0B,MAAAA,WAAW,EAAE,IATO;AAYpByD,MAAAA,SAAS,EAAEC,IAAI,CAACC,GAAL,EAZS;AAapBC,MAAAA,UAAU,EAAE,CAbQ;AAcpBC,MAAAA,IAAI,EAAE,CAdc;AAepBC,MAAAA,IAAI,EAAE,CAfc;AAiBpBtC,MAAAA,QAAQ,EAAE,KAAKA,QAjBK;AAkBpB6B,MAAAA,aAAa,EAAE,IAlBK;AAqBpBU,MAAAA,IAAI,EAAE,CArBc;AAwBpBC,MAAAA,cAAc,EAAE,IAxBI;AA2BpBC,MAAAA,WAAW,EAAE,KAAKA,WA3BE;AA4BpBC,MAAAA,SAAS,EAAE,KAAK1C,QA5BI;AA6BpB2C,MAAAA,KAAK,EAAE,IA7Ba;AA8BpBC,MAAAA,cAAc,EAAE;AA9BI,KAAtB;AAgCD;;AAGDpD,EAAAA,mBAAmB,GAAG;AACpB,UAAM;AAACqD,MAAAA,KAAD;AAAQC,MAAAA,MAAR;AAAgBC,MAAAA;AAAhB,QAA0B,KAAKC,iBAAL,EAAhC;;AACA,QAAIH,KAAK,KAAK,KAAK7D,cAAL,CAAoB6D,KAA9B,IAAuCC,MAAM,KAAK,KAAK9D,cAAL,CAAoB8D,MAA1E,EAAkF;AAChF,WAAKxE,cAAL,CAAoB,wBAApB;AACD;;AACD,QAAIyE,MAAM,KAAK,KAAK/D,cAAL,CAAoB+D,MAAnC,EAA2C;AACzC,WAAKzE,cAAL,CAAoB,+BAApB;AACD;;AAED,SAAKU,cAAL,CAAoB6D,KAApB,GAA4BA,KAA5B;AACA,SAAK7D,cAAL,CAAoB8D,MAApB,GAA6BA,MAA7B;AACA,SAAK9D,cAAL,CAAoB+D,MAApB,GAA6BA,MAA7B;AAEA,SAAK/D,cAAL,CAAoBR,WAApB,GAAkC,KAAKA,WAAvC;AAGA,SAAKQ,cAAL,CAAoBoD,UAApB,GAAiCF,IAAI,CAACC,GAAL,KAAa,KAAKnD,cAAL,CAAoBiD,SAAlE;;AAEA,QAAI,KAAKjC,QAAT,EAAmB;AACjB,WAAKA,QAAL,CAAciD,MAAd,CAAqB,KAAKjE,cAAL,CAAoBoD,UAAzC;AACD;;AAED,SAAKpD,cAAL,CAAoBqD,IAApB,GAA2Ba,IAAI,CAACC,KAAL,CAAY,KAAKnE,cAAL,CAAoBuD,IAApB,GAA2B,IAA5B,GAAoC,EAA/C,CAA3B;AACA,SAAKvD,cAAL,CAAoBsD,IAApB;AAGA,SAAKtD,cAAL,CAAoBuD,IAApB,GAA2B,KAAKvC,QAAL,GACvB,KAAKA,QAAL,CAAcoD,OAAd,EADuB,GAEvB,KAAKpE,cAAL,CAAoBoD,UAFxB;AAGD;;AAEDtC,EAAAA,qBAAqB,GAAG;AAEtB,SAAKtD,UAAL,CAAgB,KAAKwC,cAArB;AAED;;AAGDC,EAAAA,gBAAgB,CAACJ,UAAD,EAAa;AAC3B,QAAI,OAAOA,UAAP,KAAsB,QAAtB,IAAkCA,UAAU,KAAK,IAArD,EAA2D;AACzD,WAAKG,cAAL,GAAsBqE,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKtE,cAAvB,EAAuCH,UAAvC,CAAtB;AACD;AACF;;AAGDkC,EAAAA,aAAa,CAAC7E,KAAD,EAAqB;AAChC,UAAMqE,WAAW,GAAG,EAAC,GAAG,KAAKrE,KAAT;AAAgB,SAAGA,KAAnB;AAA0B,SAAG,KAAKA,KAAL,CAAWkB;AAAxC,KAApB;AAMA,SAAKR,MAAL,GAAc,KAAKX,cAAL,CAAoBsE,WAApB,CAAd;AAEA,SAAKpD,EAAL,GAAU,KAAKP,MAAL,CAAYO,EAAtB;;AAEA,QAAI,CAAC7B,OAAO,CAAC,KAAK6B,EAAN,CAAZ,EAAuB;AACrB,YAAM,IAAIoG,KAAJ,CAAU,0DAAV,CAAN;AACD;;AAGDhI,IAAAA,eAAe,CAAC,KAAK4B,EAAN,CAAf;;AAEA,SAAKqG,cAAL;AACD;;AAEDA,EAAAA,cAAc,GAAG;AACf,QAAI,KAAKrG,EAAL,CAAQmD,MAAR,IAAkB,KAAKpE,KAAL,CAAWG,SAAjC,EAA4C;AAC1C,YAAMoH,UAAU,GAAG3H,QAAQ,CAAC4H,aAAT,CAAuB,KAAvB,CAAnB;AACA5H,MAAAA,QAAQ,CAAC6H,IAAT,CAAcC,WAAd,CAA0BH,UAA1B;AACAA,MAAAA,UAAU,CAACI,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACA,YAAMC,GAAG,GAAGjI,QAAQ,CAAC4H,aAAT,CAAuB,KAAvB,CAAZ;AACAK,MAAAA,GAAG,CAACF,KAAJ,CAAUC,QAAV,GAAqB,UAArB;AACAC,MAAAA,GAAG,CAACF,KAAJ,CAAUG,IAAV,GAAiB,MAAjB;AACAD,MAAAA,GAAG,CAACF,KAAJ,CAAUI,MAAV,GAAmB,MAAnB;AACAF,MAAAA,GAAG,CAACF,KAAJ,CAAUhB,KAAV,GAAkB,OAAlB;AACAkB,MAAAA,GAAG,CAACF,KAAJ,CAAUK,UAAV,GAAuB,OAAvB;AACAT,MAAAA,UAAU,CAACG,WAAX,CAAuB,KAAKzG,EAAL,CAAQmD,MAA/B;AACAmD,MAAAA,UAAU,CAACG,WAAX,CAAuBG,GAAvB;AACA,YAAMI,IAAI,GAAG,KAAKjI,KAAL,CAAWG,SAAX,CAAqB0H,GAArB,CAAb;;AACA,UAAII,IAAJ,EAAU;AACRJ,QAAAA,GAAG,CAACK,SAAJ,GAAgBD,IAAhB;AACD;AACF;AACF;;AAEDnB,EAAAA,iBAAiB,GAAG;AAElB,UAAMH,KAAK,GAAG,KAAK1F,EAAL,CAAQkH,kBAAtB;AACA,UAAMvB,MAAM,GAAG,KAAK3F,EAAL,CAAQmH,mBAAvB;AAGA,QAAIvB,MAAM,GAAG,CAAb;AACA,UAAM;AAACzC,MAAAA;AAAD,QAAW,KAAKnD,EAAtB;;AAEA,QAAImD,MAAM,IAAIA,MAAM,CAACiE,YAArB,EAAmC;AACjCxB,MAAAA,MAAM,GAAGzC,MAAM,CAACkE,WAAP,GAAqBlE,MAAM,CAACiE,YAArC;AACD,KAFD,MAEO,IAAI1B,KAAK,GAAG,CAAR,IAAaC,MAAM,GAAG,CAA1B,EAA6B;AAClCC,MAAAA,MAAM,GAAGF,KAAK,GAAGC,MAAjB;AACD;;AAED,WAAO;AAACD,MAAAA,KAAD;AAAQC,MAAAA,MAAR;AAAgBC,MAAAA;AAAhB,KAAP;AACD;;AAGD3B,EAAAA,eAAe,GAAG;AAChB,QAAI,KAAKlF,KAAL,CAAWa,kBAAf,EAAmC;AACjC,WAAKI,EAAL,CAAQsH,QAAR,CAAiB,CAAjB,EAAoB,CAApB,EAAuB,KAAKtH,EAAL,CAAQkH,kBAA/B,EAAmD,KAAKlH,EAAL,CAAQmH,mBAA3D;AACD;AACF;;AAMDnD,EAAAA,0BAA0B,GAAG;AAC3B,QAAI,KAAKjF,KAAL,CAAWc,uBAAf,EAAwC;AACrC,WAAKJ,MAAN,CAA6B8H,MAA7B,CAAoC;AAAC5H,QAAAA,eAAe,EAAE,KAAKZ,KAAL,CAAWY;AAA7B,OAApC;AACD;AACF;;AAEDwC,EAAAA,YAAY,GAAG;AACb,SAAK1B,SAAL,CAAe+G,OAAf;AACA,SAAK/G,SAAL,CAAegH,SAAf;;AAKA,QACE,KAAKvD,aAAL,IACA,KAAKA,aAAL,CAAmBwD,iBAAnB,EADA,IAEA,CAAC,KAAKxD,aAAL,CAAmByD,eAAnB,EAHH,EAIE;AACA,WAAK7H,KAAL,CAAWC,GAAX,CAAe,UAAf,EAA2B6H,OAA3B,CAAmC,KAAK1D,aAAL,CAAmB2D,oBAAnB,EAAnC;AACD;;AAED,QAAI,KAAK3D,aAAT,EAAwB;AAEtB,WAAKA,aAAL,CAAmB4D,qBAAnB;AACD;;AAED,SAAKvH,OAAL,CAAakH,SAAb;AACD;;AAED/E,EAAAA,UAAU,GAAG;AACX,SAAKnC,OAAL,CAAaiH,OAAb;;AAEA,QAAI,KAAKtD,aAAT,EAAwB;AAEtB,WAAKA,aAAL,CAAmB6D,GAAnB;AACD;AACF;;AAIDjE,EAAAA,mBAAmB,GAAG;AACpB,UAAM;AAACX,MAAAA;AAAD,QAAW,KAAKnD,EAAtB;;AACA,QAAImD,MAAJ,EAAY;AACVA,MAAAA,MAAM,CAACqB,gBAAP,CAAwB,WAAxB,EAAqC,KAAK1D,YAA1C;AACAqC,MAAAA,MAAM,CAACqB,gBAAP,CAAwB,YAAxB,EAAsC,KAAKzD,aAA3C;AACD;AACF;;AAEDD,EAAAA,YAAY,CAACkH,CAAD,EAAI;AACd,SAAKnG,cAAL,CAAoBwD,cAApB,GAAqC,CAAC2C,CAAC,CAACC,OAAH,EAAYD,CAAC,CAACE,OAAd,CAArC;AACD;;AACDnH,EAAAA,aAAa,CAACiH,CAAD,EAAI;AACf,SAAKnG,cAAL,CAAoBwD,cAApB,GAAqC,IAArC;AACD;;AAKDxB,EAAAA,kBAAkB,GAAG;AAEnB,QAAI,KAAK9E,KAAL,CAAWmB,iBAAf,EAAkC;AAChC,WAAKoF,WAAL,GAAmB,IAAI9G,WAAJ,CAAgB,KAAKwB,EAArB,CAAnB;AACD;AACF;;AAGD6E,EAAAA,kBAAkB,GAAG;AACnB,QAAI,KAAKS,WAAT,EAAsB;AACpB,WAAKA,WAAL,CAAiBiC,MAAjB,CAAwB;AACtB7B,QAAAA,KAAK,EAAE,KAAK1F,EAAL,CAAQkH,kBADO;AAEtBvB,QAAAA,MAAM,EAAE,KAAK3F,EAAL,CAAQmH;AAFM,OAAxB;AAID;AACF;;AA9kBgC","sourcesContent":["import {luma, Device} from '@luma.gl/api';\nimport {\n  lumaStats,\n  // TODO - remove dependency on framebuffer (bundle size impact)\n  log,\n  assert\n} from '@luma.gl/api';\nimport type {WebGLDeviceProps} from '@luma.gl/webgl'\nimport {WebGLDevice} from '@luma.gl/webgl';\nimport {\n  isWebGL,\n  // createGLContext,\n  // instrumentGLContext,\n  // resizeGLContext,\n  resetParameters\n} from '@luma.gl/webgl';\n\n\nimport {\n  requestAnimationFrame,\n  cancelAnimationFrame,\n  Query,\n  // TODO - remove dependency on framebuffer (bundle size impact)\n  Framebuffer\n} from '@luma.gl/webgl';\n\nimport { Stats, Stat } from '@probe.gl/stats'\nimport {isBrowser} from '@probe.gl/env';\n\nimport { Timeline } from '../animation/timeline'\n\n\ntype DeviceProps = WebGLDeviceProps;\ntype ContextProps = WebGLDeviceProps;\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\nlet statIdCounter = 0;\n\n/** AnimationLoop properties */\nexport type AnimationLoopProps = {\n  onCreateDevice?: (props: DeviceProps) => Device;\n  onCreateContext?: (props: ContextProps) => WebGLRenderingContext; // TODO: signature from createGLContext\n  onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n  onInitialize?: (animationProps: AnimationProps) => {} | void;\n  onRender?: (animationProps: AnimationProps) => void;\n  onFinalize?: (animationProps: AnimationProps) => void;\n  onError?: (reason: any) => void;\n\n  stats?: Stats;\n\n  device?: Device;\n  glOptions?: ContextProps; // createGLContext options\n  debug?: boolean;\n\n  // view parameters\n  autoResizeViewport?: boolean;\n  autoResizeDrawingBuffer?: boolean;\n  useDevicePixels?: number | boolean;\n\n  /** @deprecated Use .device */\n  gl?: WebGLRenderingContext\n  /** @deprecated Will be removed */\n  createFramebuffer?: boolean;\n};\n\nexport type AnimationProps = {\n  device: Device;\n\n  stop: () => AnimationLoop\n  canvas: HTMLCanvasElement | OffscreenCanvas\n  // Initial values\n  useDevicePixels: number | boolean\n  needsRedraw?: string\n  // Animation props\n  startTime: number\n  engineTime: number\n  tick: number\n  tock: number\n\n  // Timeline time for back compatibility\n  time: number\n\n  width: number\n  height: number\n  aspect: number\n\n  timeline: Timeline\n  animationLoop: AnimationLoop\n\n  // Experimental\n  _mousePosition?: [number, number] // [offsetX, offsetY],\n\n  /** @deprecated Will be removed, create your own Framebuffer */\n  framebuffer: Framebuffer\n  /** @deprecated Use .device */\n  gl: WebGLRenderingContext\n\n  /** @deprecated Use .timeline */\n  _timeline: Timeline\n  /** @deprecated Use .animationLoop */\n  _loop: AnimationLoop\n  /** @deprecated Use .animationLoop */\n  _animationLoop: AnimationLoop\n}\n\nconst DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {\n  onCreateDevice: (props: DeviceProps) => luma.createDevice(props),\n  onCreateContext: null,\n  onAddHTML: null,\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: null,\n  debug: false,\n\n  // view parameters\n  useDevicePixels: true,\n  autoResizeViewport: true,\n  autoResizeDrawingBuffer: true,\n  stats: lumaStats.get(`animation-loop-${statIdCounter++}`),\n\n  // deprecated\n  // onCreateContext: (opts) => createGLContext(opts),\n  gl: null,\n  glOptions: {},\n  createFramebuffer: false\n};\n\n/** Convenient animation loop */\nexport default class AnimationLoop {\n  device: Device;\n  canvas: HTMLCanvasElement | OffscreenCanvas;\n\n  props: Required<AnimationLoopProps>;\n  animationProps: AnimationProps;\n  framebuffer: Framebuffer = null;\n  timeline: Timeline = null;\n  stats: Stats;\n  cpuTime: Stat;\n  gpuTime: Stat;\n  frameRate: Stat;\n\n  display: any;\n\n  needsRedraw: string | null = 'initialized';\n\n  _initialized: boolean = false;\n  _running: boolean = false;\n  _animationFrameId = null;\n  _pageLoadPromise: Promise<{}> | null = null;\n  _nextFramePromise: Promise<AnimationLoop> | null = null;\n  _resolveNextFrame: ((AnimationLoop) => void) | null = null;\n  _cpuStartTime: number = 0;\n\n  _gpuTimeQuery: Query | null = null;\n\n  /** @deprecated */\n  gl: WebGLRenderingContext;\n\n  /*\n   * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context\n   */\n  constructor(props: AnimationLoopProps = {}) {\n    this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};\n    props = this.props;\n\n    let {useDevicePixels = true} = this.props;\n\n    if ('useDevicePixelRatio' in props) {\n      log.deprecated('useDevicePixelRatio', 'useDevicePixels')();\n      // @ts-expect-error\n      useDevicePixels = props.useDevicePixelRatio;\n    }\n\n    // state\n    this.device = props.device;\n    // @ts-expect-error\n    this.gl = (this.device && this.device.gl) || props.gl;\n\n    this.stats = props.stats;\n    this.cpuTime = this.stats.get('CPU Time');\n    this.gpuTime = this.stats.get('GPU Time');\n    this.frameRate = this.stats.get('Frame Rate');\n\n    this.setProps({\n      autoResizeViewport: props.autoResizeViewport,\n      autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,\n      useDevicePixels\n    });\n\n    // Bind methods\n    this.start = this.start.bind(this);\n    this.stop = this.stop.bind(this);\n\n    this._onMousemove = this._onMousemove.bind(this);\n    this._onMouseleave = this._onMouseleave.bind(this);\n  }\n\n  destroy(): void {\n    this.stop();\n    this._setDisplay(null);\n  }\n\n  /** @deprecated Use .destroy() */\n  delete(): void {\n    this.destroy();\n  }\n\n  setNeedsRedraw(reason: string): this {\n    this.needsRedraw = this.needsRedraw || reason;\n    return this;\n  }\n\n  setProps(props: AnimationLoopProps): this {\n    if ('autoResizeViewport' in props) {\n      this.props.autoResizeViewport = props.autoResizeViewport;\n    }\n    if ('autoResizeDrawingBuffer' in props) {\n      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;\n    }\n    if ('useDevicePixels' in props) {\n      this.props.useDevicePixels = props.useDevicePixels;\n    }\n    return this;\n  }\n\n  start(opts = {}) {\n    this._start(opts);\n    return this;\n  }\n\n  /** Starts a render loop if not already running\n   * @param {Object} context - contains frame specific info (E.g. tick, width, height, etc)\n   */\n  async _start(opts) {\n    if (this._running) {\n      return this;\n    }\n    this._running = true;\n\n    // console.debug(`Starting ${this.constructor.name}`);\n    // Wait for start promise before rendering frame\n    try {\n      await this._getPageLoadPromise();\n\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      let appContext;\n      if (!this._initialized) {\n        this._initialized = true;\n        this._initialize(opts);\n\n        // Note: onIntialize can return a promise (in case app needs to load resources)\n        appContext = await this.onInitialize(this.animationProps);\n        this._addCallbackData(appContext || {});\n      }\n\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      // Start the loop\n      if (appContext !== false) {\n        // cancel any pending renders to ensure only one loop can ever run\n        this._cancelAnimationFrame();\n        this._requestAnimationFrame();\n      }\n\n      return this;\n    } catch (error) {\n      this.props.onError(error);\n      // this._running = false; // TODO\n      return null;\n    }\n  }\n\n  /** Explicitly draw a frame */\n  redraw(): this {\n    if (this.isContextLost()) {\n      return this;\n    }\n\n    this._beginTimers();\n\n    this._setupFrame();\n    this._updateCallbackData();\n\n    this._renderFrame(this.animationProps);\n\n    // clear needsRedraw flag\n    this._clearNeedsRedraw();\n\n    if (this._resolveNextFrame) {\n      this._resolveNextFrame(this);\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n    }\n\n    this._endTimers();\n\n    return this;\n  }\n\n  // Stops a render loop if already running, finalizing\n  stop() {\n    // console.debug(`Stopping ${this.constructor.name}`);\n    if (this._running) {\n      this._finalizeCallbackData();\n      this._cancelAnimationFrame();\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n      this._running = false;\n    }\n    return this;\n  }\n\n  attachTimeline(timeline: Timeline): Timeline {\n    this.timeline = timeline;\n    return this.timeline;\n  }\n\n  detachTimeline(): void {\n    this.timeline = null;\n  }\n\n  waitForRender(): Promise<AnimationLoop> {\n    this.setNeedsRedraw('waitForRender');\n\n    if (!this._nextFramePromise) {\n      this._nextFramePromise = new Promise((resolve) => {\n        this._resolveNextFrame = resolve;\n      });\n    }\n    return this._nextFramePromise;\n  }\n\n  async toDataURL() {\n    this.setNeedsRedraw('toDataURL');\n\n    await this.waitForRender();\n\n    return this.gl.canvas.toDataURL();\n  }\n\n  isContextLost(): boolean {\n    return this.gl.isContextLost();\n  }\n\n  onCreateDevice(deviceProps: DeviceProps) {\n    return this.props.onCreateDevice(deviceProps);\n  }\n\n  onInitialize(animationProps: AnimationProps): {} | void {\n    return this.props.onInitialize(animationProps);\n  }\n\n  onRender(animationProps: AnimationProps) {\n    return this.props.onRender(animationProps);\n  }\n\n  onFinalize(animationProps: AnimationProps) {\n    return this.props.onFinalize(animationProps);\n  }\n\n  // DEPRECATED/REMOVED METHODS\n\n  /** @deprecated Use .onCreateDevice() */\n  onCreateContext(props: ContextProps) {\n    return this.props.onCreateContext(props);\n  }\n\n  /** @deprecated */\n  getHTMLControlValue(id, defaultValue = 1) {\n    const element = document.getElementById(id);\n    // @ts-expect-error Not all html elements have value\n    return element ? Number(element.value) : defaultValue;\n  }\n\n  // PRIVATE METHODS\n\n  _initialize(props: AnimationLoopProps) {\n    // Create the WebGL context\n    this._createDevice(props);\n    this._createFramebuffer();\n    this._startEventHandling();\n\n    // Initialize the callback data\n    this._initializeCallbackData();\n    this._updateCallbackData();\n\n    // Default viewport setup, in case onInitialize wants to render\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n\n    this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;\n  }\n\n  _getPageLoadPromise() {\n    if (!this._pageLoadPromise) {\n      this._pageLoadPromise = isPage\n        ? new Promise((resolve, reject) => {\n            if (isPage && document.readyState === 'complete') {\n              resolve(document);\n              return;\n            }\n            window.addEventListener('load', () => {\n              resolve(document);\n            });\n          })\n        : Promise.resolve({});\n    }\n    return this._pageLoadPromise;\n  }\n\n  _setDisplay(display) {\n    if (this.display) {\n      this.display.delete();\n      this.display.animationLoop = null;\n    }\n\n    // store animation loop on the display\n    if (display) {\n      display.animationLoop = this;\n    }\n\n    this.display = display;\n  }\n\n  _requestAnimationFrame() {\n    if (!this._running) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.requestAnimationFrame) {\n    //   this._animationFrameId = this.display.requestAnimationFrame(this._animationFrame.bind(this));\n    // }\n    this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));\n  }\n\n  _cancelAnimationFrame() {\n    if (this._animationFrameId !== null) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.cancelAnimationFrame) {\n    //   this.display.cancelAnimationFrame(this._animationFrameId);\n    // }\n    cancelAnimationFrame(this._animationFrameId);\n    this._animationFrameId = null;\n  }\n\n  _animationFrame() {\n    if (!this._running) {\n      return;\n    }\n    this.redraw();\n    this._requestAnimationFrame();\n  }\n\n  // Called on each frame, can be overridden to call onRender multiple times\n  // to support e.g. stereoscopic rendering\n  _renderFrame(props: AnimationProps) {\n    // Allow e.g. VR display to render multiple frames.\n    if (this.display) {\n      this.display._renderFrame(props);\n      return;\n    }\n\n    // call callback\n    this.onRender(props);\n    // end callback\n  }\n\n  _clearNeedsRedraw() {\n    this.needsRedraw = null;\n  }\n\n  _setupFrame() {\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n    this._resizeFramebuffer();\n  }\n\n  // Initialize the  object that will be passed to app callbacks\n  _initializeCallbackData() {\n    // @ts-expect-error\n    this.animationProps = {\n      device: this.device,\n      gl: this.gl,\n\n      stop: this.stop,\n      canvas: this.gl.canvas,\n\n      // Initial values\n      useDevicePixels: this.props.useDevicePixels,\n      needsRedraw: null,\n\n      // Animation props\n      startTime: Date.now(),\n      engineTime: 0,\n      tick: 0,\n      tock: 0,\n\n      timeline: this.timeline,\n      animationLoop: this,\n\n      // Timeline time for back compatibility\n      time: 0,\n\n      // Experimental\n      _mousePosition: null, // Event props\n\n      // Deprecated\n      framebuffer: this.framebuffer,\n      _timeline: this.timeline,\n      _loop: this,\n      _animationLoop: this\n    };\n  }\n\n  // Update the context object that will be passed to app callbacks\n  _updateCallbackData() {\n    const {width, height, aspect} = this._getSizeAndAspect();\n    if (width !== this.animationProps.width || height !== this.animationProps.height) {\n      this.setNeedsRedraw('drawing buffer resized');\n    }\n    if (aspect !== this.animationProps.aspect) {\n      this.setNeedsRedraw('drawing buffer aspect changed');\n    }\n\n    this.animationProps.width = width;\n    this.animationProps.height = height;\n    this.animationProps.aspect = aspect;\n\n    this.animationProps.needsRedraw = this.needsRedraw;\n\n    // Update time properties\n    this.animationProps.engineTime = Date.now() - this.animationProps.startTime;\n\n    if (this.timeline) {\n      this.timeline.update(this.animationProps.engineTime);\n    }\n\n    this.animationProps.tick = Math.floor((this.animationProps.time / 1000) * 60);\n    this.animationProps.tock++;\n\n    // For back compatibility\n    this.animationProps.time = this.timeline\n      ? this.timeline.getTime()\n      : this.animationProps.engineTime;\n  }\n\n  _finalizeCallbackData() {\n    // call callback\n    this.onFinalize(this.animationProps);\n    // end callback\n  }\n\n  /** Add application's data to the app context object */\n  _addCallbackData(appContext) {\n    if (typeof appContext === 'object' && appContext !== null) {\n      this.animationProps = Object.assign({}, this.animationProps, appContext);\n    }\n  }\n\n  /** Either uses supplied or existing context, or calls provided callback to create one */\n  _createDevice(props: DeviceProps) {\n    const deviceProps = {...this.props, ...props, ...this.props.glOptions};\n\n    // TODO - support this.onCreateContext\n    // Create the WebGL context if necessary\n    // this.gl = this.props.gl ? instrumentGLContext(this.props.gl, deviceProps) : this.onCreateContext(deviceProps);\n\n    this.device = this.onCreateDevice(deviceProps);\n    // @ts-expect-error\n    this.gl = this.device.gl;\n\n    if (!isWebGL(this.gl)) {\n      throw new Error('AnimationLoop.onCreateContext - illegal context returned');\n    }\n\n    // Reset the WebGL context.\n    resetParameters(this.gl);\n\n    this._createInfoDiv();\n  }\n\n  _createInfoDiv() {\n    if (this.gl.canvas && this.props.onAddHTML) {\n      const wrapperDiv = document.createElement('div');\n      document.body.appendChild(wrapperDiv);\n      wrapperDiv.style.position = 'relative';\n      const div = document.createElement('div');\n      div.style.position = 'absolute';\n      div.style.left = '10px';\n      div.style.bottom = '10px';\n      div.style.width = '300px';\n      div.style.background = 'white';\n      wrapperDiv.appendChild(this.gl.canvas);\n      wrapperDiv.appendChild(div);\n      const html = this.props.onAddHTML(div);\n      if (html) {\n        div.innerHTML = html;\n      }\n    }\n  }\n\n  _getSizeAndAspect() {\n    // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n    const width = this.gl.drawingBufferWidth;\n    const height = this.gl.drawingBufferHeight;\n\n    // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n    let aspect = 1;\n    const {canvas} = this.gl;\n\n    if (canvas && canvas.clientHeight) {\n      aspect = canvas.clientWidth / canvas.clientHeight;\n    } else if (width > 0 && height > 0) {\n      aspect = width / height;\n    }\n\n    return {width, height, aspect};\n  }\n\n  /** Default viewport setup */\n  _resizeViewport() {\n    if (this.props.autoResizeViewport) {\n      this.gl.viewport(0, 0, this.gl.drawingBufferWidth, this.gl.drawingBufferHeight);\n    }\n  }\n\n  /** \n   * Resize the render buffer of the canvas to match canvas client size\n   * Optionally multiplying with devicePixel ratio\n   */\n  _resizeCanvasDrawingBuffer() {\n    if (this.props.autoResizeDrawingBuffer) {\n      (this.device as WebGLDevice).resize({useDevicePixels: this.props.useDevicePixels});\n    }\n  }\n\n  _beginTimers() {\n    this.frameRate.timeEnd();\n    this.frameRate.timeStart();\n\n    // Check if timer for last frame has completed.\n    // GPU timer results are never available in the same\n    // frame they are captured.\n    if (\n      this._gpuTimeQuery &&\n      this._gpuTimeQuery.isResultAvailable() &&\n      !this._gpuTimeQuery.isTimerDisjoint()\n    ) {\n      this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());\n    }\n\n    if (this._gpuTimeQuery) {\n      // GPU time query start\n      this._gpuTimeQuery.beginTimeElapsedQuery();\n    }\n\n    this.cpuTime.timeStart();\n  }\n\n  _endTimers() {\n    this.cpuTime.timeEnd();\n\n    if (this._gpuTimeQuery) {\n      // GPU time query end. Results will be available on next frame.\n      this._gpuTimeQuery.end();\n    }\n  }\n\n  // Event handling\n\n  _startEventHandling() {\n    const {canvas} = this.gl;\n    if (canvas) {\n      canvas.addEventListener('mousemove', this._onMousemove);\n      canvas.addEventListener('mouseleave', this._onMouseleave);\n    }\n  }\n\n  _onMousemove(e) {\n    this.animationProps._mousePosition = [e.offsetX, e.offsetY];\n  }\n  _onMouseleave(e) {\n    this.animationProps._mousePosition = null;\n  }\n\n  // Deprecated\n\n  /** @deprecated */\n  _createFramebuffer() {\n    // Setup default framebuffer\n    if (this.props.createFramebuffer) {\n      this.framebuffer = new Framebuffer(this.gl);\n    }\n  }\n\n  /** @deprecated */\n  _resizeFramebuffer() {\n    if (this.framebuffer) {\n      this.framebuffer.resize({\n        width: this.gl.drawingBufferWidth,\n        height: this.gl.drawingBufferHeight\n      });\n    }\n  }  \n}\n"],"file":"animation-loop.js"}
+{"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","requestAnimationFrame","cancelAnimationFrame","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onAddHTML","undefined","onInitialize","onRender","onFinalize","onError","error","console","device","deviceProps","debug","stats","get","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","AnimationLoop","constructor","gl","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","_running","appContext","_initialized","_createDevice","_initialize","animationProps","_cancelAnimationFrame","_requestAnimationFrame","err","Error","redraw","isLost","_beginTimers","_setupFrame","_updateCallbackData","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","_startEventHandling","_initializeCallbackData","_resizeCanvasDrawingBuffer","_resizeViewport","display","animationLoop","_animationFrameId","_animationFrame","canvasContext","width","height","aspect","time","startTime","Date","now","engineTime","tick","tock","_mousePosition","_getSizeAndAspect","update","Math","floor","getTime","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","getPixelSize","clientHeight","clientWidth","viewport","drawingBufferWidth","drawingBufferHeight","resize","timeEnd","timeStart","addEventListener","e","offsetX","offsetY"],"mappings":"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","sourcesContent":["import {luma, Device, DeviceProps} from '@luma.gl/api';\nimport {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';\nimport {Timeline} from '../animation/timeline';\nimport {AnimationProps} from '../lib/animation-props';\nimport {Stats, Stat} from '@probe.gl/stats';\nimport {isBrowser} from '@probe.gl/env';\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\nlet statIdCounter = 0;\n\ntype ContextProps = DeviceProps;\n\n/** AnimationLoop properties */\nexport type AnimationLoopProps = {\n  onCreateDevice?: (props: DeviceProps) => Promise<Device>;\n  onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n  onInitialize?: (animationProps: AnimationProps) => void;\n  onRender?: (animationProps: AnimationProps) => void;\n  onFinalize?: (animationProps: AnimationProps) => void;\n  onError?: (reason: Error) => void;\n\n  device?: Device;\n  deviceProps?: DeviceProps;\n  stats?: Stats;\n\n  // view parameters\n  debug?: boolean;\n  autoResizeViewport?: boolean;\n  autoResizeDrawingBuffer?: boolean;\n  useDevicePixels?: number | boolean;\n};\n\nconst DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {\n  onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),\n  onAddHTML: undefined,\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: undefined,\n  deviceProps: {},\n  debug: false,\n  stats: luma.stats.get(`animation-loop-${statIdCounter++}`),\n\n  // view parameters\n  useDevicePixels: true,\n  autoResizeViewport: true,\n  autoResizeDrawingBuffer: true,\n};\n\n/** Convenient animation loop */\nexport default class AnimationLoop {\n  device: Device;\n  canvas: HTMLCanvasElement; // | OffscreenCanvas;\n\n  props: Required<AnimationLoopProps>;\n  animationProps: AnimationProps;\n  timeline: Timeline = null;\n  stats: Stats;\n  cpuTime: Stat;\n  gpuTime: Stat;\n  frameRate: Stat;\n\n  display: any;\n\n  needsRedraw: string | null = 'initialized';\n\n  _initialized: boolean = false;\n  _running: boolean = false;\n  _animationFrameId = null;\n  _nextFramePromise: Promise<AnimationLoop> | null = null;\n  _resolveNextFrame: ((AnimationLoop) => void) | null = null;\n  _cpuStartTime: number = 0;\n\n  // _gpuTimeQuery: Query | null = null;\n\n  /*\n   * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context\n   */\n  constructor(props: AnimationLoopProps = {}) {\n    this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};\n    props = this.props;\n\n    let {useDevicePixels = true} = this.props;\n\n    // state\n    this.device = props.device;\n    // @ts-expect-error\n    this.gl = (this.device && this.device.gl) || props.gl;\n\n    this.stats = props.stats;\n    this.cpuTime = this.stats.get('CPU Time');\n    this.gpuTime = this.stats.get('GPU Time');\n    this.frameRate = this.stats.get('Frame Rate');\n\n    this.setProps({\n      autoResizeViewport: props.autoResizeViewport,\n      autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,\n      useDevicePixels\n    });\n\n    // Bind methods\n    this.start = this.start.bind(this);\n    this.stop = this.stop.bind(this);\n\n    this._onMousemove = this._onMousemove.bind(this);\n    this._onMouseleave = this._onMouseleave.bind(this);\n  }\n\n  destroy(): void {\n    this.stop();\n    this._setDisplay(null);\n  }\n\n  /** @deprecated Use .destroy() */\n  delete(): void {\n    this.destroy();\n  }\n\n  setNeedsRedraw(reason: string): this {\n    this.needsRedraw = this.needsRedraw || reason;\n    return this;\n  }\n\n  // TODO - move to CanvasContext\n  setProps(props: AnimationLoopProps): this {\n    if ('autoResizeViewport' in props) {\n      this.props.autoResizeViewport = props.autoResizeViewport;\n    }\n    if ('autoResizeDrawingBuffer' in props) {\n      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;\n    }\n    if ('useDevicePixels' in props) {\n      this.props.useDevicePixels = props.useDevicePixels;\n    }\n    return this;\n  }\n\n  /** Starts a render loop if not already running */\n  async start() {\n    if (this._running) {\n      return this;\n    }\n    this._running = true;\n\n    try {\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      let appContext;\n      if (!this._initialized) {\n        this._initialized = true;\n        // Create the WebGL context\n        await this._createDevice();\n        this._initialize();\n\n        // Note: onIntialize can return a promise (e.g. in case app needs to load resources)\n        await this.onInitialize(this.animationProps);\n      }\n\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      // Start the loop\n      if (appContext !== false) {\n        // cancel any pending renders to ensure only one loop can ever run\n        this._cancelAnimationFrame();\n        this._requestAnimationFrame();\n      }\n\n      return this;\n    } catch (err: unknown) {\n      const error = err instanceof Error ? err : new Error('Unknown error')\n      this.props.onError(error);\n      // this._running = false; // TODO\n      throw error;\n    }\n  }\n\n  /** Explicitly draw a frame */\n  redraw(): this {\n    if (this.device.isLost) {\n      return this;\n    }\n\n    this._beginTimers();\n\n    this._setupFrame();\n    this._updateCallbackData();\n\n    this._renderFrame(this.animationProps);\n\n    // clear needsRedraw flag\n    this._clearNeedsRedraw();\n\n    if (this._resolveNextFrame) {\n      this._resolveNextFrame(this);\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n    }\n\n    this._endTimers();\n\n    return this;\n  }\n\n  // Stops a render loop if already running, finalizing\n  stop() {\n    // console.debug(`Stopping ${this.constructor.name}`);\n    if (this._running) {\n      // call callback\n      this.onFinalize(this.animationProps);\n\n      this._cancelAnimationFrame();\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n      this._running = false;\n    }\n    return this;\n  }\n\n  attachTimeline(timeline: Timeline): Timeline {\n    this.timeline = timeline;\n    return this.timeline;\n  }\n\n  detachTimeline(): void {\n    this.timeline = null;\n  }\n\n  waitForRender(): Promise<AnimationLoop> {\n    this.setNeedsRedraw('waitForRender');\n\n    if (!this._nextFramePromise) {\n      this._nextFramePromise = new Promise((resolve) => {\n        this._resolveNextFrame = resolve;\n      });\n    }\n    return this._nextFramePromise;\n  }\n\n  async toDataURL() {\n    this.setNeedsRedraw('toDataURL');\n    await this.waitForRender();\n    return this.canvas.toDataURL();\n  }\n\n  onCreateDevice(deviceProps: DeviceProps): Promise<Device> {\n    return this.props.onCreateDevice(deviceProps);\n  }\n\n  onInitialize(animationProps: AnimationProps): {} | void {\n    return this.props.onInitialize(animationProps);\n  }\n\n  onRender(animationProps: AnimationProps) {\n    return this.props.onRender(animationProps);\n  }\n\n  onFinalize(animationProps: AnimationProps) {\n    return this.props.onFinalize(animationProps);\n  }\n\n  // PRIVATE METHODS\n\n  _initialize() {\n    this._startEventHandling();\n\n    // Initialize the callback data\n    this._initializeCallbackData();\n    this._updateCallbackData();\n\n    // Default viewport setup, in case onInitialize wants to render\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n\n    // this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;\n  }\n\n  _setDisplay(display) {\n    if (this.display) {\n      this.display.delete();\n      this.display.animationLoop = null;\n    }\n\n    // store animation loop on the display\n    if (display) {\n      display.animationLoop = this;\n    }\n\n    this.display = display;\n  }\n\n  _requestAnimationFrame() {\n    if (!this._running) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.requestAnimationFrame) {\n    //   this._animationFrameId = this.display.requestAnimationFrame(this._animationFrame.bind(this));\n    // }\n    this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));\n  }\n\n  _cancelAnimationFrame() {\n    if (this._animationFrameId !== null) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.cancelAnimationFrame) {\n    //   this.display.cancelAnimationFrame(this._animationFrameId);\n    // }\n  cancelAnimationFrame(this._animationFrameId);\n    this._animationFrameId = null;\n  }\n\n  _animationFrame() {\n    if (!this._running) {\n      return;\n    }\n    this.redraw();\n    this._requestAnimationFrame();\n  }\n\n  // Called on each frame, can be overridden to call onRender multiple times\n  // to support e.g. stereoscopic rendering\n  _renderFrame(props: AnimationProps) {\n    // Allow e.g. VR display to render multiple frames.\n    if (this.display) {\n      this.display._renderFrame(props);\n      return;\n    }\n\n    // call callback\n    this.onRender(props);\n    // end callback\n  }\n\n  _clearNeedsRedraw() {\n    this.needsRedraw = null;\n  }\n\n  _setupFrame() {\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n  }\n\n  // Initialize the  object that will be passed to app callbacks\n  _initializeCallbackData() {\n    this.animationProps = {\n      animationLoop: this,\n      device: this.device,\n      canvas: this.device.canvasContext.canvas,\n      timeline: this.timeline,\n\n      // Initial values\n      useDevicePixels: this.props.useDevicePixels,\n      needsRedraw: null,\n\n      // Placeholders\n      width: 1,\n      height: 1,\n      aspect: 1,\n\n      // Animation props\n      time: 0,\n      startTime: Date.now(),\n      engineTime: 0,\n      tick: 0,\n      tock: 0,\n\n      // Experimental\n      _mousePosition: null // Event props\n    };\n  }\n\n  // Update the context object that will be passed to app callbacks\n  _updateCallbackData() {\n    const {width, height, aspect} = this._getSizeAndAspect();\n    if (width !== this.animationProps.width || height !== this.animationProps.height) {\n      this.setNeedsRedraw('drawing buffer resized');\n    }\n    if (aspect !== this.animationProps.aspect) {\n      this.setNeedsRedraw('drawing buffer aspect changed');\n    }\n\n    this.animationProps.width = width;\n    this.animationProps.height = height;\n    this.animationProps.aspect = aspect;\n\n    this.animationProps.needsRedraw = this.needsRedraw;\n\n    // Update time properties\n    this.animationProps.engineTime = Date.now() - this.animationProps.startTime;\n\n    if (this.timeline) {\n      this.timeline.update(this.animationProps.engineTime);\n    }\n\n    this.animationProps.tick = Math.floor((this.animationProps.time / 1000) * 60);\n    this.animationProps.tock++;\n\n    // For back compatibility\n    this.animationProps.time = this.timeline\n      ? this.timeline.getTime()\n      : this.animationProps.engineTime;\n  }\n\n  /** Either uses supplied or existing context, or calls provided callback to create one */\n  async _createDevice() {\n    const deviceProps = {...this.props, ...this.props.deviceProps};\n    this.device = await this.onCreateDevice(deviceProps);\n    // @ts-expect-error\n    this.canvas = this.device.canvasContext.canvas;\n    this._createInfoDiv();\n  }\n\n  _createInfoDiv() {\n    if (this.canvas && this.props.onAddHTML) {\n      const wrapperDiv = document.createElement('div');\n      document.body.appendChild(wrapperDiv);\n      wrapperDiv.style.position = 'relative';\n      const div = document.createElement('div');\n      div.style.position = 'absolute';\n      div.style.left = '10px';\n      div.style.bottom = '10px';\n      div.style.width = '300px';\n      div.style.background = 'white';\n      wrapperDiv.appendChild(this.canvas);\n      wrapperDiv.appendChild(div);\n      const html = this.props.onAddHTML(div);\n      if (html) {\n        div.innerHTML = html;\n      }\n    }\n  }\n\n  _getSizeAndAspect() {\n    // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n    const [width, height] = this.device.canvasContext.getPixelSize();\n\n    // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n    let aspect = 1;\n    const canvas = this.device.canvasContext.canvas;\n\n    // @ts-expect-error\n    if (canvas && canvas.clientHeight) {\n      // @ts-expect-error\n      aspect = canvas.clientWidth / canvas.clientHeight;\n    } else if (width > 0 && height > 0) {\n      aspect = width / height;\n    }\n\n    return {width, height, aspect};\n  }\n\n  /** Default viewport setup */\n  _resizeViewport() {\n    // @ts-expect-error Expose on canvasContext\n    if (this.props.autoResizeViewport && this.device.gl) {\n      // @ts-expect-error Expose canvasContext\n      this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);\n    }\n  }\n\n  /**\n   * Resize the render buffer of the canvas to match canvas client size\n   * Optionally multiplying with devicePixel ratio\n   */\n  _resizeCanvasDrawingBuffer() {\n    if (this.props.autoResizeDrawingBuffer) {\n      this.device.canvasContext.resize({useDevicePixels: this.props.useDevicePixels});\n    }\n  }\n\n  _beginTimers() {\n    this.frameRate.timeEnd();\n    this.frameRate.timeStart();\n\n    // Check if timer for last frame has completed.\n    // GPU timer results are never available in the same\n    // frame they are captured.\n    // if (\n    //   this._gpuTimeQuery &&\n    //   this._gpuTimeQuery.isResultAvailable() &&\n    //   !this._gpuTimeQuery.isTimerDisjoint()\n    // ) {\n    //   this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());\n    // }\n\n    // if (this._gpuTimeQuery) {\n    //   // GPU time query start\n    //   this._gpuTimeQuery.beginTimeElapsedQuery();\n    // }\n\n    // this.cpuTime.timeStart();\n  }\n\n  _endTimers() {\n    this.cpuTime.timeEnd();\n\n    // if (this._gpuTimeQuery) {\n    //   // GPU time query end. Results will be available on next frame.\n    //   this._gpuTimeQuery.end();\n    // }\n  }\n\n  // Event handling\n\n  _startEventHandling() {\n    if (this.canvas) {\n      this.canvas.addEventListener('mousemove', this._onMousemove);\n      this.canvas.addEventListener('mouseleave', this._onMouseleave);\n    }\n  }\n\n  _onMousemove(e) {\n    this.animationProps._mousePosition = [e.offsetX, e.offsetY];\n  }\n  _onMouseleave(e) {\n    this.animationProps._mousePosition = null;\n  }\n}\n"],"file":"animation-loop.js"}

package/dist/lib/animation-props.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="offscreencanvas" />
+import { Device } from '@luma.gl/api';
+import { Timeline } from '../animation/timeline';
+import type AnimationLoop from './animation-loop';
+/** Properties passed to every render frame  */
+export declare type AnimationProps = {
+    device: Device;
+    animationLoop: AnimationLoop;
+    /** @todo Should be canvasContext */
+    canvas: HTMLCanvasElement | OffscreenCanvas;
+    useDevicePixels: number | boolean;
+    width: number;
+    height: number;
+    aspect: number;
+    time: number;
+    startTime: number;
+    engineTime: number;
+    tick: number;
+    tock: number;
+    needsRedraw?: string;
+    timeline: Timeline;
+    _mousePosition?: [number, number];
+};
+//# sourceMappingURL=animation-props.d.ts.map

package/dist/lib/animation-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-props.d.ts","sourceRoot":"","sources":["../../src/lib/animation-props.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAElD,+CAA+C;AAC/C,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,aAAa,CAAC;IAE7B,oCAAoC;IACpC,MAAM,EAAE,iBAAiB,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IAGf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAGb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,QAAQ,CAAC;IAGnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC"}

package/dist/lib/animation-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=animation-props.js.map

package/dist/lib/animation-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"animation-props.js"}

package/dist/lib/clip-space.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=clip-space.d.ts.map

package/dist/lib/clip-space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip-space.d.ts","sourceRoot":"","sources":["../../src/lib/clip-space.ts"],"names":[],"mappings":""}

package/dist/lib/clip-space.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=clip-space.js.map

package/dist/lib/clip-space.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"clip-space.js"}

package/dist/lib/model-utils.d.ts

@@ -1,4 +1,5 @@
-import { Buffer } from '@luma.gl/webgl';
-export declare function getBuffersFromGeometry(gl: WebGLRenderingContext, geometry: any, options?: any): Record<string, Buffer | [Buffer, {}]>;
-export declare function inferAttributeAccessor(attributeName: any, attribute: any): void;
+import { Device, Buffer } from '@luma.gl/api';
+import type Geometry from '../geometry/geometry';
+export declare function getIndexBufferFromGeometry(device: Device, geometry: Geometry): Buffer | undefined;
+export declare function getAttributeBuffersFromGeometry(device: Device, geometry: Geometry): Record<string, Buffer>;
 //# sourceMappingURL=model-utils.d.ts.map

package/dist/lib/model-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-utils.d.ts","sourceRoot":"","sources":["../../src/lib/model-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAS,MAAM,gBAAgB,CAAC;AAY9C,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,qBAAqB,EAAE,QAAQ,KAAA,EAAE,OAAO,CAAC,KAAA,yCA2CnF;AASD,wBAAgB,sBAAsB,CAAC,aAAa,KAAA,EAAE,SAAS,KAAA,QA8B9D"}
+{"version":3,"file":"model-utils.d.ts","sourceRoot":"","sources":["../../src/lib/model-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,MAAM,EAAS,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC;AAsDjD,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAYjG;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc1G"}