hdrify-react 1.4.0 → 2.2.0

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export { HdrifyCanvas, type HdrifyCanvasProps } from './HdrifyCanvas.js';
 export { DEFAULT_IMAGE_VIEWER_SETTINGS, EXPOSURE_SLIDER_RANGE, type ImageFit, ImageViewer, type ImageViewerHandle, type ImageViewerProps, type ImageViewerSettings, type SettingsPanelMode, TONE_MAPPING_OPTIONS, } from './ImageViewer.js';
 export type { DownloadProgress, ImageViewerProgress } from './progress.js';
 export { IMAGE_VIEWER_CSS } from './styles.js';
+export type { DisplayMode, ViewerToneMapping } from './display.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EACrB,KAAK,QAAQ,EACb,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,6BAA6B,EAC7B,qBAAqB,EACrB,KAAK,QAAQ,EACb,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/dist/webgpuDisplay.d.ts

@@ -0,0 +1,4 @@
+import { type ImageDisplay } from './display.js';
+/** A single FP16 texture drawn directly with WebGPU; unsupported presentation falls back to SDR. */
+export declare function createWebGPUDisplay(canvas: HTMLCanvasElement, onFailure: () => void): Promise<ImageDisplay>;
+//# sourceMappingURL=webgpuDisplay.d.ts.map

package/dist/webgpuDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webgpuDisplay.d.ts","sources":["../src/webgpuDisplay.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,YAAY,EAA0B,MAAM,cAAc,CAAC;AAkExF,oGAAoG;AACpG,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,CAoIjH"}

package/dist/webgpuDisplay.js

