@luma.gl/engine 9.0.0-alpha.16 → 9.0.0-alpha.19

package/dist/index.cjs

@@ -0,0 +1,2268 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AnimationLoop: () => AnimationLoop,
+  AnimationLoopTemplate: () => AnimationLoopTemplate,
+  ClipSpace: () => ClipSpace,
+  ConeGeometry: () => ConeGeometry,
+  CubeGeometry: () => CubeGeometry,
+  CylinderGeometry: () => CylinderGeometry,
+  Geometry: () => Geometry,
+  IcoSphereGeometry: () => IcoSphereGeometry,
+  KeyFrames: () => KeyFrames,
+  Model: () => Model,
+  PipelineFactory: () => PipelineFactory,
+  PlaneGeometry: () => PlaneGeometry,
+  SphereGeometry: () => SphereGeometry,
+  Timeline: () => Timeline,
+  TruncatedConeGeometry: () => TruncatedConeGeometry,
+  makeAnimationLoop: () => makeAnimationLoop
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/animation/timeline.ts
+var channelHandles = 1;
+var animationHandles = 1;
+var Timeline = class {
+  constructor() {
+    this.time = 0;
+    this.channels = /* @__PURE__ */ new Map();
+    this.animations = /* @__PURE__ */ new Map();
+    this.playing = false;
+    this.lastEngineTime = -1;
+  }
+  addChannel(props) {
+    const { delay = 0, duration = Number.POSITIVE_INFINITY, rate = 1, repeat = 1 } = props;
+    const handle = channelHandles++;
+    const channel = {
+      time: 0,
+      delay,
+      duration,
+      rate,
+      repeat
+    };
+    this._setChannelTime(channel, this.time);
+    this.channels.set(handle, channel);
+    return handle;
+  }
+  removeChannel(handle) {
+    this.channels.delete(handle);
+    for (const [animationHandle, animation] of this.animations) {
+      if (animation.channel === handle) {
+        this.detachAnimation(animationHandle);
+      }
+    }
+  }
+  isFinished(handle) {
+    const channel = this.channels.get(handle);
+    if (channel === void 0) {
+      return false;
+    }
+    return this.time >= channel.delay + channel.duration * channel.repeat;
+  }
+  getTime(handle) {
+    if (handle === void 0) {
+      return this.time;
+    }
+    const channel = this.channels.get(handle);
+    if (channel === void 0) {
+      return -1;
+    }
+    return channel.time;
+  }
+  setTime(time) {
+    this.time = Math.max(0, time);
+    const channels = this.channels.values();
+    for (const channel of channels) {
+      this._setChannelTime(channel, this.time);
+    }
+    const animations = this.animations.values();
+    for (const animationData of animations) {
+      const { animation, channel } = animationData;
+      animation.setTime(this.getTime(channel));
+    }
+  }
+  play() {
+    this.playing = true;
+  }
+  pause() {
+    this.playing = false;
+    this.lastEngineTime = -1;
+  }
+  reset() {
+    this.setTime(0);
+  }
+  attachAnimation(animation, channelHandle) {
+    const animationHandle = animationHandles++;
+    this.animations.set(animationHandle, {
+      animation,
+      channel: channelHandle
+    });
+    animation.setTime(this.getTime(channelHandle));
+    return animationHandle;
+  }
+  detachAnimation(handle) {
+    this.animations.delete(handle);
+  }
+  update(engineTime) {
+    if (this.playing) {
+      if (this.lastEngineTime === -1) {
+        this.lastEngineTime = engineTime;
+      }
+      this.setTime(this.time + (engineTime - this.lastEngineTime));
+      this.lastEngineTime = engineTime;
+    }
+  }
+  _setChannelTime(channel, time) {
+    const offsetTime = time - channel.delay;
+    const totalDuration = channel.duration * channel.repeat;
+    if (offsetTime >= totalDuration) {
+      channel.time = channel.duration * channel.rate;
+    } else {
+      channel.time = Math.max(0, offsetTime) % channel.duration;
+      channel.time *= channel.rate;
+    }
+  }
+};
+
+// src/animation/key-frames.ts
+var KeyFrames = class {
+  constructor(keyFrames) {
+    this.startIndex = -1;
+    this.endIndex = -1;
+    this.factor = 0;
+    this.times = [];
+    this.values = [];
+    this._lastTime = -1;
+    this.setKeyFrames(keyFrames);
+    this.setTime(0);
+  }
+  setKeyFrames(keyFrames) {
+    const numKeys = keyFrames.length;
+    this.times.length = numKeys;
+    this.values.length = numKeys;
+    for (let i = 0; i < numKeys; ++i) {
+      this.times[i] = keyFrames[i][0];
+      this.values[i] = keyFrames[i][1];
+    }
+    this._calculateKeys(this._lastTime);
+  }
+  setTime(time) {
+    time = Math.max(0, time);
+    if (time !== this._lastTime) {
+      this._calculateKeys(time);
+      this._lastTime = time;
+    }
+  }
+  getStartTime() {
+    return this.times[this.startIndex];
+  }
+  getEndTime() {
+    return this.times[this.endIndex];
+  }
+  getStartData() {
+    return this.values[this.startIndex];
+  }
+  getEndData() {
+    return this.values[this.endIndex];
+  }
+  _calculateKeys(time) {
+    let index = 0;
+    const numKeys = this.times.length;
+    for (index = 0; index < numKeys - 2; ++index) {
+      if (this.times[index + 1] > time) {
+        break;
+      }
+    }
+    this.startIndex = index;
+    this.endIndex = index + 1;
+    const startTime = this.times[this.startIndex];
+    const endTime = this.times[this.endIndex];
+    this.factor = Math.min(Math.max(0, (time - startTime) / (endTime - startTime)), 1);
+  }
+};
+
+// src/animation-loop/render-loop.ts
+var AnimationLoopTemplate = class {
+  constructor(animationProps) {
+  }
+  onInitialize(animationProps) {
+    return __async(this, null, function* () {
+      return null;
+    });
+  }
+};
+
+// src/animation-loop/animation-loop.ts
+var import_api = require("@luma.gl/api");
+var import_api2 = require("@luma.gl/api");
+var import_stats = require("@probe.gl/stats");
+var statIdCounter = 0;
+var DEFAULT_ANIMATION_LOOP_PROPS = {
+  device: null,
+  onAddHTML: () => "",
+  onInitialize: () => __async(void 0, null, function* () {
+    return null;
+  }),
+  onRender: () => {
+  },
+  onFinalize: () => {
+  },
+  onError: (error) => console.error(error),
+  // eslint-disable-line no-console
+  stats: import_api.luma.stats.get(`animation-loop-${statIdCounter++}`),
+  // view parameters
+  useDevicePixels: true,
+  autoResizeViewport: false,
+  autoResizeDrawingBuffer: false
+};
+var AnimationLoop = class {
+  // _gpuTimeQuery: Query | null = null;
+  /*
+   * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context
+   */
+  constructor(props) {
+    this.device = null;
+    this.canvas = null;
+    this.animationProps = null;
+    this.timeline = null;
+    this.needsRedraw = "initialized";
+    this._initialized = false;
+    this._running = false;
+    this._animationFrameId = null;
+    this._nextFramePromise = null;
+    this._resolveNextFrame = null;
+    this._cpuStartTime = 0;
+    this.props = __spreadValues(__spreadValues({}, DEFAULT_ANIMATION_LOOP_PROPS), props);
+    props = this.props;
+    if (!props.device) {
+      throw new Error("No device provided");
+    }
+    const { useDevicePixels = true } = this.props;
+    this.stats = props.stats || new import_stats.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");
+    this.setProps({
+      autoResizeViewport: props.autoResizeViewport,
+      autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,
+      useDevicePixels
+    });
+    this.start = this.start.bind(this);
+    this.stop = this.stop.bind(this);
+    this._onMousemove = this._onMousemove.bind(this);
+    this._onMouseleave = this._onMouseleave.bind(this);
+  }
+  destroy() {
+    this.stop();
+    this._setDisplay(null);
+  }
+  /** @deprecated Use .destroy() */
+  delete() {
+    this.destroy();
+  }
+  setNeedsRedraw(reason) {
+    this.needsRedraw = this.needsRedraw || reason;
+    return this;
+  }
+  // TODO - move to CanvasContext
+  setProps(props) {
+    if ("autoResizeViewport" in props) {
+      this.props.autoResizeViewport = props.autoResizeViewport || false;
+    }
+    if ("autoResizeDrawingBuffer" in props) {
+      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer || false;
+    }
+    if ("useDevicePixels" in props) {
+      this.props.useDevicePixels = props.useDevicePixels || false;
+    }
+    return this;
+  }
+  /** Starts a render loop if not already running */
+  start() {
+    return __async(this, null, function* () {
+      if (this._running) {
+        return this;
+      }
+      this._running = true;
+      try {
+        if (!this._running) {
+          return null;
+        }
+        let appContext;
+        if (!this._initialized) {
+          this._initialized = true;
+          yield this._initDevice();
+          this._initialize();
+          yield this.props.onInitialize(this._getAnimationProps());
+        }
+        if (!this._running) {
+          return null;
+        }
+        if (appContext !== false) {
+          this._cancelAnimationFrame();
+          this._requestAnimationFrame();
+        }
+        return this;
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error("Unknown error");
+        this.props.onError(error);
+        throw error;
+      }
+    });
+  }
+  /** Explicitly draw a frame */
+  redraw() {
+    var _a;
+    if ((_a = this.device) == null ? void 0 : _a.isLost) {
+      return this;
+    }
+    this._beginTimers();
+    this._setupFrame();
+    this._updateAnimationProps();
+    this._renderFrame(this._getAnimationProps());
+    this._clearNeedsRedraw();
+    if (this._resolveNextFrame) {
+      this._resolveNextFrame(this);
+      this._nextFramePromise = null;
+      this._resolveNextFrame = null;
+    }
+    this._endTimers();
+    return this;
+  }
+  // Stops a render loop if already running, finalizing
+  stop() {
+    if (this._running) {
+      if (this.animationProps) {
+        this.props.onFinalize(this.animationProps);
+      }
+      this._cancelAnimationFrame();
+      this._nextFramePromise = null;
+      this._resolveNextFrame = null;
+      this._running = false;
+    }
+    return this;
+  }
+  attachTimeline(timeline) {
+    this.timeline = timeline;
+    return this.timeline;
+  }
+  detachTimeline() {
+    this.timeline = null;
+  }
+  waitForRender() {
+    this.setNeedsRedraw("waitForRender");
+    if (!this._nextFramePromise) {
+      this._nextFramePromise = new Promise((resolve) => {
+        this._resolveNextFrame = resolve;
+      });
+    }
+    return this._nextFramePromise;
+  }
+  toDataURL() {
+    return __async(this, null, function* () {
+      this.setNeedsRedraw("toDataURL");
+      yield this.waitForRender();
+      if (this.canvas instanceof HTMLCanvasElement) {
+        return this.canvas.toDataURL();
+      }
+      throw new Error("OffscreenCanvas");
+    });
+  }
+  // PRIVATE METHODS
+  _initialize() {
+    this._startEventHandling();
+    this._initializeAnimationProps();
+    this._updateAnimationProps();
+    this._resizeCanvasDrawingBuffer();
+    this._resizeViewport();
+  }
+  _setDisplay(display) {
+    if (this.display) {
+      this.display.delete();
+      this.display.animationLoop = null;
+    }
+    if (display) {
+      display.animationLoop = this;
+    }
+    this.display = display;
+  }
+  _requestAnimationFrame() {
+    if (!this._running) {
+      return;
+    }
+    this._animationFrameId = (0, import_api2.requestAnimationFrame)(this._animationFrame.bind(this));
+  }
+  _cancelAnimationFrame() {
+    if (this._animationFrameId !== null) {
+      return;
+    }
+    (0, import_api2.cancelAnimationFrame)(this._animationFrameId);
+    this._animationFrameId = null;
+  }
+  _animationFrame() {
+    if (!this._running) {
+      return;
+    }
+    this.redraw();
+    this._requestAnimationFrame();
+  }
+  // Called on each frame, can be overridden to call onRender multiple times
+  // to support e.g. stereoscopic rendering
+  _renderFrame(animationProps) {
+    if (this.display) {
+      this.display._renderFrame(animationProps);
+      return;
+    }
+    this.props.onRender(this._getAnimationProps());
+  }
+  _clearNeedsRedraw() {
+    this.needsRedraw = false;
+  }
+  _setupFrame() {
+    this._resizeCanvasDrawingBuffer();
+    this._resizeViewport();
+  }
+  // Initialize the  object that will be passed to app callbacks
+  _initializeAnimationProps() {
+    var _a, _b;
+    if (!this.device) {
+      throw new Error("loop");
+    }
+    this.animationProps = {
+      animationLoop: this,
+      device: this.device,
+      canvas: (_b = (_a = this.device) == null ? void 0 : _a.canvasContext) == null ? void 0 : _b.canvas,
+      timeline: this.timeline,
+      // Initial values
+      useDevicePixels: this.props.useDevicePixels,
+      needsRedraw: false,
+      // Placeholders
+      width: 1,
+      height: 1,
+      aspect: 1,
+      // Animation props
+      time: 0,
+      startTime: Date.now(),
+      engineTime: 0,
+      tick: 0,
+      tock: 0,
+      // Experimental
+      _mousePosition: null
+      // Event props
+    };
+  }
+  _getAnimationProps() {
+    if (!this.animationProps) {
+      throw new Error("animationProps");
+    }
+    return this.animationProps;
+  }
+  // Update the context object that will be passed to app callbacks
+  _updateAnimationProps() {
+    if (!this.animationProps) {
+      return;
+    }
+    const { width, height, aspect } = this._getSizeAndAspect();
+    if (width !== this.animationProps.width || height !== this.animationProps.height) {
+      this.setNeedsRedraw("drawing buffer resized");
+    }
+    if (aspect !== this.animationProps.aspect) {
+      this.setNeedsRedraw("drawing buffer aspect changed");
+    }
+    this.animationProps.width = width;
+    this.animationProps.height = height;
+    this.animationProps.aspect = aspect;
+    this.animationProps.needsRedraw = this.needsRedraw;
+    this.animationProps.engineTime = Date.now() - this.animationProps.startTime;
+    if (this.timeline) {
+      this.timeline.update(this.animationProps.engineTime);
+    }
+    this.animationProps.tick = Math.floor(this.animationProps.time / 1e3 * 60);
+    this.animationProps.tock++;
+    this.animationProps.time = this.timeline ? this.timeline.getTime() : this.animationProps.engineTime;
+  }
+  /** Wait for supplied device */
+  _initDevice() {
+    return __async(this, null, function* () {
+      var _a;
+      this.device = yield this.props.device;
+      if (!this.device) {
+        throw new Error("No device provided");
+      }
+      this.canvas = ((_a = this.device.canvasContext) == null ? void 0 : _a.canvas) || null;
+    });
+  }
+  _createInfoDiv() {
+    if (this.canvas && this.props.onAddHTML) {
+      const wrapperDiv = document.createElement("div");
+      document.body.appendChild(wrapperDiv);
+      wrapperDiv.style.position = "relative";
+      const div = document.createElement("div");
+      div.style.position = "absolute";
+      div.style.left = "10px";
+      div.style.bottom = "10px";
+      div.style.width = "300px";
+      div.style.background = "white";
+      if (this.canvas instanceof HTMLCanvasElement) {
+        wrapperDiv.appendChild(this.canvas);
+      }
+      wrapperDiv.appendChild(div);
+      const html = this.props.onAddHTML(div);
+      if (html) {
+        div.innerHTML = html;
+      }
+    }
+  }
+  _getSizeAndAspect() {
+    var _a, _b, _c, _d;
+    if (!this.device) {
+      return { width: 1, height: 1, aspect: 1 };
+    }
+    const [width, height] = ((_b = (_a = this.device) == null ? void 0 : _a.canvasContext) == null ? void 0 : _b.getPixelSize()) || [1, 1];
+    let aspect = 1;
+    const canvas = (_d = (_c = this.device) == null ? void 0 : _c.canvasContext) == null ? void 0 : _d.canvas;
+    if (canvas && canvas.clientHeight) {
+      aspect = canvas.clientWidth / canvas.clientHeight;
+    } else if (width > 0 && height > 0) {
+      aspect = width / height;
+    }
+    return { width, height, aspect };
+  }
+  /** Default viewport setup */
+  _resizeViewport() {
+    if (this.props.autoResizeViewport && this.device.gl) {
+      this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);
+    }
+  }
+  /**
+   * Resize the render buffer of the canvas to match canvas client size
+   * Optionally multiplying with devicePixel ratio
+   */
+  _resizeCanvasDrawingBuffer() {
+    var _a, _b;
+    if (this.props.autoResizeDrawingBuffer) {
+      (_b = (_a = this.device) == null ? void 0 : _a.canvasContext) == null ? void 0 : _b.resize({ useDevicePixels: this.props.useDevicePixels });
+    }
+  }
+  _beginTimers() {
+    this.frameRate.timeEnd();
+    this.frameRate.timeStart();
+  }
+  _endTimers() {
+    this.cpuTime.timeEnd();
+  }
+  // Event handling
+  _startEventHandling() {
+    if (this.canvas) {
+      this.canvas.addEventListener("mousemove", this._onMousemove.bind(this));
+      this.canvas.addEventListener("mouseleave", this._onMouseleave.bind(this));
+    }
+  }
+  _onMousemove(event) {
+    if (event instanceof MouseEvent) {
+      this._getAnimationProps()._mousePosition = [event.offsetX, event.offsetY];
+    }
+  }
+  _onMouseleave(event) {
+    this._getAnimationProps()._mousePosition = null;
+  }
+};
+
+// src/animation-loop/make-animation-loop.ts
+var import_api3 = require("@luma.gl/api");
+function makeAnimationLoop(AnimationLoopTemplateCtor, props) {
+  let renderLoop = null;
+  const device = (props == null ? void 0 : props.device) || import_api3.luma.createDevice();
+  const animationLoop = new AnimationLoop(__spreadProps(__spreadValues({}, props), {
+    device,
+    onInitialize(animationProps) {
+      return __async(this, null, function* () {
+        renderLoop = new AnimationLoopTemplateCtor(animationProps);
+        return yield renderLoop == null ? void 0 : renderLoop.onInitialize(animationProps);
+      });
+    },
+    onRender: (animationProps) => renderLoop == null ? void 0 : renderLoop.onRender(animationProps),
+    onFinalize: (animationProps) => renderLoop == null ? void 0 : renderLoop.onFinalize(animationProps)
+  }));
+  animationLoop.getInfo = () => {
+    return this.AnimationLoopTemplateCtor.info;
+  };
+  return animationLoop;
+}
+
+// src/lib/model.ts
+var import_api5 = require("@luma.gl/api");
+
+// src/lib/model-utils.ts
+var import_api4 = require("@luma.gl/api");
+var GLTF_TO_LUMA_ATTRIBUTE_MAP = {
+  POSITION: "positions",
+  NORMAL: "normals",
+  COLOR_0: "colors",
+  TEXCOORD_0: "texCoords",
+  TEXCOORD_1: "texCoords1",
+  TEXCOORD_2: "texCoords2"
+};
+function getIndexBufferFromGeometry(device, geometry) {
+  if (!geometry.indices) {
+    return void 0;
+  }
+  const data = geometry.indices.value || geometry.indices;
+  (0, import_api4.assert)(
+    data instanceof Uint16Array || data instanceof Uint32Array,
+    'attribute array for "indices" must be of integer type'
+  );
+  return device.createBuffer({ usage: import_api4.Buffer.INDEX, data });
+}
+function getAttributeBuffersFromGeometry(device, geometry) {
+  const buffers = {};
+  for (const [name, attribute] of Object.entries(geometry.attributes)) {
+    const remappedName = mapAttributeName(name);
+    if (attribute == null ? void 0 : attribute.constant) {
+      throw new Error("constant attributes not supported");
+    } else {
+      const typedArray = attribute == null ? void 0 : attribute.value;
+      buffers[remappedName] = device.createBuffer({ data: typedArray, id: `${remappedName}-buffer` });
+    }
+  }
+  return buffers;
+}
+function mapAttributeName(name) {
+  return GLTF_TO_LUMA_ATTRIBUTE_MAP[name] || name;
+}
+
+// src/lib/pipeline-factory.ts
+var import_shadertools = require("@luma.gl/shadertools");
+var DEFAULT_RENDER_PIPELINE_OPTIONS = {
+  vs: "",
+  fs: "",
+  modules: [],
+  defines: {},
+  inject: {},
+  transpileToGLSL100: false,
+  layout: null,
+  varyings: [],
+  bufferMode: 35981,
+  // // varyings/bufferMode for xform feedback, 0x8c8d: SEPARATE_ATTRIBS
+  topology: "triangle-list",
+  parameters: {}
+};
+var PipelineFactory = class {
+  constructor(device) {
+    this.stateHash = 0;
+    // Used to change hashing if hooks are modified
+    this._hashCounter = 0;
+    this._hashes = {};
+    this._useCounts = {};
+    this._pipelineCache = {};
+    this._getUniforms = {};
+    this._hookFunctions = [];
+    this._defaultModules = [];
+    this.device = device;
+  }
+  // private readonly _registeredModules = {}; // TODO: Remove? This isn't used anywhere in luma.gl
+  static getDefaultPipelineFactory(device) {
+    device.defaultPipelineFactory = device.defaultPipelineFactory || new PipelineFactory(device);
+    return device.defaultPipelineFactory;
+  }
+  addDefaultModule(module2) {
+    if (!this._defaultModules.find((m) => m.name === (typeof module2 === "string" ? module2 : module2.name))) {
+      this._defaultModules.push(module2);
+    }
+    this.stateHash++;
+  }
+  removeDefaultModule(module2) {
+    const moduleName = typeof module2 === "string" ? module2 : module2.name;
+    this._defaultModules = this._defaultModules.filter((m) => m.name !== moduleName);
+    this.stateHash++;
+  }
+  addShaderHook(hook, opts) {
+    if (opts) {
+      hook = Object.assign(opts, { hook });
+    }
+    this._hookFunctions.push(hook);
+    this.stateHash++;
+  }
+  createRenderPipeline(options) {
+    const props = __spreadValues(__spreadValues({}, DEFAULT_RENDER_PIPELINE_OPTIONS), options);
+    const modules = this._getModuleList(props.modules);
+    const hash = this._hashRenderPipeline(__spreadProps(__spreadValues({}, props), { modules }));
+    if (!this._pipelineCache[hash]) {
+      const { pipeline, getUniforms } = this._createRenderPipeline(__spreadProps(__spreadValues({}, props), { modules }));
+      pipeline.hash = hash;
+      this._pipelineCache[hash] = pipeline;
+      this._getUniforms[hash] = getUniforms || ((x) => ({}));
+      this._useCounts[hash] = 0;
+    }
+    this._useCounts[hash]++;
+    return {
+      pipeline: this._pipelineCache[hash],
+      getUniforms: this._getUniforms[hash]
+    };
+  }
+  release(pipeline) {
+    const hash = pipeline.hash;
+    this._useCounts[hash]--;
+    if (this._useCounts[hash] === 0) {
+      this._pipelineCache[hash].destroy();
+      delete this._pipelineCache[hash];
+      delete this._getUniforms[hash];
+      delete this._useCounts[hash];
+    }
+  }
+  getUniforms(pipeline) {
+    return this._getUniforms[pipeline.hash] || null;
+  }
+  // PRIVATE
+  _createRenderPipeline(props) {
+    const platformInfo = {
+      gpu: this.device.info.gpu,
+      features: this.device.features
+    };
+    if (!props.fs) {
+      throw new Error("fs");
+    }
+    const assembled = (0, import_shadertools.assembleShaders)(platformInfo, __spreadProps(__spreadValues({}, props), { fs: props.fs, hookFunctions: this._hookFunctions }));
+    const pipeline = this.device.createRenderPipeline(__spreadProps(__spreadValues({}, props), {
+      vs: this.device.createShader({ stage: "vertex", source: assembled.vs }),
+      fs: assembled.fs ? this.device.createShader({ stage: "fragment", source: assembled.fs }) : null
+    }));
+    return { pipeline, getUniforms: assembled.getUniforms };
+  }
+  /** Calculate a hash based on all the inputs for a render pipeline */
+  _hashRenderPipeline(props) {
+    const { modules = [], varyings = [], defines = {}, inject = {}, parameters = {} } = props;
+    const vsHash = this._getHash(props.vs);
+    const fsHash = props.fs ? this._getHash(props.fs) : 0;
+    const moduleHashes = modules.map((m) => this._getHash(typeof m === "string" ? m : m.name)).sort();
+    const varyingHashes = varyings.map((v) => this._getHash(v));
+    const defineKeys = Object.keys(defines).sort();
+    const injectKeys = Object.keys(inject).sort();
+    const defineHashes = [];
+    const injectHashes = [];
+    for (const key of defineKeys) {
+      defineHashes.push(this._getHash(key));
+      defineHashes.push(this._getHash(String(defines[key])));
+    }
+    for (const key of injectKeys) {
+      injectHashes.push(this._getHash(key));
+      injectHashes.push(this._getHash(inject[key]));
+    }
+    const parameterHash = JSON.stringify(parameters);
+    return `${vsHash}/${fsHash}D${defineHashes.join("/")}M${moduleHashes.join(
+      "/"
+    )}I${injectHashes.join("/")}V${varyingHashes.join("/")}H${this.stateHash}B${props.bufferMode}${props.transpileToGLSL100 ? "T" : ""}P${parameterHash}`;
+  }
+  _getHash(key) {
+    if (this._hashes[key] === void 0) {
+      this._hashes[key] = this._hashCounter++;
+    }
+    return this._hashes[key];
+  }
+  // Dedupe and combine with default modules
+  _getModuleList(appModules = []) {
+    const modules = new Array(this._defaultModules.length + appModules.length);
+    const seen = {};
+    let count = 0;
+    for (let i = 0, len = this._defaultModules.length; i < len; ++i) {
+      const module2 = this._defaultModules[i];
+      const name = module2.name;
+      modules[count++] = module2;
+      seen[name] = true;
+    }
+    for (let i = 0, len = appModules.length; i < len; ++i) {
+      const module2 = appModules[i];
+      const name = module2.name;
+      if (!seen[name]) {
+        modules[count++] = module2;
+        seen[name] = true;
+      }
+    }
+    modules.length = count;
+    return modules;
+  }
+};
+
+// src/lib/model.ts
+var DEFAULT_MODEL_PROPS = __spreadProps(__spreadValues({}, import_api5.RenderPipeline._DEFAULT_PROPS), {
+  vs: null,
+  fs: null,
+  id: "unnamed",
+  handle: void 0,
+  userData: {},
+  modules: [],
+  moduleSettings: {},
+  geometry: null
+});
+var Model = class {
+  constructor(device, props) {
+    this.fs = null;
+    this.props = __spreadValues(__spreadValues({}, DEFAULT_MODEL_PROPS), props);
+    props = this.props;
+    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) {
+      this.fs = getShaderSource(this.device, props.fs);
+    }
+    this.vertexCount = this.props.vertexCount;
+    this.topology = this.props.topology;
+    if (this.props.geometry) {
+      this.vertexCount = this.props.geometry.vertexCount;
+      this.topology = this.props.geometry.topology || "triangle-list";
+    }
+    const pipelineFactory = PipelineFactory.getDefaultPipelineFactory(this.device);
+    const { pipeline, getUniforms } = pipelineFactory.createRenderPipeline(__spreadProps(__spreadValues({}, this.props), {
+      vs: this.vs,
+      fs: this.fs,
+      topology: this.topology,
+      parameters: props.parameters,
+      layout: props.layout
+    }));
+    this.pipeline = pipeline;
+    this._getModuleUniforms = getUniforms;
+    if (this.props.geometry) {
+      this._setGeometry(this.props.geometry);
+    }
+    this.setUniforms(this._getModuleUniforms());
+    this.setProps(this.props);
+  }
+  destroy() {
+    this.pipeline.destroy();
+  }
+  draw(renderPass) {
+    this.pipeline.draw({
+      renderPass,
+      vertexCount: this.vertexCount,
+      instanceCount: this.props.instanceCount
+    });
+    return this;
+  }
+  setProps(props) {
+    if (props.indices) {
+      this.setIndexBuffer(props.indices);
+    }
+    if (props.attributes) {
+      this.setAttributes(props.attributes);
+    }
+    if (props.bindings) {
+      this.setBindings(props.bindings);
+    }
+    if (props.uniforms) {
+      this.setUniforms(props.uniforms);
+    }
+    if (props.moduleSettings) {
+      this.updateModuleSettings(props.moduleSettings);
+    }
+    return this;
+  }
+  updateModuleSettings(props) {
+    const uniforms = this._getModuleUniforms(props);
+    this.setUniforms(uniforms);
+    return this;
+  }
+  setIndexBuffer(indices) {
+    this.pipeline.setIndexBuffer(indices);
+    return this;
+  }
+  setAttributes(attributes) {
+    this.pipeline.setAttributes(attributes);
+    Object.assign(this.props.attributes, attributes);
+    return this;
+  }
+  /** Set the bindings */
+  setBindings(bindings) {
+    this.pipeline.setBindings(bindings);
+    Object.assign(this.props.bindings, bindings);
+    return this;
+  }
+  setUniforms(uniforms) {
+    this.pipeline.setUniforms(uniforms);
+    Object.assign(this.props.uniforms, uniforms);
+    return this;
+  }
+  _setGeometry(geometry) {
+    const geometryBuffers = getAttributeBuffersFromGeometry(this.device, geometry);
+    this.setAttributes(geometryBuffers);
+    const indexBuffer = getIndexBufferFromGeometry(this.device, geometry);
+    if (indexBuffer) {
+      this.setIndexBuffer(indexBuffer);
+    }
+  }
+};
+function getShaderSource(device, shader) {
+  if (typeof shader === "string") {
+    return shader;
+  }
+  switch (device.info.type) {
+    case "webgpu":
+      if (shader == null ? void 0 : shader.wgsl) {
+        return shader.wgsl;
+      }
+      throw new Error("WebGPU does not support GLSL shaders");
+    default:
+      if (shader == null ? void 0 : shader.glsl) {
+        return shader.glsl;
+      }
+      throw new Error("WebGL does not support WGSL shaders");
+  }
+}
+
+// src/lib/clip-space.ts
+var import_constants2 = __toESM(require("@luma.gl/constants"), 1);
+var import_api7 = require("@luma.gl/api");
+
+// src/geometry/geometry.ts
+var import_api6 = require("@luma.gl/api");
+var import_constants = __toESM(require("@luma.gl/constants"), 1);
+var Geometry = class {
+  constructor(props = {}) {
+    this.userData = {};
+    /** @deprecated */
+    this.drawMode = import_constants.default.TRIANGLES;
+    const {
+      id = (0, import_api6.uid)("geometry"),
+      drawMode = import_constants.default.TRIANGLES,
+      attributes = {},
+      indices = null,
+      vertexCount = null
+    } = props;
+    this.id = id;
+    this.drawMode = drawMode;
+    this.topology = props.topology || convertToTopology(drawMode);
+    if (indices) {
+      this.indices = ArrayBuffer.isView(indices) ? { value: indices, size: 1 } : indices;
+    }
+    this.attributes = {};
+    for (const [attributeName, attributeValue] of Object.entries(attributes)) {
+      const attribute = ArrayBuffer.isView(attributeValue) ? { value: attributeValue } : attributeValue;
+      (0, import_api6.assert)(
+        ArrayBuffer.isView(attribute.value),
+        `${this._print(attributeName)}: must be typed array or object with value as typed array`
+      );
+      if ((attributeName === "POSITION" || attributeName === "positions") && !attribute.size) {
+        attribute.size = 3;
+      }
+      if (attributeName === "indices") {
+        (0, import_api6.assert)(!this.indices);
+        this.indices = attribute;
+      } else {
+        this.attributes[attributeName] = attribute;
+      }
+    }
+    if (this.indices && this.indices.isIndexed !== void 0) {
+      this.indices = Object.assign({}, this.indices);
+      delete this.indices.isIndexed;
+    }
+    this.vertexCount = vertexCount || this._calculateVertexCount(this.attributes, this.indices);
+  }
+  /** @deprecated Use string topology constants instead */
+  get mode() {
+    return this.drawMode;
+  }
+  getVertexCount() {
+    return this.vertexCount;
+  }
+  // Return an object with all attributes plus indices added as a field.
+  getAttributes() {
+    return this.indices ? __spreadValues({ indices: this.indices }, this.attributes) : this.attributes;
+  }
+  // PRIVATE
+  _print(attributeName) {
+    return `Geometry ${this.id} attribute ${attributeName}`;
+  }
+  // GeometryAttribute
+  // value: typed array
+  // type: indices, vertices, uvs
+  // size: elements per vertex
+  // target: WebGL buffer type (string or constant)
+  _setAttributes(attributes, indices) {
+    return this;
+  }
+  _calculateVertexCount(attributes, indices) {
+    if (indices) {
+      return indices.value.length;
+    }
+    let vertexCount = Infinity;
+    for (const attributeName in attributes) {
+      const attribute = attributes[attributeName];
+      const { value, size, constant } = attribute;
+      if (!constant && value && size >= 1) {
+        vertexCount = Math.min(vertexCount, value.length / size);
+      }
+    }
+    (0, import_api6.assert)(Number.isFinite(vertexCount));
+    return vertexCount;
+  }
+};
+/** @deprecated */
+Geometry.DRAW_MODE = {
+  POINTS: import_constants.default.POINTS,
+  // draw single points.
+  LINES: import_constants.default.LINES,
+  // draw lines. Each vertex connects to the one after it.
+  LINE_LOOP: import_constants.default.LINE_LOOP,
+  // draw lines. Each set of two vertices is treated as a separate line segment.
+  LINE_STRIP: import_constants.default.LINE_STRIP,
+  // draw a connected group of line segments from the first vertex to the last
+  TRIANGLES: import_constants.default.TRIANGLES,
+  // draw triangles. Each set of three vertices creates a separate triangle.
+  TRIANGLE_STRIP: import_constants.default.TRIANGLE_STRIP,
+  // draw a connected group of triangles.
+  TRIANGLE_FAN: import_constants.default.TRIANGLE_FAN
+  // draw a connected group of triangles.
+};
+function convertToTopology(drawMode) {
+  switch (drawMode) {
+    case import_constants.default.POINTS:
+      return "point-list";
+    case import_constants.default.LINES:
+      return "line-list";
+    case import_constants.default.LINE_STRIP:
+      return "line-strip";
+    case import_constants.default.TRIANGLES:
+      return "triangle-list";
+    case import_constants.default.TRIANGLE_STRIP:
+      return "triangle-strip";
+    case import_constants.default.TRIANGLE_FAN:
+      return "triangle-fan";
+    case import_constants.default.LINE_LOOP:
+      return "line-loop";
+    default:
+      throw new Error(String(drawMode));
+  }
+}
+
+// src/lib/clip-space.ts
+var import_webgl = require("@luma.gl/webgl/index");
+var CLIPSPACE_VERTEX_SHADER = import_api7.glsl`\
+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;
+}
+`;
+var POSITIONS = [-1, -1, 1, -1, -1, 1, 1, 1];
+var ClipSpace = class extends Model {
+  constructor(device, opts) {
+    const TEX_COORDS = POSITIONS.map((coord) => coord === -1 ? 0 : coord);
+    super(
+      import_webgl.WebGLDevice.attach(device),
+      __spreadProps(__spreadValues({}, opts), {
+        vs: CLIPSPACE_VERTEX_SHADER,
+        vertexCount: 4,
+        geometry: new Geometry({
+          drawMode: import_constants2.default.TRIANGLE_STRIP,
+          vertexCount: 4,
+          attributes: {
+            aClipSpacePosition: { size: 2, value: new Float32Array(POSITIONS) },
+            aTexCoord: { size: 2, value: new Float32Array(TEX_COORDS) },
+            aCoordinate: { size: 2, value: new Float32Array(TEX_COORDS) }
+          }
+        })
+      })
+    );
+  }
+};
+
+// src/geometries/cone-geometry.ts
+var import_api9 = require("@luma.gl/api");
+
+// src/geometries/truncated-cone-geometry.ts
+var import_api8 = require("@luma.gl/api");
+var INDEX_OFFSETS = {
+  x: [2, 0, 1],
+  y: [0, 1, 2],
+  z: [1, 2, 0]
+};
+var TruncatedConeGeometry = class extends Geometry {
+  constructor(props = {}) {
+    const { id = (0, import_api8.uid)("truncated-code-geometry") } = props;
+    const { indices, attributes } = tesselateTruncatedCone(props);
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      indices,
+      attributes: __spreadValues({
+        POSITION: { size: 3, value: attributes.POSITION },
+        NORMAL: { size: 3, value: attributes.NORMAL },
+        TEXCOORD_0: { size: 2, value: attributes.TEXCOORD_0 }
+      }, props.attributes)
+    }));
+  }
+};
+function tesselateTruncatedCone(props = {}) {
+  const {
+    bottomRadius = 0,
+    topRadius = 0,
+    height = 1,
+    nradial = 10,
+    nvertical = 10,
+    verticalAxis = "y",
+    topCap = false,
+    bottomCap = false
+  } = props;
+  const extra = (topCap ? 2 : 0) + (bottomCap ? 2 : 0);
+  const numVertices = (nradial + 1) * (nvertical + 1 + extra);
+  const slant = Math.atan2(bottomRadius - topRadius, height);
+  const msin = Math.sin;
+  const mcos = Math.cos;
+  const mpi = Math.PI;
+  const cosSlant = mcos(slant);
+  const sinSlant = msin(slant);
+  const start = topCap ? -2 : 0;
+  const end = nvertical + (bottomCap ? 2 : 0);
+  const vertsAroundEdge = nradial + 1;
+  const indices = new Uint16Array(nradial * (nvertical + extra) * 6);
+  const indexOffset = INDEX_OFFSETS[verticalAxis];
+  const positions = new Float32Array(numVertices * 3);
+  const normals = new Float32Array(numVertices * 3);
+  const texCoords = new Float32Array(numVertices * 2);
+  let i3 = 0;
+  let i2 = 0;
+  for (let i = start; i <= end; i++) {
+    let v = i / nvertical;
+    let y = height * v;
+    let ringRadius;
+    if (i < 0) {
+      y = 0;
+      v = 1;
+      ringRadius = bottomRadius;
+    } else if (i > nvertical) {
+      y = height;
+      v = 1;
+      ringRadius = topRadius;
+    } else {
+      ringRadius = bottomRadius + (topRadius - bottomRadius) * (i / nvertical);
+    }
+    if (i === -2 || i === nvertical + 2) {
+      ringRadius = 0;
+      v = 0;
+    }
+    y -= height / 2;
+    for (let j = 0; j < vertsAroundEdge; j++) {
+      const sin = msin(j * mpi * 2 / nradial);
+      const cos = mcos(j * mpi * 2 / nradial);
+      positions[i3 + indexOffset[0]] = sin * ringRadius;
+      positions[i3 + indexOffset[1]] = y;
+      positions[i3 + indexOffset[2]] = cos * ringRadius;
+      normals[i3 + indexOffset[0]] = i < 0 || i > nvertical ? 0 : sin * cosSlant;
+      normals[i3 + indexOffset[1]] = i < 0 ? -1 : i > nvertical ? 1 : sinSlant;
+      normals[i3 + indexOffset[2]] = i < 0 || i > nvertical ? 0 : cos * cosSlant;
+      texCoords[i2 + 0] = j / nradial;
+      texCoords[i2 + 1] = v;
+      i2 += 2;
+      i3 += 3;
+    }
+  }
+  for (let i = 0; i < nvertical + extra; i++) {
+    for (let j = 0; j < nradial; j++) {
+      const index = (i * nradial + j) * 6;
+      indices[index + 0] = vertsAroundEdge * (i + 0) + 0 + j;
+      indices[index + 1] = vertsAroundEdge * (i + 0) + 1 + j;
+      indices[index + 2] = vertsAroundEdge * (i + 1) + 1 + j;
+      indices[index + 3] = vertsAroundEdge * (i + 0) + 0 + j;
+      indices[index + 4] = vertsAroundEdge * (i + 1) + 1 + j;
+      indices[index + 5] = vertsAroundEdge * (i + 1) + 0 + j;
+    }
+  }
+  return {
+    indices,
+    attributes: {
+      POSITION: positions,
+      NORMAL: normals,
+      TEXCOORD_0: texCoords
+    }
+  };
+}
+
+// src/geometries/cone-geometry.ts
+var ConeGeometry = class extends TruncatedConeGeometry {
+  constructor(props = {}) {
+    const { id = (0, import_api9.uid)("cone-geometry"), radius = 1, cap = true } = props;
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      topRadius: 0,
+      topCap: Boolean(cap),
+      bottomCap: Boolean(cap),
+      bottomRadius: radius
+    }));
+  }
+};
+
+// src/geometries/cube-geometry.ts
+var import_api10 = require("@luma.gl/api");
+var CubeGeometry = class extends Geometry {
+  constructor(props = {}) {
+    const { id = (0, import_api10.uid)("cube-geometry"), indices = true } = props;
+    super(indices ? __spreadProps(__spreadValues({}, props), {
+      id,
+      indices: { size: 1, value: CUBE_INDICES },
+      attributes: __spreadValues(__spreadValues({}, ATTRIBUTES), props.attributes)
+    }) : __spreadProps(__spreadValues({}, props), {
+      id,
+      indices: void 0,
+      attributes: __spreadValues(__spreadValues({}, NON_INDEXED_ATTRIBUTES), props.attributes)
+    }));
+  }
+};
+var CUBE_INDICES = new Uint16Array([
+  0,
+  1,
+  2,
+  0,
+  2,
+  3,
+  4,
+  5,
+  6,
+  4,
+  6,
+  7,
+  8,
+  9,
+  10,
+  8,
+  10,
+  11,
+  12,
+  13,
+  14,
+  12,
+  14,
+  15,
+  16,
+  17,
+  18,
+  16,
+  18,
+  19,
+  20,
+  21,
+  22,
+  20,
+  22,
+  23
+]);
+var CUBE_POSITIONS = new Float32Array([
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  -1
+]);
+var CUBE_NORMALS = new Float32Array([
+  // Front face
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  // Back face
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  // Top face
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  // Bottom face
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  // Right face
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  // Left face
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0,
+  -1,
+  0,
+  0
+]);
+var CUBE_TEX_COORDS = new Float32Array([
+  // Front face
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  1,
+  // Back face
+  1,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  // Top face
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  // Bottom face
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  // Right face
+  1,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  // Left face
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  1
+]);
+var CUBE_NON_INDEXED_POSITIONS = new Float32Array([
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  -1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  1,
+  1,
+  1,
+  -1,
+  1,
+  1,
+  -1,
+  -1,
+  1,
+  -1,
+  1,
+  -1,
+  1
+]);
+var CUBE_NON_INDEXED_TEX_COORDS = new Float32Array([
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0
+]);
+var CUBE_NON_INDEXED_COLORS = new Float32Array([
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  0,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  0,
+  1,
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  1,
+  1,
+  0,
+  1,
+  0,
+  1,
+  0,
+  0,
+  0,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  1,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  1,
+  1,
+  0,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  1,
+  0,
+  0,
+  1,
+  0,
+  0,
+  0,
+  1,
+  0,
+  1,
+  0,
+  1,
+  1,
+  1,
+  0,
+  1,
+  1,
+  0,
+  0,
+  1,
+  0,
+  1,
+  0,
+  1
+]);
+var ATTRIBUTES = {
+  POSITION: { size: 3, value: CUBE_POSITIONS },
+  NORMAL: { size: 3, value: CUBE_NORMALS },
+  TEXCOORD_0: { size: 2, value: CUBE_TEX_COORDS }
+};
+var NON_INDEXED_ATTRIBUTES = {
+  POSITION: { size: 4, value: CUBE_NON_INDEXED_POSITIONS },
+  // NORMAL: {size: 3, value: CUBE_NON_INDEXED_NORMALS},
+  TEXCOORD_0: { size: 2, value: CUBE_NON_INDEXED_TEX_COORDS },
+  COLOR_0: { size: 3, value: CUBE_NON_INDEXED_COLORS }
+};
+
+// src/geometries/cylinder-geometry.ts
+var import_api11 = require("@luma.gl/api");
+var CylinderGeometry = class extends TruncatedConeGeometry {
+  constructor(props = {}) {
+    const { id = (0, import_api11.uid)("cylinder-geometry"), radius = 1 } = props;
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      bottomRadius: radius,
+      topRadius: radius
+    }));
+  }
+};
+
+// src/geometries/ico-sphere-geometry.ts
+var import_api12 = require("@luma.gl/api");
+var import_core = require("@math.gl/core");
+var ICO_POSITIONS = [-1, 0, 0, 0, 1, 0, 0, 0, -1, 0, 0, 1, 0, -1, 0, 1, 0, 0];
+var 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];
+var IcoSphereGeometry = class extends Geometry {
+  constructor(props = {}) {
+    const { id = (0, import_api12.uid)("ico-sphere-geometry") } = props;
+    const { indices, attributes } = tesselateIcosaHedron(props);
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      indices,
+      attributes: __spreadValues(__spreadValues({}, attributes), props.attributes)
+    }));
+  }
+};
+function tesselateIcosaHedron(props) {
+  const { iterations = 0 } = props;
+  const PI = Math.PI;
+  const PI2 = PI * 2;
+  const positions = [...ICO_POSITIONS];
+  let indices = [...ICO_INDICES];
+  positions.push();
+  indices.push();
+  const getMiddlePoint = (() => {
+    const pointMemo = {};
+    return (i1, i2) => {
+      i1 *= 3;
+      i2 *= 3;
+      const mini = i1 < i2 ? i1 : i2;
+      const maxi = i1 > i2 ? i1 : i2;
+      const key = `${mini}|${maxi}`;
+      if (key in pointMemo) {
+        return pointMemo[key];
+      }
+      const x1 = positions[i1];
+      const y1 = positions[i1 + 1];
+      const z1 = positions[i1 + 2];
+      const x2 = positions[i2];
+      const y2 = positions[i2 + 1];
+      const z2 = positions[i2 + 2];
+      let xm = (x1 + x2) / 2;
+      let ym = (y1 + y2) / 2;
+      let zm = (z1 + z2) / 2;
+      const len = Math.sqrt(xm * xm + ym * ym + zm * zm);
+      xm /= len;
+      ym /= len;
+      zm /= len;
+      positions.push(xm, ym, zm);
+      return pointMemo[key] = positions.length / 3 - 1;
+    };
+  })();
+  for (let i = 0; i < iterations; i++) {
+    const indices2 = [];
+    for (let j = 0; j < indices.length; j += 3) {
+      const a = getMiddlePoint(indices[j + 0], indices[j + 1]);
+      const b = getMiddlePoint(indices[j + 1], indices[j + 2]);
+      const c = getMiddlePoint(indices[j + 2], indices[j + 0]);
+      indices2.push(c, indices[j + 0], a, a, indices[j + 1], b, b, indices[j + 2], c, a, b, c);
+    }
+    indices = indices2;
+  }
+  const normals = new Array(positions.length);
+  const texCoords = new Array(positions.length / 3 * 2);
+  const l = indices.length;
+  for (let i = l - 3; i >= 0; i -= 3) {
+    const i1 = indices[i + 0];
+    const i2 = indices[i + 1];
+    const i3 = indices[i + 2];
+    const in1 = i1 * 3;
+    const in2 = i2 * 3;
+    const in3 = i3 * 3;
+    const iu1 = i1 * 2;
+    const iu2 = i2 * 2;
+    const iu3 = i3 * 2;
+    const x1 = positions[in1 + 0];
+    const y1 = positions[in1 + 1];
+    const z1 = positions[in1 + 2];
+    const theta1 = Math.acos(z1 / Math.sqrt(x1 * x1 + y1 * y1 + z1 * z1));
+    const phi1 = Math.atan2(y1, x1) + PI;
+    const v1 = theta1 / PI;
+    const u1 = 1 - phi1 / PI2;
+    const x2 = positions[in2 + 0];
+    const y2 = positions[in2 + 1];
+    const z2 = positions[in2 + 2];
+    const theta2 = Math.acos(z2 / Math.sqrt(x2 * x2 + y2 * y2 + z2 * z2));
+    const phi2 = Math.atan2(y2, x2) + PI;
+    const v2 = theta2 / PI;
+    const u2 = 1 - phi2 / PI2;
+    const x3 = positions[in3 + 0];
+    const y3 = positions[in3 + 1];
+    const z3 = positions[in3 + 2];
+    const theta3 = Math.acos(z3 / Math.sqrt(x3 * x3 + y3 * y3 + z3 * z3));
+    const phi3 = Math.atan2(y3, x3) + PI;
+    const v3 = theta3 / PI;
+    const u3 = 1 - phi3 / PI2;
+    const vec1 = [x3 - x2, y3 - y2, z3 - z2];
+    const vec2 = [x1 - x2, y1 - y2, z1 - z2];
+    const normal = new import_core.Vector3(vec1).cross(vec2).normalize();
+    let newIndex;
+    if ((u1 === 0 || u2 === 0 || u3 === 0) && (u1 === 0 || u1 > 0.5) && (u2 === 0 || u2 > 0.5) && (u3 === 0 || u3 > 0.5)) {
+      positions.push(positions[in1 + 0], positions[in1 + 1], positions[in1 + 2]);
+      newIndex = positions.length / 3 - 1;
+      indices.push(newIndex);
+      texCoords[newIndex * 2 + 0] = 1;
+      texCoords[newIndex * 2 + 1] = v1;
+      normals[newIndex * 3 + 0] = normal.x;
+      normals[newIndex * 3 + 1] = normal.y;
+      normals[newIndex * 3 + 2] = normal.z;
+      positions.push(positions[in2 + 0], positions[in2 + 1], positions[in2 + 2]);
+      newIndex = positions.length / 3 - 1;
+      indices.push(newIndex);
+      texCoords[newIndex * 2 + 0] = 1;
+      texCoords[newIndex * 2 + 1] = v2;
+      normals[newIndex * 3 + 0] = normal.x;
+      normals[newIndex * 3 + 1] = normal.y;
+      normals[newIndex * 3 + 2] = normal.z;
+      positions.push(positions[in3 + 0], positions[in3 + 1], positions[in3 + 2]);
+      newIndex = positions.length / 3 - 1;
+      indices.push(newIndex);
+      texCoords[newIndex * 2 + 0] = 1;
+      texCoords[newIndex * 2 + 1] = v3;
+      normals[newIndex * 3 + 0] = normal.x;
+      normals[newIndex * 3 + 1] = normal.y;
+      normals[newIndex * 3 + 2] = normal.z;
+    }
+    normals[in1 + 0] = normals[in2 + 0] = normals[in3 + 0] = normal.x;
+    normals[in1 + 1] = normals[in2 + 1] = normals[in3 + 1] = normal.y;
+    normals[in1 + 2] = normals[in2 + 2] = normals[in3 + 2] = normal.z;
+    texCoords[iu1 + 0] = u1;
+    texCoords[iu1 + 1] = v1;
+    texCoords[iu2 + 0] = u2;
+    texCoords[iu2 + 1] = v2;
+    texCoords[iu3 + 0] = u3;
+    texCoords[iu3 + 1] = v3;
+  }
+  return {
+    indices: { size: 1, value: new Uint16Array(indices) },
+    attributes: {
+      POSITION: { size: 3, value: new Float32Array(positions) },
+      NORMAL: { size: 3, value: new Float32Array(normals) },
+      TEXCOORD_0: { size: 2, value: new Float32Array(texCoords) }
+    }
+  };
+}
+
+// src/geometries/plane-geometry.ts
+var import_api13 = require("@luma.gl/api");
+
+// src/geometry/geometry-utils.ts
+function unpackIndexedGeometry(geometry) {
+  const { indices, attributes } = geometry;
+  if (!indices) {
+    return geometry;
+  }
+  const vertexCount = indices.value.length;
+  const unpackedAttributes = {};
+  for (const attributeName in attributes) {
+    const attribute = attributes[attributeName];
+    const { constant, value, size } = attribute;
+    if (constant || !size) {
+      continue;
+    }
+    const unpackedValue = new value.constructor(vertexCount * size);
+    for (let x = 0; x < vertexCount; ++x) {
+      const index = indices.value[x];
+      for (let i = 0; i < size; i++) {
+        unpackedValue[x * size + i] = value[index * size + i];
+      }
+    }
+    unpackedAttributes[attributeName] = { size, value: unpackedValue };
+  }
+  return {
+    attributes: Object.assign({}, attributes, unpackedAttributes)
+  };
+}
+
+// src/geometries/plane-geometry.ts
+var PlaneGeometry = class extends Geometry {
+  constructor(props = {}) {
+    const { id = (0, import_api13.uid)("plane-geometry") } = props;
+    const { indices, attributes } = tesselatePlane(props);
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      indices,
+      attributes: __spreadValues(__spreadValues({}, attributes), props.attributes)
+    }));
+  }
+};
+function tesselatePlane(props) {
+  const { type = "x,y", offset = 0, flipCull = false, unpack = false } = props;
+  const coords = type.split(",");
+  let c1len = props[`${coords[0]}len`] || 1;
+  const c2len = props[`${coords[1]}len`] || 1;
+  const subdivisions1 = props[`n${coords[0]}`] || 1;
+  const subdivisions2 = props[`n${coords[1]}`] || 1;
+  const numVertices = (subdivisions1 + 1) * (subdivisions2 + 1);
+  const positions = new Float32Array(numVertices * 3);
+  const normals = new Float32Array(numVertices * 3);
+  const texCoords = new Float32Array(numVertices * 2);
+  if (flipCull) {
+    c1len = -c1len;
+  }
+  let i2 = 0;
+  let i3 = 0;
+  for (let z = 0; z <= subdivisions2; z++) {
+    for (let x = 0; x <= subdivisions1; x++) {
+      const u = x / subdivisions1;
+      const v = z / subdivisions2;
+      texCoords[i2 + 0] = flipCull ? 1 - u : u;
+      texCoords[i2 + 1] = v;
+      switch (type) {
+        case "x,y":
+          positions[i3 + 0] = c1len * u - c1len * 0.5;
+          positions[i3 + 1] = c2len * v - c2len * 0.5;
+          positions[i3 + 2] = offset;
+          normals[i3 + 0] = 0;
+          normals[i3 + 1] = 0;
+          normals[i3 + 2] = flipCull ? 1 : -1;
+          break;
+        case "x,z":
+          positions[i3 + 0] = c1len * u - c1len * 0.5;
+          positions[i3 + 1] = offset;
+          positions[i3 + 2] = c2len * v - c2len * 0.5;
+          normals[i3 + 0] = 0;
+          normals[i3 + 1] = flipCull ? 1 : -1;
+          normals[i3 + 2] = 0;
+          break;
+        case "y,z":
+          positions[i3 + 0] = offset;
+          positions[i3 + 1] = c1len * u - c1len * 0.5;
+          positions[i3 + 2] = c2len * v - c2len * 0.5;
+          normals[i3 + 0] = flipCull ? 1 : -1;
+          normals[i3 + 1] = 0;
+          normals[i3 + 2] = 0;
+          break;
+        default:
+          throw new Error("PlaneGeometry: unknown type");
+      }
+      i2 += 2;
+      i3 += 3;
+    }
+  }
+  const numVertsAcross = subdivisions1 + 1;
+  const indices = new Uint16Array(subdivisions1 * subdivisions2 * 6);
+  for (let z = 0; z < subdivisions2; z++) {
+    for (let x = 0; x < subdivisions1; x++) {
+      const index = (z * subdivisions1 + x) * 6;
+      indices[index + 0] = (z + 0) * numVertsAcross + x;
+      indices[index + 1] = (z + 1) * numVertsAcross + x;
+      indices[index + 2] = (z + 0) * numVertsAcross + x + 1;
+      indices[index + 3] = (z + 1) * numVertsAcross + x;
+      indices[index + 4] = (z + 1) * numVertsAcross + x + 1;
+      indices[index + 5] = (z + 0) * numVertsAcross + x + 1;
+    }
+  }
+  const geometry = {
+    indices: { size: 1, value: indices },
+    attributes: {
+      POSITION: { size: 3, value: positions },
+      NORMAL: { size: 3, value: normals },
+      TEXCOORD_0: { size: 2, value: texCoords }
+    }
+  };
+  return unpack ? unpackIndexedGeometry(geometry) : geometry;
+}
+
+// src/geometries/sphere-geometry.ts
+var import_api14 = require("@luma.gl/api");
+var SphereGeometry = class extends Geometry {
+  constructor(props = {}) {
+    const { id = (0, import_api14.uid)("sphere-geometry") } = props;
+    const { indices, attributes } = tesselateSphere(props);
+    super(__spreadProps(__spreadValues({}, props), {
+      id,
+      indices,
+      attributes: __spreadValues(__spreadValues({}, attributes), props.attributes)
+    }));
+  }
+};
+function tesselateSphere(props) {
+  const { nlat = 10, nlong = 10 } = props;
+  const startLat = 0;
+  const endLat = Math.PI;
+  const latRange = endLat - startLat;
+  const startLong = 0;
+  const endLong = 2 * Math.PI;
+  const longRange = endLong - startLong;
+  const numVertices = (nlat + 1) * (nlong + 1);
+  const radius = (n1, n2, n3, u, v) => props.radius || 1;
+  const positions = new Float32Array(numVertices * 3);
+  const normals = new Float32Array(numVertices * 3);
+  const texCoords = new Float32Array(numVertices * 2);
+  const IndexType = numVertices > 65535 ? Uint32Array : Uint16Array;
+  const indices = new IndexType(nlat * nlong * 6);
+  for (let y = 0; y <= nlat; y++) {
+    for (let x = 0; x <= nlong; x++) {
+      const u = x / nlong;
+      const v = y / nlat;
+      const index = x + y * (nlong + 1);
+      const i2 = index * 2;
+      const i3 = index * 3;
+      const theta = longRange * u;
+      const phi = latRange * v;
+      const sinTheta = Math.sin(theta);
+      const cosTheta = Math.cos(theta);
+      const sinPhi = Math.sin(phi);
+      const cosPhi = Math.cos(phi);
+      const ux = cosTheta * sinPhi;
+      const uy = cosPhi;
+      const uz = sinTheta * sinPhi;
+      const r = radius(ux, uy, uz, u, v);
+      positions[i3 + 0] = r * ux;
+      positions[i3 + 1] = r * uy;
+      positions[i3 + 2] = r * uz;
+      normals[i3 + 0] = ux;
+      normals[i3 + 1] = uy;
+      normals[i3 + 2] = uz;
+      texCoords[i2 + 0] = u;
+      texCoords[i2 + 1] = 1 - v;
+    }
+  }
+  const numVertsAround = nlong + 1;
+  for (let x = 0; x < nlong; x++) {
+    for (let y = 0; y < nlat; y++) {
+      const index = (x * nlat + y) * 6;
+      indices[index + 0] = y * numVertsAround + x;
+      indices[index + 1] = y * numVertsAround + x + 1;
+      indices[index + 2] = (y + 1) * numVertsAround + x;
+      indices[index + 3] = (y + 1) * numVertsAround + x;
+      indices[index + 4] = y * numVertsAround + x + 1;
+      indices[index + 5] = (y + 1) * numVertsAround + x + 1;
+    }
+  }
+  return {
+    indices: { size: 1, value: indices },
+    attributes: {
+      POSITION: { size: 3, value: positions },
+      NORMAL: { size: 3, value: normals },
+      TEXCOORD_0: { size: 2, value: texCoords }
+    }
+  };
+}