@luma.gl/engine 9.0.0-alpha.11 → 9.0.0-alpha.12

package/src/{lib → animation-loop}/animation-loop.ts

@@ -1,53 +1,54 @@
 // luma.gl, MIT license
 
-import {luma, Device, DeviceProps} from '@luma.gl/api';
+import {luma, Device} from '@luma.gl/api';
 import {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';
 import {Timeline} from '../animation/timeline';
-import {AnimationProps} from '../lib/animation-props';
+import {AnimationProps} from './animation-props';
 import {Stats, Stat} from '@probe.gl/stats';
-import {isBrowser} from '@probe.gl/env';
-
-const isPage = isBrowser() && typeof document !== 'undefined';
 
 let statIdCounter = 0;
 
-type ContextProps = DeviceProps;
-
 /** AnimationLoop properties */
 export type AnimationLoopProps = {
-  onCreateDevice?: (props: DeviceProps) => Promise<Device>;
+  device: Device | Promise<Device>;
+
   onAddHTML?: (div: HTMLDivElement) => string; // innerHTML
   onInitialize?: (animationProps: AnimationProps) => Promise<unknown>;
   onRender?: (animationProps: AnimationProps) => unknown;
   onFinalize?: (animationProps: AnimationProps) => void;
   onError?: (reason: Error) => void;
 
-  device?: Device | null;
-  deviceProps?: DeviceProps;
   stats?: Stats;
 
-  // view parameters
+  // view parameters - TODO move to CanvasContext?
   autoResizeViewport?: boolean;
   autoResizeDrawingBuffer?: boolean;
   useDevicePixels?: number | boolean;
 };
 
+export type MutableAnimationLoopProps = {
+  // view parameters
+  autoResizeViewport?: boolean;
+  autoResizeDrawingBuffer?: boolean;
+  useDevicePixels?: number | boolean;
+}
+
+
 const DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {
-  onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),
+  device: null!,
+
   onAddHTML: () => '',
   onInitialize: async () => { return null; },
   onRender: () => {},
   onFinalize: () => {},
   onError: (error) => console.error(error), // eslint-disable-line no-console
 
-  device: null,
-  deviceProps: {},
   stats: luma.stats.get(`animation-loop-${statIdCounter++}`),
 
   // view parameters
   useDevicePixels: true,
-  autoResizeViewport: true,
-  autoResizeDrawingBuffer: true,
+  autoResizeViewport: false,
+  autoResizeDrawingBuffer: false,
 };
 
 /** Convenient animation loop */