@@ -0,0 +1,208 @@
+import { displayPixels } from './display.js';
+// One full-screen triangle. UVs keep the source's first row at the top of the canvas.
+// The canvas is tagged sRGB, so encode linear Rec.709 explicitly, preserving signed HDR values.
+const SHADER = `
+struct Vertex { @builtin(position) position: vec4f, @location(0) uv: vec2f };
+@vertex fn vertex(@builtin(vertex_index) index: u32) -> Vertex {
+  let uv = vec2f(f32((index << 1u) & 2u), f32(index & 2u));
+  return Vertex(vec4f(uv.x * 2.0 - 1.0, 1.0 - uv.y * 2.0, 0.0, 1.0), uv);
+}
+@group(0) @binding(0) var imageSampler: sampler;
+@group(0) @binding(1) var image: texture_2d<f32>;
+@group(0) @binding(2) var<uniform> exposure: f32;
+@fragment fn fragment(input: Vertex) -> @location(0) vec4f {
+  let rgb = textureSample(image, imageSampler, input.uv).rgb * exposure;
+  let magnitude = abs(rgb);
+  let encoded = select(1.055 * pow(magnitude, vec3f(1.0 / 2.4)) - 0.055,
+    magnitude * 12.92, magnitude <= vec3f(0.0031308));
+  return vec4f(sign(rgb) * encoded, 1.0);
+}`;
+// Saturating float32 -> binary16, including subnormals and round-to-nearest-even.
+const float = new Float32Array(1);
+const bits = new Uint32Array(float.buffer);
+function toHalfFloat(value) {
+    float[0] = Math.max(-65504, Math.min(65504, value));
+    const word = bits[0];
+    const sign = (word >>> 16) & 0x8000;
+    const exponent = ((word >>> 23) & 0xff) - 127;
+    if (exponent < -25)
+        return sign;
+    const mantissa = (word & 0x7fffff) | 0x800000;
+    const shift = exponent < -14 ? -exponent - 1 : 13;
+    const rounded = (mantissa + (2 ** (shift - 1) - 1) + ((mantissa >>> shift) & 1)) >>> shift;
+    return sign | (exponent < -14 ? rounded : ((exponent + 14) << 10) + rounded);
+}
+// One capability probe shared by every viewer in this page. Cache failure too.
+let hdrCapability;
+async function probeHdrCapability(document) {
+    const adapter = await document.defaultView?.navigator.gpu?.requestAdapter();
+    if (!adapter)
+        return false;
+    const device = await adapter.requestDevice();
+    const canvas = document.createElement('canvas');
+    const context = canvas.getContext('webgpu');
+    try {
+        if (!context)
+            return false;
+        context.configure({
+            device,
+            format: 'rgba16float',
+            colorSpace: 'srgb',
+            alphaMode: 'opaque',
+            toneMapping: { mode: 'extended' },
+        });
+        const configuration = context.getConfiguration();
+        return (configuration?.format === 'rgba16float' &&
+            configuration.toneMapping?.mode === 'extended' &&
+            configuration.colorSpace === 'srgb');
+    }
+    finally {
+        context?.unconfigure();
+        device.destroy();
+    }
+}
+/** A single FP16 texture drawn directly with WebGPU; unsupported presentation falls back to SDR. */
+export async function createWebGPUDisplay(canvas, onFailure) {
+    const supported = await (hdrCapability ??= probeHdrCapability(canvas.ownerDocument).catch(() => false));
+    if (!supported)
+        throw new Error('WebGPU extended FP16 presentation is not supported');
+    // Adapters can create only one device; each viewer acquires its own rendering resources.
+    const adapter = await canvas.ownerDocument.defaultView?.navigator.gpu?.requestAdapter();
+    if (!adapter)
+        throw new Error('WebGPU is not available');
+    const device = await adapter.requestDevice({
+        requiredLimits: { maxTextureDimension2D: adapter.limits.maxTextureDimension2D },
+    });
+    let disposed = false;
+    let map;
+    let exposureBuffer;
+    let context = null;
+    const fail = () => {
+        if (!disposed)
+            onFailure();
+    };
+    const dispose = () => {
+        if (disposed)
+            return;
+        disposed = true;
+        device.removeEventListener('uncapturederror', fail);
+        context?.unconfigure();
+        map?.destroy();
+        exposureBuffer?.destroy();
+        device.destroy();
+    };
+    try {
+        device.addEventListener('uncapturederror', fail);
+        void device.lost.then(fail);
+        context = canvas.getContext('webgpu');
+        if (!context)
+            throw new Error('WebGPU canvas is not available');
+        context.configure({
+            device,
+            format: 'rgba16float',
+            colorSpace: 'srgb',
+            alphaMode: 'opaque',
+            toneMapping: { mode: 'extended' },
+        });
+        const surface = context;
+        const module = device.createShaderModule({ code: SHADER });
+        const pipeline = await device.createRenderPipelineAsync({
+            layout: 'auto',
+            vertex: { module, entryPoint: 'vertex' },
+            fragment: { module, entryPoint: 'fragment', targets: [{ format: 'rgba16float' }] },
+            primitive: { topology: 'triangle-list' },
+        });
+        const uniformBuffer = device.createBuffer({ size: 16, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });
+        exposureBuffer = uniformBuffer;
+        const exposureValue = new Float32Array(1);
+        const sampler = device.createSampler({ magFilter: 'linear', minFilter: 'linear' });
+        let bindings;
+        let previousImage;
+        let previousToneMapping;
+        let previousExposure;
+        let wideSource = false;
+        let size = '';
+        return {
+            mode: 'hdr',
+            draw(image, toneMapping, exposure) {
+                if (disposed)
+                    return;
+                // Ordinary exposure-only changes are a uniform update. Explicit tone mappers use the same HDRify
+                // operators as SDR, retaining float output rather than quantizing through an 8-bit preview.
+                if (previousImage !== image ||
+                    previousToneMapping !== toneMapping ||
+                    ((toneMapping !== 'none' || wideSource) && previousExposure !== exposure)) {
+                    const pixels = displayPixels(image, toneMapping, toneMapping === 'none' ? 1 : exposure);
+                    wideSource =
+                        toneMapping === 'none' && pixels.some((value, index) => index % 4 !== 3 && Math.abs(value) > 65504);
+                    // Bake exposure for values outside FP16's range, so lowering exposure can recover bright
+                    // float32 source highlights rather than magnifying an already-clipped upload.
+                    if (wideSource)
+                        for (let i = 0; i < pixels.length; i++)
+                            if (i % 4 !== 3)
+                                pixels[i] = pixels[i] * exposure;
+                    const halves = new Uint16Array(pixels.length);
+                    for (let i = 0; i < pixels.length; i++)
+                        halves[i] = toHalfFloat(pixels[i]);
+                    if (!map || map.width !== image.width || map.height !== image.height) {
+                        map?.destroy();
+                        map = device.createTexture({
+                            size: [image.width, image.height],
+                            format: 'rgba16float',
+                            usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST,
+                        });
+                        bindings = device.createBindGroup({
+                            layout: pipeline.getBindGroupLayout(0),
+                            entries: [
+                                { binding: 0, resource: sampler },
+                                { binding: 1, resource: map.createView() },
+                                { binding: 2, resource: { buffer: uniformBuffer } },
+                            ],
+                        });
+                    }
+                    device.queue.writeTexture({ texture: map }, halves, { bytesPerRow: image.width * 8 }, [
+                        image.width,
+                        image.height,
+                    ]);
+                    previousImage = image;
+                    previousToneMapping = toneMapping;
+                }
+                previousExposure = exposure;
+                exposureValue[0] = toneMapping === 'none' && !wideSource ? exposure : 1;
+                device.queue.writeBuffer(uniformBuffer, 0, exposureValue);
+                const encoder = device.createCommandEncoder();
+                const pass = encoder.beginRenderPass({
+                    colorAttachments: [
+                        {
+                            view: surface.getCurrentTexture().createView(),
+                            loadOp: 'clear',
+                            storeOp: 'store',
+                            clearValue: { r: 0, g: 0, b: 0, a: 1 },
+                        },
+                    ],
+                });
+                pass.setPipeline(pipeline);
+                pass.setBindGroup(0, bindings);
+                pass.draw(3);
+                pass.end();
+                device.queue.submit([encoder.finish()]);
+            },
+            resize(width, height, pixelRatio) {
+                const ratio = Math.min(pixelRatio, device.limits.maxTextureDimension2D / Math.max(width, height));
+                const next = `${width}:${height}:${ratio}`;
+                if (next === size)
+                    return;
+                size = next;
+                canvas.width = Math.max(1, Math.floor(width * ratio));
+                canvas.height = Math.max(1, Math.floor(height * ratio));
+            },
+            complete: () => device.queue.onSubmittedWorkDone(),
+            dispose,
+        };
+    }
+    catch (error) {
+        dispose();
+        throw error;
+    }
+}
+//# sourceMappingURL=webgpuDisplay.js.map

package/dist/webgpuDisplay.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdrify-react",
-  "version": "1.4.0",
+  "version": "2.2.0",
   "description": "React component and <image-viewer> web component for displaying HDR images with tone mapping and exposure",
   "keywords": [
     "exr",
@@ -47,18 +47,23 @@
     },
     "./image-viewer.js": "./dist/image-viewer.js",
     "./dist/*": "./dist/*",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./decode": {
+      "types": "./dist/decode.d.ts",
+      "default": "./dist/decode.js"
+    }
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "hdrify": "1.4.0"
+    "hdrify": "2.2.0"
   },
   "devDependencies": {
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
+    "@webgpu/types": "^0.1.74",
     "esbuild": "^0.27.3",
     "react": "^19.3.1",
     "react-dom": "^19.3.1"