@luma.gl/engine 8.5.8 → 8.6.0-alpha.2

package/dist/transform/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../src/transform/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAS,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,WAAW,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAC,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAE1D,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAE5F;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,SAAS;IAC5B;;;OAGG;IACH,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,sBAAsB,GAAG,OAAO;IASpE,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACpC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAC3B,YAAY,SAAK;IACjB,eAAe,MAAQ;IACvB,gBAAgB,MAAQ;IACxB,eAAe,MAAQ;gBAEX,MAAM,EAAE,MAAM,GAAG,sBAAsB,EAAE,KAAK,GAAE,cAAmB;IAQ/E,8BAA8B;IAC9B,OAAO,IAAI,IAAI;IAaf,iCAAiC;IACjC,MAAM,IAAI,IAAI;IAId,8BAA8B;IAC9B,GAAG,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAYxC,0CAA0C;IAC1C,IAAI,IAAI,IAAI;IASZ,mDAAmD;IACnD,SAAS,CAAC,WAAW,GAAE,MAAa,GAAG,MAAM;IAI7C,qDAAqD;IACrD,OAAO,CAAC,OAAO,GAAE;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAM;IAW9D,yDAAyD;IACzD,cAAc,IAAI,WAAW,GAAG,IAAI;IAIpC,kDAAkD;IAClD,MAAM,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAYnC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAoBxC,iBAAiB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IASxD,wBAAwB,CAAC,EAAE,EAAE,sBAAsB,EAAE,KAAK,EAAE,cAAc;IAa1E,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,oBAAoB;CAQvE"}

package/dist/{esm/transform → transform}/transform.js

@@ -1,28 +1,45 @@
-import { getPassthroughFS } from '@luma.gl/shadertools';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { assert } from '@luma.gl/api';
+import GL from '@luma.gl/constants';
+import { getShaderInfo, getPassthroughFS } from '@luma.gl/shadertools';
+import { WebGLDevice, isObjectEmpty } from '@luma.gl/webgl';
+import Model from '../lib/model';
 import BufferTransform from './buffer-transform';
 import TextureTransform from './texture-transform';