@@ -71,7 +72,7 @@ export class AnimationLoop {
   _running: boolean = false;
   _animationFrameId: any = null;
   _nextFramePromise: Promise<AnimationLoop> | null = null;
-  _resolveNextFrame: ((AnimationLoop) => void) | null = null;
+  _resolveNextFrame: ((animationLoop: AnimationLoop) => void) | null = null;
   _cpuStartTime: number = 0;
 
   // _gpuTimeQuery: Query | null = null;
@@ -79,17 +80,17 @@ export class AnimationLoop {
   /*
    * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context
    */
-  constructor(props: AnimationLoopProps = {}) {
+  constructor(props: AnimationLoopProps) {
     this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};
     props = this.props;
 
+    if (!props.device) {
+      throw new Error('No device provided');
+    }
+
     let {useDevicePixels = true} = this.props;
 
     // state
-    this.device = props.device || null;
-    // @ts-expect-error
-    this.gl = (this.device && this.device.gl) || props.gl;
-
     this.stats = props.stats || new Stats({id: 'animation-loop-stats'});
     this.cpuTime = this.stats.get('CPU Time');
     this.gpuTime = this.stats.get('GPU Time');
@@ -125,7 +126,7 @@ export class AnimationLoop {
   }
 
   // TODO - move to CanvasContext
-  setProps(props: AnimationLoopProps): this {
+  setProps(props: MutableAnimationLoopProps): this {
     if ('autoResizeViewport' in props) {
       this.props.autoResizeViewport = props.autoResizeViewport || false;
     }
@@ -155,7 +156,7 @@ export class AnimationLoop {
       if (!this._initialized) {
         this._initialized = true;
         // Create the WebGL context
-        await this._createDevice();
+        await this._initDevice();
         this._initialize();
 
         // Note: onIntialize can return a promise (e.g. in case app needs to load resources)
@@ -273,7 +274,7 @@ export class AnimationLoop {
     // this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;
   }
 
-  _setDisplay(display) {
+  _setDisplay(display: any) {
     if (this.display) {
       this.display.delete();
       this.display.animationLoop = null;
@@ -422,12 +423,14 @@ export class AnimationLoop {
       : this.animationProps.engineTime;
   }
 
-  /** Either uses supplied or existing context, or calls provided callback to create one */
-  async _createDevice() {
-    const deviceProps = {...this.props, ...this.props.deviceProps};
-    this.device = await this.props.onCreateDevice(deviceProps);
-    this.canvas = this.device.canvasContext?.canvas!;
-    this._createInfoDiv();
+  /** Wait for supplied device */
+  async _initDevice() {
+    this.device = await this.props.device;
+    if (!this.device) {
+      throw new Error('No device provided');
+    }
+    this.canvas = this.device.canvasContext?.canvas || null;
+    // this._createInfoDiv();
   }
 
   _createInfoDiv() {

package/src/animation-loop/make-animation-loop.ts

@@ -0,0 +1,43 @@
+// luma.gl, MIT license
+import {luma} from '@luma.gl/api';
+import {AnimationLoopTemplate} from './render-loop'
+import {AnimationLoop, AnimationLoopProps} from './animation-loop'
+import type {AnimationProps} from './animation-props';
+
+export type MakeAnimationLoopProps = Omit<AnimationLoopProps, 'onCreateDevice' | 'onInitialize' | 'onRedraw' | 'onFinalize'>;
+
+/** Instantiates and runs the render loop */
+export function makeAnimationLoop(AnimationLoopTemplateCtor: typeof AnimationLoopTemplate, props?: MakeAnimationLoopProps): AnimationLoop {
+  let renderLoop: AnimationLoopTemplate | null = null;
+
+  const device = props?.device || luma.createDevice();
+
+  // Create an animation loop;
+  const animationLoop = new AnimationLoop({
+    ... props,
+
+    device,
+
+    async onInitialize(animationProps: AnimationProps): Promise<unknown> {
+        // @ts-expect-error abstract to prevent instantiation
+      renderLoop = new AnimationLoopTemplateCtor(animationProps);
+      // Any async loading can be handled here
+      return await renderLoop?.onInitialize(animationProps);
+    },
+
+    onRender: (animationProps: AnimationProps) => renderLoop?.onRender(animationProps),
+    
+    onFinalize: (animationProps: AnimationProps) => renderLoop?.onFinalize(animationProps)
+  });
+
+  // @ts-expect-error Hack: adds info for the website to find
+  animationLoop.getInfo = () => {
+    // @ts-ignore
+    return this.AnimationLoopTemplateCtor.info;
+  }
+
+  // Start the loop automatically
+  // animationLoop.start();
+
+  return animationLoop;
+}

package/src/animation-loop/render-loop.ts

@@ -0,0 +1,23 @@
+import type {AnimationProps} from './animation-props';
+
+/**
+ * Minimal class that represents a "componentized" rendering life cycle
+ * (resource construction, repeated rendering, resource destruction)
+ * 
+ * @note A motivation for this class compared to the raw animation loop is 
+ * that it simplifies TypeScript code by allowing resources to be typed unconditionally 
+ * since they are allocated in the constructor rather than in onInitialized
+ * 
+ * @note Introduced in luma.gl v9
+ * 
+ * @example AnimationLoopTemplate is intended to be subclassed, 
+ * but the subclass should not be instantiated directly. Instead the subclass
+ * (i.e. the constructor of the subclass) should be used 
+ * as an argument to create an AnimationLoop.
+ */
+export abstract class AnimationLoopTemplate {
+  constructor(animationProps?: AnimationProps) {}
+  async onInitialize(animationProps: AnimationProps): Promise<unknown> { return null; }
+  abstract onRender(animationProps: AnimationProps): unknown;
+  abstract onFinalize(animationProps: AnimationProps): void;
+}

package/src/geometries/cube-geometry.ts

@@ -5,7 +5,7 @@ import Geometry from '../geometry/geometry';
 export type CubeGeometryProps = {
   id?: string;
   indices?: boolean;
-  attributes?;
+  attributes?: any;
 };
 
 export class CubeGeometry extends Geometry {

package/src/geometries/cylinder-geometry.ts

@@ -4,7 +4,7 @@ import {TruncatedConeGeometry} from './truncated-cone-geometry';
 export type CylinderGeometryProps = {
   id?: string;
   radius?: number;
-  attributes?
+  attributes?: any;
 };
 
 export class CylinderGeometry extends TruncatedConeGeometry {

package/src/geometries/ico-sphere-geometry.ts

@@ -11,7 +11,7 @@ export type IcoSphereGeometryProps = {
   id?: string;
   radius?: number;
   iterations?: number;
-  attributes?
+  attributes?: any
 };
 
 export class IcoSphereGeometry extends Geometry {
@@ -40,9 +40,9 @@ function tesselateIcosaHedron(props: IcoSphereGeometryProps) {
   indices.push();
 
   const getMiddlePoint = (() => {
-    const pointMemo = {};
+    const pointMemo: Record<string, number> = {};
 
-    return (i1, i2) => {
+    return (i1: number, i2: number) => {
       i1 *= 3;
       i2 *= 3;
       const mini = i1 < i2 ? i1 : i2;

package/src/geometries/plane-geometry.ts

@@ -5,7 +5,7 @@ import {unpackIndexedGeometry} from '../geometry/geometry-utils';
 export type PlaneGeometryProps = {
   id?: string;
   radius?: number;
-  attributes?
+  attributes?: any
 };
 
 // Primitives inspired by TDL http://code.google.com/p/webglsamples/,
@@ -26,7 +26,7 @@ export class PlaneGeometry extends Geometry {
 }
 
 /* eslint-disable complexity, max-statements */
-function tesselatePlane(props) {
+function tesselatePlane(props: any) {
   const {type = 'x,y', offset = 0, flipCull = false, unpack = false} = props;
 
   const coords = type.split(',');

package/src/geometries/sphere-geometry.ts

@@ -6,7 +6,7 @@ export type SphereGeometryProps = {
   radius?: number;
   nlat?: number;
   nlong?: number;
-  attributes?
+  attributes?: any
 };
 
 // Primitives inspired by TDL http://code.google.com/p/webglsamples/,

package/src/geometries/truncated-cone-geometry.ts

@@ -34,7 +34,7 @@ export function makeTruncatedConeGeometry(props?: TruncatedConeGeometryProps): G
 }
 
 export class TruncatedConeGeometry extends Geometry {
-  constructor(props: TruncatedConeGeometryProps & {id?: string; attributes?} = {}) {
+  constructor(props: TruncatedConeGeometryProps & {id?: string; attributes?: any} = {}) {
     const {id = uid('truncated-code-geometry')} = props;
     const {indices, attributes} = tesselateTruncatedCone(props);
     super({

package/src/geometry/geometry-utils.ts

@@ -1,13 +1,13 @@
 // import type Geometry from './geometry';
 
-export function unpackIndexedGeometry(geometry) {
+export function unpackIndexedGeometry(geometry: any) {
   const {indices, attributes} = geometry;
   if (!indices) {
     return geometry;
   }
 
   const vertexCount = indices.value.length;
-  const unpackedAttributes = {};
+  const unpackedAttributes: Record<string, any> = {};
 
   for (const attributeName in attributes) {
     const attribute = attributes[attributeName];

package/src/geometry/geometry.ts

@@ -68,6 +68,7 @@ export default class Geometry {
     NORMAL: GeometryAttribute,
     TEXCOORD_0: GeometryAttribute,
     COLOR_0?: GeometryAttribute,
+    [key: string]: GeometryAttribute | undefined
   };
   readonly indices?: Uint16Array | Uint32Array;
 
@@ -109,8 +110,8 @@ export default class Geometry {
       // Move indices to separate field
       if (attributeName === 'indices') {
         assert(!this.indices);
-      // @ts-expect-error
-      this.indices = attribute;
+        // @ts-expect-error
+        this.indices = attribute;
       } else {
         this.attributes[attributeName] = attribute;
       }
@@ -136,9 +137,10 @@ export default class Geometry {
   }
 
   // Return an object with all attributes plus indices added as a field.
-  // getAttributes(): GeometryAttributes {
-  //   return this.indices ? {indices: this.indices, ...this.attributes} : this.attributes;
-  // }
+  getAttributes(): GeometryAttributes {
+    // @ts-expect-error Geometry types are a mess
+    return this.indices ? {indices: this.indices, ...this.attributes} : this.attributes;
+  }
 
   // PRIVATE
 
@@ -151,12 +153,12 @@ export default class Geometry {
   // type: indices, vertices, uvs
   // size: elements per vertex
   // target: WebGL buffer type (string or constant)
-  _setAttributes(attributes: Record<string, GeometryAttribute>, indices): this {
+  _setAttributes(attributes: Record<string, GeometryAttribute>, indices: any): this {
 
     return this;
   }
 
-  _calculateVertexCount(attributes, indices): number {
+  _calculateVertexCount(attributes: any, indices: any): number {
     if (indices) {
       return indices.value.length;
     }

package/src/index.ts

@@ -1,16 +1,22 @@
 // luma.gl Engine API
-export type {AnimationProps} from './lib/animation-props';
-export type {AnimationLoopProps} from './lib/animation-loop';
-export {AnimationLoop} from './lib/animation-loop';
-export {RenderLoop} from './lib/render-loop';
-export type {ModelProps} from './lib/model';
-export {default as Model} from './lib/model';
-
-export {PipelineFactory} from './lib/pipeline-factory';
 
 // Animation
 export {Timeline} from './animation/timeline';
 export {KeyFrames} from './animation/key-frames';
+export type {AnimationProps} from './animation-loop/animation-props';
+
+export {AnimationLoopTemplate} from './animation-loop/render-loop';
+
+export type {AnimationLoopProps} from './animation-loop/animation-loop';
+export {AnimationLoop} from './animation-loop/animation-loop';
+
+export type {MakeAnimationLoopProps} from './animation-loop/make-animation-loop';
+export {makeAnimationLoop} from './animation-loop/make-animation-loop';
+
+export type {ModelProps} from './lib/model';
+export {Model} from './lib/model';
+
+export {PipelineFactory} from './lib/pipeline-factory';
 
 // Utils
 // export {default as ClipSpace} from './lib/clip-space';

package/src/lib/model-utils.ts

@@ -72,10 +72,10 @@ export function getAttributeBuffersFromGeometry(device: Device, geometry: Geomet
 
   for (const [name, attribute] of Object.entries(geometry.attributes)) {
     const remappedName = mapAttributeName(name);
-    if (attribute.constant) {
+    if (attribute?.constant) {
       throw new Error('constant attributes not supported');
     } else {
-      const typedArray = attribute.value;
+      const typedArray = attribute?.value;
       buffers[remappedName] = device.createBuffer({data: typedArray, id: `${remappedName}-buffer`});
     }
   }
@@ -84,6 +84,7 @@ export function getAttributeBuffersFromGeometry(device: Device, geometry: Geomet
 }
 
 function mapAttributeName(name: string): string {
+  // @ts-ignore-error
   return GLTF_TO_LUMA_ATTRIBUTE_MAP[name] || name;
 }
 

package/src/lib/model.ts

@@ -1,7 +1,7 @@
 // luma.gl, MIT license
 
 import type {Device, Buffer, RenderPipelineProps, RenderPass, Binding, PrimitiveTopology} from '@luma.gl/api';
-import {RenderPipeline, Shader, cast} from '@luma.gl/api';
+import {RenderPipeline} from '@luma.gl/api';
 import type { ShaderModule } from '@luma.gl/shadertools';
 import type Geometry from '../geometry/geometry';
 import {getAttributeBuffersFromGeometry, getIndexBufferFromGeometry} from './model-utils';
@@ -29,7 +29,7 @@ const DEFAULT_MODEL_PROPS: Required<ModelProps> = {
 };
 
 /** v9 API */
-export default class Model {
+export class Model {
   readonly device: Device;
   readonly pipeline: RenderPipeline;
   readonly id: string;

package/src/lib/pipeline-factory.ts

@@ -1,5 +1,5 @@
-import type {RenderPipelineProps, RenderPipelineParameters, PrimitiveTopology, ShaderLayout} from '@luma.gl/api';
-import {Device, RenderPipeline, ComputePipeline} from '@luma.gl/api/';
+import type {RenderPipelineParameters, PrimitiveTopology, ShaderLayout} from '@luma.gl/api';
+import {Device, RenderPipeline} from '@luma.gl/api/';
 import type { ShaderModule } from '@luma.gl/shadertools';
 import {assembleShaders} from '@luma.gl/shadertools';
 
@@ -89,7 +89,7 @@ export class PipelineFactory {
     this.stateHash++;
   }
 
-  addShaderHook(hook: string, opts?): void {
+  addShaderHook(hook: string, opts?: any): void {
     if (opts) {
       hook = Object.assign(opts, {hook});
     }

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

@@ -1 +0,0 @@
-{"version":3,"file":"animation-loop.d.ts","sourceRoot":"","sources":["../../src/lib/animation-loop.ts"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","requestAnimationFrame","cancelAnimationFrame","Stats","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onAddHTML","onInitialize","onRender","onFinalize","onError","error","console","device","deviceProps","stats","get","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","AnimationLoop","constructor","gl","id","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","_running","appContext","_initialized","_createDevice","_initialize","_getAnimationProps","_cancelAnimationFrame","_requestAnimationFrame","err","Error","redraw","isLost","_beginTimers","_setupFrame","_updateAnimationProps","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","animationProps","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","HTMLCanvasElement","_startEventHandling","_initializeAnimationProps","_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","event","MouseEvent","offsetX","offsetY"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\n\nimport {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) => Promise<unknown>;\n  onRender?: (animationProps: AnimationProps) => unknown;\n  onFinalize?: (animationProps: AnimationProps) => void;\n  onError?: (reason: Error) => void;\n\n  device?: Device | null;\n  deviceProps?: DeviceProps;\n  stats?: Stats;\n\n  // view parameters\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: () => '',\n  onInitialize: async () => { return null; },\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: null,\n  deviceProps: {},\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 class AnimationLoop {\n  device: Device | null = null;\n  canvas: HTMLCanvasElement | OffscreenCanvas | null = null;\n\n  props: Required<AnimationLoopProps>;\n  animationProps: AnimationProps | null = null;\n  timeline: Timeline | null = null;\n  stats: Stats;\n  cpuTime: Stat;\n  gpuTime: Stat;\n  frameRate: Stat;\n\n  display: any;\n\n  needsRedraw: string | false = 'initialized';\n\n  _initialized: boolean = false;\n  _running: boolean = false;\n  _animationFrameId: any = 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 || null;\n    // @ts-expect-error\n    this.gl = (this.device && this.device.gl) || props.gl;\n\n    this.stats = props.stats || new Stats({id: 'animation-loop-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 || false;\n    }\n    if ('autoResizeDrawingBuffer' in props) {\n      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer || false;\n    }\n    if ('useDevicePixels' in props) {\n      this.props.useDevicePixels = props.useDevicePixels || false;\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.props.onInitialize(this._getAnimationProps());\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._updateAnimationProps();\n\n    this._renderFrame(this._getAnimationProps());\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      // If stop is called immediately, we can end up in a state where props haven't been initialized...\n      if (this.animationProps) {\n        this.props.onFinalize(this.animationProps);\n      }\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(): Promise<string> {\n    this.setNeedsRedraw('toDataURL');\n    await this.waitForRender();\n    if (this.canvas instanceof HTMLCanvasElement) {\n      return this.canvas.toDataURL();\n    }\n    throw new Error('OffscreenCanvas');\n  }\n\n  // PRIVATE METHODS\n\n  _initialize() {\n    this._startEventHandling();\n\n    // Initialize the callback data\n    this._initializeAnimationProps();\n    this._updateAnimationProps();\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(animationProps: AnimationProps) {\n    // Allow e.g. VR display to render multiple frames.\n    if (this.display) {\n      this.display._renderFrame(animationProps);\n      return;\n    }\n\n    // call callback\n    this.props.onRender(this._getAnimationProps());\n    // end callback\n  }\n\n  _clearNeedsRedraw() {\n    this.needsRedraw = false;\n  }\n\n  _setupFrame() {\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n  }\n\n  // Initialize the  object that will be passed to app callbacks\n  _initializeAnimationProps() {\n    if (!this.device) {\n      throw new Error('loop');\n    }\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: false,\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  _getAnimationProps(): AnimationProps {\n    if (!this.animationProps) {\n      throw new Error('animationProps');\n    }\n    return this.animationProps;\n  }\n\n  // Update the context object that will be passed to app callbacks\n  _updateAnimationProps(): void {\n    if (!this.animationProps) {\n      return;\n    }\n\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.props.onCreateDevice(deviceProps);\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      if (this.canvas instanceof HTMLCanvasElement) {\n        wrapperDiv.appendChild(this.canvas);\n      }\n      wrapperDiv.appendChild(div);\n      const html = this.props.onAddHTML(div);\n      if (html) {\n        div.innerHTML = html;\n      }\n    }\n  }\n\n  _getSizeAndAspect(): {width: number; height: number; aspect: number}  {\n    if (!this.device) {\n      return {width: 1, height: 1, aspect: 1};\n    }\n    // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n    const [width, height] = this.device?.canvasContext?.getPixelSize() || [1, 1];\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(event: Event) {\n    if (event instanceof MouseEvent) {\n      this._getAnimationProps()._mousePosition = [event.offsetX, event.offsetY];\n    }\n  }\n\n  _onMouseleave(event: Event) {\n    this._getAnimationProps()._mousePosition = null;\n  }\n}\n"],"file":"animation-loop.js"}

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

@@ -1 +0,0 @@
-{"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,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAEpD,+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,GAAG,KAAK,CAAC;IAE7B,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAG1B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CAC1C,CAAC"}

package/dist/lib/render-loop.d.ts

@@ -1,19 +0,0 @@
-import type { DeviceProps } from '@luma.gl/api';
-import type { AnimationProps } from '../lib/animation-props';
-import { AnimationLoop } from './animation-loop';
-/**
- * Minimal animation loop that initializes models in constructor
- * Simplifying type management
- * v9 API
- */
-export declare abstract class RenderLoop {
-    animationLoop?: AnimationLoop;
-    constructor(animationProps?: AnimationProps);
-    destroy(): void;
-    onInitialize(animationProps: AnimationProps): Promise<unknown>;
-    abstract onRender(animationProps: AnimationProps): unknown;
-    abstract onFinalize(animationProps: AnimationProps): void;
-    /** Instantiates and runs the render loop */
-    static run(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps): AnimationLoop;
-}
-//# sourceMappingURL=render-loop.d.ts.map

package/dist/lib/render-loop.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"render-loop.d.ts","sourceRoot":"","sources":["../../src/lib/render-loop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/C;;;;GAIG;AACH,8BAAsB,UAAU;IAE9B,aAAa,CAAC,EAAE,aAAa,CAAC;gBAElB,cAAc,CAAC,EAAE,cAAc;IAE3C,OAAO,IAAI,IAAI;IAIT,YAAY,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IACpE,QAAQ,CAAC,QAAQ,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO;IAC1D,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI;IAEzD,4CAA4C;IAC5C,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,OAAO,UAAU,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,aAAa;CAmC/F"}

package/dist/lib/render-loop.js

@@ -1,53 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { AnimationLoop } from './animation-loop';
-export class RenderLoop {
-  constructor(animationProps) {
-    _defineProperty(this, "animationLoop", void 0);
-  }
-
-  destroy() {
-    var _this$animationLoop;
-
-    (_this$animationLoop = this.animationLoop) === null || _this$animationLoop === void 0 ? void 0 : _this$animationLoop.destroy();
-  }
-
-  async onInitialize(animationProps) {
-    return null;
-  }
-
-  static run(RenderLoopConstructor, deviceProps) {
-    let renderLoop = null;
-    const animationLoop = new AnimationLoop({
-      deviceProps,
-
-      async onInitialize(animationProps) {
-        var _renderLoop;
-
-        renderLoop = new RenderLoopConstructor(animationProps);
-        renderLoop.animationLoop = animationLoop;
-        return await ((_renderLoop = renderLoop) === null || _renderLoop === void 0 ? void 0 : _renderLoop.onInitialize(animationProps));
-      },
-
-      onRender(animationProps) {
-        var _renderLoop2;
-
-        (_renderLoop2 = renderLoop) === null || _renderLoop2 === void 0 ? void 0 : _renderLoop2.onRender(animationProps);
-      },
-
-      onFinalize(animationProps) {
-        var _renderLoop3;
-
-        (_renderLoop3 = renderLoop) === null || _renderLoop3 === void 0 ? void 0 : _renderLoop3.onFinalize(animationProps);
-      }
-
-    });
-
-    animationLoop.getInfo = () => {
-      return this.RenderLoopConstructor.info;
-    };
-
-    return animationLoop;
-  }
-
-}
-//# sourceMappingURL=render-loop.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/render-loop.ts"],"names":["AnimationLoop","RenderLoop","constructor","animationProps","destroy","animationLoop","onInitialize","run","RenderLoopConstructor","deviceProps","renderLoop","onRender","onFinalize","getInfo","info"],"mappings":";AAEA,SAAQA,aAAR,QAA4B,kBAA5B;AAOA,OAAO,MAAeC,UAAf,CAA0B;AAI/BC,EAAAA,WAAW,CAACC,cAAD,EAAkC;AAAA;AAAE;;AAE/CC,EAAAA,OAAO,GAAS;AAAA;;AACd,gCAAKC,aAAL,4EAAoBD,OAApB;AACD;;AAEiB,QAAZE,YAAY,CAACH,cAAD,EAAmD;AAAE,WAAO,IAAP;AAAc;;AAK3E,SAAHI,GAAG,CAACC,qBAAD,EAA2CC,WAA3C,EAAqF;AAC7F,QAAIC,UAA6B,GAAG,IAApC;AAGA,UAAML,aAAa,GAAG,IAAIL,aAAJ,CAAkB;AACtCS,MAAAA,WADsC;;AAGtC,YAAMH,YAAN,CAAmBH,cAAnB,EAAqE;AAAA;;AAEnEO,QAAAA,UAAU,GAAG,IAAIF,qBAAJ,CAA0BL,cAA1B,CAAb;AACAO,QAAAA,UAAU,CAAEL,aAAZ,GAA4BA,aAA5B;AAEA,eAAO,sBAAMK,UAAN,gDAAM,YAAYJ,YAAZ,CAAyBH,cAAzB,CAAN,CAAP;AACD,OATqC;;AAWtCQ,MAAAA,QAAQ,CAACR,cAAD,EAAiC;AAAA;;AACvC,wBAAAO,UAAU,UAAV,oDAAYC,QAAZ,CAAqBR,cAArB;AACD,OAbqC;;AAetCS,MAAAA,UAAU,CAACT,cAAD,EAAiC;AAAA;;AACzC,wBAAAO,UAAU,UAAV,oDAAYE,UAAZ,CAAuBT,cAAvB;AACD;;AAjBqC,KAAlB,CAAtB;;AAqBAE,IAAAA,aAAa,CAACQ,OAAd,GAAwB,MAAM;AAE5B,aAAO,KAAKL,qBAAL,CAA2BM,IAAlC;AACD,KAHD;;AAQA,WAAOT,aAAP;AACD;;AAjD8B","sourcesContent":["import type {DeviceProps} from '@luma.gl/api';\nimport type {AnimationProps} from '../lib/animation-props';\nimport {AnimationLoop} from './animation-loop';\n\n/**\n * Minimal animation loop that initializes models in constructor\n * Simplifying type management\n * v9 API\n */\nexport abstract class RenderLoop {\n\n  animationLoop?: AnimationLoop;\n\n  constructor(animationProps?: AnimationProps) {}\n\n  destroy(): void {\n    this.animationLoop?.destroy();\n  }\n\n  async onInitialize(animationProps: AnimationProps): Promise<unknown> { return null; }\n  abstract onRender(animationProps: AnimationProps): unknown;\n  abstract onFinalize(animationProps: AnimationProps): void;\n\n  /** Instantiates and runs the render loop */\n  static run(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps): AnimationLoop {\n    let renderLoop: RenderLoop | null = null;\n\n    // Create an animation loop;\n    const animationLoop = new AnimationLoop({\n      deviceProps,\n\n      async onInitialize(animationProps: AnimationProps): Promise<unknown> {\n         // @ts-expect-error abstract to prevent instantiation\n        renderLoop = new RenderLoopConstructor(animationProps);\n        renderLoop!.animationLoop = animationLoop;\n        // Any async loading can be handled here\n        return await renderLoop?.onInitialize(animationProps);\n      },\n  \n      onRender(animationProps: AnimationProps) {\n        renderLoop?.onRender(animationProps);\n      },\n  \n      onFinalize(animationProps: AnimationProps) {\n        renderLoop?.onFinalize(animationProps);\n      }\n    });\n\n    // @ts-expect-error Hack: adds info for the website to find\n    animationLoop.getInfo = () => {\n      // @ts-ignore\n      return this.RenderLoopConstructor.info;\n    }\n\n    // Start the loop automatically\n    // animationLoop.start();\n\n    return animationLoop;\n  }\n}\n"],"file":"render-loop.js"}