hdrify-react 1.3.0 → 2.1.0

package/dist/element.js

@@ -0,0 +1,215 @@
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import { captureImage } from './capture.js';
+import { DEFAULT_IMAGE_VIEWER_SETTINGS, ImageViewer, TONE_MAPPING_OPTIONS, } from './ImageViewer.js';
+import { ViewerReadiness } from './readiness.js';
+const HOST_CSS = ':host{display:block;height:480px;position:relative;min-width:0}:host([hidden]){display:none}';
+function oneOf(value, allowed) {
+    return allowed.find((option) => option === value);
+}
+// Importing this module on an SSR server is safe; registration occurs only in a browser.
+// oxlint-disable-next-line typescript/no-extraneous-class
+const ElementBase = typeof HTMLElement === 'undefined' ? class {
+} : HTMLElement;
+/**
+ * `<image-viewer>`: displays an EXR, HDR, JPEG XL or gain map JPEG with tone mapping. A web component wrapping
+ * {@link ImageViewer}; it works in plain HTML and any framework.
+ *
+ * Attributes: `src`, `tone-mapping`, `exposure` (stops), `fit`, `settings-panel`, `exposure-control`.
+ * Events: `progress` ({@link ImageViewerProgress}), `load` (`{ image }`), `error` (`{ message, error }`),
+ * `settingschange` (`{ settings }`). Children with `slot="progress-bar"` replace the default loading bar.
+ */
+export class ImageViewerElement extends ElementBase {
+    static observedAttributes = ['src', 'tone-mapping', 'exposure', 'fit', 'settings-panel', 'exposure-control'];
+    #root;
+    #mount;
+    #generation = 0;
+    #reflecting = false;
+    #image;
+    #data;
+    #settings = { ...DEFAULT_IMAGE_VIEWER_SETTINGS };
+    #readiness = new ViewerReadiness();
+    /** Incremented on every source change, so callbacks from a superseded load are ignored. */
+    #revision = 0;
+    /** The image currently drawn, for toBlob(). */
+    #shown;
+    /** The source of the current load: what ImageViewer loads, by precedence. */
+    #source;
+    /** URL to load; reflects the `src` attribute. */
+    get src() {
+        return this.getAttribute('src') ?? '';
+    }
+    set src(value) {
+        this.setAttribute('src', value);
+    }
+    /** A decoded image to display; takes precedence over `data` and `src`. */
+    get image() {
+        return this.#image;
+    }
+    set image(value) {
+        this.#image = value;
+        this.#sourceChanged();
+        this.#render();
+    }
+    /** Encoded EXR, HDR, JPEG XL or gain map JPEG bytes; takes precedence over `src`. */
+    get data() {
+        return this.#data;
+    }
+    set data(value) {
+        this.#data = value;
+        this.#sourceChanged();
+        this.#render();
+    }
+    /** The current display settings. Assign a partial object to change them. */
+    get settings() {
+        return { ...this.#settings };
+    }
+    set settings(patch) {
+        const next = { ...this.#settings, ...patch };
+        this.#reflect([
+            ['tone-mapping', next.toneMapping],
+            ['exposure', String(next.exposure)],
+            ['fit', next.fit],
+        ]);
+        this.#settings = next;
+        this.#render();
+    }
+    connectedCallback() {
+        ++this.#generation;
+        if (!this.shadowRoot) {
+            const shadow = this.attachShadow({ mode: 'open' });
+            const style = document.createElement('style');
+            style.textContent = HOST_CSS;
+            this.#mount = document.createElement('div');
+            this.#mount.style.height = '100%';
+            shadow.append(style, this.#mount);
+        }
+        // A moved element keeps its React root and image; a new root loads the source again.
+        if (!this.#root) {
+            this.#root = createRoot(this.#mount);
+            this.#sourceChanged(true);
+        }
+        this.#render();
+    }
+    /**
+     * Resolve once the current source is loaded and drawn (immediately with no source). If the source changes first,
+     * it waits for the new source instead. Rejects with the load's error, or if the element is disconnected.
+     */
+    whenReady() {
+        return this.#readiness.whenReady();
+    }
+    /**
+     * Wait for {@link whenReady}, then encode the tone-mapped image with the current settings, at the image's own
+     * size unless `width`/`height` are given. Only the image is included, not the viewer's controls.
+     */
+    async toBlob(options) {
+        await this.whenReady();
+        if (!this.#shown)
+            throw new Error('No image is loaded.');
+        return captureImage(this.#shown, this.#settings.toneMapping ?? 'neutral', 2 ** this.#settings.exposure, options);
+    }
+    disconnectedCallback() {
+        const generation = ++this.#generation;
+        // A parent React tree may be removing this element right now: unmount after that commit, and keep the root
+        // if the element is moved (disconnected and reconnected synchronously).
+        queueMicrotask(() => {
+            if (generation !== this.#generation || this.isConnected)
+                return;
+            this.#root?.unmount();
+            this.#root = undefined;
+            this.#readiness.disconnect();
+            ++this.#revision;
+        });
+    }
+    attributeChangedCallback(name) {
+        if (this.#reflecting)
+            return;
+        if (name === 'src')
+            this.#sourceChanged();
+        const exposure = this.getAttribute('exposure');
+        const toneMapping = oneOf(this.getAttribute('tone-mapping'), TONE_MAPPING_OPTIONS.map((option) => option.value));
+        const fit = oneOf(this.getAttribute('fit'), ['contain', 'actual']);
+        if (name === 'tone-mapping')
+            this.#settings.toneMapping = toneMapping;
+        if (fit)
+            this.#settings.fit = fit;
+        if (exposure !== null && Number.isFinite(Number(exposure)))
+            this.#settings.exposure = Number(exposure);
+        this.#render();
+    }
+    // Mark a new load synchronously, so whenReady() called right after a change waits for the new source.
+    #sourceChanged(reload = false) {
+        const source = this.#image ?? this.#data ?? this.getAttribute('src') ?? undefined;
+        // Setting the same source again does not reload, so it must not start waiting for a load either.
+        if (!this.#root || (source === this.#source && !reload))
+            return;
+        this.#source = source;
+        ++this.#revision;
+        this.#shown = undefined;
+        this.#readiness.pending();
+        this.setAttribute('aria-busy', String(source !== undefined));
+        if (source === undefined)
+            this.#readiness.finish();
+    }
+    // Write attributes without re-entering attributeChangedCallback.
+    #reflect(entries) {
+        this.#reflecting = true;
+        try {
+            for (const [name, value] of entries) {
+                if (value === undefined)
+                    this.removeAttribute(name);
+                else if (this.getAttribute(name) !== value)
+                    this.setAttribute(name, value);
+            }
+        }
+        finally {
+            this.#reflecting = false;
+        }
+    }
+    #dispatch(type, detail) {
+        this.dispatchEvent(new CustomEvent(type, { detail, bubbles: true, composed: true }));
+    }
+    #render() {
+        const exposureControl = this.getAttribute('exposure-control');
+        const revision = this.#revision;
+        const current = () => revision === this.#revision;
+        this.#root?.render(createElement(ImageViewer, {
+            src: this.getAttribute('src') ?? undefined,
+            data: this.#data,
+            image: this.#image,
+            ...this.#settings,
+            settingsPanel: oneOf(this.getAttribute('settings-panel'), ['open', 'closed', 'hidden']),
+            exposureControl: exposureControl !== null && exposureControl !== 'false',
+            style: { height: '100%' },
+            onProgress: (progress) => {
+                if (!current())
+                    return;
+                this.setAttribute('aria-busy', String(progress.totalProgress < 1));
+                this.#dispatch('progress', progress);
+            },
+            onLoad: (image) => {
+                if (!current())
+                    return;
+                this.#shown = image;
+                this.setAttribute('aria-busy', 'false');
+                this.#readiness.finish();
+                this.#dispatch('load', { image });
+            },
+            onError: (error) => {
+                if (!current())
+                    return;
+                this.setAttribute('aria-busy', 'false');
+                this.#readiness.finish(error);
+                this.#dispatch('error', { message: error.message, error });
+            },
+            onSettingsChange: (settings) => {
+                this.settings = settings;
+                this.#dispatch('settingschange', { settings: this.settings });
+            },
+            onSettingsPanelChange: (mode) => this.#reflect([['settings-panel', mode]]),
+        }));
+    }
+}
+if (typeof customElements !== 'undefined' && !customElements.get('image-viewer'))
+    customElements.define('image-viewer', ImageViewerElement);
+//# sourceMappingURL=element.js.map

package/dist/element.js.map

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