@luma.gl/core 9.0.0-alpha.3 → 9.0.0-alpha.30

package/LICENSE

@@ -1,4 +1,5 @@
-Copyright (c) 2020 Urban Computing Foundation
+Copyright (c) 2020 OpenJS Foundation
+Copyright (c) 2020 vis.gl contributors
 
 This software includes parts initially developed by Uber and open sourced under MIT license.
 Copyright (c) 2015 Uber Technologies, Inc.

package/README.md

@@ -1,14 +1,14 @@
-# luma.gl
+# @luma.gl/api
 
 <h1 align="center">luma.gl | <a href="https://luma.gl">Docs</a></h1>
 
-<h5 align="center">luma.gl: WebGL2 Components for  Visualization</h5>
+<h5 align="center">luma.gl: WebGPU and WebGL2 Components for GPU Visualization and Compute</h5>
 
 ## Overview
 
-luma.gl is a set of WebGL2 components for high-performance GPU-based rendering and computation in the browser.
+luma.gl is a set of WebGPU and WebGL2 components for high-performance GPU-based rendering and computation in the browser.
 
-It is the engine that powers applications and frameworks like
+luma.gl is the GPU engine that powers applications and frameworks like
 
 - [kepler.gl](https://github.com/keplergl/kepler.gl) WebGL based visualization overlays
 - [deck.gl](https://github.com/visgl/deck.gl) WebGL based visualization overlays

package/dist/adapter/canvas-context.d.ts

@@ -0,0 +1,109 @@
+import type { Device } from './device';
+import type { Framebuffer } from './resources/framebuffer';
+/** Properties for a CanvasContext */
+export type CanvasContextProps = {
+    /** If canvas not supplied, will be created and added to the DOM. If string, will be looked up in the DOM */
+    canvas?: HTMLCanvasElement | OffscreenCanvas | string | null;
+    /** If new canvas is created, it will be created in the specified container, otherwise appended to body */
+    container?: HTMLElement | string | null;
+    /** Width in pixels of the canvas */
+    width?: number;
+    /** Height in pixels of the canvas */
+    height?: number;
+    /** Whether to apply a device pixels scale factor (`true` uses browser DPI) */
+    useDevicePixels?: boolean | number;
+    /** Whether to track resizes (if not ) */
+    autoResize?: boolean;
+    /** Visibility (only used if new canvas is created). */
+    visible?: boolean;
+    /** WebGPU only https://www.w3.org/TR/webgpu/#canvas-configuration */
+    colorSpace?: 'srgb';
+    /** WebGPU only https://www.w3.org/TR/webgpu/#canvas-configuration */
+    alphaMode?: 'opaque' | 'premultiplied';
+};
+/**
+ * Manages a canvas. Supports both HTML or offscreen canvas
+ * - Creates a new canvas or looks up a canvas from the DOM
+ * - Provides check for DOM loaded
+ * @todo commit(): https://github.com/w3ctag/design-reviews/issues/288
+ * @todo transferControlToOffscreen: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen
+ */
+export declare abstract class CanvasContext {
+    abstract readonly device: Device;
+    readonly id: string;
+    readonly props: Required<CanvasContextProps>;
+    readonly canvas: HTMLCanvasElement | OffscreenCanvas;
+    readonly htmlCanvas?: HTMLCanvasElement;
+    readonly offscreenCanvas?: OffscreenCanvas;
+    readonly type: 'html-canvas' | 'offscreen-canvas' | 'node';
+    width: number;
+    height: number;
+    readonly resizeObserver: ResizeObserver | undefined;
+    /** State used by luma.gl classes: TODO - move to canvasContext*/
+    readonly _canvasSizeInfo: {
+        clientWidth: number;
+        clientHeight: number;
+        devicePixelRatio: number;
+    };
+    /** Check if the DOM is loaded */
+    static get isPageLoaded(): boolean;
+    /**
+     * Get a 'lazy' promise that resolves when the DOM is loaded.
+     * @note Since there may be limitations on number of `load` event listeners,
+     * it is recommended avoid calling this function until actually needed.
+     * I.e. don't call it until you know that you will be looking up a string in the DOM.
+     */
+    static pageLoaded: Promise<void>;
+    constructor(props?: CanvasContextProps);
+    /** Returns a framebuffer with properly resized current 'swap chain' textures */
+    abstract getCurrentFramebuffer(): Framebuffer;
+    /**
+     * Returns the current DPR, if props.useDevicePixels is true
+     * Device refers to physical
+     */
+    getDevicePixelRatio(useDevicePixels?: boolean | number): number;
+    /**
+     * Returns the size of drawing buffer in device pixels.
+     * @note This can be different from the 'CSS' size of a canvas, and also from the
+     * canvas' internal drawing buffer size (.width, .height).
+     * This is the size required to cover the canvas, adjusted for DPR
+     */
+    getPixelSize(): [number, number];
+    getAspect(): number;
+    /**
+     * Returns multiplier need to convert CSS size to Device size
+     */
+    cssToDeviceRatio(): number;
+    /**
+     * Maps CSS pixel position to device pixel position
+     */
+    cssToDevicePixels(cssPixel: number[], yInvert?: boolean): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /**
+     * Use devicePixelRatio to set canvas width and height
+     * @note this is a raw port of luma.gl v8 code. Might be worth a review
+     */
+    setDevicePixelRatio(devicePixelRatio: number, options?: {
+        width?: number;
+        height?: number;
+    }): void;
+    /** @todo Major hack done to port the CSS methods above, base canvas context should not depend on WebGL */
+    getDrawingBufferSize(): [number, number];
+    abstract resize(options?: {
+        width?: number;
+        height?: number;
+        useDevicePixels?: boolean | number;
+    }): void;
+    /** Perform platform specific updates (WebGPU vs WebGL) */
+    protected abstract update(): void;
+    /**
+     * Allows subclass constructor to override the canvas id for auto created canvases.
+     * This can really help when debugging DOM in apps that create multiple devices
+     */
+    protected _setAutoCreatedCanvasId(id: string): void;
+}
+//# sourceMappingURL=canvas-context.d.ts.map

package/dist/adapter/canvas-context.d.ts.map

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

package/dist/adapter/canvas-context.js

@@ -0,0 +1,255 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { isBrowser } from '@probe.gl/env';
+import { log } from "../lib/utils/log.js";
+const isPage = isBrowser() && typeof document !== 'undefined';
+const isPageLoaded = () => isPage && document.readyState === 'complete';
+const DEFAULT_CANVAS_CONTEXT_PROPS = {
+  canvas: null,
+  width: 800,
+  height: 600,
+  useDevicePixels: true,
+  autoResize: true,
+  container: null,
+  visible: true,
+  colorSpace: 'srgb',
+  alphaMode: 'opaque'
+};
+export class CanvasContext {
+  static get isPageLoaded() {
+    return isPageLoaded();
+  }
+  constructor(props) {
+    _defineProperty(this, "device", void 0);
+    _defineProperty(this, "id", void 0);
+    _defineProperty(this, "props", void 0);
+    _defineProperty(this, "canvas", void 0);
+    _defineProperty(this, "htmlCanvas", void 0);
+    _defineProperty(this, "offscreenCanvas", void 0);
+    _defineProperty(this, "type", void 0);
+    _defineProperty(this, "width", 1);
+    _defineProperty(this, "height", 1);
+    _defineProperty(this, "resizeObserver", void 0);
+    _defineProperty(this, "_canvasSizeInfo", {
+      clientWidth: 0,
+      clientHeight: 0,
+      devicePixelRatio: 1
+    });
+    this.props = {
+      ...DEFAULT_CANVAS_CONTEXT_PROPS,
+      ...props
+    };
+    props = this.props;
+    if (!isBrowser()) {
+      this.id = 'node-canvas-context';
+      this.type = 'node';
+      this.width = this.props.width;
+      this.height = this.props.height;
+      this.canvas = null;
+      return;
+    }
+    if (!props.canvas) {
+      var _props, _props2;
+      const canvas = createCanvas(props);
+      const container = getContainer(((_props = props) === null || _props === void 0 ? void 0 : _props.container) || null);
+      container.insertBefore(canvas, container.firstChild);
+      this.canvas = canvas;
+      if (!((_props2 = props) !== null && _props2 !== void 0 && _props2.visible)) {
+        this.canvas.style.visibility = 'hidden';
+      }
+    } else if (typeof props.canvas === 'string') {
+      this.canvas = getCanvasFromDOM(props.canvas);
+    } else {
+      this.canvas = props.canvas;
+    }
+    if (this.canvas instanceof HTMLCanvasElement) {
+      this.id = this.canvas.id;
+      this.type = 'html-canvas';
+      this.htmlCanvas = this.canvas;
+    } else {
+      this.id = 'offscreen-canvas';
+      this.type = 'offscreen-canvas';
+      this.offscreenCanvas = this.canvas;
+    }
+    if (this.canvas instanceof HTMLCanvasElement && props.autoResize) {
+      this.resizeObserver = new ResizeObserver(entries => {
+        for (const entry of entries) {
+          if (entry.target === this.canvas) {
+            this.update();
+          }
+        }
+      });
+      this.resizeObserver.observe(this.canvas);
+    }
+  }
+  getDevicePixelRatio(useDevicePixels) {
+    if (typeof OffscreenCanvas !== 'undefined' && this.canvas instanceof OffscreenCanvas) {
+      return 1;
+    }
+    useDevicePixels = useDevicePixels === undefined ? this.props.useDevicePixels : useDevicePixels;
+    if (!useDevicePixels || useDevicePixels <= 0) {
+      return 1;
+    }
+    if (useDevicePixels === true) {
+      const dpr = typeof window !== 'undefined' && window.devicePixelRatio;
+      return dpr || 1;
+    }
+    return useDevicePixels;
+  }
+  getPixelSize() {
+    switch (this.type) {
+      case 'node':
+        return [this.width, this.height];
+      case 'offscreen-canvas':
+        return [this.canvas.width, this.canvas.height];
+      case 'html-canvas':
+        const dpr = this.getDevicePixelRatio();
+        const canvas = this.canvas;
+        return canvas.parentElement ? [canvas.clientWidth * dpr, canvas.clientHeight * dpr] : [this.canvas.width, this.canvas.height];
+      default:
+        throw new Error(this.type);
+    }
+  }
+  getAspect() {
+    const [width, height] = this.getPixelSize();
+    return width / height;
+  }
+  cssToDeviceRatio() {
+    try {
+      const [drawingBufferWidth] = this.getDrawingBufferSize();
+      const {
+        clientWidth
+      } = this._canvasSizeInfo;
+      return clientWidth ? drawingBufferWidth / clientWidth : 1;
+    } catch {
+      return 1;
+    }
+  }
+  cssToDevicePixels(cssPixel) {
+    let yInvert = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const ratio = this.cssToDeviceRatio();
+    const [width, height] = this.getDrawingBufferSize();
+    return scalePixels(cssPixel, ratio, width, height, yInvert);
+  }
+  setDevicePixelRatio(devicePixelRatio) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    if (!this.htmlCanvas) {
+      return;
+    }
+    let clientWidth = 'width' in options ? options.width : this.htmlCanvas.clientWidth;
+    let clientHeight = 'height' in options ? options.height : this.htmlCanvas.clientHeight;
+    if (!clientWidth || !clientHeight) {
+      log.log(1, 'Canvas clientWidth/clientHeight is 0')();
+      devicePixelRatio = 1;
+      clientWidth = this.htmlCanvas.width || 1;
+      clientHeight = this.htmlCanvas.height || 1;
+    }
+    const cachedSize = this._canvasSizeInfo;
+    if (cachedSize.clientWidth !== clientWidth || cachedSize.clientHeight !== clientHeight || cachedSize.devicePixelRatio !== devicePixelRatio) {
+      let clampedPixelRatio = devicePixelRatio;
+      const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);
+      const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);
+      this.htmlCanvas.width = canvasWidth;
+      this.htmlCanvas.height = canvasHeight;
+      const [drawingBufferWidth, drawingBufferHeight] = this.getDrawingBufferSize();
+      if (drawingBufferWidth !== canvasWidth || drawingBufferHeight !== canvasHeight) {
+        clampedPixelRatio = Math.min(drawingBufferWidth / clientWidth, drawingBufferHeight / clientHeight);
+        this.htmlCanvas.width = Math.floor(clientWidth * clampedPixelRatio);
+        this.htmlCanvas.height = Math.floor(clientHeight * clampedPixelRatio);
+        log.warn('Device pixel ratio clamped')();
+      }
+      this._canvasSizeInfo.clientWidth = clientWidth;
+      this._canvasSizeInfo.clientHeight = clientHeight;
+      this._canvasSizeInfo.devicePixelRatio = devicePixelRatio;
+    }
+  }
+  getDrawingBufferSize() {
+    const gl = this.device.gl;
+    if (!gl) {
+      throw new Error('canvas size');
+    }
+    return [gl.drawingBufferWidth, gl.drawingBufferHeight];
+  }
+  _setAutoCreatedCanvasId(id) {
+    var _this$htmlCanvas;
+    if (((_this$htmlCanvas = this.htmlCanvas) === null || _this$htmlCanvas === void 0 ? void 0 : _this$htmlCanvas.id) === 'lumagl-auto-created-canvas') {
+      this.htmlCanvas.id = id;
+    }
+  }
+}
+_defineProperty(CanvasContext, "pageLoaded", getPageLoadPromise());
+function getPageLoadPromise() {
+  if (isPageLoaded() || typeof window === 'undefined') {
+    return Promise.resolve();
+  }
+  return new Promise(resolve => {
+    window.addEventListener('load', () => resolve());
+  });
+}
+function getContainer(container) {
+  if (typeof container === 'string') {
+    const element = document.getElementById(container);
+    if (!element && !isPageLoaded()) {
+      throw new Error("Accessing '".concat(container, "' before page was loaded"));
+    }
+    if (!element) {
+      throw new Error("".concat(container, " is not an HTML element"));
+    }
+    return element;
+  } else if (container) {
+    return container;
+  }
+  return document.body;
+}
+function getCanvasFromDOM(canvasId) {
+  const canvas = document.getElementById(canvasId);
+  if (!canvas && !isPageLoaded()) {
+    throw new Error("Accessing '".concat(canvasId, "' before page was loaded"));
+  }
+  if (!(canvas instanceof HTMLCanvasElement)) {
+    throw new Error("'".concat(canvas, "' is not a canvas element"));
+  }
+  return canvas;
+}
+function createCanvas(props) {
+  const {
+    width,
+    height
+  } = props;
+  const targetCanvas = document.createElement('canvas');
+  targetCanvas.id = 'lumagl-auto-created-canvas';
+  targetCanvas.width = width || 1;
+  targetCanvas.height = height || 1;
+  targetCanvas.style.width = Number.isFinite(width) ? "".concat(width, "px") : '100%';
+  targetCanvas.style.height = Number.isFinite(height) ? "".concat(height, "px") : '100%';
+  return targetCanvas;
+}
+function scalePixels(pixel, ratio, width, height, yInvert) {
+  const point = pixel;
+  const x = scaleX(point[0], ratio, width);
+  let y = scaleY(point[1], ratio, height, yInvert);
+  let t = scaleX(point[0] + 1, ratio, width);
+  const xHigh = t === width - 1 ? t : t - 1;
+  t = scaleY(point[1] + 1, ratio, height, yInvert);
+  let yHigh;
+  if (yInvert) {
+    t = t === 0 ? t : t + 1;
+    yHigh = y;
+    y = t;
+  } else {
+    yHigh = t === height - 1 ? t : t - 1;
+  }
+  return {
+    x,
+    y,
+    width: Math.max(xHigh - x + 1, 1),
+    height: Math.max(yHigh - y + 1, 1)
+  };
+}
+function scaleX(x, ratio, width) {
+  const r = Math.min(Math.round(x * ratio), width - 1);
+  return r;
+}
+function scaleY(y, ratio, height, yInvert) {
+  return yInvert ? Math.max(0, height - 1 - Math.round(y * ratio)) : Math.min(Math.round(y * ratio), height - 1);
+}
+//# sourceMappingURL=canvas-context.js.map

