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

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/attribute-utils/get-attribute-from-layouts.d.ts

@@ -0,0 +1,43 @@
+import type { ShaderLayout, BufferLayout } from '../types/shader-layout';
+import type { ShaderDataType, ShaderAttributeType } from '../types/shader-formats';
+import type { VertexFormat, VertexType } from '../types/vertex-formats';
+/** Resolved info for a buffer / attribute combination to help backend configure it correctly */
+export type AttributeInfo = {
+    /** Attribute name */
+    name: string;
+    /** Location in shader */
+    location: number;
+    /** Type / precision used in shader (buffer values may be converted) */
+    shaderType: ShaderAttributeType;
+    /** Calculations are done in this type in the shader's attribute declaration */
+    shaderDataType: ShaderDataType;
+    /** Components refer to the number of components in the shader's attribute declaration */
+    shaderComponents: 1 | 2 | 3 | 4;
+    /** It is the shader attribute declaration that determines whether GPU will process as integer or float */
+    integer: boolean;
+    /** BufferName */
+    bufferName: String;
+    /** Format of buffer data */
+    vertexFormat: VertexFormat;
+    /** Memory data type refers to the data type in the buffer */
+    bufferDataType: VertexType;
+    /** Components refer to the number of components in the buffer's vertex format */
+    bufferComponents: 1 | 2 | 3 | 4;
+    /** Normalization is encoded in the buffer layout's vertex format... */
+    normalized: boolean;
+    /** If not specified, the step mode is inferred from the attribute name in the shader (contains string instance) */
+    stepMode: 'vertex' | 'instance';
+    /** The byteOffset is encoded in or calculated from the buffer layout */
+    byteOffset: number;
+    /** The byteStride is encoded in or calculated from the buffer layout */
+    byteStride: number;
+};
+export declare function getAttributeInfosFromLayouts(shaderLayout: ShaderLayout, bufferLayout: BufferLayout[]): Record<string, AttributeInfo>;
+/**
+ * Merges an provided shader layout into a base shader layout
+ * In WebGL, this allows the auto generated shader layout to be overridden by the application
+ * Typically to change the format of the vertex attributes (from float32x4 to uint8x4 etc).
+ * @todo Drop this? Aren't all use cases covered by mergeBufferLayout()?
+ */
+export declare function mergeShaderLayout(baseLayout: ShaderLayout, overrideLayout: ShaderLayout): ShaderLayout;
+//# sourceMappingURL=get-attribute-from-layouts.d.ts.map

package/dist/adapter/attribute-utils/get-attribute-from-layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-attribute-from-layouts.d.ts","sourceRoot":"","sources":["../../../src/adapter/attribute-utils/get-attribute-from-layouts.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAwB,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAEjF,OAAO,KAAK,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAGtE,gGAAgG;AAChG,MAAM,MAAM,aAAa,GAAG;IAC1B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,UAAU,EAAE,mBAAmB,CAAC;IAChC,+EAA+E;IAC/E,cAAc,EAAE,cAAc,CAAC;IAC/B,yFAAyF;IACzF,gBAAgB,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,0GAA0G;IAC1G,OAAO,EAAE,OAAO,CAAC;IAEjB,iBAAiB;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,YAAY,EAAE,YAAY,CAAC;IAC3B,6DAA6D;IAC7D,cAAc,EAAE,UAAU,CAAC;IAC3B,iFAAiF;IACjF,gBAAgB,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,uEAAuE;IACvE,UAAU,EAAE,OAAO,CAAC;IAEpB,mHAAmH;IACnH,QAAQ,EAAE,QAAQ,GAAG,UAAU,CAAC;IAEhC,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAAE,GAC3B,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAU/B;AAoGD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,YAAY,EACxB,cAAc,EAAE,YAAY,GAC3B,YAAY,CAiBd"}

package/dist/adapter/attribute-utils/get-attribute-from-layouts.js

