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

package/dist/lib/animation-loop.js

@@ -1,17 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { luma } from '@luma.gl/api';
 import { requestAnimationFrame, cancelAnimationFrame } from '@luma.gl/api';
+import { Stats } from '@probe.gl/stats';
 import { isBrowser } from '@probe.gl/env';
 const isPage = isBrowser() && typeof document !== 'undefined';
 let statIdCounter = 0;
 const DEFAULT_ANIMATION_LOOP_PROPS = {
   onCreateDevice: props => luma.createDevice(props),
-  onAddHTML: undefined,
+  onAddHTML: () => '',
   onInitialize: () => ({}),
   onRender: () => {},
   onFinalize: () => {},
   onError: error => console.error(error),
-  device: undefined,
+  device: null,
   deviceProps: {},
   debug: false,
   stats: luma.stats.get("animation-loop-".concat(statIdCounter++)),
@@ -19,15 +20,15 @@ const DEFAULT_ANIMATION_LOOP_PROPS = {
   autoResizeViewport: true,
   autoResizeDrawingBuffer: true
 };
-export default class AnimationLoop {
+export class AnimationLoop {
   constructor(props = {}) {
-    _defineProperty(this, "device", void 0);
+    _defineProperty(this, "device", null);
 
-    _defineProperty(this, "canvas", void 0);
+    _defineProperty(this, "canvas", null);
 
     _defineProperty(this, "props", void 0);
 
-    _defineProperty(this, "animationProps", void 0);
+    _defineProperty(this, "animationProps", null);
 
     _defineProperty(this, "timeline", null);
 
@@ -62,9 +63,11 @@ export default class AnimationLoop {
     let {
       useDevicePixels = true
     } = this.props;
-    this.device = props.device;
+    this.device = props.device || null;
     this.gl = this.device && this.device.gl || props.gl;
-    this.stats = props.stats;
+    this.stats = props.stats || new Stats({
+      id: 'animation-loop-stats'
+    });
     this.cpuTime = this.stats.get('CPU Time');
     this.gpuTime = this.stats.get('GPU Time');
     this.frameRate = this.stats.get('Frame Rate');
@@ -96,15 +99,15 @@ export default class AnimationLoop {
 
   setProps(props) {
     if ('autoResizeViewport' in props) {
-      this.props.autoResizeViewport = props.autoResizeViewport;
+      this.props.autoResizeViewport = props.autoResizeViewport || false;
     }
 
     if ('autoResizeDrawingBuffer' in props) {
-      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;
+      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer || false;
     }
 
     if ('useDevicePixels' in props) {
-      this.props.useDevicePixels = props.useDevicePixels;
+      this.props.useDevicePixels = props.useDevicePixels || false;
     }
 
     return this;
@@ -130,7 +133,7 @@ export default class AnimationLoop {
 
         this._initialize();
 
-        await this.onInitialize(this.animationProps);
+        await this.props.onInitialize(this._getAnimationProps());
       }
 
       if (!this._running) {
@@ -152,7 +155,9 @@ export default class AnimationLoop {
   }
 
   redraw() {
-    if (this.device.isLost) {
+    var _this$device;
+
+    if ((_this$device = this.device) !== null && _this$device !== void 0 && _this$device.isLost) {
       return this;
     }
 
@@ -160,9 +165,9 @@ export default class AnimationLoop {
 
     this._setupFrame();
 
-    this._updateCallbackData();
+    this._updateAnimationProps();
 
-    this._renderFrame(this.animationProps);
+    this._renderFrame(this._getAnimationProps());
 
     this._clearNeedsRedraw();
 
@@ -180,7 +185,9 @@ export default class AnimationLoop {
 
   stop() {
     if (this._running) {
-      this.onFinalize(this.animationProps);
+      if (this.animationProps) {
+        this.props.onFinalize(this.animationProps);
+      }
 
       this._cancelAnimationFrame();
 
@@ -216,31 +223,20 @@ export default class AnimationLoop {
   async toDataURL() {
     this.setNeedsRedraw('toDataURL');
     await this.waitForRender();
-    return this.canvas.toDataURL();
-  }
 
-  onCreateDevice(deviceProps) {
-    return this.props.onCreateDevice(deviceProps);
-  }
-
-  onInitialize(animationProps) {
-    return this.props.onInitialize(animationProps);
-  }
-
-  onRender(animationProps) {
-    return this.props.onRender(animationProps);
-  }
+    if (this.canvas instanceof HTMLCanvasElement) {
+      return this.canvas.toDataURL();
+    }
 
-  onFinalize(animationProps) {
-    return this.props.onFinalize(animationProps);
+    throw new Error('OffscreenCanvas');
   }
 
   _initialize() {
     this._startEventHandling();
 
-    this._initializeCallbackData();
+    this._initializeAnimationProps();
 
-    this._updateCallbackData();
+    this._updateAnimationProps();
 
     this._resizeCanvasDrawingBuffer();
 
@@ -294,11 +290,11 @@ export default class AnimationLoop {
       return;
     }
 
-    this.onRender(props);
+    this.props.onRender(props);
   }
 
   _clearNeedsRedraw() {
-    this.needsRedraw = null;
+    this.needsRedraw = false;
   }
 
   _setupFrame() {
@@ -307,14 +303,18 @@ export default class AnimationLoop {
     this._resizeViewport();
   }
 
-  _initializeCallbackData() {
+  _initializeAnimationProps() {
+    if (!this.device) {
+      throw new Error('loop');
+    }
+
     this.animationProps = {
       animationLoop: this,
       device: this.device,
       canvas: this.device.canvasContext.canvas,
       timeline: this.timeline,
       useDevicePixels: this.props.useDevicePixels,
-      needsRedraw: null,
+      needsRedraw: false,
       width: 1,
       height: 1,
       aspect: 1,
@@ -327,7 +327,19 @@ export default class AnimationLoop {
     };
   }
 
-  _updateCallbackData() {
+  _getAnimationProps() {
+    if (!this.animationProps) {
+      throw new Error('animationProps');
+    }
+
+    return this.animationProps;
+  }
+
+  _updateAnimationProps() {
+    if (!this.animationProps) {
+      return;
+    }
+
     const {
       width,
       height,
@@ -361,7 +373,7 @@ export default class AnimationLoop {
     const deviceProps = { ...this.props,
       ...this.props.deviceProps
     };
-    this.device = await this.onCreateDevice(deviceProps);
+    this.device = await this.props.onCreateDevice(deviceProps);
     this.canvas = this.device.canvasContext.canvas;
 
     this._createInfoDiv();
@@ -378,7 +390,11 @@ export default class AnimationLoop {
       div.style.bottom = '10px';
       div.style.width = '300px';
       div.style.background = 'white';
-      wrapperDiv.appendChild(this.canvas);
+
+      if (this.canvas instanceof HTMLCanvasElement) {
+        wrapperDiv.appendChild(this.canvas);
+      }
+
       wrapperDiv.appendChild(div);
       const html = this.props.onAddHTML(div);
 
@@ -389,6 +405,14 @@ export default class AnimationLoop {
   }
 
   _getSizeAndAspect() {
+    if (!this.device) {
+      return {
+        width: 1,
+        height: 1,
+        aspect: 1
+      };
+    }
+
     const [width, height] = this.device.canvasContext.getPixelSize();
     let aspect = 1;
     const canvas = this.device.canvasContext.canvas;
@@ -414,7 +438,9 @@ export default class AnimationLoop {
 
   _resizeCanvasDrawingBuffer() {
     if (this.props.autoResizeDrawingBuffer) {
-      this.device.canvasContext.resize({
+      var _this$device2;
+
+      (_this$device2 = this.device) === null || _this$device2 === void 0 ? void 0 : _this$device2.canvasContext.resize({
         useDevicePixels: this.props.useDevicePixels
       });
     }
@@ -437,11 +463,11 @@ export default class AnimationLoop {
   }
 
   _onMousemove(e) {
-    this.animationProps._mousePosition = [e.offsetX, e.offsetY];
+    this._getAnimationProps()._mousePosition = [e.offsetX, e.offsetY];
   }
 
   _onMouseleave(e) {
-    this.animationProps._mousePosition = null;
+    this._getAnimationProps()._mousePosition = null;
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","requestAnimationFrame","cancelAnimationFrame","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onAddHTML","undefined","onInitialize","onRender","onFinalize","onError","error","console","device","deviceProps","debug","stats","get","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","AnimationLoop","constructor","gl","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","_running","appContext","_initialized","_createDevice","_initialize","animationProps","_cancelAnimationFrame","_requestAnimationFrame","err","Error","redraw","isLost","_beginTimers","_setupFrame","_updateCallbackData","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","_startEventHandling","_initializeCallbackData","_resizeCanvasDrawingBuffer","_resizeViewport","display","animationLoop","_animationFrameId","_animationFrame","canvasContext","width","height","aspect","time","startTime","Date","now","engineTime","tick","tock","_mousePosition","_getSizeAndAspect","update","Math","floor","getTime","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","getPixelSize","clientHeight","clientWidth","viewport","drawingBufferWidth","drawingBufferHeight","resize","timeEnd","timeStart","addEventListener","e","offsetX","offsetY"],"mappings":"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","sourcesContent":["import {luma, Device, DeviceProps} from '@luma.gl/api';\nimport {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';\nimport {Timeline} from '../animation/timeline';\nimport {AnimationProps} from '../lib/animation-props';\nimport {Stats, Stat} from '@probe.gl/stats';\nimport {isBrowser} from '@probe.gl/env';\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\nlet statIdCounter = 0;\n\ntype ContextProps = DeviceProps;\n\n/** AnimationLoop properties */\nexport type AnimationLoopProps = {\n  onCreateDevice?: (props: DeviceProps) => Promise<Device>;\n  onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n  onInitialize?: (animationProps: AnimationProps) => void;\n  onRender?: (animationProps: AnimationProps) => void;\n  onFinalize?: (animationProps: AnimationProps) => void;\n  onError?: (reason: Error) => void;\n\n  device?: Device;\n  deviceProps?: DeviceProps;\n  stats?: Stats;\n\n  // view parameters\n  debug?: boolean;\n  autoResizeViewport?: boolean;\n  autoResizeDrawingBuffer?: boolean;\n  useDevicePixels?: number | boolean;\n};\n\nconst DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {\n  onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),\n  onAddHTML: undefined,\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: undefined,\n  deviceProps: {},\n  debug: false,\n  stats: luma.stats.get(`animation-loop-${statIdCounter++}`),\n\n  // view parameters\n  useDevicePixels: true,\n  autoResizeViewport: true,\n  autoResizeDrawingBuffer: true,\n};\n\n/** Convenient animation loop */\nexport default class AnimationLoop {\n  device: Device;\n  canvas: HTMLCanvasElement; // | OffscreenCanvas;\n\n  props: Required<AnimationLoopProps>;\n  animationProps: AnimationProps;\n  timeline: Timeline = null;\n  stats: Stats;\n  cpuTime: Stat;\n  gpuTime: Stat;\n  frameRate: Stat;\n\n  display: any;\n\n  needsRedraw: string | null = 'initialized';\n\n  _initialized: boolean = false;\n  _running: boolean = false;\n  _animationFrameId = null;\n  _nextFramePromise: Promise<AnimationLoop> | null = null;\n  _resolveNextFrame: ((AnimationLoop) => void) | null = null;\n  _cpuStartTime: number = 0;\n\n  // _gpuTimeQuery: Query | null = null;\n\n  /*\n   * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context\n   */\n  constructor(props: AnimationLoopProps = {}) {\n    this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};\n    props = this.props;\n\n    let {useDevicePixels = true} = this.props;\n\n    // state\n    this.device = props.device;\n    // @ts-expect-error\n    this.gl = (this.device && this.device.gl) || props.gl;\n\n    this.stats = props.stats;\n    this.cpuTime = this.stats.get('CPU Time');\n    this.gpuTime = this.stats.get('GPU Time');\n    this.frameRate = this.stats.get('Frame Rate');\n\n    this.setProps({\n      autoResizeViewport: props.autoResizeViewport,\n      autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,\n      useDevicePixels\n    });\n\n    // Bind methods\n    this.start = this.start.bind(this);\n    this.stop = this.stop.bind(this);\n\n    this._onMousemove = this._onMousemove.bind(this);\n    this._onMouseleave = this._onMouseleave.bind(this);\n  }\n\n  destroy(): void {\n    this.stop();\n    this._setDisplay(null);\n  }\n\n  /** @deprecated Use .destroy() */\n  delete(): void {\n    this.destroy();\n  }\n\n  setNeedsRedraw(reason: string): this {\n    this.needsRedraw = this.needsRedraw || reason;\n    return this;\n  }\n\n  // TODO - move to CanvasContext\n  setProps(props: AnimationLoopProps): this {\n    if ('autoResizeViewport' in props) {\n      this.props.autoResizeViewport = props.autoResizeViewport;\n    }\n    if ('autoResizeDrawingBuffer' in props) {\n      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;\n    }\n    if ('useDevicePixels' in props) {\n      this.props.useDevicePixels = props.useDevicePixels;\n    }\n    return this;\n  }\n\n  /** Starts a render loop if not already running */\n  async start() {\n    if (this._running) {\n      return this;\n    }\n    this._running = true;\n\n    try {\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      let appContext;\n      if (!this._initialized) {\n        this._initialized = true;\n        // Create the WebGL context\n        await this._createDevice();\n        this._initialize();\n\n        // Note: onIntialize can return a promise (e.g. in case app needs to load resources)\n        await this.onInitialize(this.animationProps);\n      }\n\n      // check that we haven't been stopped\n      if (!this._running) {\n        return null;\n      }\n\n      // Start the loop\n      if (appContext !== false) {\n        // cancel any pending renders to ensure only one loop can ever run\n        this._cancelAnimationFrame();\n        this._requestAnimationFrame();\n      }\n\n      return this;\n    } catch (err: unknown) {\n      const error = err instanceof Error ? err : new Error('Unknown error')\n      this.props.onError(error);\n      // this._running = false; // TODO\n      throw error;\n    }\n  }\n\n  /** Explicitly draw a frame */\n  redraw(): this {\n    if (this.device.isLost) {\n      return this;\n    }\n\n    this._beginTimers();\n\n    this._setupFrame();\n    this._updateCallbackData();\n\n    this._renderFrame(this.animationProps);\n\n    // clear needsRedraw flag\n    this._clearNeedsRedraw();\n\n    if (this._resolveNextFrame) {\n      this._resolveNextFrame(this);\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n    }\n\n    this._endTimers();\n\n    return this;\n  }\n\n  // Stops a render loop if already running, finalizing\n  stop() {\n    // console.debug(`Stopping ${this.constructor.name}`);\n    if (this._running) {\n      // call callback\n      this.onFinalize(this.animationProps);\n\n      this._cancelAnimationFrame();\n      this._nextFramePromise = null;\n      this._resolveNextFrame = null;\n      this._running = false;\n    }\n    return this;\n  }\n\n  attachTimeline(timeline: Timeline): Timeline {\n    this.timeline = timeline;\n    return this.timeline;\n  }\n\n  detachTimeline(): void {\n    this.timeline = null;\n  }\n\n  waitForRender(): Promise<AnimationLoop> {\n    this.setNeedsRedraw('waitForRender');\n\n    if (!this._nextFramePromise) {\n      this._nextFramePromise = new Promise((resolve) => {\n        this._resolveNextFrame = resolve;\n      });\n    }\n    return this._nextFramePromise;\n  }\n\n  async toDataURL() {\n    this.setNeedsRedraw('toDataURL');\n    await this.waitForRender();\n    return this.canvas.toDataURL();\n  }\n\n  onCreateDevice(deviceProps: DeviceProps): Promise<Device> {\n    return this.props.onCreateDevice(deviceProps);\n  }\n\n  onInitialize(animationProps: AnimationProps): {} | void {\n    return this.props.onInitialize(animationProps);\n  }\n\n  onRender(animationProps: AnimationProps) {\n    return this.props.onRender(animationProps);\n  }\n\n  onFinalize(animationProps: AnimationProps) {\n    return this.props.onFinalize(animationProps);\n  }\n\n  // PRIVATE METHODS\n\n  _initialize() {\n    this._startEventHandling();\n\n    // Initialize the callback data\n    this._initializeCallbackData();\n    this._updateCallbackData();\n\n    // Default viewport setup, in case onInitialize wants to render\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n\n    // this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;\n  }\n\n  _setDisplay(display) {\n    if (this.display) {\n      this.display.delete();\n      this.display.animationLoop = null;\n    }\n\n    // store animation loop on the display\n    if (display) {\n      display.animationLoop = this;\n    }\n\n    this.display = display;\n  }\n\n  _requestAnimationFrame() {\n    if (!this._running) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.requestAnimationFrame) {\n    //   this._animationFrameId = this.display.requestAnimationFrame(this._animationFrame.bind(this));\n    // }\n    this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));\n  }\n\n  _cancelAnimationFrame() {\n    if (this._animationFrameId !== null) {\n      return;\n    }\n\n    // VR display has a separate animation frame to sync with headset\n    // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n    // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n    // if (this.display && this.display.cancelAnimationFrame) {\n    //   this.display.cancelAnimationFrame(this._animationFrameId);\n    // }\n  cancelAnimationFrame(this._animationFrameId);\n    this._animationFrameId = null;\n  }\n\n  _animationFrame() {\n    if (!this._running) {\n      return;\n    }\n    this.redraw();\n    this._requestAnimationFrame();\n  }\n\n  // Called on each frame, can be overridden to call onRender multiple times\n  // to support e.g. stereoscopic rendering\n  _renderFrame(props: AnimationProps) {\n    // Allow e.g. VR display to render multiple frames.\n    if (this.display) {\n      this.display._renderFrame(props);\n      return;\n    }\n\n    // call callback\n    this.onRender(props);\n    // end callback\n  }\n\n  _clearNeedsRedraw() {\n    this.needsRedraw = null;\n  }\n\n  _setupFrame() {\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n  }\n\n  // Initialize the  object that will be passed to app callbacks\n  _initializeCallbackData() {\n    this.animationProps = {\n      animationLoop: this,\n      device: this.device,\n      canvas: this.device.canvasContext.canvas,\n      timeline: this.timeline,\n\n      // Initial values\n      useDevicePixels: this.props.useDevicePixels,\n      needsRedraw: null,\n\n      // Placeholders\n      width: 1,\n      height: 1,\n      aspect: 1,\n\n      // Animation props\n      time: 0,\n      startTime: Date.now(),\n      engineTime: 0,\n      tick: 0,\n      tock: 0,\n\n      // Experimental\n      _mousePosition: null // Event props\n    };\n  }\n\n  // Update the context object that will be passed to app callbacks\n  _updateCallbackData() {\n    const {width, height, aspect} = this._getSizeAndAspect();\n    if (width !== this.animationProps.width || height !== this.animationProps.height) {\n      this.setNeedsRedraw('drawing buffer resized');\n    }\n    if (aspect !== this.animationProps.aspect) {\n      this.setNeedsRedraw('drawing buffer aspect changed');\n    }\n\n    this.animationProps.width = width;\n    this.animationProps.height = height;\n    this.animationProps.aspect = aspect;\n\n    this.animationProps.needsRedraw = this.needsRedraw;\n\n    // Update time properties\n    this.animationProps.engineTime = Date.now() - this.animationProps.startTime;\n\n    if (this.timeline) {\n      this.timeline.update(this.animationProps.engineTime);\n    }\n\n    this.animationProps.tick = Math.floor((this.animationProps.time / 1000) * 60);\n    this.animationProps.tock++;\n\n    // For back compatibility\n    this.animationProps.time = this.timeline\n      ? this.timeline.getTime()\n      : this.animationProps.engineTime;\n  }\n\n  /** Either uses supplied or existing context, or calls provided callback to create one */\n  async _createDevice() {\n    const deviceProps = {...this.props, ...this.props.deviceProps};\n    this.device = await this.onCreateDevice(deviceProps);\n    // @ts-expect-error\n    this.canvas = this.device.canvasContext.canvas;\n    this._createInfoDiv();\n  }\n\n  _createInfoDiv() {\n    if (this.canvas && this.props.onAddHTML) {\n      const wrapperDiv = document.createElement('div');\n      document.body.appendChild(wrapperDiv);\n      wrapperDiv.style.position = 'relative';\n      const div = document.createElement('div');\n      div.style.position = 'absolute';\n      div.style.left = '10px';\n      div.style.bottom = '10px';\n      div.style.width = '300px';\n      div.style.background = 'white';\n      wrapperDiv.appendChild(this.canvas);\n      wrapperDiv.appendChild(div);\n      const html = this.props.onAddHTML(div);\n      if (html) {\n        div.innerHTML = html;\n      }\n    }\n  }\n\n  _getSizeAndAspect() {\n    // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n    const [width, height] = this.device.canvasContext.getPixelSize();\n\n    // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n    let aspect = 1;\n    const canvas = this.device.canvasContext.canvas;\n\n    // @ts-expect-error\n    if (canvas && canvas.clientHeight) {\n      // @ts-expect-error\n      aspect = canvas.clientWidth / canvas.clientHeight;\n    } else if (width > 0 && height > 0) {\n      aspect = width / height;\n    }\n\n    return {width, height, aspect};\n  }\n\n  /** Default viewport setup */\n  _resizeViewport() {\n    // @ts-expect-error Expose on canvasContext\n    if (this.props.autoResizeViewport && this.device.gl) {\n      // @ts-expect-error Expose canvasContext\n      this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);\n    }\n  }\n\n  /**\n   * Resize the render buffer of the canvas to match canvas client size\n   * Optionally multiplying with devicePixel ratio\n   */\n  _resizeCanvasDrawingBuffer() {\n    if (this.props.autoResizeDrawingBuffer) {\n      this.device.canvasContext.resize({useDevicePixels: this.props.useDevicePixels});\n    }\n  }\n\n  _beginTimers() {\n    this.frameRate.timeEnd();\n    this.frameRate.timeStart();\n\n    // Check if timer for last frame has completed.\n    // GPU timer results are never available in the same\n    // frame they are captured.\n    // if (\n    //   this._gpuTimeQuery &&\n    //   this._gpuTimeQuery.isResultAvailable() &&\n    //   !this._gpuTimeQuery.isTimerDisjoint()\n    // ) {\n    //   this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());\n    // }\n\n    // if (this._gpuTimeQuery) {\n    //   // GPU time query start\n    //   this._gpuTimeQuery.beginTimeElapsedQuery();\n    // }\n\n    // this.cpuTime.timeStart();\n  }\n\n  _endTimers() {\n    this.cpuTime.timeEnd();\n\n    // if (this._gpuTimeQuery) {\n    //   // GPU time query end. Results will be available on next frame.\n    //   this._gpuTimeQuery.end();\n    // }\n  }\n\n  // Event handling\n\n  _startEventHandling() {\n    if (this.canvas) {\n      this.canvas.addEventListener('mousemove', this._onMousemove);\n      this.canvas.addEventListener('mouseleave', this._onMouseleave);\n    }\n  }\n\n  _onMousemove(e) {\n    this.animationProps._mousePosition = [e.offsetX, e.offsetY];\n  }\n  _onMouseleave(e) {\n    this.animationProps._mousePosition = null;\n  }\n}\n"],"file":"animation-loop.js"}
+{"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"}

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

@@ -1,7 +1,7 @@
 /// <reference types="offscreencanvas" />
 import { Device } from '@luma.gl/api';
 import { Timeline } from '../animation/timeline';
-import type AnimationLoop from './animation-loop';
+import type { AnimationLoop } from './animation-loop';
 /** Properties passed to every render frame  */
 export declare type AnimationProps = {
     device: Device;
@@ -17,8 +17,8 @@ export declare type AnimationProps = {
     engineTime: number;
     tick: number;
     tock: number;
-    needsRedraw?: string;
-    timeline: Timeline;
-    _mousePosition?: [number, number];
+    needsRedraw?: string | false;
+    timeline: Timeline | null;
+    _mousePosition?: [number, number] | null;
 };
 //# sourceMappingURL=animation-props.d.ts.map

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

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

package/dist/lib/model.d.ts

@@ -1,4 +1,4 @@
-import type { Device, Buffer, RenderPipelineProps, RenderPass, Binding } from '@luma.gl/api';
+import type { Device, Buffer, RenderPipelineProps, RenderPass, Binding, PrimitiveTopology } from '@luma.gl/api';
 import { RenderPipeline } from '@luma.gl/api';
 import type { ShaderModule } from '@luma.gl/shadertools';
 import type Geometry from '../geometry/geometry';
@@ -6,14 +6,14 @@ export declare type ModelProps = Omit<RenderPipelineProps, 'vs' | 'fs'> & {
     vs?: {
         glsl?: string;
         wgsl?: string;
-    } | string;
+    } | string | null;
     fs?: {
         glsl?: string;
         wgsl?: string;
-    } | string;
+    } | string | null;
     modules?: ShaderModule[];
     moduleSettings?: Record<string, Record<string, any>>;
-    geometry?: Geometry;
+    geometry?: Geometry | null;
 };
 /** v9 API */
 export default class Model {
@@ -21,8 +21,8 @@ export default class Model {
     readonly pipeline: RenderPipeline;
     readonly id: string;
     readonly vs: string;
-    readonly fs: string | undefined;
-    readonly topology: string;
+    readonly fs: string | null;
+    readonly topology: PrimitiveTopology;
     readonly vertexCount: any;
     props: Required<ModelProps>;
     private _getModuleUniforms;

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

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/lib/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAC,cAAc,EAAe,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC;AAIjD,oBAAY,UAAU,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;IAEhE,EAAE,CAAC,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAC;IAC7C,EAAE,CAAC,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAC;IAC7C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAcF,aAAa;AACb,MAAM,CAAC,OAAO,OAAO,KAAK;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,MAAC;IACrB,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B,OAAO,CAAC,kBAAkB,CAAuE;gBAErF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAyC7C,OAAO,IAAI,IAAI;IAIf,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI;IASnC,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAmBjC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMtD,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAMrC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAMvD,uBAAuB;IACvB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMpD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMhD,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;CAWvC"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../src/lib/model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAC,cAAc,EAAe,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC;AAIjD,oBAAY,UAAU,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,IAAI,CAAC,GAAG;IAEhE,EAAE,CAAC,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACpD,EAAE,CAAC,EAAE;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAcF,aAAa;AACb,MAAM,CAAC,OAAO,OAAO,KAAK;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAQ;IAClC,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACrC,QAAQ,CAAC,WAAW,MAAC;IACrB,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE5B,OAAO,CAAC,kBAAkB,CAAuE;gBAErF,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IA2C7C,OAAO,IAAI,IAAI;IAIf,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,IAAI;IASnC,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAmBjC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMtD,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAMrC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAMvD,uBAAuB;IACvB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMpD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAMhD,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;CAWvC"}

package/dist/lib/model.js

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RenderPipeline } from '@luma.gl/api';
 import { getAttributeBuffersFromGeometry, getIndexBufferFromGeometry } from './model-utils';
-import PipelineFactory from './pipeline-factory';
+import { PipelineFactory } from './pipeline-factory';
 const DEFAULT_MODEL_PROPS = { ...RenderPipeline._DEFAULT_PROPS,
-  vs: undefined,
-  fs: undefined,
+  vs: null,
+  fs: null,
   id: 'unnamed',
   handle: undefined,
   userData: {},
   modules: [],
   moduleSettings: {},
-  geometry: undefined
+  geometry: null
 };
 export default class Model {
   constructor(device, props) {
@@ -22,7 +22,7 @@ export default class Model {
 
     _defineProperty(this, "vs", void 0);
 
-    _defineProperty(this, "fs", void 0);
+    _defineProperty(this, "fs", null);
 
     _defineProperty(this, "topology", void 0);
 
@@ -36,8 +36,13 @@ export default class Model {
       ...props
     };
     props = this.props;
-    this.id = props.id;
+    this.id = this.props.id;
     this.device = device;
+
+    if (!props.vs) {
+      throw new Error('no vertex shader');
+    }
+
     this.vs = getShaderSource(this.device, props.vs);
 
     if (props.fs) {
@@ -49,20 +54,21 @@ export default class Model {
 
     if (this.props.geometry) {
       this.vertexCount = this.props.geometry.vertexCount;
-      this.topology = this.props.geometry.topology;
+      this.topology = this.props.geometry.topology || 'triangle-list';
     }
 
+    const pipelineFactory = PipelineFactory.getDefaultPipelineFactory(this.device);
     const {
-      renderPipeline,
+      pipeline,
       getUniforms
-    } = PipelineFactory.getDefaultPipelineFactory(this.device).createRenderPipeline({ ...this.props,
+    } = pipelineFactory.createRenderPipeline({ ...this.props,
       vs: this.vs,
       fs: this.fs,
       topology: this.topology,
       parameters: props.parameters,
       layout: props.layout
     });
-    this.pipeline = renderPipeline;
+    this.pipeline = pipeline;
     this._getModuleUniforms = getUniforms;
 
     if (this.props.geometry) {

package/dist/lib/model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/model.ts"],"names":["RenderPipeline","getAttributeBuffersFromGeometry","getIndexBufferFromGeometry","PipelineFactory","DEFAULT_MODEL_PROPS","_DEFAULT_PROPS","vs","undefined","fs","id","handle","userData","modules","moduleSettings","geometry","Model","constructor","device","props","getShaderSource","vertexCount","topology","renderPipeline","getUniforms","getDefaultPipelineFactory","createRenderPipeline","parameters","layout","pipeline","_getModuleUniforms","_setGeometry","setUniforms","setProps","destroy","draw","renderPass","instanceCount","indices","setIndexBuffer","attributes","setAttributes","bindings","setBindings","uniforms","updateModuleSettings","Object","assign","geometryBuffers","indexBuffer","shader","info","type","wgsl","Error","glsl"],"mappings":"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","sourcesContent":["import type {Device, Buffer, RenderPipelineProps, RenderPass, Binding} from '@luma.gl/api';\nimport {RenderPipeline, Shader, cast} from '@luma.gl/api';\nimport type { ShaderModule } from '@luma.gl/shadertools';\nimport type Geometry from '../geometry/geometry';\nimport {getAttributeBuffersFromGeometry, getIndexBufferFromGeometry} from './model-utils';\nimport PipelineFactory from './pipeline-factory';\n\nexport type ModelProps = Omit<RenderPipelineProps, 'vs' | 'fs'> & {\n  // Model also accepts a string\n  vs?: {glsl?: string; wgsl?: string} | string;\n  fs?: {glsl?: string; wgsl?: string} | string;\n  modules?: ShaderModule[];\n  moduleSettings?: Record<string, Record<string, any>>;\n  geometry?: Geometry;\n};\n\nconst DEFAULT_MODEL_PROPS: Required<ModelProps> = {\n  ...RenderPipeline._DEFAULT_PROPS,\n  vs: undefined,\n  fs: undefined,\n  id: 'unnamed',\n  handle: undefined,\n  userData: {},\n  modules: [],\n  moduleSettings: {},\n  geometry: undefined\n};\n\n/** v9 API */\nexport default class Model {\n  readonly device: Device;\n  readonly pipeline: RenderPipeline;\n  readonly id: string;\n  readonly vs: string;\n  readonly fs: string | undefined;\n  readonly topology: string;\n  readonly vertexCount;\n  props: Required<ModelProps>;\n\n  private _getModuleUniforms: (props?: Record<string, Record<string, any>>) => Record<string, any>;\n\n  constructor(device: Device, props: ModelProps) {\n    this.props = {...DEFAULT_MODEL_PROPS, ...props};\n    props = this.props;\n    this.id = props.id;\n    this.device = device;\n\n    // Create the pipeline\n    this.vs = getShaderSource(this.device, props.vs);\n    if (props.fs) {\n      this.fs = getShaderSource(this.device, props.fs);\n    }\n\n    this.vertexCount = this.props.vertexCount;\n    this.topology = this.props.topology;\n\n    if (this.props.geometry) {\n      this.vertexCount = this.props.geometry.vertexCount;\n      this.topology = this.props.geometry.topology;\n    }\n\n    const {renderPipeline, getUniforms} = PipelineFactory.getDefaultPipelineFactory(this.device).createRenderPipeline({\n      ...this.props,\n      vs: this.vs,\n      fs: this.fs,\n      topology: this.topology,\n      parameters: props.parameters,\n      // Geometry in the vertex shader!\n      // @ts-expect-error\n      layout: props.layout\n    });\n\n    this.pipeline = renderPipeline;\n    this._getModuleUniforms = getUniforms;\n\n    if (this.props.geometry) {\n      this._setGeometry(this.props.geometry);\n    }\n    this.setUniforms(this._getModuleUniforms()) // Get all default module uniforms\n    this.setProps(this.props);\n  }\n\n  destroy(): void {\n    this.pipeline.destroy();\n  }\n\n  draw(renderPass?: RenderPass): this {\n    this.pipeline.draw({\n      renderPass,\n      vertexCount: this.vertexCount,\n      instanceCount: this.props.instanceCount\n    });\n    return this;\n  }\n\n  setProps(props: ModelProps): this {\n    if (props.indices) {\n      this.setIndexBuffer(props.indices);\n    }\n    if (props.attributes) {\n      this.setAttributes(props.attributes);\n    }\n    if (props.bindings) {\n      this.setBindings(props.bindings);\n    }\n    if (props.uniforms) {\n      this.setUniforms(props.uniforms);\n    }\n    if (props.moduleSettings) {\n      this.updateModuleSettings(props.moduleSettings);\n    }\n    return this;\n  }\n\n  updateModuleSettings(props: Record<string, any>): this {\n    const uniforms = this._getModuleUniforms(props);\n    this.setUniforms(uniforms);\n    return this;\n  }\n\n  setIndexBuffer(indices: Buffer): this {\n    this.pipeline.setIndexBuffer(indices);\n    // this._indices = indices;\n    return this;\n  }\n\n  setAttributes(attributes: Record<string, Buffer>): this {\n    this.pipeline.setAttributes(attributes);\n    Object.assign(this.props.attributes, attributes);\n    return this;\n  }\n\n  /** Set the bindings */\n  setBindings(bindings: Record<string, Binding>): this {\n    this.pipeline.setBindings(bindings);\n    Object.assign(this.props.bindings, bindings);\n    return this;\n  }\n\n  setUniforms(uniforms: Record<string, any>): this {\n    this.pipeline.setUniforms(uniforms);\n    Object.assign(this.props.uniforms, uniforms);\n    return this;\n  }\n\n  _setGeometry(geometry: Geometry): void {\n    // this._deleteGeometryBuffers();\n\n    const geometryBuffers = getAttributeBuffersFromGeometry(this.device, geometry);\n    this.setAttributes(geometryBuffers);\n\n    const indexBuffer = getIndexBufferFromGeometry(this.device, geometry);\n    if (indexBuffer) {\n      this.setIndexBuffer(indexBuffer);\n    }\n  }\n}\n\n/** Create a shader from the different overloads */\nfunction getShaderSource(device: Device, shader: string | {glsl?: string; wgsl?: string}): string {\n  // TODO - detect WGSL/GLSL and throw an error if not supported\n  if (typeof shader === 'string') {\n    return shader;\n  }\n\n  switch (device.info.type) {\n    case 'webgpu':\n      if (shader?.wgsl) {\n        return shader.wgsl;\n      }\n      throw new Error('WebGPU does not support GLSL shaders');\n\n    default:\n      if (shader?.glsl) {\n        return shader.glsl;\n      }\n      throw new Error('WebGL does not support WGSL shaders');\n  }\n}\n"],"file":"model.js"}
+{"version":3,"sources":["../../src/lib/model.ts"],"names":["RenderPipeline","getAttributeBuffersFromGeometry","getIndexBufferFromGeometry","PipelineFactory","DEFAULT_MODEL_PROPS","_DEFAULT_PROPS","vs","fs","id","handle","undefined","userData","modules","moduleSettings","geometry","Model","constructor","device","props","Error","getShaderSource","vertexCount","topology","pipelineFactory","getDefaultPipelineFactory","pipeline","getUniforms","createRenderPipeline","parameters","layout","_getModuleUniforms","_setGeometry","setUniforms","setProps","destroy","draw","renderPass","instanceCount","indices","setIndexBuffer","attributes","setAttributes","bindings","setBindings","uniforms","updateModuleSettings","Object","assign","geometryBuffers","indexBuffer","shader","info","type","wgsl","glsl"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\n\nimport type {Device, Buffer, RenderPipelineProps, RenderPass, Binding, PrimitiveTopology} from '@luma.gl/api';\nimport {RenderPipeline, Shader, cast} from '@luma.gl/api';\nimport type { ShaderModule } from '@luma.gl/shadertools';\nimport type Geometry from '../geometry/geometry';\nimport {getAttributeBuffersFromGeometry, getIndexBufferFromGeometry} from './model-utils';\nimport {PipelineFactory} from './pipeline-factory';\n\nexport type ModelProps = Omit<RenderPipelineProps, 'vs' | 'fs'> & {\n  // Model also accepts a string\n  vs?: {glsl?: string; wgsl?: string} | string | null;\n  fs?: {glsl?: string; wgsl?: string} | string | null;\n  modules?: ShaderModule[];\n  moduleSettings?: Record<string, Record<string, any>>;\n  geometry?: Geometry | null;\n};\n\nconst DEFAULT_MODEL_PROPS: Required<ModelProps> = {\n  ...RenderPipeline._DEFAULT_PROPS,\n  vs: null,\n  fs: null,\n  id: 'unnamed',\n  handle: undefined,\n  userData: {},\n  modules: [],\n  moduleSettings: {},\n  geometry: null\n};\n\n/** v9 API */\nexport default class Model {\n  readonly device: Device;\n  readonly pipeline: RenderPipeline;\n  readonly id: string;\n  readonly vs: string;\n  readonly fs: string | null = null;\n  readonly topology: PrimitiveTopology;\n  readonly vertexCount;\n  props: Required<ModelProps>;\n\n  private _getModuleUniforms: (props?: Record<string, Record<string, any>>) => Record<string, any>;\n\n  constructor(device: Device, props: ModelProps) {\n    this.props = {...DEFAULT_MODEL_PROPS, ...props};\n    props = this.props;\n    this.id = this.props.id;\n    this.device = device;\n\n    // Create the pipeline\n    if (!props.vs) {\n      throw new Error('no vertex shader');\n    }\n    this.vs = getShaderSource(this.device, props.vs);\n    if (props.fs) {\n      this.fs = getShaderSource(this.device, props.fs);\n    }\n\n    this.vertexCount = this.props.vertexCount;\n    this.topology = this.props.topology;\n\n    if (this.props.geometry) {\n      this.vertexCount = this.props.geometry.vertexCount;\n      this.topology = this.props.geometry.topology || 'triangle-list';\n    }\n\n    const pipelineFactory = PipelineFactory.getDefaultPipelineFactory(this.device);\n    const {pipeline, getUniforms} = pipelineFactory.createRenderPipeline({\n      ...this.props,\n      vs: this.vs,\n      fs: this.fs,\n      topology: this.topology,\n      parameters: props.parameters,\n      layout: props.layout\n    });\n\n    this.pipeline = pipeline;\n    this._getModuleUniforms = getUniforms;\n\n    if (this.props.geometry) {\n      this._setGeometry(this.props.geometry);\n    }\n    this.setUniforms(this._getModuleUniforms()) // Get all default module uniforms\n    this.setProps(this.props);\n  }\n\n  destroy(): void {\n    this.pipeline.destroy();\n  }\n\n  draw(renderPass?: RenderPass): this {\n    this.pipeline.draw({\n      renderPass,\n      vertexCount: this.vertexCount,\n      instanceCount: this.props.instanceCount\n    });\n    return this;\n  }\n\n  setProps(props: ModelProps): this {\n    if (props.indices) {\n      this.setIndexBuffer(props.indices);\n    }\n    if (props.attributes) {\n      this.setAttributes(props.attributes);\n    }\n    if (props.bindings) {\n      this.setBindings(props.bindings);\n    }\n    if (props.uniforms) {\n      this.setUniforms(props.uniforms);\n    }\n    if (props.moduleSettings) {\n      this.updateModuleSettings(props.moduleSettings);\n    }\n    return this;\n  }\n\n  updateModuleSettings(props: Record<string, any>): this {\n    const uniforms = this._getModuleUniforms(props);\n    this.setUniforms(uniforms);\n    return this;\n  }\n\n  setIndexBuffer(indices: Buffer): this {\n    this.pipeline.setIndexBuffer(indices);\n    // this._indices = indices;\n    return this;\n  }\n\n  setAttributes(attributes: Record<string, Buffer>): this {\n    this.pipeline.setAttributes(attributes);\n    Object.assign(this.props.attributes, attributes);\n    return this;\n  }\n\n  /** Set the bindings */\n  setBindings(bindings: Record<string, Binding>): this {\n    this.pipeline.setBindings(bindings);\n    Object.assign(this.props.bindings, bindings);\n    return this;\n  }\n\n  setUniforms(uniforms: Record<string, any>): this {\n    this.pipeline.setUniforms(uniforms);\n    Object.assign(this.props.uniforms, uniforms);\n    return this;\n  }\n\n  _setGeometry(geometry: Geometry): void {\n    // this._deleteGeometryBuffers();\n\n    const geometryBuffers = getAttributeBuffersFromGeometry(this.device, geometry);\n    this.setAttributes(geometryBuffers);\n\n    const indexBuffer = getIndexBufferFromGeometry(this.device, geometry);\n    if (indexBuffer) {\n      this.setIndexBuffer(indexBuffer);\n    }\n  }\n}\n\n/** Create a shader from the different overloads */\nfunction getShaderSource(device: Device, shader: string | {glsl?: string; wgsl?: string}): string {\n  // TODO - detect WGSL/GLSL and throw an error if not supported\n  if (typeof shader === 'string') {\n    return shader;\n  }\n\n  switch (device.info.type) {\n    case 'webgpu':\n      if (shader?.wgsl) {\n        return shader.wgsl;\n      }\n      throw new Error('WebGPU does not support GLSL shaders');\n\n    default:\n      if (shader?.glsl) {\n        return shader.glsl;\n      }\n      throw new Error('WebGL does not support WGSL shaders');\n  }\n}\n"],"file":"model.js"}