hdr-canvas 0.0.9 → 0.0.11

package/dist/hdr-canvas.d.ts

@@ -1,35 +1,4 @@
-import { ColorTypes } from 'colorjs.io';
-
-type Uint16ImagePixelCallback = (red: number, green: number, blue: number, alpha: number) => Uint16Array;
-declare class Uint16Image {
-    height: number;
-    width: number;
-    data: Uint16Array;
-    static DEFAULT_COLORSPACE: HDRPredefinedColorSpace;
-    static SDR_MULTIPLIER: number;
-    static COLORSPACES: Record<HDRPredefinedColorSpace, ColorTypes>;
-    colorSpace: HDRPredefinedColorSpace;
-    constructor(width: number, height: number, colorspace?: string);
-    fill(color: number[]): Uint16Image | undefined;
-    getPixel(w: number, h: number): Uint16Array;
-    setPixel(w: number, h: number, px: number[]): void;
-    static scaleUint8ToUint16(val: number): number;
-    getImageData(): ImageData | null;
-    static convertPixelToRec2100_hlg(pixel: Uint8ClampedArray): Uint16Array;
-    static convertArrayToRec2100_hlg(data: Uint8ClampedArray): Uint16Array;
-    pixelCallback(fn: Uint16ImagePixelCallback): void;
-    static loadSDRImageData(url: URL): Promise<HDRImageData | undefined>;
-    static fromImageData(imageData: HDRImageData): Uint16Image;
-    static fromURL(url: URL): Promise<Uint16Image | undefined>;
-    setImageData(imageData: HDRImageData): void;
-    clone(): Uint16Image;
-}
-
-declare function checkHDR(): boolean;
-declare function checkHDRCanvas(): boolean;
-
-declare function initHDRCanvas(canvas: HDRHTMLCanvasElement): RenderingContext | null;
-declare function defaultGetContextHDR(): void;
-declare function resetGetContext(): void;
-
-export { Uint16Image, checkHDR, checkHDRCanvas, defaultGetContextHDR, initHDRCanvas, resetGetContext };
+import type { HDRHTMLCanvasElement } from "./types/HDRCanvas.d.ts";
+export declare function initHDRCanvas(canvas: HDRHTMLCanvasElement): RenderingContext | null;
+export declare function defaultGetContextHDR(): void;
+export declare function resetGetContext(): void;

package/dist/hdr-canvas.js

@@ -5750,6 +5750,18 @@ Color.extend(interpolation);
 Color.extend(contrastMethods);
 
 class Uint16Image {
+    height;
+    width;
+    data;
+    static DEFAULT_COLORSPACE = "rec2100-hlg";
+    static SDR_MULTIPLIER = 2 ** 16 - 1;
+    static COLORSPACES = {
+        "rec2100-hlg": "rec2100hlg",
+        "display-p3": "p3",
+        srgb: "sRGB",
+        "rec2100-pq": "rec2100pq"
+    };
+    colorSpace;
     constructor(width, height, colorspace) {
         if (colorspace === undefined || colorspace === null) {
             this.colorSpace = Uint16Image.DEFAULT_COLORSPACE;
@@ -5791,10 +5803,12 @@ class Uint16Image {
         if (this.data === undefined || this.data === null) {
             return null;
         }
-        return new ImageData(this.data, this.width, this.height, { colorSpace: this.colorSpace });
+        return new ImageData(this.data, this.width, this.height, {
+            colorSpace: this.colorSpace
+        });
     }
     static convertPixelToRec2100_hlg(pixel) {
-        const colorJScolorSpace = (Uint16Image.COLORSPACES["rec2100-hlg"]);
+        const colorJScolorSpace = Uint16Image.COLORSPACES["rec2100-hlg"];
         const srgbColor = new Color("srgb", Array.from(pixel.slice(0, 3)).map((band) => {
             return band / 255;
         }), pixel[3] / 255);
@@ -5829,11 +5843,11 @@ class Uint16Image {
             const { width, height } = bitmap;
             const offscreen = new OffscreenCanvas(width, height);
             const ctx = offscreen.getContext("2d");
-            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(bitmap, 0, 0);
+            ctx?.drawImage(bitmap, 0, 0);
             return ctx;
         })
             .then((ctx) => {
-            return ctx === null || ctx === void 0 ? void 0 : ctx.getImageData(0, 0, ctx === null || ctx === void 0 ? void 0 : ctx.canvas.width, ctx === null || ctx === void 0 ? void 0 : ctx.canvas.height);
+            return ctx?.getImageData(0, 0, ctx?.canvas.width, ctx?.canvas.height);
         });
     }
     static fromImageData(imageData) {
@@ -5876,22 +5890,13 @@ class Uint16Image {
         return i;
     }
 }
-Uint16Image.DEFAULT_COLORSPACE = "rec2100-hlg";
-Uint16Image.SDR_MULTIPLIER = 2 ** 16 - 1;
-Uint16Image.COLORSPACES = {
-    "rec2100-hlg": "rec2100hlg",
-    "display-p3": "p3",
-    srgb: "sRGB",
-    "rec2100-pq": "rec2100pq",
-};
 
 function checkHDR() {
     try {
         const bitsPerChannel = screen.colorDepth / 3;
         const hdrSupported = bitsPerChannel > 8;
         const dynamicRangeHighMQ = window.matchMedia("(dynamic-range: high)").matches;
-        const colorGamutMQ = window.matchMedia("(color-gamut: rec2020)").matches ||
-            window.matchMedia("(color-gamut: p3)").matches;
+        const colorGamutMQ = window.matchMedia("(color-gamut: rec2020)").matches || window.matchMedia("(color-gamut: p3)").matches;
         if (colorGamutMQ && dynamicRangeHighMQ) {
             if (bitsPerChannel !== Math.round(bitsPerChannel)) {
                 return false;
@@ -5917,24 +5922,24 @@ function checkHDRCanvas() {
         if (!canvas.getContext) {
             return false;
         }
-        const ctx = (canvas.getContext("2d", {
+        const ctx = canvas.getContext("2d", {
             colorSpace: colorSpace,
-            pixelFormat: "float16",
-        }));
+            pixelFormat: "float16"
+        });
         if (ctx === null) {
             return false;
         }
         return true;
     }
     catch (e) {
-        console.error("Bad canvas ColorSpace test", e);
+        console.error("Bad canvas ColorSpace test - make sure that the Chromium browser flag 'enable-experimental-web-platform-features' has been enabled");
         return false;
     }
 }
 
-const hdr_options = { colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16' };
+const hdr_options = { colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: "float16" };
 function initHDRCanvas(canvas) {
-    canvas.configureHighDynamicRange({ mode: 'extended' });
+    canvas.configureHighDynamicRange({ mode: "extended" });
     const ctx = canvas.getContext("2d", hdr_options);
     return ctx;
 }