package/dist/adapter/canvas-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-context.js","names":["isBrowser","log","isPage","document","isPageLoaded","readyState","DEFAULT_CANVAS_CONTEXT_PROPS","canvas","width","height","useDevicePixels","autoResize","container","visible","colorSpace","alphaMode","CanvasContext","constructor","props","_defineProperty","clientWidth","clientHeight","devicePixelRatio","id","type","_props","_props2","createCanvas","getContainer","insertBefore","firstChild","style","visibility","getCanvasFromDOM","HTMLCanvasElement","htmlCanvas","offscreenCanvas","resizeObserver","ResizeObserver","entries","entry","target","update","observe","getDevicePixelRatio","OffscreenCanvas","undefined","dpr","window","getPixelSize","parentElement","Error","getAspect","cssToDeviceRatio","drawingBufferWidth","getDrawingBufferSize","_canvasSizeInfo","cssToDevicePixels","cssPixel","yInvert","arguments","length","ratio","scalePixels","setDevicePixelRatio","options","cachedSize","clampedPixelRatio","canvasWidth","Math","floor","canvasHeight","drawingBufferHeight","min","warn","gl","device","_setAutoCreatedCanvasId","_this$htmlCanvas","getPageLoadPromise","Promise","resolve","addEventListener","element","getElementById","concat","body","canvasId","targetCanvas","createElement","Number","isFinite","pixel","point","x","scaleX","y","scaleY","t","xHigh","yHigh","max","r","round"],"sources":["../../src/adapter/canvas-context.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {isBrowser} from '@probe.gl/env';\nimport type {Device} from './device';\nimport type {Framebuffer} from './resources/framebuffer';\nimport {log} from '../lib/utils/log';\n\nconst isPage: boolean = isBrowser() && typeof document !== 'undefined';\nconst isPageLoaded: () => boolean = () => isPage && document.readyState === 'complete';\n\n/** Properties for a CanvasContext */\nexport type CanvasContextProps = {\n  /** If canvas not supplied, will be created and added to the DOM. If string, will be looked up in the DOM */\n  canvas?: HTMLCanvasElement | OffscreenCanvas | string | null;\n  /** If new canvas is created, it will be created in the specified container, otherwise appended to body */\n  container?: HTMLElement | string | null;\n  /** Width in pixels of the canvas */\n  width?: number;\n  /** Height in pixels of the canvas */\n  height?: number;\n  /** Whether to apply a device pixels scale factor (`true` uses browser DPI) */\n  useDevicePixels?: boolean | number;\n  /** Whether to track resizes (if not ) */\n  autoResize?: boolean;\n  /** Visibility (only used if new canvas is created). */\n  visible?: boolean;\n  /** WebGPU only https://www.w3.org/TR/webgpu/#canvas-configuration */\n  colorSpace?: 'srgb'; // GPUPredefinedColorSpace\n  /** WebGPU only https://www.w3.org/TR/webgpu/#canvas-configuration */\n  alphaMode?: 'opaque' | 'premultiplied';\n};\n\nconst DEFAULT_CANVAS_CONTEXT_PROPS: Required<CanvasContextProps> = {\n  canvas: null,\n  width: 800, // width are height are only used by headless gl\n  height: 600,\n  useDevicePixels: true,\n  autoResize: true,\n  container: null,\n  visible: true,\n  colorSpace: 'srgb',\n  alphaMode: 'opaque'\n};\n\n/**\n * Manages a canvas. Supports both HTML or offscreen canvas\n * - Creates a new canvas or looks up a canvas from the DOM\n * - Provides check for DOM loaded\n * @todo commit(): https://github.com/w3ctag/design-reviews/issues/288\n * @todo transferControlToOffscreen: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/transferControlToOffscreen\n */\nexport abstract class CanvasContext {\n  abstract readonly device: Device;\n  readonly id: string;\n  readonly props: Required<CanvasContextProps>;\n  readonly canvas: HTMLCanvasElement | OffscreenCanvas;\n  readonly htmlCanvas?: HTMLCanvasElement;\n  readonly offscreenCanvas?: OffscreenCanvas;\n  readonly type: 'html-canvas' | 'offscreen-canvas' | 'node';\n\n  width: number = 1;\n  height: number = 1;\n\n  readonly resizeObserver: ResizeObserver | undefined;\n\n  /** State used by luma.gl classes: TODO - move to canvasContext*/\n  readonly _canvasSizeInfo = {clientWidth: 0, clientHeight: 0, devicePixelRatio: 1};\n\n  /** Check if the DOM is loaded */\n  static get isPageLoaded(): boolean {\n    return isPageLoaded();\n  }\n\n  /**\n   * Get a 'lazy' promise that resolves when the DOM is loaded.\n   * @note Since there may be limitations on number of `load` event listeners,\n   * it is recommended avoid calling this function until actually needed.\n   * I.e. don't call it until you know that you will be looking up a string in the DOM.\n   */\n  static pageLoaded: Promise<void> = getPageLoadPromise();\n\n  constructor(props?: CanvasContextProps) {\n    this.props = {...DEFAULT_CANVAS_CONTEXT_PROPS, ...props};\n    props = this.props;\n\n    if (!isBrowser()) {\n      this.id = 'node-canvas-context';\n      this.type = 'node';\n      this.width = this.props.width;\n      this.height = this.props.height;\n      // TODO - does this prevent app from using jsdom style polyfills?\n      this.canvas = null!;\n      return;\n    }\n\n    if (!props.canvas) {\n      const canvas = createCanvas(props);\n      const container = getContainer(props?.container || null);\n      container.insertBefore(canvas, container.firstChild);\n\n      this.canvas = canvas;\n\n      if (!props?.visible) {\n        this.canvas.style.visibility = 'hidden';\n      }\n    } else if (typeof props.canvas === 'string') {\n      this.canvas = getCanvasFromDOM(props.canvas);\n    } else {\n      this.canvas = props.canvas;\n    }\n\n    if (this.canvas instanceof HTMLCanvasElement) {\n      this.id = this.canvas.id;\n      this.type = 'html-canvas';\n      this.htmlCanvas = this.canvas;\n    } else {\n      this.id = 'offscreen-canvas';\n      this.type = 'offscreen-canvas';\n      this.offscreenCanvas = this.canvas;\n    }\n\n    // React to size changes\n    if (this.canvas instanceof HTMLCanvasElement && props.autoResize) {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.target === this.canvas) {\n            this.update();\n          }\n        }\n      });\n      this.resizeObserver.observe(this.canvas);\n    }\n  }\n\n  /** Returns a framebuffer with properly resized current 'swap chain' textures */\n  abstract getCurrentFramebuffer(): Framebuffer;\n\n  /**\n   * Returns the current DPR, if props.useDevicePixels is true\n   * Device refers to physical\n   */\n  getDevicePixelRatio(useDevicePixels?: boolean | number): number {\n    if (typeof OffscreenCanvas !== 'undefined' && this.canvas instanceof OffscreenCanvas) {\n      return 1;\n    }\n\n    useDevicePixels = useDevicePixels === undefined ? this.props.useDevicePixels : useDevicePixels;\n\n    if (!useDevicePixels || useDevicePixels as number <= 0) {\n      return 1;\n    }\n\n    // The param was mainly provide to support the test cases, could be removed\n    if (useDevicePixels === true) {\n      const dpr = typeof window !== 'undefined' && window.devicePixelRatio;\n      return dpr || 1;\n    }\n\n    return useDevicePixels;\n  }\n\n  /**\n   * Returns the size of drawing buffer in device pixels.\n   * @note This can be different from the 'CSS' size of a canvas, and also from the\n   * canvas' internal drawing buffer size (.width, .height).\n   * This is the size required to cover the canvas, adjusted for DPR\n   */\n  getPixelSize(): [number, number] {\n    switch (this.type) {\n      case 'node':\n        return [this.width, this.height];\n      case 'offscreen-canvas':\n        return [this.canvas.width, this.canvas.height];\n      case 'html-canvas':\n        const dpr = this.getDevicePixelRatio();\n        const canvas = this.canvas as HTMLCanvasElement;\n        // If not attached to DOM client size can be 0\n        return canvas.parentElement\n          ? [canvas.clientWidth * dpr, canvas.clientHeight * dpr]\n          : [this.canvas.width, this.canvas.height];\n      default:\n        throw new Error(this.type);\n    }\n  }\n\n  getAspect(): number {\n    const [width, height] = this.getPixelSize();\n    return width / height;\n  }\n\n  /**\n   * Returns multiplier need to convert CSS size to Device size\n   */\n  cssToDeviceRatio(): number {\n    try {\n      // For headless gl we might have used custom width and height\n      // hence use cached clientWidth\n      const [drawingBufferWidth] = this.getDrawingBufferSize();\n      const {clientWidth} = this._canvasSizeInfo;\n      return clientWidth ? drawingBufferWidth / clientWidth : 1;\n    } catch {\n      return 1;\n    }\n  }\n\n  /**\n   * Maps CSS pixel position to device pixel position\n   */\n  cssToDevicePixels(\n    cssPixel: number[],\n    yInvert: boolean = true\n  ): {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  } {\n    const ratio = this.cssToDeviceRatio();\n    const [width, height] = this.getDrawingBufferSize();\n    return scalePixels(cssPixel, ratio, width, height, yInvert);\n  }\n\n  /**\n   * Use devicePixelRatio to set canvas width and height\n   * @note this is a raw port of luma.gl v8 code. Might be worth a review\n   */\n  setDevicePixelRatio(\n    devicePixelRatio: number,\n    options: {width?: number; height?: number} = {}\n  ): void {\n    if (!this.htmlCanvas) {\n      return;\n    }\n\n    // NOTE: if options.width and options.height not used remove in v8\n    let clientWidth = 'width' in options ? options.width : this.htmlCanvas.clientWidth;\n    let clientHeight = 'height' in options ? options.height : this.htmlCanvas.clientHeight;\n\n    if (!clientWidth || !clientHeight) {\n      log.log(1, 'Canvas clientWidth/clientHeight is 0')();\n      // by forcing devicePixel ratio to 1, we do not scale canvas.width and height in each frame.\n      devicePixelRatio = 1;\n      clientWidth = this.htmlCanvas.width || 1;\n      clientHeight = this.htmlCanvas.height || 1;\n    }\n\n    const cachedSize = this._canvasSizeInfo;\n    // Check if canvas needs to be resized\n    if (\n      cachedSize.clientWidth !== clientWidth ||\n      cachedSize.clientHeight !== clientHeight ||\n      cachedSize.devicePixelRatio !== devicePixelRatio\n    ) {\n      let clampedPixelRatio = devicePixelRatio;\n\n      const canvasWidth = Math.floor(clientWidth * clampedPixelRatio);\n      const canvasHeight = Math.floor(clientHeight * clampedPixelRatio);\n      this.htmlCanvas.width = canvasWidth;\n      this.htmlCanvas.height = canvasHeight;\n\n      // Note: when devicePixelRatio is too high, it is possible we might hit system limit for\n      // drawing buffer width and hight, in those cases they get clamped and resulting aspect ration may not be maintained\n      // for those cases, reduce devicePixelRatio.\n      const [drawingBufferWidth, drawingBufferHeight] = this.getDrawingBufferSize();\n\n      if (drawingBufferWidth !== canvasWidth || drawingBufferHeight !== canvasHeight) {\n        clampedPixelRatio = Math.min(\n          drawingBufferWidth / clientWidth,\n          drawingBufferHeight / clientHeight\n        );\n\n        this.htmlCanvas.width = Math.floor(clientWidth * clampedPixelRatio);\n        this.htmlCanvas.height = Math.floor(clientHeight * clampedPixelRatio);\n\n        log.warn('Device pixel ratio clamped')();\n      }\n\n      this._canvasSizeInfo.clientWidth = clientWidth;\n      this._canvasSizeInfo.clientHeight = clientHeight;\n      this._canvasSizeInfo.devicePixelRatio = devicePixelRatio;\n    }\n  }\n\n  // PRIVATE\n\n  /** @todo Major hack done to port the CSS methods above, base canvas context should not depend on WebGL */\n  getDrawingBufferSize(): [number, number] {\n    // @ts-expect-error This only works for WebGL\n    const gl = this.device.gl;\n    if (!gl) {\n      // use default device pixel ratio\n      throw new Error('canvas size');\n    }\n    return [gl.drawingBufferWidth, gl.drawingBufferHeight];\n  }\n\n  abstract resize(options?: {\n    width?: number;\n    height?: number;\n    useDevicePixels?: boolean | number;\n  }): void;\n\n  /** Perform platform specific updates (WebGPU vs WebGL) */\n  protected abstract update(): void;\n\n  /**\n   * Allows subclass constructor to override the canvas id for auto created canvases.\n   * This can really help when debugging DOM in apps that create multiple devices\n   */\n  protected _setAutoCreatedCanvasId(id: string) {\n    if (this.htmlCanvas?.id === 'lumagl-auto-created-canvas') {\n      this.htmlCanvas.id = id;\n    }\n  }\n}\n\n// HELPER FUNCTIONS\n\n/** Returns a promise that resolves when the page is loaded */\nfunction getPageLoadPromise(): Promise<void> {\n  if (isPageLoaded() || typeof window === 'undefined') {\n    return Promise.resolve();\n  }\n  return new Promise((resolve) => {\n    window.addEventListener('load', () => resolve());\n  });\n}\n\nfunction getContainer(container: HTMLElement | string | null): HTMLElement {\n  if (typeof container === 'string') {\n    const element = document.getElementById(container);\n    if (!element && !isPageLoaded()) {\n      throw new Error(`Accessing '${container}' before page was loaded`);\n    }\n    if (!element) {\n      throw new Error(`${container} is not an HTML element`);\n    }\n    return element;\n  } else if (container) {\n    return container;\n  }\n  return document.body;\n}\n\n/** Get a Canvas element from DOM id */\nfunction getCanvasFromDOM(canvasId: string): HTMLCanvasElement {\n  const canvas = document.getElementById(canvasId);\n  if (!canvas && !isPageLoaded()) {\n    throw new Error(`Accessing '${canvasId}' before page was loaded`);\n  }\n  if (!(canvas instanceof HTMLCanvasElement)) {\n    throw new Error(`'${canvas}' is not a canvas element`);\n  }\n  return canvas;\n}\n\n/** Create a new canvas */\nfunction createCanvas(props: CanvasContextProps) {\n  const {width, height} = props;\n  const targetCanvas = document.createElement('canvas');\n  targetCanvas.id = 'lumagl-auto-created-canvas';\n  targetCanvas.width = width || 1;\n  targetCanvas.height = height || 1;\n  targetCanvas.style.width = Number.isFinite(width) ? `${width}px` : '100%';\n  targetCanvas.style.height = Number.isFinite(height) ? `${height}px` : '100%';\n  return targetCanvas;\n}\n\n/**\n *\n * @param pixel\n * @param ratio\n * @param width\n * @param height\n * @param yInvert\n * @returns\n */\nfunction scalePixels(\n  pixel: number[],\n  ratio: number,\n  width: number,\n  height: number,\n  yInvert: boolean\n): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const point = pixel as [number, number];\n  \n  const x = scaleX(point[0], ratio, width);\n  let y = scaleY(point[1], ratio, height, yInvert);\n\n  // Find boundaries of next pixel to provide valid range of device pixel locations\n\n  let t = scaleX(point[0] + 1, ratio, width);\n  // If next pixel's position is clamped to boundary, use it as is, otherwise subtract 1 for current pixel boundary\n  const xHigh = t === width - 1 ? t : t - 1;\n\n  t = scaleY(point[1] + 1, ratio, height, yInvert);\n  let yHigh;\n  if (yInvert) {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    t = t === 0 ? t : t + 1;\n    // swap y and yHigh\n    yHigh = y;\n    y = t;\n  } else {\n    // If next pixel's position is clamped to boundary, use it as is, otherwise clamp it to valid range\n    yHigh = t === height - 1 ? t : t - 1;\n    // y remains same\n  }\n  return {\n    x,\n    y,\n    // when ratio < 1, current css pixel and next css pixel may point to same device pixel, set width/height to 1 in those cases.\n    width: Math.max(xHigh - x + 1, 1),\n    height: Math.max(yHigh - y + 1, 1)\n  };\n}\n\nfunction scaleX(x: number, ratio: number, width: number): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  const r = Math.min(Math.round(x * ratio), width - 1);\n  return r;\n}\n\nfunction scaleY(y: number, ratio: number, height: number, yInvert: boolean): number {\n  // since we are rounding to nearest, when ratio > 1, edge pixels may point to out of bounds value, clamp to the limit\n  return yInvert\n    ? Math.max(0, height - 1 - Math.round(y * ratio))\n    : Math.min(Math.round(y * ratio), height - 1);\n}\n"],"mappings":"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"}

package/dist/adapter/device.d.ts

@@ -0,0 +1,155 @@
+import { StatsManager } from '../lib/utils/stats-manager';
+import type { TextureFormat } from './types/texture-formats';
+import type { CanvasContext, CanvasContextProps } from './canvas-context';
+import type { BufferProps } from './resources/buffer';
+import { Buffer } from './resources/buffer';
+import type { RenderPipeline, RenderPipelineProps } from './resources/render-pipeline';
+import type { ComputePipeline, ComputePipelineProps } from './resources/compute-pipeline';
+import type { Sampler, SamplerProps } from './resources/sampler';
+import type { Shader, ShaderProps } from './resources/shader';
+import type { Texture, TextureProps, TextureData } from './resources/texture';
+import type { ExternalTexture, ExternalTextureProps } from './resources/external-texture';
+import type { Framebuffer, FramebufferProps } from './resources/framebuffer';
+import type { RenderPass, RenderPassProps } from './resources/render-pass';
+import type { ComputePass, ComputePassProps } from './resources/compute-pass';
+import type { CommandEncoder, CommandEncoderProps } from './resources/command-encoder';
+/** Device properties */
+export type DeviceProps = {
+    id?: string;
+    type?: 'webgl' | 'webgl1' | 'webgl2' | 'webgpu' | 'best-available';
+    canvas?: HTMLCanvasElement | OffscreenCanvas | string | null;
+    container?: HTMLElement | string | null;
+    width?: number /** width is only used when creating a new canvas */;
+    height?: number /** height is only used when creating a new canvas */;
+    webgl2?: boolean;
+    webgl1?: boolean;
+    debug?: boolean;
+    manageState?: boolean;
+    break?: string[];
+    gl?: WebGLRenderingContext | WebGL2RenderingContext | null;
+};
+export declare const DEFAULT_DEVICE_PROPS: Required<DeviceProps>;
+export type ShadingLanguage = 'glsl' | 'wgsl';
+/**
+ * Identifies the GPU vendor and driver.
+ * @see https://www.khronos.org/registry/webgl/extensions/WEBGL_debug_renderer_info/
+ * @note Current WebGPU support is very limited
+ */
+export type DeviceInfo = {
+    type: 'webgl' | 'webgl2' | 'webgpu';
+    vendor: string;
+    renderer: string;
+    version: string;
+    gpu: 'nvidia' | 'amd' | 'intel' | 'apple' | 'software' | 'unknown';
+    shadingLanguages: ShadingLanguage[];
+    shadingLanguageVersions: Record<string, string>;
+    vendorMasked?: string;
+    rendererMasked?: string;
+};
+/** Limits for a device */
+export type DeviceLimits = {
+    readonly maxTextureDimension1D?: number;
+    readonly maxTextureDimension2D?: number;
+    readonly maxTextureDimension3D?: number;
+    readonly maxTextureArrayLayers?: number;
+    readonly maxBindGroups: number;
+    readonly maxDynamicUniformBuffersPerPipelineLayout: number;
+    readonly maxDynamicStorageBuffersPerPipelineLayout: number;
+    readonly maxSampledTexturesPerShaderStage: number;
+    readonly maxSamplersPerShaderStage: number;
+    readonly maxStorageBuffersPerShaderStage: number;
+    readonly maxStorageTexturesPerShaderStage: number;
+    readonly maxUniformBuffersPerShaderStage: number;
+    readonly maxUniformBufferBindingSize: number;
+    readonly maxStorageBufferBindingSize?: number;
+    readonly minUniformBufferOffsetAlignment?: number;
+    readonly minStorageBufferOffsetAlignment?: number;
+    readonly maxVertexBuffers?: number;
+    readonly maxVertexAttributes?: number;
+    readonly maxVertexBufferArrayStride?: number;
+    readonly maxInterStageShaderComponents?: number;
+    readonly maxComputeWorkgroupStorageSize?: number;
+    readonly maxComputeInvocationsPerWorkgroup?: number;
+    readonly maxComputeWorkgroupSizeX?: number;
+    readonly maxComputeWorkgroupSizeY?: number;
+    readonly maxComputeWorkgroupSizeZ?: number;
+    readonly maxComputeWorkgroupsPerDimension?: number;
+};
+export type WebGPUDeviceFeature = 'depth-clip-control' | 'depth24unorm-stencil8' | 'depth32float-stencil8' | 'timestamp-query' | 'indirect-first-instance' | 'texture-compression-bc' | 'texture-compression-etc2' | 'texture-compression-astc';
+export type WebGLDeviceFeature = 'webgpu' | 'webgl2' | 'webgl' | 'timer-query-webgl' | 'uniform-buffers-webgl' | 'uniforms-webgl' | 'texture-filter-linear-float32-webgl' | 'texture-filter-linear-float16-webgl' | 'texture-filter-anisotropic-webgl' | 'texture-renderable-float32-webgl' | 'texture-renderable-float16-webgl' | 'texture-renderable-rgba32float-webgl' | 'texture-blend-float-webgl1' | 'texture-formats-norm16-webgl' | 'texture-formats-srgb-webgl1' | 'texture-formats-depth-webgl1' | 'texture-formats-float32-webgl1' | 'texture-formats-float16-webgl1' | 'vertex-array-object-webgl1' | 'instanced-rendering-webgl1' | 'multiple-render-targets-webgl1' | 'index-uint32-webgl1' | 'blend-minmax-webgl1' | 'glsl-frag-data' | 'glsl-frag-depth' | 'glsl-derivatives' | 'glsl-texture-lod';
+type WebGLCompressedTextureFeatures = 'texture-compression-bc5-webgl' | 'texture-compression-etc1-webgl' | 'texture-compression-pvrtc-webgl' | 'texture-compression-atc-webgl';
+/** Valid feature strings */
+export type DeviceFeature = WebGPUDeviceFeature | WebGLDeviceFeature | WebGLCompressedTextureFeatures;
+/**
+ * WebGPU Device/WebGL context abstraction
+ */
+export declare abstract class Device {
+    get [Symbol.toStringTag](): string;
+    static VERSION: string;
+    constructor(props: DeviceProps);
+    readonly id: string;
+    readonly statsManager: StatsManager;
+    readonly props: Required<DeviceProps>;
+    userData: {
+        [key: string]: any;
+    };
+    /** Information about the device (vendor, versions etc) */
+    abstract info: DeviceInfo;
+    /** Optional capability discovery */
+    abstract get features(): Set<DeviceFeature>;
+    /** WebGPU style device limits */
+    abstract get limits(): DeviceLimits;
+    /** Check if device supports a specific texture format (creation and `nearest` sampling) */
+    abstract isTextureFormatSupported(format: TextureFormat): boolean;
+    /** Check if linear filtering (sampler interpolation) is supported for a specific texture format */
+    abstract isTextureFormatFilterable(format: TextureFormat): boolean;
+    /** Check if device supports rendering to a specific texture format */
+    abstract isTextureFormatRenderable(format: TextureFormat): boolean;
+    /** `true` if device is already lost */
+    abstract get isLost(): boolean;
+    /** Promise that resolves when device is lost */
+    abstract readonly lost: Promise<{
+        reason: 'destroyed';
+        message: string;
+    }>;
+    /**
+     * Trigger device loss.
+     * @returns `true` if context loss could actually be triggered.
+     * @note primarily intended for testing how application reacts to device loss
+     */
+    loseDevice(): boolean;
+    /** Default / primary canvas context. Can be null as WebGPU devices can be created without a CanvasContext */
+    abstract canvasContext: CanvasContext | null;
+    /** Creates a new CanvasContext (WebGPU only) */
+    abstract createCanvasContext(props?: CanvasContextProps): CanvasContext;
+    /** Call after rendering a frame (necessary e.g. on WebGL OffscreenCanvas) */
+    abstract submit(): void;
+    /** Create a buffer */
+    abstract createBuffer(props: BufferProps | ArrayBuffer | ArrayBufferView): Buffer;
+    /** Create a texture */
+    abstract _createTexture(props: TextureProps): Texture;
+    createTexture(props: TextureProps): Texture;
+    createTexture(data: Promise<TextureData>): Texture;
+    createTexture(url: string): Texture;
+    /** Create a temporary texture view of a video source */
+    abstract createExternalTexture(props: ExternalTextureProps): ExternalTexture;
+    /** Create a sampler */
+    abstract createSampler(props: SamplerProps): Sampler;
+    abstract createFramebuffer(props: FramebufferProps): Framebuffer;
+    /** Create a shader */
+    abstract createShader(props: ShaderProps): Shader;
+    /** Create a render pipeline (aka program) */
+    abstract createRenderPipeline(props: RenderPipelineProps): RenderPipeline;
+    /** Create a compute pipeline (aka program) */
+    abstract createComputePipeline(props: ComputePipelineProps): ComputePipeline;
+    createCommandEncoder(props?: CommandEncoderProps): CommandEncoder;
+    /** Create a RenderPass */
+    abstract beginRenderPass(props?: RenderPassProps): RenderPass;
+    /** Create a ComputePass */
+    abstract beginComputePass(props?: ComputePassProps): ComputePass;
+    /** Get a renderpass that is set up to render to the primary CanvasContext */
+    abstract getDefaultRenderPass(): RenderPass;
+    protected _getBufferProps(props: BufferProps | ArrayBuffer | ArrayBufferView): BufferProps;
+}
+export {};
+//# sourceMappingURL=device.d.ts.map

package/dist/adapter/device.d.ts.map

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