-import { isWebGL2 } from '@luma.gl/gltools';
-import { assert, isObjectEmpty, getShaderVersion } from '@luma.gl/webgl';
-import Model from '../lib/model';
 export default class Transform {
-  static isSupported(gl) {
-    return isWebGL2(gl);
+  static isSupported(device) {
+    try {
+      const webglDevice = WebGLDevice.attach(device);
+      return webglDevice.isWebGL2;
+    } catch {
+      return false;
+    }
   }
 
-  constructor(gl, props = {}) {
-    this.gl = gl;
-    this.model = null;
-    this.elementCount = 0;
-    this.bufferTransform = null;
-    this.textureTransform = null;
-    this.elementIDBuffer = null;
+  constructor(device, props = {}) {
+    _defineProperty(this, "device", void 0);
+
+    _defineProperty(this, "gl", void 0);
+
+    _defineProperty(this, "model", null);
+
+    _defineProperty(this, "elementCount", 0);
+
+    _defineProperty(this, "bufferTransform", null);
+
+    _defineProperty(this, "textureTransform", null);
+
+    _defineProperty(this, "elementIDBuffer", null);
+
+    this.device = WebGLDevice.attach(device);
+    this.gl = this.device.gl2;
 
     this._initialize(props);
 
     Object.seal(this);
   }
 
-  delete() {
+  destroy() {
     const {
       model,
       bufferTransform,
@@ -42,12 +59,16 @@ export default class Transform {
     }
   }
 
-  run(opts = {}) {
+  delete() {
+    this.destroy();
+  }
+
+  run(options) {
     const {
       clearRenderTarget = true
-    } = opts;
+    } = options || {};
 
-    const updatedOpts = this._updateDrawOptions(opts);
+    const updatedOpts = this._updateDrawOptions(options);
 
     if (clearRenderTarget && updatedOpts.framebuffer) {
       updatedOpts.framebuffer.clear({
@@ -73,11 +94,11 @@ export default class Transform {
     return this.bufferTransform && this.bufferTransform.getBuffer(varyingName);
   }
 
-  getData(opts = {}) {
+  getData(options = {}) {
     const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);
 
     for (const resourceTransform of resourceTransforms) {
-      const data = resourceTransform.getData(opts);
+      const data = resourceTransform.getData(options);
 
       if (data) {
         return data;
@@ -91,19 +112,19 @@ export default class Transform {
     return this.textureTransform && this.textureTransform.getFramebuffer();
   }
 
-  update(opts = {}) {
-    if ('elementCount' in opts) {
-      this.model.setVertexCount(opts.elementCount);
+  update(props) {
+    if ('elementCount' in props) {
+      this.model.setVertexCount(props.elementCount);
     }
 
     const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);
 
     for (const resourceTransform of resourceTransforms) {
-      resourceTransform.update(opts);
+      resourceTransform.update(props);
     }
   }
 
-  _initialize(props = {}) {
+  _initialize(props) {
     const {
       gl
     } = this;
@@ -111,21 +132,25 @@ export default class Transform {
     this._buildResourceTransforms(gl, props);
 
     props = this._updateModelProps(props);
-    this.model = new Model(gl, Object.assign({}, props, {
+    this.model = new Model(this.device, Object.assign({}, props, {
       fs: props.fs || getPassthroughFS({
-        version: getShaderVersion(props.vs)
+        version: getShaderInfo(props.vs).version
       }),
       id: props.id || 'transform-model',
-      drawMode: props.drawMode || 0,
+      drawMode: props.drawMode || GL.POINTS,
       vertexCount: props.elementCount
     }));
-    this.bufferTransform && this.bufferTransform.setupResources({
-      model: this.model
-    });
+
+    if (this.bufferTransform) {
+      this.bufferTransform.setupResources({
+        model: this.model
+      });
+    }
   }
 
   _updateModelProps(props) {
-    let updatedProps = Object.assign({}, props);
+    let updatedProps = { ...props
+    };
     const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);
 
     for (const resourceTransform of resourceTransforms) {
@@ -147,8 +172,9 @@ export default class Transform {
     assert(this.bufferTransform || this.textureTransform, 'must provide source/feedback buffers or source/target textures');
   }
 
-  _updateDrawOptions(opts) {
-    let updatedOpts = Object.assign({}, opts);
+  _updateDrawOptions(options) {
+    let updatedOpts = { ...options
+    };
     const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);
 
     for (const resourceTransform of resourceTransforms) {
@@ -161,18 +187,12 @@ export default class Transform {
 }
 
 function canCreateBufferTransform(props) {
-  if (!isObjectEmpty(props.feedbackBuffers) || !isObjectEmpty(props.feedbackMap) || props.varyings && props.varyings.length > 0) {
-    return true;
-  }
-
-  return false;
+  const canCreate = !isObjectEmpty(props.feedbackBuffers) || !isObjectEmpty(props.feedbackMap) || props.varyings && props.varyings.length > 0;
+  return Boolean(canCreate);
 }
 
 function canCreateTextureTransform(props) {
-  if (!isObjectEmpty(props._sourceTextures) || props._targetTexture || props._targetTextureVarying) {
-    return true;
-  }
-
-  return false;
+  const canCreate = !isObjectEmpty(props._sourceTextures) || props._targetTexture || props._targetTextureVarying;
+  return canCreate;
 }
 //# sourceMappingURL=transform.js.map

package/dist/transform/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/transform/transform.ts"],"names":["assert","GL","getShaderInfo","getPassthroughFS","WebGLDevice","isObjectEmpty","Model","BufferTransform","TextureTransform","Transform","isSupported","device","webglDevice","attach","isWebGL2","constructor","props","gl","gl2","_initialize","Object","seal","destroy","model","bufferTransform","textureTransform","delete","run","options","clearRenderTarget","updatedOpts","_updateDrawOptions","framebuffer","clear","color","transform","swap","swapped","resourceTransforms","filter","Boolean","resourceTransform","getBuffer","varyingName","getData","data","getFramebuffer","update","setVertexCount","elementCount","_buildResourceTransforms","_updateModelProps","assign","fs","version","vs","id","drawMode","POINTS","vertexCount","setupResources","updatedProps","updateModelProps","canCreateBufferTransform","canCreateTextureTransform","getDrawOptions","canCreate","feedbackBuffers","feedbackMap","varyings","length","_sourceTextures","_targetTexture","_targetTextureVarying"],"mappings":"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","sourcesContent":["import {Device, assert} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport {getShaderInfo, getPassthroughFS} from '@luma.gl/shadertools';\nimport type {Framebuffer, Buffer} from '@luma.gl/webgl';\nimport {WebGLDevice, isObjectEmpty} from '@luma.gl/webgl';\n\nimport Model from '../lib/model';\nimport BufferTransform from './buffer-transform';\nimport TextureTransform from './texture-transform';\nimport {TransformProps, TransformRunOptions, TransformDrawOptions} from './transform-types';\n\n/** \n * Takes source and target buffers/textures and sets up the pipeline \n */\nexport default class Transform {\n  /** \n   * Check if Transforms are supported (they are not under WebGL1)\n   * @todo differentiate writing to buffer vs not\n   */\n  static isSupported(device: Device | WebGL2RenderingContext): boolean {\n    try {\n      const webglDevice = WebGLDevice.attach(device);\n      return webglDevice.isWebGL2;\n    } catch {\n      return false;\n    }\n  }\n\n  readonly device: WebGLDevice;\n  readonly gl: WebGL2RenderingContext;\n  model: Model | null = null;\n  elementCount = 0;\n  bufferTransform = null;\n  textureTransform = null;\n  elementIDBuffer = null;\n\n  constructor(device: Device | WebGL2RenderingContext, props: TransformProps = {}) {\n    this.device = WebGLDevice.attach(device);\n    // TODO assert webgl2?\n    this.gl = this.device.gl2;\n    this._initialize(props);\n    Object.seal(this);\n  }\n\n  /** Delete owned resources. */\n  destroy(): void {\n    const {model, bufferTransform, textureTransform} = this;\n    if (model) {\n      model.delete();\n    }\n    if (bufferTransform) {\n      bufferTransform.delete();\n    }\n    if (textureTransform) {\n      textureTransform.delete();\n    }\n  }\n\n  /** @deprecated Use destroy*() */\n  delete(): void {\n    this.destroy();\n  }\n\n  /** Run one transform loop. */\n  run(options?: TransformRunOptions): void {\n    const {clearRenderTarget = true} = options || {};\n\n    const updatedOpts = this._updateDrawOptions(options);\n\n    if (clearRenderTarget && updatedOpts.framebuffer) {\n      updatedOpts.framebuffer.clear({color: true});\n    }\n\n    this.model.transform(updatedOpts);\n  }\n\n  /** swap resources if a map is provided */\n  swap(): void {\n    let swapped = false;\n    const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);\n    for (const resourceTransform of resourceTransforms) {\n      swapped = swapped || resourceTransform.swap();\n    }\n    assert(swapped, 'Nothing to swap');\n  }\n\n  /** Return Buffer object for given varying name. */\n  getBuffer(varyingName: string = null): Buffer {\n    return this.bufferTransform && this.bufferTransform.getBuffer(varyingName);\n  }\n\n  /** Return data either from Buffer or from Texture */\n  getData(options: {packed?: boolean; varyingName?: string} = {}) {\n    const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);\n    for (const resourceTransform of resourceTransforms) {\n      const data = resourceTransform.getData(options);\n      if (data) {\n        return data;\n      }\n    }\n    return null;\n  }\n\n  /** Return framebuffer object if rendering to textures */\n  getFramebuffer(): Framebuffer | null {\n    return this.textureTransform && this.textureTransform.getFramebuffer();\n  }\n\n  /** Update some or all buffer/texture bindings. */\n  update(props: TransformProps): void {\n    if ('elementCount' in props) {\n      this.model.setVertexCount(props.elementCount);\n    }\n    const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);\n    for (const resourceTransform of resourceTransforms) {\n      resourceTransform.update(props);\n    }\n  }\n\n  // Private\n\n  _initialize(props: TransformProps): void {\n    const {gl} = this;\n    this._buildResourceTransforms(gl, props);\n\n    props = this._updateModelProps(props);\n    this.model = new Model(\n      this.device,\n      Object.assign({}, props, {\n        fs: props.fs || getPassthroughFS({version: getShaderInfo(props.vs).version}),\n        id: props.id || 'transform-model',\n        drawMode: props.drawMode || GL.POINTS,\n        vertexCount: props.elementCount\n      })\n    );\n\n    if (this.bufferTransform) {\n      this.bufferTransform.setupResources({model: this.model});\n    }\n  }\n\n  _updateModelProps(props: TransformProps): TransformProps {\n    let updatedProps = {...props};\n    const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);\n    for (const resourceTransform of resourceTransforms) {\n      updatedProps = resourceTransform.updateModelProps(updatedProps);\n    }\n    return updatedProps;\n  }\n\n  _buildResourceTransforms(gl: WebGL2RenderingContext, props: TransformProps) {\n    if (canCreateBufferTransform(props)) {\n      this.bufferTransform = new BufferTransform(gl, props);\n    }\n    if (canCreateTextureTransform(props)) {\n      this.textureTransform = new TextureTransform(gl, props);\n    }\n    assert(\n      this.bufferTransform || this.textureTransform,\n      'must provide source/feedback buffers or source/target textures'\n    );\n  }\n\n  _updateDrawOptions(options: TransformRunOptions): TransformDrawOptions {\n    let updatedOpts = {...options};\n    const resourceTransforms = [this.bufferTransform, this.textureTransform].filter(Boolean);\n    for (const resourceTransform of resourceTransforms) {\n      updatedOpts = Object.assign(updatedOpts, resourceTransform.getDrawOptions(updatedOpts));\n    }\n    return updatedOpts;\n  }\n}\n\n// Helper Methods\n\nfunction canCreateBufferTransform(props: TransformProps): boolean {\n  const canCreate = !isObjectEmpty(props.feedbackBuffers) ||\n  !isObjectEmpty(props.feedbackMap) ||\n  (props.varyings && props.varyings.length > 0);\n  return Boolean(canCreate);\n}\n\nfunction canCreateTextureTransform(props: TransformProps): boolean {\n  const canCreate =\n    !isObjectEmpty(props._sourceTextures) ||\n    props._targetTexture ||\n    props._targetTextureVarying\n  return canCreate;\n}\n"],"file":"transform.js"}

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

@@ -0,0 +1,5 @@
+import Model, { ModelProps } from '../lib/model';
+export default class ClipSpace extends Model {
+    constructor(gl: WebGLRenderingContext, opts?: ModelProps);
+}
+//# sourceMappingURL=clip-space.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clip-space.d.ts","sourceRoot":"","sources":["../../src/utils/clip-space.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAwB/C,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,KAAK;gBAC9B,EAAE,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,UAAU;CAoBzD"}

package/dist/{esm/utils → utils}/clip-space.js

@@ -1,21 +1,7 @@
+import GL from '@luma.gl/constants';
 import Model from '../lib/model';
 import Geometry from '../geometry/geometry';
-const CLIPSPACE_VERTEX_SHADER = `\
-attribute vec2 aClipSpacePosition;
-attribute vec2 aTexCoord;
-attribute vec2 aCoordinate;
-
-varying vec2 position;
-varying vec2 coordinate;
-varying vec2 uv;
-
-void main(void) {
-  gl_Position = vec4(aClipSpacePosition, 0., 1.);
-  position = aClipSpacePosition;
-  coordinate = aCoordinate;
-  uv = aTexCoord;
-}
-`;
+const CLIPSPACE_VERTEX_SHADER = "attribute vec2 aClipSpacePosition;\nattribute vec2 aTexCoord;\nattribute vec2 aCoordinate;\n\nvarying vec2 position;\nvarying vec2 coordinate;\nvarying vec2 uv;\n\nvoid main(void) {\n  gl_Position = vec4(aClipSpacePosition, 0., 1.);\n  position = aClipSpacePosition;\n  coordinate = aCoordinate;\n  uv = aTexCoord;\n}\n";
 const POSITIONS = [-1, -1, 1, -1, -1, 1, 1, 1];
 export default class ClipSpace extends Model {
   constructor(gl, opts) {
@@ -23,7 +9,7 @@ export default class ClipSpace extends Model {
     super(gl, Object.assign({}, opts, {
       vs: CLIPSPACE_VERTEX_SHADER,
       geometry: new Geometry({
-        drawMode: 5,
+        drawMode: GL.TRIANGLE_STRIP,
         vertexCount: 4,
         attributes: {
           aClipSpacePosition: {

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/clip-space.ts"],"names":["GL","Model","Geometry","CLIPSPACE_VERTEX_SHADER","POSITIONS","ClipSpace","constructor","gl","opts","TEX_COORDS","map","coord","Object","assign","vs","geometry","drawMode","TRIANGLE_STRIP","vertexCount","attributes","aClipSpacePosition","size","value","Float32Array","aTexCoord","aCoordinate","setVertexCount"],"mappings":"AACA,OAAOA,EAAP,MAAe,oBAAf;AACA,OAAOC,KAAP,MAAgC,cAAhC;AACA,OAAOC,QAAP,MAAqB,sBAArB;AAEA,MAAMC,uBAAuB,oUAA7B;AAkBA,MAAMC,SAAS,GAAG,CAAC,CAAC,CAAF,EAAK,CAAC,CAAN,EAAS,CAAT,EAAY,CAAC,CAAb,EAAgB,CAAC,CAAjB,EAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,CAAlB;AAGA,eAAe,MAAMC,SAAN,SAAwBJ,KAAxB,CAA8B;AAC3CK,EAAAA,WAAW,CAACC,EAAD,EAA4BC,IAA5B,EAA+C;AACxD,UAAMC,UAAU,GAAGL,SAAS,CAACM,GAAV,CAAeC,KAAD,IAAYA,KAAK,KAAK,CAAC,CAAX,GAAe,CAAf,GAAmBA,KAA7C,CAAnB;AAEA,UACEJ,EADF,EAEEK,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBL,IAAlB,EAAwB;AACtBM,MAAAA,EAAE,EAAEX,uBADkB;AAEtBY,MAAAA,QAAQ,EAAE,IAAIb,QAAJ,CAAa;AACrBc,QAAAA,QAAQ,EAAEhB,EAAE,CAACiB,cADQ;AAErBC,QAAAA,WAAW,EAAE,CAFQ;AAGrBC,QAAAA,UAAU,EAAE;AACVC,UAAAA,kBAAkB,EAAE;AAACC,YAAAA,IAAI,EAAE,CAAP;AAAUC,YAAAA,KAAK,EAAE,IAAIC,YAAJ,CAAiBnB,SAAjB;AAAjB,WADV;AAEVoB,UAAAA,SAAS,EAAE;AAACH,YAAAA,IAAI,EAAE,CAAP;AAAUC,YAAAA,KAAK,EAAE,IAAIC,YAAJ,CAAiBd,UAAjB;AAAjB,WAFD;AAGVgB,UAAAA,WAAW,EAAE;AAACJ,YAAAA,IAAI,EAAE,CAAP;AAAUC,YAAAA,KAAK,EAAE,IAAIC,YAAJ,CAAiBd,UAAjB;AAAjB;AAHH;AAHS,OAAb;AAFY,KAAxB,CAFF;AAeA,SAAKiB,cAAL,CAAoB,CAApB;AACD;;AApB0C","sourcesContent":["// ClipSpace\nimport GL from '@luma.gl/constants';\nimport Model, {ModelProps} from '../lib/model';\nimport Geometry from '../geometry/geometry';\n\nconst CLIPSPACE_VERTEX_SHADER = `\\\nattribute vec2 aClipSpacePosition;\nattribute vec2 aTexCoord;\nattribute vec2 aCoordinate;\n\nvarying vec2 position;\nvarying vec2 coordinate;\nvarying vec2 uv;\n\nvoid main(void) {\n  gl_Position = vec4(aClipSpacePosition, 0., 1.);\n  position = aClipSpacePosition;\n  coordinate = aCoordinate;\n  uv = aTexCoord;\n}\n`;\n\n/* eslint-disable indent, no-multi-spaces */\nconst POSITIONS = [-1, -1, 1, -1, -1, 1, 1, 1];\n\n\nexport default class ClipSpace extends Model {\n  constructor(gl: WebGLRenderingContext, opts?: ModelProps) {\n    const TEX_COORDS = POSITIONS.map((coord) => (coord === -1 ? 0 : coord));\n\n    super(\n      gl,\n      Object.assign({}, opts, {\n        vs: CLIPSPACE_VERTEX_SHADER,\n        geometry: new Geometry({\n          drawMode: GL.TRIANGLE_STRIP,\n          vertexCount: 4,\n          attributes: {\n            aClipSpacePosition: {size: 2, value: new Float32Array(POSITIONS)},\n            aTexCoord: {size: 2, value: new Float32Array(TEX_COORDS)},\n            aCoordinate: {size: 2, value: new Float32Array(TEX_COORDS)}\n          }\n        })\n      })\n    );\n    this.setVertexCount(4);\n  }\n}\n"],"file":"clip-space.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/engine",
-  "version": "8.5.8",
+  "version": "8.6.0-alpha.2",
   "description": "WebGL2 Components for High Performance Rendering and Computation",
   "license": "MIT",
   "publishConfig": {
@@ -16,9 +16,9 @@
     "animation",
     "3d"
   ],
-  "types": "src/index.d.ts",
-  "main": "dist/es5/index.js",
-  "module": "dist/esm/index.js",
+  "types": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "files": [
     "src",
     "dist",
@@ -26,17 +26,17 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "pre-build": "npm run build-bundle && npm run build-bundle -- --env.dev",
+    "pre-build": "npm run build-bundle",
     "build-bundle": "webpack --display=minimal --config ../../scripts/bundle.config.js"
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@luma.gl/constants": "8.5.8",
-    "@luma.gl/gltools": "8.5.8",
-    "@luma.gl/shadertools": "8.5.8",
-    "@luma.gl/webgl": "8.5.8",
+    "@luma.gl/constants": "8.6.0-alpha.2",
+    "@luma.gl/shadertools": "8.6.0-alpha.2",
+    "@luma.gl/webgl": "8.6.0-alpha.2",
     "@math.gl/core": "^3.5.0",
-    "probe.gl": "^3.4.0"
+    "@probe.gl/log": "3.5.0-alpha.5",
+    "@probe.gl/stats": "3.5.0-alpha.5"
   },
-  "gitHead": "ec6897d6a3df73e30a4f31be904b2fba4fcac191"
+  "gitHead": "bdcebda76c1b4e47b127cdbd3f426ea6cbae44f1"
 }

package/src/animation/{key-frames.js → key-frames.ts}

@@ -1,18 +1,20 @@
-/** @type {import('@luma.gl/engine').KeyFrames} */
+// keyframes
+export type KeyFrame<T> = [number, T];
 
-export class KeyFrames {
-  constructor(keyFrames) {
-    this._lastTime = -1;
-    this.startIndex = -1;
-    this.endIndex = -1;
-    this.factor = 0;
-    this.times = [];
-    this.values = [];
+export class KeyFrames<T = number> {
+  startIndex: number = -1;
+  endIndex: number = -1;
+  factor: number = 0;
+  times: number[] = [];
+  values: T[] = [];
+  private _lastTime = -1;
+
+  constructor(keyFrames: KeyFrame<T>[]) {
     this.setKeyFrames(keyFrames);
     this.setTime(0);
   }
 
-  setKeyFrames(keyFrames) {
+  setKeyFrames(keyFrames: KeyFrame<T>[]): void {
     const numKeys = keyFrames.length;
     this.times.length = numKeys;
     this.values.length = numKeys;
@@ -25,7 +27,7 @@ export class KeyFrames {
     this._calculateKeys(this._lastTime);
   }
 
-  setTime(time) {
+  setTime(time: number): void {
     time = Math.max(0, time);
 
     if (time !== this._lastTime) {
@@ -34,23 +36,23 @@ export class KeyFrames {
     }
   }
 
-  getStartTime() {
+  getStartTime(): number {
     return this.times[this.startIndex];
   }
 
-  getEndTime() {
+  getEndTime(): number {
     return this.times[this.endIndex];
   }
 
-  getStartData() {
+  getStartData(): T {
     return this.values[this.startIndex];
   }
 
-  getEndData() {
+  getEndData(): T {
     return this.values[this.endIndex];
   }
 
-  _calculateKeys(time) {
+  _calculateKeys(time: number): void {
     let index = 0;
     const numKeys = this.times.length;
 

package/src/animation/{timeline.js → timeline.ts}

@@ -1,20 +1,56 @@
+// luma.gl, MIT license
+
+/**
+ * Timeline channel properties
+ * @param delay = 0;
+ * @param duration = Number.POSITIVE_INFINITY;
+ * @param rate = 1
+ * @param repeat = 1
+ */
+ export type ChannelOptions = {
+  delay?: number
+  duration?: number
+  rate?: number
+  repeat?: number
+}
+
+export type AnimationOptions = {
+  setTime: (time: number) => void
+}
+
+ type Channel = {
+  time: number
+  delay: number
+  duration: number
+  rate: number
+  repeat: number
+}
+
+type Animation = {
+  channel: number;
+  animation: {
+    setTime: (time: number) => void
+  }
+}
+
 let channelHandles = 1;
 let animationHandles = 1;
 
 export class Timeline {
+  time: number = 0;
+  channels = new Map<number, Channel>();
+  animations = new Map<number, Animation>();
+  playing: boolean = false;
+  lastEngineTime: number = -1;
+
   constructor() {
-    this.time = 0;
-    this.channels = new Map();
-    this.animations = new Map();
-    this.playing = false;
-    this.lastEngineTime = -1;
   }
 
-  addChannel(props) {
+  addChannel(props: ChannelOptions): number {
     const {delay = 0, duration = Number.POSITIVE_INFINITY, rate = 1, repeat = 1} = props;
 
     const handle = channelHandles++;
-    const channel = {
+    const channel: Channel = {
       time: 0,
       delay,
       duration,
@@ -27,7 +63,7 @@ export class Timeline {
     return handle;
   }
 
-  removeChannel(handle) {
+  removeChannel(handle: number): void {
     this.channels.delete(handle);
 
     for (const [animationHandle, animation] of this.animations) {
@@ -37,7 +73,7 @@ export class Timeline {
     }
   }
 
-  isFinished(handle) {
+  isFinished(handle: number): boolean {
     const channel = this.channels.get(handle);
     if (channel === undefined) {
       return false;
@@ -46,7 +82,7 @@ export class Timeline {
     return this.time >= channel.delay + channel.duration * channel.repeat;
   }
 
-  getTime(handle) {
+  getTime(handle?: number): number {
     if (handle === undefined) {
       return this.time;
     }
@@ -60,7 +96,7 @@ export class Timeline {
     return channel.time;
   }
 
-  setTime(time) {
+  setTime(time: number): void {
     this.time = Math.max(0, time);
 
     const channels = this.channels.values();
@@ -75,20 +111,20 @@ export class Timeline {
     }
   }
 
-  play() {
+  play(): void {
     this.playing = true;
   }
 
-  pause() {
+  pause(): void {
     this.playing = false;
     this.lastEngineTime = -1;
   }
 
-  reset() {
+  reset(): void {
     this.setTime(0);
   }
 
-  attachAnimation(animation, channelHandle) {
+  attachAnimation(animation: AnimationOptions, channelHandle: number): number {
     const animationHandle = animationHandles++;
 
     this.animations.set(animationHandle, {
@@ -101,11 +137,11 @@ export class Timeline {
     return animationHandle;
   }
 
-  detachAnimation(handle) {
+  detachAnimation(handle: number): void {
     this.animations.delete(handle);
   }
 
-  update(engineTime) {
+  update(engineTime: number): void {
     if (this.playing) {
       if (this.lastEngineTime === -1) {
         this.lastEngineTime = engineTime;
@@ -115,7 +151,7 @@ export class Timeline {
     }
   }
 
-  _setChannelTime(channel, time) {
+  _setChannelTime(channel: Channel, time: number): void {
     const offsetTime = time - channel.delay;
     const totalDuration = channel.duration * channel.repeat;
     // Note(Tarek): Don't loop on final repeat.

package/src/bundle.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+const moduleExports = require('./index');
+globalThis.luma = globalThis.luma || {};
+module.exports = Object.assign(globalThis.luma, moduleExports);

package/src/geometries/{cone-geometry.js → cone-geometry.ts}

@@ -1,8 +1,14 @@
-import TruncatedConeGeometry from './truncated-cone-geometry';
+import {TruncatedConeGeometry} from './truncated-cone-geometry';
 import {uid} from '@luma.gl/webgl';
 
-export default class ConeGeometry extends TruncatedConeGeometry {
-  constructor(props = {}) {
+export type ConeGeometryProps = {
+  id?: string;
+  radius?: number;
+  cap?: boolean;
+};
+
+export class ConeGeometry extends TruncatedConeGeometry {
+  constructor(props: ConeGeometryProps = {}) {
     const {id = uid('cone-geometry'), radius = 1, cap = true} = props;
     super({
       ...props,

package/src/geometries/{cube-geometry.js → cube-geometry.ts}

@@ -1,6 +1,23 @@
 import Geometry from '../geometry/geometry';
 import {uid} from '@luma.gl/webgl';
 
+export type CubeGeometryProps = {
+  id?: string;
+  attributes?
+};
+
+export class CubeGeometry extends Geometry {
+  constructor(props: CubeGeometryProps = {}) {
+    const {id = uid('cube-geometry')} = props;
+    super({
+      ...props,
+      id,
+      indices: {size: 1, value: new Uint16Array(CUBE_INDICES)},
+      attributes: {...ATTRIBUTES, ...props.attributes}
+    });
+  }
+}
+
 // prettier-ignore
 const CUBE_INDICES = new Uint16Array([
   0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7, 8, 9, 10, 8, 10, 11, 12, 13,
@@ -55,15 +72,3 @@ const ATTRIBUTES = {
   NORMAL: {size: 3, value: new Float32Array(CUBE_NORMALS)},
   TEXCOORD_0: {size: 2, value: new Float32Array(CUBE_TEX_COORDS)}
 };
-
-export default class CubeGeometry extends Geometry {
-  constructor(props = {}) {
-    const {id = uid('cube-geometry')} = props;
-    super({
-      ...props,
-      id,
-      indices: {size: 1, value: new Uint16Array(CUBE_INDICES)},
-      attributes: {...ATTRIBUTES, ...props.attributes}
-    });
-  }
-}

package/src/geometries/cylinder-geometry.ts

@@ -0,0 +1,20 @@
+import {TruncatedConeGeometry} from './truncated-cone-geometry';
+import {uid} from '@luma.gl/webgl';
+
+export type CylinderGeometryProps = {
+  id?: string;
+  radius?: number;
+  attributes?
+};
+
+export class CylinderGeometry extends TruncatedConeGeometry {
+  constructor(props: CylinderGeometryProps = {}) {
+    const {id = uid('cylinder-geometry'), radius = 1} = props;
+    super({
+      ...props,
+      id,
+      bottomRadius: radius,
+      topRadius: radius
+    });
+  }
+}

package/src/geometries/{ico-sphere-geometry.js → ico-sphere-geometry.ts}

@@ -7,8 +7,15 @@ import {uid} from '@luma.gl/webgl';
 const ICO_POSITIONS = [-1, 0, 0, 0, 1, 0, 0, 0, -1, 0, 0, 1, 0, -1, 0, 1, 0, 0];
 const ICO_INDICES = [3, 4, 5, 3, 5, 1, 3, 1, 0, 3, 0, 4, 4, 0, 2, 4, 2, 5, 2, 0, 1, 5, 2, 1];
 
-export default class IcoSphereGeometry extends Geometry {
-  constructor(props = {}) {
+export type IcoSphereGeometryProps = {
+  id?: string;
+  radius?: number;
+  iterations?: number;
+  attributes?
+};
+
+export class IcoSphereGeometry extends Geometry {
+  constructor(props: IcoSphereGeometryProps = {}) {
     const {id = uid('ico-sphere-geometry')} = props;
     const {indices, attributes} = tesselateIcosaHedron(props);
     super({
@@ -20,7 +27,7 @@ export default class IcoSphereGeometry extends Geometry {
   }
 }
 
-function tesselateIcosaHedron(props) {
+function tesselateIcosaHedron(props: IcoSphereGeometryProps) {
   const {iterations = 0} = props;
 
   const PI = Math.PI;