@luma.gl/engine 9.0.0-alpha.7 → 9.0.0-alpha.9

package/dist/geometry/geometry.d.ts

@@ -1,4 +1,4 @@
-import type { TypedArray } from '@luma.gl/api';
+import type { PrimitiveTopology, TypedArray } from '@luma.gl/api';
 import GL from '@luma.gl/constants';
 /**
  * Rendering primitives - "topology" specifies how to extract primitives from vertices.
@@ -40,7 +40,7 @@ export default class Geometry {
     readonly id: string;
     userData: Record<string, unknown>;
     /** Determines how vertices are read from the 'vertex' attributes */
-    topology?: 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip';
+    topology?: PrimitiveTopology;
     /** @deprecated */
     readonly drawMode: GLTopology;
     readonly vertexCount: number;

package/dist/geometry/geometry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/geometry/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpC;;;GAGG;AACH,oBAAY,UAAU,GACpB,EAAE,CAAC,MAAM,GAAI,sBAAsB;AACnC,EAAE,CAAC,KAAK,GAAI,wDAAwD;AACpE,EAAE,CAAC,SAAS,GAAI,8EAA8E;AAC9F,EAAE,CAAC,UAAU,GAAI,4EAA4E;AAC7F,EAAE,CAAC,SAAS,GAAI,0EAA0E;AAC1F,EAAE,CAAC,cAAc,GAAI,uCAAuC;AAC5D,EAAE,CAAC,YAAY,CACd;AAEH,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,UAAU,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,iBAAiB,GAAG,UAAU,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,gBAAgB,CAAC;IAC1F,kBAAkB;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B,kBAAkB;IAClB,MAAM,CAAC,SAAS;;;;;;;;MAQd;IAEF,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IAEvC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,gBAAgB,CAAC;IAC1F,kBAAkB;IAClB,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAgB;IAE7C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE;QACnB,QAAQ,EAAE,iBAAiB,CAAC;QAC5B,MAAM,EAAE,iBAAiB,CAAC;QAC1B,UAAU,EAAE,iBAAiB,CAAC;QAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;gBAEjC,KAAK,GAAE,aAAkB;IAuDrC,wDAAwD;IACxD,IAAI,IAAI,eAEP;IAED,cAAc,IAAI,MAAM;IAWxB,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM;IASrC,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,EAAE,OAAO,KAAA,GAAG,IAAI;IAK5E,qBAAqB,CAAC,UAAU,KAAA,EAAE,OAAO,KAAA,GAAG,MAAM;CAgBnD"}
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../src/geometry/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,iBAAiB,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpC;;;GAGG;AACH,oBAAY,UAAU,GACpB,EAAE,CAAC,MAAM,GAAI,sBAAsB;AACnC,EAAE,CAAC,KAAK,GAAI,wDAAwD;AACpE,EAAE,CAAC,SAAS,GAAI,8EAA8E;AAC9F,EAAE,CAAC,UAAU,GAAI,4EAA4E;AAC7F,EAAE,CAAC,SAAS,GAAI,0EAA0E;AAC1F,EAAE,CAAC,cAAc,GAAI,uCAAuC;AAC5D,EAAE,CAAC,YAAY,CACd;AAEH,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,oBAAY,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,UAAU,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,iBAAiB,GAAG,UAAU,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,gBAAgB,CAAC;IAC1F,kBAAkB;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC3B,kBAAkB;IAClB,MAAM,CAAC,SAAS;;;;;;;;MAQd;IAEF,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IAEvC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,kBAAkB;IAClB,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAgB;IAE7C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE;QACnB,QAAQ,EAAE,iBAAiB,CAAC;QAC5B,MAAM,EAAE,iBAAiB,CAAC;QAC1B,UAAU,EAAE,iBAAiB,CAAC;QAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;gBAEjC,KAAK,GAAE,aAAkB;IAuDrC,wDAAwD;IACxD,IAAI,IAAI,eAEP;IAED,cAAc,IAAI,MAAM;IAWxB,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM;IASrC,cAAc,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,EAAE,OAAO,KAAA,GAAG,IAAI;IAK5E,qBAAqB,CAAC,UAAU,KAAA,EAAE,OAAO,KAAA,GAAG,MAAM;CAgBnD"}

package/dist/geometry/geometry.js

@@ -133,7 +133,11 @@ function convertToTopology(drawMode) {
       return 'triangle-strip';
 
     case GL.TRIANGLE_FAN:
+      return 'triangle-fan';
+
     case GL.LINE_LOOP:
+      return 'line-loop';
+
     default:
       throw new Error(String(drawMode));
   }