@@ -0,0 +1,96 @@
+import { log } from "../../lib/utils/log.js";
+import { decodeShaderAttributeType } from "../type-utils/decode-attribute-type.js";
+import { decodeVertexFormat } from "../type-utils/decode-vertex-format.js";
+export function getAttributeInfosFromLayouts(shaderLayout, bufferLayout) {
+  const attributeInfos = {};
+  for (const attribute of shaderLayout.attributes) {
+    attributeInfos[attribute.name] = getAttributeInfoFromLayouts(shaderLayout, bufferLayout, attribute.name);
+  }
+  return attributeInfos;
+}
+function getAttributeInfoFromLayouts(shaderLayout, bufferLayout, name) {
+  const shaderDeclaration = getAttributeFromShaderLayout(shaderLayout, name);
+  const bufferMapping = getAttributeFromBufferLayout(bufferLayout, name);
+  if (!shaderDeclaration) {
+    return null;
+  }
+  const attributeTypeInfo = decodeShaderAttributeType(shaderDeclaration.type);
+  const vertexFormat = (bufferMapping === null || bufferMapping === void 0 ? void 0 : bufferMapping.vertexFormat) || attributeTypeInfo.defaultVertexFormat;
+  const vertexFormatInfo = decodeVertexFormat(vertexFormat);
+  return {
+    name,
+    bufferName: (bufferMapping === null || bufferMapping === void 0 ? void 0 : bufferMapping.name) || name,
+    location: shaderDeclaration.location,
+    shaderType: shaderDeclaration.type,
+    shaderDataType: attributeTypeInfo.dataType,
+    shaderComponents: attributeTypeInfo.components,
+    vertexFormat,
+    bufferDataType: vertexFormatInfo.type,
+    bufferComponents: vertexFormatInfo.components,
+    normalized: vertexFormatInfo.normalized,
+    integer: attributeTypeInfo.integer,
+    stepMode: (bufferMapping === null || bufferMapping === void 0 ? void 0 : bufferMapping.stepMode) || shaderDeclaration.stepMode,
+    byteOffset: (bufferMapping === null || bufferMapping === void 0 ? void 0 : bufferMapping.byteOffset) || 0,
+    byteStride: (bufferMapping === null || bufferMapping === void 0 ? void 0 : bufferMapping.byteStride) || 0
+  };
+}
+function getAttributeFromShaderLayout(shaderLayout, name) {
+  const attribute = shaderLayout.attributes.find(attr => attr.name === name);
+  if (!attribute) {
+    log.warn("shader layout attribute \"".concat(name, "\" not present in shader"));
+  }
+  return attribute || null;
+}
+function getAttributeFromBufferLayout(bufferLayout, name) {
+  for (const bufferMapping of bufferLayout) {
+    if (bufferMapping.name === name) {
+      return {
+        name: bufferMapping.name,
+        bufferName: name,
+        vertexFormat: bufferMapping.format,
+        byteOffset: bufferMapping.byteOffset || 0,
+        byteStride: bufferMapping.byteStride || 0
+      };
+    }
+    let nextByteOffset = bufferMapping.byteOffset || 0;
+    let byteStride = 0;
+    for (const interleavedMapping of bufferMapping.attributes || []) {
+      const info = decodeVertexFormat(interleavedMapping.format);
+      byteStride += info.byteLength;
+    }
+    for (const interleavedMapping of bufferMapping.attributes || []) {
+      const byteOffset = nextByteOffset;
+      nextByteOffset += (interleavedMapping === null || interleavedMapping === void 0 ? void 0 : interleavedMapping.byteStrideOffset) || decodeVertexFormat(interleavedMapping.format).byteLength;
+      if (interleavedMapping.name === name) {
+        return {
+          name: bufferMapping.name,
+          bufferName: name,
+          vertexFormat: interleavedMapping.format,
+          byteOffset,
+          byteStride: bufferMapping.byteStride || byteStride
+        };
+      }
+    }
+  }
+  log.warn("layout for attribute \"".concat(name, "\" not present in buffer layout"));
+  return null;
+}
+export function mergeShaderLayout(baseLayout, overrideLayout) {
+  const mergedLayout = {
+    ...baseLayout,
+    attributes: baseLayout.attributes.map(attribute => ({
+      ...attribute
+    }))
+  };
+  for (const attribute of (overrideLayout === null || overrideLayout === void 0 ? void 0 : overrideLayout.attributes) || []) {
+    const baseAttribute = mergedLayout.attributes.find(attr => attr.name === attribute.name);
+    if (!baseAttribute) {
+      log.warn("shader layout attribute ".concat(attribute.name, " not present in shader"));
+    } else {
+      baseAttribute.type = attribute.type || baseAttribute.type;
+      baseAttribute.stepMode = attribute.stepMode || baseAttribute.stepMode;
+    }
+  }
+  return mergedLayout;
+}
+//# sourceMappingURL=get-attribute-from-layouts.js.map

