hdr-canvas 0.0.10 → 0.0.12

package/dist/index.d.ts

@@ -0,0 +1,57 @@
+import { ColorTypes } from 'colorjs.io';
+
+// See https://github.com/microsoft/TypeScript/blob/main/src/lib/dom.generated.d.ts
+/// <reference lib="dom" />
+
+type HDRHTMLCanvasOptionsType = "mode";
+type HDRHTMLCanvasOptions = { [key in HDRHTMLCanvasOptionsType]?: string };
+
+interface HDRHTMLCanvasElement extends HTMLCanvasElement {
+  configureHighDynamicRange(options: HDRHTMLCanvasOptions): void;
+  _getContext(contextId: string, options?: object): RenderingContext | null;
+}
+
+interface HDRImageData {
+  readonly colorSpace: PredefinedColorSpace;
+  readonly data: Uint8ClampedArray | Uint16Array;
+  readonly height: number;
+  readonly width: number;
+}
+
+// See https://github.com/w3c/ColorWeb-CG/blob/main/hdr_html_canvas_element.md
+// "rec2100-display-linear" is left out beacause of mapping issues
+type HDRPredefinedColorSpace = "display-p3" | "srgb" | "rec2100-hlg" | "rec2100-pq";
+
+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 };

package/package.json

@@ -1,8 +1,17 @@
 {
   "name": "hdr-canvas",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "HDR capable HTML canvas",
-  "main": "dist/hdr-canvas.js",
+  "main": "dist/hdr-canvas.cjs",
+  "module": "dist/hdr-canvas.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/hdr-canvas.js",
+      "require": "./dist/hdr-canvas.cjs"
+    },
+    "./three": "./three/*"
+  },
   "files": [
     "dist/hdr-canvas.d.ts",
     "dist/hdr-canvas.js",
@@ -11,9 +20,14 @@
     "dist/hdr-canvas.min.js.map",
     "dist/hdr-canvas.cjs",
     "dist/hdr-canvas.cjs.map",
+    "dist/hdr-canvas.umd.js",
+    "dist/hdr-canvas.umd.js.map",
+    "dist/index.d.ts",
+    "dist/@types",
     "three",
     "src"
   ],
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint . -c eslint.config.mjs --report-unused-disable-directives",
@@ -39,20 +53,20 @@
   },
   "homepage": "https://github.com/cmahnke/hdr-canvas#readme",
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
+    "@eslint/js": "^9.15.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-typescript": "^12.1.1",
     "@types/eslint__js": "^8.42.3",
-    "eslint": "^9.13.0",
+    "eslint": "^9.15.0",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.24.0",
+    "rollup": "^4.27.3",
     "rollup-plugin-dts": "^6.1.1",
-    "three": "^0.169.0",
-    "tslib": "^2.8.0",
+    "three": "^0.170.0",
+    "tslib": "^2.8.1",
     "typescript": "^5.6.3",
-    "typescript-eslint": "^8.10.0"
+    "typescript-eslint": "^8.15.0"
   },
   "dependencies": {
     "colorjs.io": "^0.5.2"

package/src/hdr-canvas.ts

@@ -1,11 +1,11 @@
-import {Uint16Image} from './Uint16Image'
+import { Uint16Image } from "./Uint16Image";
 
-import type {HDRHTMLCanvasElement} from './types/HDRCanvas.d.ts'
+import type { HDRHTMLCanvasElement } from "./types/HDRCanvas.d.ts";
 
-const hdr_options = {colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: 'float16'}
+const hdr_options = { colorSpace: Uint16Image.DEFAULT_COLORSPACE, pixelFormat: "float16" };
 
-export function initHDRCanvas(canvas : HDRHTMLCanvasElement) : RenderingContext | null {
-  canvas.configureHighDynamicRange({mode: 'extended'});
+export function initHDRCanvas(canvas: HDRHTMLCanvasElement): RenderingContext | null {
+  canvas.configureHighDynamicRange({ mode: "extended" });
   const ctx = canvas.getContext("2d", hdr_options);
   return ctx;
 }
@@ -13,15 +13,14 @@ export function initHDRCanvas(canvas : HDRHTMLCanvasElement) : RenderingContext
 /* eslint-disable  @typescript-eslint/no-explicit-any */
 export function defaultGetContextHDR() {
   (HTMLCanvasElement.prototype as HDRHTMLCanvasElement)._getContext = HTMLCanvasElement.prototype.getContext;
-  (HTMLCanvasElement.prototype as any).getContext = function(type: string, options: object) {
-
+  (HTMLCanvasElement.prototype as any).getContext = function (type: string, options: object) {
     if (options !== undefined) {
       options = Object.assign({}, options, hdr_options);
     } else {
       options = hdr_options;
     }
     return (this as HDRHTMLCanvasElement)._getContext(type, options);
-  }
+  };
 }
 
 /* eslint-disable  @typescript-eslint/no-explicit-any */