package/dist/geometry/geometry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/geometry/geometry.ts"],"names":["uid","assert","GL","Geometry","constructor","props","TRIANGLES","id","drawMode","attributes","indices","vertexCount","topology","convertToTopology","ArrayBuffer","isView","value","size","attributeName","attributeValue","Object","entries","attribute","_print","isIndexed","undefined","assign","_calculateVertexCount","mode","getVertexCount","_setAttributes","length","Infinity","constant","Math","min","Number","isFinite","POINTS","LINES","LINE_LOOP","LINE_STRIP","TRIANGLE_STRIP","TRIANGLE_FAN","Error","String"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport type {TypedArray} from '@luma.gl/api';\nimport {uid, assert} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\n\n/**\n * Rendering primitives - \"topology\" specifies how to extract primitives from vertices.\n * @deprecated - use string constants instead\n */\nexport type GLTopology =\n  GL.POINTS |  // draw single points.\n  GL.LINES |  // draw lines. Each vertex connects to the one after it.\n  GL.LINE_LOOP |  // draw lines. Each set of two vertices is treated as a separate line segment.\n  GL.LINE_STRIP |  // draw a connected group of line segments from the first vertex to the last\n  GL.TRIANGLES |  // draw triangles. Each set of three vertices creates a separate triangle.\n  GL.TRIANGLE_STRIP |  // draw a connected group of triangles.\n  GL.TRIANGLE_FAN // draw a connected group of triangles.\n  ;\n\nexport type GeometryAttribute = {\n  size?: number;\n  value: TypedArray;\n  [key: string]: any\n}\n\nexport type GeometryProps = {\n  id?: string;\n  attributes?: Record<string, GeometryAttribute | TypedArray>,\n  indices?: GeometryAttribute | TypedArray;\n  vertexCount?: number;\n  /** Determines how vertices are read from the 'vertex' attributes */\n  topology?: 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip';\n  /** @deprecated */\n  drawMode?: GLTopology;\n};\n\ntype GeometryAttributes = {\n  POSITION: GeometryAttribute,\n  NORMAL: GeometryAttribute,\n  TEXCOORD_0: GeometryAttribute,\n  COLOR_0?: GeometryAttribute,\n  indices?: {size?: number, value: Uint32Array | Uint16Array};\n};\n\nexport default class Geometry {\n  /** @deprecated */\n  static DRAW_MODE = {\n    POINTS: GL.POINTS,  // draw single points.\n    LINES: GL.LINES,  // draw lines. Each vertex connects to the one after it.\n    LINE_LOOP: GL.LINE_LOOP,  // draw lines. Each set of two vertices is treated as a separate line segment.\n    LINE_STRIP: GL.LINE_STRIP,  // draw a connected group of line segments from the first vertex to the last\n    TRIANGLES: GL.TRIANGLES,  // draw triangles. Each set of three vertices creates a separate triangle.\n    TRIANGLE_STRIP: GL.TRIANGLE_STRIP,  // draw a connected group of triangles.\n    TRIANGLE_FAN: GL.TRIANGLE_FAN // draw a connected group of triangles.\n  };\n\n  readonly id: string;\n  userData: Record<string, unknown> = {};\n\n  /** Determines how vertices are read from the 'vertex' attributes */\n  topology?: 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip';\n  /** @deprecated */\n  readonly drawMode: GLTopology = GL.TRIANGLES;\n\n  readonly vertexCount: number;\n  readonly attributes: {\n    POSITION: GeometryAttribute,\n    NORMAL: GeometryAttribute,\n    TEXCOORD_0: GeometryAttribute,\n    COLOR_0?: GeometryAttribute,\n  };\n  readonly indices?: Uint16Array | Uint32Array;\n\n  constructor(props: GeometryProps = {}) {\n    const {\n      id = uid('geometry'),\n      drawMode = GL.TRIANGLES,\n      attributes = {},\n      indices = null,\n      vertexCount = null\n    } = props;\n\n    this.id = id;\n    this.drawMode = drawMode;\n    this.topology = props.topology || convertToTopology(drawMode);\n\n    if (indices) {\n      // @ts-expect-error\n      this.indices = ArrayBuffer.isView(indices) ? {value: indices, size: 1} : indices;\n    }\n\n    // @ts-expect-error\n    this.attributes = {};\n\n    for (const [attributeName, attributeValue] of Object.entries(attributes)) {\n\n      // Wrap \"unwrapped\" arrays and try to autodetect their type\n      const attribute: GeometryAttribute = ArrayBuffer.isView(attributeValue) ? {value: attributeValue} : attributeValue;\n\n      assert(\n        ArrayBuffer.isView(attribute.value),\n        `${this._print(attributeName)}: must be typed array or object with value as typed array`\n      );\n\n      if ((attributeName === 'POSITION' || attributeName === 'positions') && !attribute.size) {\n        attribute.size = 3;\n      }\n\n      // Move indices to separate field\n      if (attributeName === 'indices') {\n        assert(!this.indices);\n      // @ts-expect-error\n      this.indices = attribute;\n      } else {\n        this.attributes[attributeName] = attribute;\n      }\n    }\n\n      // @ts-expect-error\n      if (this.indices && this.indices.isIndexed !== undefined) {\n      this.indices = Object.assign({}, this.indices);\n      // @ts-expect-error\n      delete this.indices.isIndexed;\n    }\n\n    this.vertexCount = vertexCount || this._calculateVertexCount(this.attributes, this.indices);\n  }\n\n  /** @deprecated Use string topology constants instead */\n  get mode() {\n    return this.drawMode;\n  }\n\n  getVertexCount(): number {\n    return this.vertexCount;\n  }\n\n  // Return an object with all attributes plus indices added as a field.\n  // getAttributes(): GeometryAttributes {\n  //   return this.indices ? {indices: this.indices, ...this.attributes} : this.attributes;\n  // }\n\n  // PRIVATE\n\n  _print(attributeName: string): string {\n    return `Geometry ${this.id} attribute ${attributeName}`;\n  }\n\n  // GeometryAttribute\n  // value: typed array\n  // type: indices, vertices, uvs\n  // size: elements per vertex\n  // target: WebGL buffer type (string or constant)\n  _setAttributes(attributes: Record<string, GeometryAttribute>, indices): this {\n\n    return this;\n  }\n\n  _calculateVertexCount(attributes, indices): number {\n    if (indices) {\n      return indices.value.length;\n    }\n    let vertexCount = Infinity;\n    for (const attributeName in attributes) {\n      const attribute = attributes[attributeName];\n      const {value, size, constant} = attribute;\n      if (!constant && value && size >= 1) {\n        vertexCount = Math.min(vertexCount, value.length / size);\n      }\n    }\n\n    assert(Number.isFinite(vertexCount));\n    return vertexCount;\n  }\n}\n\nfunction convertToTopology(drawMode: GLTopology): 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip' {\n  switch (drawMode) {\n    case GL.POINTS: return 'point-list'; // draw single points.\n    case GL.LINES: return 'line-list'; // draw lines. Each vertex connects to the one after it.\n    case GL.LINE_STRIP: return 'line-strip';  // draw a connected group of line segments from the first vertex to the last\n    case GL.TRIANGLES: return 'triangle-list'; // draw triangles. Each set of three vertices creates a separate triangle.\n    case GL.TRIANGLE_STRIP: return 'triangle-strip'; // draw a connected group of triangles.\n\n    case GL.TRIANGLE_FAN: // draw a connected group of triangles.\n    case GL.LINE_LOOP:  // draw lines. Each set of two vertices is treated as a separate line segment.\n    default:\n      throw new Error(String(drawMode));\n  }\n}\n"],"file":"geometry.js"}
+{"version":3,"sources":["../../src/geometry/geometry.ts"],"names":["uid","assert","GL","Geometry","constructor","props","TRIANGLES","id","drawMode","attributes","indices","vertexCount","topology","convertToTopology","ArrayBuffer","isView","value","size","attributeName","attributeValue","Object","entries","attribute","_print","isIndexed","undefined","assign","_calculateVertexCount","mode","getVertexCount","_setAttributes","length","Infinity","constant","Math","min","Number","isFinite","POINTS","LINES","LINE_LOOP","LINE_STRIP","TRIANGLE_STRIP","TRIANGLE_FAN","Error","String"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\nimport type {PrimitiveTopology, TypedArray} from '@luma.gl/api';\nimport {uid, assert} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\n\n/**\n * Rendering primitives - \"topology\" specifies how to extract primitives from vertices.\n * @deprecated - use string constants instead\n */\nexport type GLTopology =\n  GL.POINTS |  // draw single points.\n  GL.LINES |  // draw lines. Each vertex connects to the one after it.\n  GL.LINE_LOOP |  // draw lines. Each set of two vertices is treated as a separate line segment.\n  GL.LINE_STRIP |  // draw a connected group of line segments from the first vertex to the last\n  GL.TRIANGLES |  // draw triangles. Each set of three vertices creates a separate triangle.\n  GL.TRIANGLE_STRIP |  // draw a connected group of triangles.\n  GL.TRIANGLE_FAN // draw a connected group of triangles.\n  ;\n\nexport type GeometryAttribute = {\n  size?: number;\n  value: TypedArray;\n  [key: string]: any\n}\n\nexport type GeometryProps = {\n  id?: string;\n  attributes?: Record<string, GeometryAttribute | TypedArray>,\n  indices?: GeometryAttribute | TypedArray;\n  vertexCount?: number;\n  /** Determines how vertices are read from the 'vertex' attributes */\n  topology?: 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip';\n  /** @deprecated */\n  drawMode?: GLTopology;\n};\n\ntype GeometryAttributes = {\n  POSITION: GeometryAttribute,\n  NORMAL: GeometryAttribute,\n  TEXCOORD_0: GeometryAttribute,\n  COLOR_0?: GeometryAttribute,\n  indices?: {size?: number, value: Uint32Array | Uint16Array};\n};\n\nexport default class Geometry {\n  /** @deprecated */\n  static DRAW_MODE = {\n    POINTS: GL.POINTS,  // draw single points.\n    LINES: GL.LINES,  // draw lines. Each vertex connects to the one after it.\n    LINE_LOOP: GL.LINE_LOOP,  // draw lines. Each set of two vertices is treated as a separate line segment.\n    LINE_STRIP: GL.LINE_STRIP,  // draw a connected group of line segments from the first vertex to the last\n    TRIANGLES: GL.TRIANGLES,  // draw triangles. Each set of three vertices creates a separate triangle.\n    TRIANGLE_STRIP: GL.TRIANGLE_STRIP,  // draw a connected group of triangles.\n    TRIANGLE_FAN: GL.TRIANGLE_FAN // draw a connected group of triangles.\n  };\n\n  readonly id: string;\n  userData: Record<string, unknown> = {};\n\n  /** Determines how vertices are read from the 'vertex' attributes */\n  topology?: PrimitiveTopology;\n  /** @deprecated */\n  readonly drawMode: GLTopology = GL.TRIANGLES;\n\n  readonly vertexCount: number;\n  readonly attributes: {\n    POSITION: GeometryAttribute,\n    NORMAL: GeometryAttribute,\n    TEXCOORD_0: GeometryAttribute,\n    COLOR_0?: GeometryAttribute,\n  };\n  readonly indices?: Uint16Array | Uint32Array;\n\n  constructor(props: GeometryProps = {}) {\n    const {\n      id = uid('geometry'),\n      drawMode = GL.TRIANGLES,\n      attributes = {},\n      indices = null,\n      vertexCount = null\n    } = props;\n\n    this.id = id;\n    this.drawMode = drawMode;\n    this.topology = props.topology || convertToTopology(drawMode);\n\n    if (indices) {\n      // @ts-expect-error\n      this.indices = ArrayBuffer.isView(indices) ? {value: indices, size: 1} : indices;\n    }\n\n    // @ts-expect-error\n    this.attributes = {};\n\n    for (const [attributeName, attributeValue] of Object.entries(attributes)) {\n\n      // Wrap \"unwrapped\" arrays and try to autodetect their type\n      const attribute: GeometryAttribute = ArrayBuffer.isView(attributeValue) ? {value: attributeValue} : attributeValue;\n\n      assert(\n        ArrayBuffer.isView(attribute.value),\n        `${this._print(attributeName)}: must be typed array or object with value as typed array`\n      );\n\n      if ((attributeName === 'POSITION' || attributeName === 'positions') && !attribute.size) {\n        attribute.size = 3;\n      }\n\n      // Move indices to separate field\n      if (attributeName === 'indices') {\n        assert(!this.indices);\n      // @ts-expect-error\n      this.indices = attribute;\n      } else {\n        this.attributes[attributeName] = attribute;\n      }\n    }\n\n      // @ts-expect-error\n      if (this.indices && this.indices.isIndexed !== undefined) {\n      this.indices = Object.assign({}, this.indices);\n      // @ts-expect-error\n      delete this.indices.isIndexed;\n    }\n\n    this.vertexCount = vertexCount || this._calculateVertexCount(this.attributes, this.indices);\n  }\n\n  /** @deprecated Use string topology constants instead */\n  get mode() {\n    return this.drawMode;\n  }\n\n  getVertexCount(): number {\n    return this.vertexCount;\n  }\n\n  // Return an object with all attributes plus indices added as a field.\n  // getAttributes(): GeometryAttributes {\n  //   return this.indices ? {indices: this.indices, ...this.attributes} : this.attributes;\n  // }\n\n  // PRIVATE\n\n  _print(attributeName: string): string {\n    return `Geometry ${this.id} attribute ${attributeName}`;\n  }\n\n  // GeometryAttribute\n  // value: typed array\n  // type: indices, vertices, uvs\n  // size: elements per vertex\n  // target: WebGL buffer type (string or constant)\n  _setAttributes(attributes: Record<string, GeometryAttribute>, indices): this {\n\n    return this;\n  }\n\n  _calculateVertexCount(attributes, indices): number {\n    if (indices) {\n      return indices.value.length;\n    }\n    let vertexCount = Infinity;\n    for (const attributeName in attributes) {\n      const attribute = attributes[attributeName];\n      const {value, size, constant} = attribute;\n      if (!constant && value && size >= 1) {\n        vertexCount = Math.min(vertexCount, value.length / size);\n      }\n    }\n\n    assert(Number.isFinite(vertexCount));\n    return vertexCount;\n  }\n}\n\nfunction convertToTopology(drawMode: GLTopology): PrimitiveTopology {\n  switch (drawMode) {\n    case GL.POINTS: return 'point-list'; // draw single points.\n    case GL.LINES: return 'line-list'; // draw lines. Each vertex connects to the one after it.\n    case GL.LINE_STRIP: return 'line-strip';  // draw a connected group of line segments from the first vertex to the last\n    case GL.TRIANGLES: return 'triangle-list'; // draw triangles. Each set of three vertices creates a separate triangle.\n    case GL.TRIANGLE_STRIP: return 'triangle-strip'; // draw a connected group of triangles.\n\n    case GL.TRIANGLE_FAN: return 'triangle-fan'; // draw a connected group of triangles.\n    case GL.LINE_LOOP: return 'line-loop'; // draw lines. Each set of two vertices is treated as a separate line segment.\n    default:\n      throw new Error(String(drawMode));\n  }\n}\n"],"file":"geometry.js"}

package/dist/lib/animation-loop.js

@@ -304,6 +304,8 @@ export class AnimationLoop {
   }
 
   _initializeAnimationProps() {
+    var _this$device2, _this$device2$canvasC;
+
     if (!this.device) {
       throw new Error('loop');
     }
@@ -311,7 +313,7 @@ export class AnimationLoop {
     this.animationProps = {
       animationLoop: this,
       device: this.device,
-      canvas: this.device.canvasContext.canvas,
+      canvas: (_this$device2 = this.device) === null || _this$device2 === void 0 ? void 0 : (_this$device2$canvasC = _this$device2.canvasContext) === null || _this$device2$canvasC === void 0 ? void 0 : _this$device2$canvasC.canvas,
       timeline: this.timeline,
       useDevicePixels: this.props.useDevicePixels,
       needsRedraw: false,
@@ -370,11 +372,13 @@ export class AnimationLoop {
   }
 
   async _createDevice() {
+    var _this$device$canvasCo;
+
     const deviceProps = { ...this.props,
       ...this.props.deviceProps
     };
     this.device = await this.props.onCreateDevice(deviceProps);
-    this.canvas = this.device.canvasContext.canvas;
+    this.canvas = (_this$device$canvasCo = this.device.canvasContext) === null || _this$device$canvasCo === void 0 ? void 0 : _this$device$canvasCo.canvas;
 
     this._createInfoDiv();
   }
@@ -405,6 +409,8 @@ export class AnimationLoop {
   }
 
   _getSizeAndAspect() {
+    var _this$device3, _this$device3$canvasC, _this$device4, _this$device4$canvasC;
+
     if (!this.device) {
       return {
         width: 1,
@@ -413,9 +419,9 @@ export class AnimationLoop {
       };
     }
 
-    const [width, height] = this.device.canvasContext.getPixelSize();
+    const [width, height] = ((_this$device3 = this.device) === null || _this$device3 === void 0 ? void 0 : (_this$device3$canvasC = _this$device3.canvasContext) === null || _this$device3$canvasC === void 0 ? void 0 : _this$device3$canvasC.getPixelSize()) || [1, 1];
     let aspect = 1;
-    const canvas = this.device.canvasContext.canvas;
+    const canvas = (_this$device4 = this.device) === null || _this$device4 === void 0 ? void 0 : (_this$device4$canvasC = _this$device4.canvasContext) === null || _this$device4$canvasC === void 0 ? void 0 : _this$device4$canvasC.canvas;
 
     if (canvas && canvas.clientHeight) {
       aspect = canvas.clientWidth / canvas.clientHeight;
@@ -438,9 +444,9 @@ export class AnimationLoop {
 
   _resizeCanvasDrawingBuffer() {
     if (this.props.autoResizeDrawingBuffer) {
-      var _this$device2;
+      var _this$device5, _this$device5$canvasC;
 
-      (_this$device2 = this.device) === null || _this$device2 === void 0 ? void 0 : _this$device2.canvasContext.resize({
+      (_this$device5 = this.device) === null || _this$device5 === void 0 ? void 0 : (_this$device5$canvasC = _this$device5.canvasContext) === null || _this$device5$canvasC === void 0 ? void 0 : _this$device5$canvasC.resize({
         useDevicePixels: this.props.useDevicePixels
       });
     }

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

@@ -1 +1 @@
-{"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","debug","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","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 | null;\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: () => '',\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: null,\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 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(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.props.onRender(props);\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();\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._getAnimationProps()._mousePosition = [e.offsetX, e.offsetY];\n  }\n\n  _onMouseleave(e) {\n    this._getAnimationProps()._mousePosition = null;\n  }\n}\n"],"file":"animation-loop.js"}
+{"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","debug","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","e","offsetX","offsetY"],"mappings":";AAAA,SAAQA,IAAR,QAAwC,cAAxC;AACA,SAAQC,qBAAR,EAA+BC,oBAA/B,QAA0D,cAA1D;AAGA,SAAQC,KAAR,QAA0B,iBAA1B;AACA,SAAQC,SAAR,QAAwB,eAAxB;AAEA,MAAMC,MAAM,GAAGD,SAAS,MAAM,OAAOE,QAAP,KAAoB,WAAlD;AAEA,IAAIC,aAAa,GAAG,CAApB;AAwBA,MAAMC,4BAA0D,GAAG;AACjEC,EAAAA,cAAc,EAAGC,KAAD,IAAyCV,IAAI,CAACW,YAAL,CAAkBD,KAAlB,CADQ;AAEjEE,EAAAA,SAAS,EAAE,MAAM,EAFgD;AAGjEC,EAAAA,YAAY,EAAE,OAAO,EAAP,CAHmD;AAIjEC,EAAAA,QAAQ,EAAE,MAAM,CAAE,CAJ+C;AAKjEC,EAAAA,UAAU,EAAE,MAAM,CAAE,CAL6C;AAMjEC,EAAAA,OAAO,EAAGC,KAAD,IAAWC,OAAO,CAACD,KAAR,CAAcA,KAAd,CAN6C;AAQjEE,EAAAA,MAAM,EAAE,IARyD;AASjEC,EAAAA,WAAW,EAAE,EAToD;AAUjEC,EAAAA,KAAK,EAAE,KAV0D;AAWjEC,EAAAA,KAAK,EAAEtB,IAAI,CAACsB,KAAL,CAAWC,GAAX,0BAAiChB,aAAa,EAA9C,EAX0D;AAcjEiB,EAAAA,eAAe,EAAE,IAdgD;AAejEC,EAAAA,kBAAkB,EAAE,IAf6C;AAgBjEC,EAAAA,uBAAuB,EAAE;AAhBwC,CAAnE;AAoBA,OAAO,MAAMC,aAAN,CAAoB;AA4BzBC,EAAAA,WAAW,CAAClB,KAAyB,GAAG,EAA7B,EAAiC;AAAA,oCA3BpB,IA2BoB;;AAAA,oCA1BS,IA0BT;;AAAA;;AAAA,4CAvBJ,IAuBI;;AAAA,sCAtBhB,IAsBgB;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA,yCAdd,aAcc;;AAAA,0CAZpB,KAYoB;;AAAA,sCAXxB,KAWwB;;AAAA,+CAVnB,IAUmB;;AAAA,+CATO,IASP;;AAAA,+CARU,IAQV;;AAAA,2CAPpB,CAOoB;;AAC1C,SAAKA,KAAL,GAAa,EAAC,GAAGF,4BAAJ;AAAkC,SAAGE;AAArC,KAAb;AACAA,IAAAA,KAAK,GAAG,KAAKA,KAAb;AAEA,QAAI;AAACc,MAAAA,eAAe,GAAG;AAAnB,QAA2B,KAAKd,KAApC;AAGA,SAAKS,MAAL,GAAcT,KAAK,CAACS,MAAN,IAAgB,IAA9B;AAEA,SAAKU,EAAL,GAAW,KAAKV,MAAL,IAAe,KAAKA,MAAL,CAAYU,EAA5B,IAAmCnB,KAAK,CAACmB,EAAnD;AAEA,SAAKP,KAAL,GAAaZ,KAAK,CAACY,KAAN,IAAe,IAAInB,KAAJ,CAAU;AAAC2B,MAAAA,EAAE,EAAE;AAAL,KAAV,CAA5B;AACA,SAAKC,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;AACZT,MAAAA,kBAAkB,EAAEf,KAAK,CAACe,kBADd;AAEZC,MAAAA,uBAAuB,EAAEhB,KAAK,CAACgB,uBAFnB;AAGZF,MAAAA;AAHY,KAAd;AAOA,SAAKW,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;;AAGDV,EAAAA,QAAQ,CAACxB,KAAD,EAAkC;AACxC,QAAI,wBAAwBA,KAA5B,EAAmC;AACjC,WAAKA,KAAL,CAAWe,kBAAX,GAAgCf,KAAK,CAACe,kBAAN,IAA4B,KAA5D;AACD;;AACD,QAAI,6BAA6Bf,KAAjC,EAAwC;AACtC,WAAKA,KAAL,CAAWgB,uBAAX,GAAqChB,KAAK,CAACgB,uBAAN,IAAiC,KAAtE;AACD;;AACD,QAAI,qBAAqBhB,KAAzB,EAAgC;AAC9B,WAAKA,KAAL,CAAWc,eAAX,GAA6Bd,KAAK,CAACc,eAAN,IAAyB,KAAtD;AACD;;AACD,WAAO,IAAP;AACD;;AAGU,QAALW,KAAK,GAAG;AACZ,QAAI,KAAKW,QAAT,EAAmB;AACjB,aAAO,IAAP;AACD;;AACD,SAAKA,QAAL,GAAgB,IAAhB;;AAEA,QAAI;AAEF,UAAI,CAAC,KAAKA,QAAV,EAAoB;AAClB,eAAO,IAAP;AACD;;AAED,UAAIC,UAAJ;;AACA,UAAI,CAAC,KAAKC,YAAV,EAAwB;AACtB,aAAKA,YAAL,GAAoB,IAApB;AAEA,cAAM,KAAKC,aAAL,EAAN;;AACA,aAAKC,WAAL;;AAGA,cAAM,KAAKxC,KAAL,CAAWG,YAAX,CAAwB,KAAKsC,kBAAL,EAAxB,CAAN;AACD;;AAGD,UAAI,CAAC,KAAKL,QAAV,EAAoB;AAClB,eAAO,IAAP;AACD;;AAGD,UAAIC,UAAU,KAAK,KAAnB,EAA0B;AAExB,aAAKK,qBAAL;;AACA,aAAKC,sBAAL;AACD;;AAED,aAAO,IAAP;AACD,KA9BD,CA8BE,OAAOC,GAAP,EAAqB;AACrB,YAAMrC,KAAK,GAAGqC,GAAG,YAAYC,KAAf,GAAuBD,GAAvB,GAA6B,IAAIC,KAAJ,CAAU,eAAV,CAA3C;AACA,WAAK7C,KAAL,CAAWM,OAAX,CAAmBC,KAAnB;AAEA,YAAMA,KAAN;AACD;AACF;;AAGDuC,EAAAA,MAAM,GAAS;AAAA;;AACb,wBAAI,KAAKrC,MAAT,yCAAI,aAAasC,MAAjB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED,SAAKC,YAAL;;AAEA,SAAKC,WAAL;;AACA,SAAKC,qBAAL;;AAEA,SAAKC,YAAL,CAAkB,KAAKV,kBAAL,EAAlB;;AAGA,SAAKW,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;;AAGD5B,EAAAA,IAAI,GAAG;AAEL,QAAI,KAAKS,QAAT,EAAmB;AAGjB,UAAI,KAAKoB,cAAT,EAAyB;AACvB,aAAKxD,KAAL,CAAWK,UAAX,CAAsB,KAAKmD,cAA3B;AACD;;AAED,WAAKd,qBAAL;;AACA,WAAKY,iBAAL,GAAyB,IAAzB;AACA,WAAKD,iBAAL,GAAyB,IAAzB;AACA,WAAKjB,QAAL,GAAgB,KAAhB;AACD;;AACD,WAAO,IAAP;AACD;;AAEDqB,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,SAAK3B,cAAL,CAAoB,eAApB;;AAEA,QAAI,CAAC,KAAKqB,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,GAAoB;AACjC,SAAK9B,cAAL,CAAoB,WAApB;AACA,UAAM,KAAK2B,aAAL,EAAN;;AACA,QAAI,KAAKI,MAAL,YAAuBC,iBAA3B,EAA8C;AAC5C,aAAO,KAAKD,MAAL,CAAYD,SAAZ,EAAP;AACD;;AACD,UAAM,IAAIlB,KAAJ,CAAU,iBAAV,CAAN;AACD;;AAIDL,EAAAA,WAAW,GAAG;AACZ,SAAK0B,mBAAL;;AAGA,SAAKC,yBAAL;;AACA,SAAKjB,qBAAL;;AAGA,SAAKkB,0BAAL;;AACA,SAAKC,eAAL;AAGD;;AAEDtC,EAAAA,WAAW,CAACuC,OAAD,EAAU;AACnB,QAAI,KAAKA,OAAT,EAAkB;AAChB,WAAKA,OAAL,CAAatC,MAAb;AACA,WAAKsC,OAAL,CAAaC,aAAb,GAA6B,IAA7B;AACD;;AAGD,QAAID,OAAJ,EAAa;AACXA,MAAAA,OAAO,CAACC,aAAR,GAAwB,IAAxB;AACD;;AAED,SAAKD,OAAL,GAAeA,OAAf;AACD;;AAED3B,EAAAA,sBAAsB,GAAG;AACvB,QAAI,CAAC,KAAKP,QAAV,EAAoB;AAClB;AACD;;AAQD,SAAKoC,iBAAL,GAAyBjF,qBAAqB,CAAC,KAAKkF,eAAL,CAAqB/C,IAArB,CAA0B,IAA1B,CAAD,CAA9C;AACD;;AAEDgB,EAAAA,qBAAqB,GAAG;AACtB,QAAI,KAAK8B,iBAAL,KAA2B,IAA/B,EAAqC;AACnC;AACD;;AAQHhF,IAAAA,oBAAoB,CAAC,KAAKgF,iBAAN,CAApB;AACE,SAAKA,iBAAL,GAAyB,IAAzB;AACD;;AAEDC,EAAAA,eAAe,GAAG;AAChB,QAAI,CAAC,KAAKrC,QAAV,EAAoB;AAClB;AACD;;AACD,SAAKU,MAAL;;AACA,SAAKH,sBAAL;AACD;;AAIDQ,EAAAA,YAAY,CAACnD,KAAD,EAAwB;AAElC,QAAI,KAAKsE,OAAT,EAAkB;AAChB,WAAKA,OAAL,CAAanB,YAAb,CAA0BnD,KAA1B;;AACA;AACD;;AAGD,SAAKA,KAAL,CAAWI,QAAX,CAAoBJ,KAApB;AAED;;AAEDoD,EAAAA,iBAAiB,GAAG;AAClB,SAAKjB,WAAL,GAAmB,KAAnB;AACD;;AAEDc,EAAAA,WAAW,GAAG;AACZ,SAAKmB,0BAAL;;AACA,SAAKC,eAAL;AACD;;AAGDF,EAAAA,yBAAyB,GAAG;AAAA;;AAC1B,QAAI,CAAC,KAAK1D,MAAV,EAAkB;AAChB,YAAM,IAAIoC,KAAJ,CAAU,MAAV,CAAN;AACD;;AACD,SAAKW,cAAL,GAAsB;AACpBe,MAAAA,aAAa,EAAE,IADK;AAEpB9D,MAAAA,MAAM,EAAE,KAAKA,MAFO;AAGpBuD,MAAAA,MAAM,mBAAE,KAAKvD,MAAP,2EAAE,cAAaiE,aAAf,0DAAE,sBAA4BV,MAHhB;AAIpBN,MAAAA,QAAQ,EAAE,KAAKA,QAJK;AAOpB5C,MAAAA,eAAe,EAAE,KAAKd,KAAL,CAAWc,eAPR;AAQpBqB,MAAAA,WAAW,EAAE,KARO;AAWpBwC,MAAAA,KAAK,EAAE,CAXa;AAYpBC,MAAAA,MAAM,EAAE,CAZY;AAapBC,MAAAA,MAAM,EAAE,CAbY;AAgBpBC,MAAAA,IAAI,EAAE,CAhBc;AAiBpBC,MAAAA,SAAS,EAAEC,IAAI,CAACC,GAAL,EAjBS;AAkBpBC,MAAAA,UAAU,EAAE,CAlBQ;AAmBpBC,MAAAA,IAAI,EAAE,CAnBc;AAoBpBC,MAAAA,IAAI,EAAE,CApBc;AAuBpBC,MAAAA,cAAc,EAAE;AAvBI,KAAtB;AAyBD;;AAED5C,EAAAA,kBAAkB,GAAmB;AACnC,QAAI,CAAC,KAAKe,cAAV,EAA0B;AACxB,YAAM,IAAIX,KAAJ,CAAU,gBAAV,CAAN;AACD;;AACD,WAAO,KAAKW,cAAZ;AACD;;AAGDN,EAAAA,qBAAqB,GAAS;AAC5B,QAAI,CAAC,KAAKM,cAAV,EAA0B;AACxB;AACD;;AAED,UAAM;AAACmB,MAAAA,KAAD;AAAQC,MAAAA,MAAR;AAAgBC,MAAAA;AAAhB,QAA0B,KAAKS,iBAAL,EAAhC;;AACA,QAAIX,KAAK,KAAK,KAAKnB,cAAL,CAAoBmB,KAA9B,IAAuCC,MAAM,KAAK,KAAKpB,cAAL,CAAoBoB,MAA1E,EAAkF;AAChF,WAAK3C,cAAL,CAAoB,wBAApB;AACD;;AACD,QAAI4C,MAAM,KAAK,KAAKrB,cAAL,CAAoBqB,MAAnC,EAA2C;AACzC,WAAK5C,cAAL,CAAoB,+BAApB;AACD;;AAED,SAAKuB,cAAL,CAAoBmB,KAApB,GAA4BA,KAA5B;AACA,SAAKnB,cAAL,CAAoBoB,MAApB,GAA6BA,MAA7B;AACA,SAAKpB,cAAL,CAAoBqB,MAApB,GAA6BA,MAA7B;AAEA,SAAKrB,cAAL,CAAoBrB,WAApB,GAAkC,KAAKA,WAAvC;AAGA,SAAKqB,cAAL,CAAoB0B,UAApB,GAAiCF,IAAI,CAACC,GAAL,KAAa,KAAKzB,cAAL,CAAoBuB,SAAlE;;AAEA,QAAI,KAAKrB,QAAT,EAAmB;AACjB,WAAKA,QAAL,CAAc6B,MAAd,CAAqB,KAAK/B,cAAL,CAAoB0B,UAAzC;AACD;;AAED,SAAK1B,cAAL,CAAoB2B,IAApB,GAA2BK,IAAI,CAACC,KAAL,CAAY,KAAKjC,cAAL,CAAoBsB,IAApB,GAA2B,IAA5B,GAAoC,EAA/C,CAA3B;AACA,SAAKtB,cAAL,CAAoB4B,IAApB;AAGA,SAAK5B,cAAL,CAAoBsB,IAApB,GAA2B,KAAKpB,QAAL,GACvB,KAAKA,QAAL,CAAcgC,OAAd,EADuB,GAEvB,KAAKlC,cAAL,CAAoB0B,UAFxB;AAGD;;AAGkB,QAAb3C,aAAa,GAAG;AAAA;;AACpB,UAAM7B,WAAW,GAAG,EAAC,GAAG,KAAKV,KAAT;AAAgB,SAAG,KAAKA,KAAL,CAAWU;AAA9B,KAApB;AACA,SAAKD,MAAL,GAAc,MAAM,KAAKT,KAAL,CAAWD,cAAX,CAA0BW,WAA1B,CAApB;AACA,SAAKsD,MAAL,4BAAc,KAAKvD,MAAL,CAAYiE,aAA1B,0DAAc,sBAA2BV,MAAzC;;AACA,SAAK2B,cAAL;AACD;;AAEDA,EAAAA,cAAc,GAAG;AACf,QAAI,KAAK3B,MAAL,IAAe,KAAKhE,KAAL,CAAWE,SAA9B,EAAyC;AACvC,YAAM0F,UAAU,GAAGhG,QAAQ,CAACiG,aAAT,CAAuB,KAAvB,CAAnB;AACAjG,MAAAA,QAAQ,CAACkG,IAAT,CAAcC,WAAd,CAA0BH,UAA1B;AACAA,MAAAA,UAAU,CAACI,KAAX,CAAiBC,QAAjB,GAA4B,UAA5B;AACA,YAAMC,GAAG,GAAGtG,QAAQ,CAACiG,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,CAAUrB,KAAV,GAAkB,OAAlB;AACAuB,MAAAA,GAAG,CAACF,KAAJ,CAAUK,UAAV,GAAuB,OAAvB;;AACA,UAAI,KAAKrC,MAAL,YAAuBC,iBAA3B,EAA8C;AAC5C2B,QAAAA,UAAU,CAACG,WAAX,CAAuB,KAAK/B,MAA5B;AACD;;AACD4B,MAAAA,UAAU,CAACG,WAAX,CAAuBG,GAAvB;AACA,YAAMI,IAAI,GAAG,KAAKtG,KAAL,CAAWE,SAAX,CAAqBgG,GAArB,CAAb;;AACA,UAAII,IAAJ,EAAU;AACRJ,QAAAA,GAAG,CAACK,SAAJ,GAAgBD,IAAhB;AACD;AACF;AACF;;AAEDhB,EAAAA,iBAAiB,GAAqD;AAAA;;AACpE,QAAI,CAAC,KAAK7E,MAAV,EAAkB;AAChB,aAAO;AAACkE,QAAAA,KAAK,EAAE,CAAR;AAAWC,QAAAA,MAAM,EAAE,CAAnB;AAAsBC,QAAAA,MAAM,EAAE;AAA9B,OAAP;AACD;;AAED,UAAM,CAACF,KAAD,EAAQC,MAAR,IAAkB,uBAAKnE,MAAL,yFAAaiE,aAAb,gFAA4B8B,YAA5B,OAA8C,CAAC,CAAD,EAAI,CAAJ,CAAtE;AAGA,QAAI3B,MAAM,GAAG,CAAb;AACA,UAAMb,MAAM,oBAAG,KAAKvD,MAAR,2EAAG,cAAaiE,aAAhB,0DAAG,sBAA4BV,MAA3C;;AAGA,QAAIA,MAAM,IAAIA,MAAM,CAACyC,YAArB,EAAmC;AAEjC5B,MAAAA,MAAM,GAAGb,MAAM,CAAC0C,WAAP,GAAqB1C,MAAM,CAACyC,YAArC;AACD,KAHD,MAGO,IAAI9B,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;;AAGDR,EAAAA,eAAe,GAAG;AAEhB,QAAI,KAAKrE,KAAL,CAAWe,kBAAX,IAAiC,KAAKN,MAAL,CAAYU,EAAjD,EAAqD;AAEnD,WAAKV,MAAL,CAAYU,EAAZ,CAAewF,QAAf,CAAwB,CAAxB,EAA2B,CAA3B,EAA8B,KAAKlG,MAAL,CAAYU,EAAZ,CAAeyF,kBAA7C,EAAiE,KAAKnG,MAAL,CAAYU,EAAZ,CAAe0F,mBAAhF;AACD;AACF;;AAMDzC,EAAAA,0BAA0B,GAAG;AAC3B,QAAI,KAAKpE,KAAL,CAAWgB,uBAAf,EAAwC;AAAA;;AACtC,4BAAKP,MAAL,yFAAaiE,aAAb,gFAA4BoC,MAA5B,CAAmC;AAAChG,QAAAA,eAAe,EAAE,KAAKd,KAAL,CAAWc;AAA7B,OAAnC;AACD;AACF;;AAEDkC,EAAAA,YAAY,GAAG;AACb,SAAKzB,SAAL,CAAewF,OAAf;AACA,SAAKxF,SAAL,CAAeyF,SAAf;AAmBD;;AAEDzD,EAAAA,UAAU,GAAG;AACX,SAAKlC,OAAL,CAAa0F,OAAb;AAMD;;AAID7C,EAAAA,mBAAmB,GAAG;AACpB,QAAI,KAAKF,MAAT,EAAiB;AACf,WAAKA,MAAL,CAAYiD,gBAAZ,CAA6B,WAA7B,EAA0C,KAAKrF,YAA/C;AACA,WAAKoC,MAAL,CAAYiD,gBAAZ,CAA6B,YAA7B,EAA2C,KAAKpF,aAAhD;AACD;AACF;;AAEDD,EAAAA,YAAY,CAACsF,CAAD,EAAI;AACd,SAAKzE,kBAAL,GAA0B4C,cAA1B,GAA2C,CAAC6B,CAAC,CAACC,OAAH,EAAYD,CAAC,CAACE,OAAd,CAA3C;AACD;;AAEDvF,EAAAA,aAAa,CAACqF,CAAD,EAAI;AACf,SAAKzE,kBAAL,GAA0B4C,cAA1B,GAA2C,IAA3C;AACD;;AAzewB","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 | null;\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: () => '',\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: null,\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 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(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.props.onRender(props);\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(e) {\n    this._getAnimationProps()._mousePosition = [e.offsetX, e.offsetY];\n  }\n\n  _onMouseleave(e) {\n    this._getAnimationProps()._mousePosition = null;\n  }\n}\n"],"file":"animation-loop.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/engine",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.0-alpha.9",
   "description": "WebGL2 Components for High Performance Rendering and Computation",
   "license": "MIT",
   "publishConfig": {
@@ -31,12 +31,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@luma.gl/constants": "9.0.0-alpha.7",
-    "@luma.gl/shadertools": "9.0.0-alpha.7",
-    "@luma.gl/webgl": "9.0.0-alpha.7",
+    "@luma.gl/constants": "9.0.0-alpha.9",
+    "@luma.gl/shadertools": "9.0.0-alpha.9",
+    "@luma.gl/webgl": "9.0.0-alpha.9",
     "@math.gl/core": "^3.5.0",
     "@probe.gl/log": "^3.5.0",
     "@probe.gl/stats": "^3.5.0"
   },
-  "gitHead": "c1fbf71bb1311dcdc54338d82d299f8ed0d73346"
+  "gitHead": "b84aae16edcdee2be84d2861c81cc6584e336b28"
 }

package/src/geometry/geometry.ts

@@ -1,5 +1,5 @@
 // luma.gl, MIT license
-import type {TypedArray} from '@luma.gl/api';
+import type {PrimitiveTopology, TypedArray} from '@luma.gl/api';
 import {uid, assert} from '@luma.gl/api';
 import GL from '@luma.gl/constants';
 
@@ -58,7 +58,7 @@ export default class Geometry {
   userData: Record<string, unknown> = {};
 
   /** Determines how vertices are read from the 'vertex' attributes */
-  topology?: 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip';
+  topology?: PrimitiveTopology;
   /** @deprecated */
   readonly drawMode: GLTopology = GL.TRIANGLES;
 
@@ -174,7 +174,7 @@ export default class Geometry {
   }
 }
 
-function convertToTopology(drawMode: GLTopology): 'point-list' | 'line-list' | 'line-strip' | 'triangle-list' | 'triangle-strip' {
+function convertToTopology(drawMode: GLTopology): PrimitiveTopology {
   switch (drawMode) {
     case GL.POINTS: return 'point-list'; // draw single points.
     case GL.LINES: return 'line-list'; // draw lines. Each vertex connects to the one after it.
@@ -182,8 +182,8 @@ function convertToTopology(drawMode: GLTopology): 'point-list' | 'line-list' | '
     case GL.TRIANGLES: return 'triangle-list'; // draw triangles. Each set of three vertices creates a separate triangle.
     case GL.TRIANGLE_STRIP: return 'triangle-strip'; // draw a connected group of triangles.
 
-    case GL.TRIANGLE_FAN: // draw a connected group of triangles.
-    case GL.LINE_LOOP:  // draw lines. Each set of two vertices is treated as a separate line segment.
+    case GL.TRIANGLE_FAN: return 'triangle-fan'; // draw a connected group of triangles.
+    case GL.LINE_LOOP: return 'line-loop'; // draw lines. Each set of two vertices is treated as a separate line segment.
     default:
       throw new Error(String(drawMode));
   }

package/src/lib/animation-loop.ts

@@ -355,7 +355,7 @@ export class AnimationLoop {
     this.animationProps = {
       animationLoop: this,
       device: this.device,
-      canvas: this.device.canvasContext.canvas,
+      canvas: this.device?.canvasContext?.canvas!,
       timeline: this.timeline,
 
       // Initial values
@@ -426,7 +426,7 @@ export class AnimationLoop {
   async _createDevice() {
     const deviceProps = {...this.props, ...this.props.deviceProps};
     this.device = await this.props.onCreateDevice(deviceProps);
-    this.canvas = this.device.canvasContext.canvas;
+    this.canvas = this.device.canvasContext?.canvas!;
     this._createInfoDiv();
   }
 
@@ -457,11 +457,11 @@ export class AnimationLoop {
       return {width: 1, height: 1, aspect: 1};
     }
     // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
-    const [width, height] = this.device.canvasContext.getPixelSize();
+    const [width, height] = this.device?.canvasContext?.getPixelSize() || [1, 1];
 
     // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html
     let aspect = 1;
-    const canvas = this.device.canvasContext.canvas;
+    const canvas = this.device?.canvasContext?.canvas;
 
     // @ts-expect-error
     if (canvas && canvas.clientHeight) {
@@ -489,7 +489,7 @@ export class AnimationLoop {
    */
   _resizeCanvasDrawingBuffer() {
     if (this.props.autoResizeDrawingBuffer) {
-      this.device?.canvasContext.resize({useDevicePixels: this.props.useDevicePixels});
+      this.device?.canvasContext?.resize({useDevicePixels: this.props.useDevicePixels});
     }
   }