package/dist/adapter/attribute-utils/get-attribute-from-layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-attribute-from-layouts.js","names":["log","decodeShaderAttributeType","decodeVertexFormat","getAttributeInfosFromLayouts","shaderLayout","bufferLayout","attributeInfos","attribute","attributes","name","getAttributeInfoFromLayouts","shaderDeclaration","getAttributeFromShaderLayout","bufferMapping","getAttributeFromBufferLayout","attributeTypeInfo","type","vertexFormat","defaultVertexFormat","vertexFormatInfo","bufferName","location","shaderType","shaderDataType","dataType","shaderComponents","components","bufferDataType","bufferComponents","normalized","integer","stepMode","byteOffset","byteStride","find","attr","warn","concat","format","nextByteOffset","interleavedMapping","info","byteLength","byteStrideOffset","mergeShaderLayout","baseLayout","overrideLayout","mergedLayout","map","baseAttribute"],"sources":["../../../src/adapter/attribute-utils/get-attribute-from-layouts.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport {log} from '../../lib/utils/log';\nimport type {ShaderLayout, AttributeDeclaration, BufferLayout} from '../types/shader-layout';\nimport type {ShaderDataType, ShaderAttributeType} from '../types/shader-formats';\nimport {decodeShaderAttributeType} from '../type-utils/decode-attribute-type';\nimport type {VertexFormat, VertexType} from '../types/vertex-formats';\nimport {decodeVertexFormat} from '../type-utils/decode-vertex-format';\n\n/** Resolved info for a buffer / attribute combination to help backend configure it correctly */\nexport type AttributeInfo = {\n  /** Attribute name */\n  name: string;\n  /** Location in shader */\n  location: number;\n  /** Type / precision used in shader (buffer values may be converted) */\n  shaderType: ShaderAttributeType;\n  /** Calculations are done in this type in the shader's attribute declaration */\n  shaderDataType: ShaderDataType;\n  /** Components refer to the number of components in the shader's attribute declaration */\n  shaderComponents: 1 | 2 | 3 | 4;\n  /** It is the shader attribute declaration that determines whether GPU will process as integer or float */\n  integer: boolean;\n\n  /** BufferName */\n  bufferName: String;\n  /** Format of buffer data */\n  vertexFormat: VertexFormat;\n  /** Memory data type refers to the data type in the buffer */\n  bufferDataType: VertexType;\n  /** Components refer to the number of components in the buffer's vertex format */\n  bufferComponents: 1 | 2 | 3 | 4;\n  /** Normalization is encoded in the buffer layout's vertex format... */\n  normalized: boolean;\n\n  /** If not specified, the step mode is inferred from the attribute name in the shader (contains string instance) */\n  stepMode: 'vertex' | 'instance';\n\n  /** The byteOffset is encoded in or calculated from the buffer layout */\n  byteOffset: number;\n  /** The byteStride is encoded in or calculated from the buffer layout */\n  byteStride: number;\n};\n\nexport function getAttributeInfosFromLayouts(\n  shaderLayout: ShaderLayout,\n  bufferLayout: BufferLayout[]\n): Record<string, AttributeInfo> {\n  const attributeInfos: Record<string, ReturnType<typeof getAttributeInfoFromLayouts>> = {};\n  for (const attribute of shaderLayout.attributes) {\n    attributeInfos[attribute.name] = getAttributeInfoFromLayouts(\n      shaderLayout,\n      bufferLayout,\n      attribute.name\n    );\n  }\n  return attributeInfos;\n}\n\n/**\n * Get the combined information from a shader layout and a buffer layout for a specific attribute\n */\nfunction getAttributeInfoFromLayouts(\n  shaderLayout: ShaderLayout,\n  bufferLayout: BufferLayout[],\n  name: string\n): AttributeInfo | null {\n  const shaderDeclaration = getAttributeFromShaderLayout(shaderLayout, name);\n  const bufferMapping: Partial<AttributeInfo> = getAttributeFromBufferLayout(bufferLayout, name);\n\n  // TODO should no longer happen\n  if (!shaderDeclaration) {\n    //  || !bufferMapping\n    return null;\n  }\n\n  const attributeTypeInfo = decodeShaderAttributeType(shaderDeclaration.type);\n  const vertexFormat = bufferMapping?.vertexFormat || attributeTypeInfo.defaultVertexFormat;\n  const vertexFormatInfo = decodeVertexFormat(vertexFormat);\n\n  return {\n    name,\n    bufferName: bufferMapping?.name || name,\n    location: shaderDeclaration.location,\n    shaderType: shaderDeclaration.type,\n    shaderDataType: attributeTypeInfo.dataType,\n    shaderComponents: attributeTypeInfo.components,\n    vertexFormat,\n    bufferDataType: vertexFormatInfo.type,\n    bufferComponents: vertexFormatInfo.components,\n    // normalized is a property of the buffer's vertex format\n    normalized: vertexFormatInfo.normalized,\n    // integer is a property of the shader declaration\n    integer: attributeTypeInfo.integer,\n    stepMode: bufferMapping?.stepMode || shaderDeclaration.stepMode,\n    byteOffset: bufferMapping?.byteOffset || 0,\n    byteStride: bufferMapping?.byteStride || 0\n  };\n}\n\nfunction getAttributeFromShaderLayout(\n  shaderLayout: ShaderLayout,\n  name: string\n): AttributeDeclaration | null {\n  const attribute = shaderLayout.attributes.find(attr => attr.name === name);\n  if (!attribute) {\n    log.warn(`shader layout attribute \"${name}\" not present in shader`);\n  }\n  return attribute || null;\n}\n\nfunction getAttributeFromBufferLayout(\n  bufferLayout: BufferLayout[],\n  name: string\n): Partial<AttributeInfo> | null {\n  for (const bufferMapping of bufferLayout) {\n    // If this is the mapping return\n    if (bufferMapping.name === name) {\n      return {\n        name: bufferMapping.name,\n        bufferName: name,\n        vertexFormat: bufferMapping.format,\n        byteOffset: bufferMapping.byteOffset || 0,\n        byteStride: bufferMapping.byteStride || 0\n      };\n    }\n\n    // Search interleaved attributes for buffer mapping\n    let nextByteOffset = bufferMapping.byteOffset || 0;\n    let byteStride = 0;\n    for (const interleavedMapping of bufferMapping.attributes || []) {\n      const info = decodeVertexFormat(interleavedMapping.format);\n      byteStride += info.byteLength;\n    }\n    for (const interleavedMapping of bufferMapping.attributes || []) {\n      const byteOffset = nextByteOffset;\n      nextByteOffset +=\n        interleavedMapping?.byteStrideOffset ||\n        decodeVertexFormat(interleavedMapping.format).byteLength;\n      // const interleavedMapping = bufferMapping.attributes?.find(attr => attr.name === name);\n      if (interleavedMapping.name === name) {\n        return {\n          name: bufferMapping.name,\n          bufferName: name,\n          vertexFormat: interleavedMapping.format,\n          byteOffset,\n          byteStride: bufferMapping.byteStride || byteStride\n        };\n      }\n    }\n  }\n\n  // Didn't return...\n  log.warn(`layout for attribute \"${name}\" not present in buffer layout`);\n  return null;\n}\n\n/**\n * Merges an provided shader layout into a base shader layout\n * In WebGL, this allows the auto generated shader layout to be overridden by the application\n * Typically to change the format of the vertex attributes (from float32x4 to uint8x4 etc).\n * @todo Drop this? Aren't all use cases covered by mergeBufferLayout()?\n */\nexport function mergeShaderLayout(\n  baseLayout: ShaderLayout,\n  overrideLayout: ShaderLayout\n): ShaderLayout {\n  // Deep clone the base layout\n  const mergedLayout: ShaderLayout = {\n    ...baseLayout,\n    attributes: baseLayout.attributes.map(attribute => ({...attribute}))\n  };\n  // Merge the attributes\n  for (const attribute of overrideLayout?.attributes || []) {\n    const baseAttribute = mergedLayout.attributes.find(attr => attr.name === attribute.name);\n    if (!baseAttribute) {\n      log.warn(`shader layout attribute ${attribute.name} not present in shader`);\n    } else {\n      baseAttribute.type = attribute.type || baseAttribute.type;\n      baseAttribute.stepMode = attribute.stepMode || baseAttribute.stepMode;\n    }\n  }\n  return mergedLayout;\n}\n"],"mappings":"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"}

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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"}