@docmentis/udoc-viewer 0.1.0

package/dist/ui/viewer/components/Spread.js

@@ -0,0 +1,278 @@
+import { getPointsToPixels } from "../state";
+import { getDevicePixelRatio, toCssPixels, toDevicePixels } from "../layout";
+import { renderAnnotationsToLayer } from "../annotation";
+function normalizeRotation(rotation) {
+    switch (rotation) {
+        case 90:
+        case 180:
+        case 270:
+            return rotation;
+        default:
+            return 0;
+    }
+}
+function rotateSize(size, rotation) {
+    const normalized = normalizeRotation(rotation);
+    if (normalized === 90 || normalized === 270) {
+        return { width: size.height, height: size.width };
+    }
+    return size;
+}
+function formatScaleKey(value) {
+    return value.toFixed(4);
+}
+function formatCssSize(value) {
+    return `${value.toFixed(3)}px`;
+}
+/**
+ * Spread component - renders one or two pages side by side.
+ * Empty slots render as blank placeholders that preserve layout.
+ */
+export function createSpread(data) {
+    const el = document.createElement("div");
+    el.className = "udoc-spread";
+    el.dataset.spreadIndex = String(data.index);
+    const slotElements = [];
+    let mounted = false;
+    for (const slot of data.slots) {
+        const slotEl = createSlotElement(slot);
+        slotElements.push(slotEl);
+        el.appendChild(slotEl.container);
+    }
+    function createSlotElement(pageNumber) {
+        const container = document.createElement("div");
+        container.className = "udoc-spread__slot";
+        container.style.position = "relative";
+        container.style.overflow = "hidden";
+        if (pageNumber !== null) {
+            container.dataset.page = String(pageNumber);
+            const canvas = document.createElement("canvas");
+            canvas.className = "udoc-spread__canvas";
+            canvas.style.position = "absolute";
+            canvas.style.left = "0px";
+            canvas.style.top = "0px";
+            canvas.style.transformOrigin = "top left";
+            container.appendChild(canvas);
+            // Annotation layer (above canvas)
+            const annotationLayer = document.createElement("div");
+            annotationLayer.className = "udoc-spread__annotation-layer";
+            annotationLayer.style.position = "absolute";
+            annotationLayer.style.left = "0px";
+            annotationLayer.style.top = "0px";
+            annotationLayer.style.transformOrigin = "top left";
+            annotationLayer.style.pointerEvents = "none";
+            container.appendChild(annotationLayer);
+            return {
+                container,
+                canvas,
+                annotationLayer,
+                pageNumber,
+                renderKey: "",
+                pendingKey: null,
+                renderToken: 0,
+                cssWidth: 0,
+                cssHeight: 0,
+                lastAnnotations: null,
+                lastAnnotationScale: 0,
+                lastHighlightedBounds: null
+            };
+        }
+        container.classList.add("udoc-spread__slot--empty");
+        return {
+            container,
+            canvas: null,
+            annotationLayer: null,
+            pageNumber: null,
+            renderKey: "",
+            pendingKey: null,
+            renderToken: 0,
+            cssWidth: 0,
+            cssHeight: 0,
+            lastAnnotations: null,
+            lastAnnotationScale: 0,
+            lastHighlightedBounds: null
+        };
+    }
+    function updateLayout(options) {
+        const dpr = getDevicePixelRatio();
+        const pointsToPixels = getPointsToPixels(options.dpi);
+        const rotation = normalizeRotation(options.rotation);
+        const gapCss = toCssPixels(toDevicePixels(options.pageSpacing, dpr), dpr);
+        el.style.gap = `${gapCss}px`;
+        let referenceSize = null;
+        for (const slotEl of slotElements) {
+            if (slotEl.pageNumber === null)
+                continue;
+            const pageSize = options.pageInfos[slotEl.pageNumber - 1];
+            if (pageSize) {
+                referenceSize = {
+                    width: pageSize.width * pointsToPixels * options.scale,
+                    height: pageSize.height * pointsToPixels * options.scale
+                };
+                break;
+            }
+        }
+        for (const slotEl of slotElements) {
+            const pageSize = slotEl.pageNumber === null
+                ? null
+                : options.pageInfos[slotEl.pageNumber - 1];
+            const baseSize = pageSize
+                ? {
+                    width: pageSize.width * pointsToPixels * options.scale,
+                    height: pageSize.height * pointsToPixels * options.scale
+                }
+                : referenceSize;
+            if (!baseSize) {
+                slotEl.container.style.width = "0px";
+                slotEl.container.style.height = "0px";
+                continue;
+            }
+            const baseWidthDevice = toDevicePixels(baseSize.width, dpr);
+            const baseHeightDevice = toDevicePixels(baseSize.height, dpr);
+            const rotatedSize = rotateSize({ width: baseWidthDevice, height: baseHeightDevice }, rotation);
+            slotEl.container.style.width = formatCssSize(toCssPixels(rotatedSize.width, dpr));
+            slotEl.container.style.height = formatCssSize(toCssPixels(rotatedSize.height, dpr));
+            slotEl.cssWidth = toCssPixels(baseWidthDevice, dpr);
+            slotEl.cssHeight = toCssPixels(baseHeightDevice, dpr);
+            if (slotEl.canvas) {
+                slotEl.canvas.style.width = formatCssSize(slotEl.cssWidth);
+                slotEl.canvas.style.height = formatCssSize(slotEl.cssHeight);
+                const canvasLeft = rotation === 180 ? slotEl.cssWidth : rotation === 270 ? slotEl.cssHeight : 0;
+                const canvasTop = rotation === 90 ? slotEl.cssWidth : rotation === 180 ? slotEl.cssHeight : 0;
+                slotEl.canvas.style.left = formatCssSize(canvasLeft);
+                slotEl.canvas.style.top = formatCssSize(canvasTop);
+                slotEl.canvas.style.transform = rotation === 0 ? "none" : `rotate(${rotation}deg)`;
+            }
+            // Update annotation layer to match canvas position/transform
+            if (slotEl.annotationLayer) {
+                slotEl.annotationLayer.style.width = formatCssSize(slotEl.cssWidth);
+                slotEl.annotationLayer.style.height = formatCssSize(slotEl.cssHeight);
+                const layerLeft = rotation === 180 ? slotEl.cssWidth : rotation === 270 ? slotEl.cssHeight : 0;
+                const layerTop = rotation === 90 ? slotEl.cssWidth : rotation === 180 ? slotEl.cssHeight : 0;
+                slotEl.annotationLayer.style.left = formatCssSize(layerLeft);
+                slotEl.annotationLayer.style.top = formatCssSize(layerTop);
+                slotEl.annotationLayer.style.transform = rotation === 0 ? "none" : `rotate(${rotation}deg)`;
+            }
+        }
+    }
+    async function render(renderManager, options) {
+        const dpr = getDevicePixelRatio();
+        const pointsToPixels = getPointsToPixels(options.dpi);
+        const renderScale = pointsToPixels * options.scale * dpr;
+        const scaleKey = formatScaleKey(renderScale);
+        for (const slotEl of slotElements) {
+            if (slotEl.pageNumber === null || slotEl.canvas === null) {
+                slotEl.renderKey = "";
+                slotEl.pendingKey = null;
+                continue;
+            }
+            const key = `${options.docId}:${slotEl.pageNumber}:${scaleKey}`;
+            if (slotEl.renderKey === key || slotEl.pendingKey === key)
+                continue;
+            const token = ++slotEl.renderToken;
+            slotEl.pendingKey = key;
+            try {
+                const result = await renderManager.request({
+                    docId: options.docId,
+                    page: slotEl.pageNumber,
+                    type: "page",
+                    scale: renderScale
+                });
+                if (!mounted || slotEl.renderToken !== token) {
+                    if (slotEl.pendingKey === key)
+                        slotEl.pendingKey = null;
+                    continue;
+                }
+                const canvas = slotEl.canvas;
+                if (slotEl.cssWidth > 0 && slotEl.cssHeight > 0) {
+                    canvas.width = Math.max(1, Math.round(slotEl.cssWidth * dpr));
+                    canvas.height = Math.max(1, Math.round(slotEl.cssHeight * dpr));
+                    canvas.style.width = formatCssSize(slotEl.cssWidth);
+                    canvas.style.height = formatCssSize(slotEl.cssHeight);
+                }
+                else {
+                    canvas.width = result.width;
+                    canvas.height = result.height;
+                }
+                const ctx = canvas.getContext("2d");
+                if (ctx) {
+                    ctx.clearRect(0, 0, canvas.width, canvas.height);
+                    if (canvas.width === result.width && canvas.height === result.height) {
+                        ctx.drawImage(result.bitmap, 0, 0);
+                    }
+                    else {
+                        ctx.drawImage(result.bitmap, 0, 0, canvas.width, canvas.height);
+                    }
+                }
+                slotEl.renderKey = key;
+            }
+            catch (error) {
+                if (error.message !== "Request cancelled") {
+                    console.error(`Spread render failed for page ${slotEl.pageNumber}:`, error);
+                }
+            }
+            finally {
+                if (slotEl.pendingKey === key)
+                    slotEl.pendingKey = null;
+            }
+        }
+    }
+    function mount(container) {
+        container.appendChild(el);
+        mounted = true;
+    }
+    function destroy() {
+        mounted = false;
+        for (const slotEl of slotElements) {
+            slotEl.renderKey = "";
+            slotEl.pendingKey = null;
+            slotEl.renderToken = 0;
+        }
+        el.remove();
+    }
+    function getElement() {
+        return el;
+    }
+    function getData() {
+        return data;
+    }
+    function updateAnnotations(annotations, options, highlightedAnnotation) {
+        const pointsToPixels = getPointsToPixels(options.dpi);
+        const scale = pointsToPixels * options.scale;
+        for (const slotEl of slotElements) {
+            if (!slotEl.annotationLayer || slotEl.pageNumber === null)
+                continue;
+            // pageNumber is 1-based, annotations map is 0-based
+            const pageIndex = slotEl.pageNumber - 1;
+            const pageAnnotations = annotations.get(pageIndex);
+            // Check if this page has a highlighted annotation
+            const highlightBounds = highlightedAnnotation?.pageIndex === pageIndex
+                ? highlightedAnnotation.bounds
+                : null;
+            // Skip if annotations, scale, and highlight haven't changed
+            // Use epsilon comparison for scale to prevent oscillation from floating-point drift
+            const scaleUnchanged = Math.abs(scale - slotEl.lastAnnotationScale) < 0.0001;
+            if (pageAnnotations === slotEl.lastAnnotations &&
+                scaleUnchanged &&
+                highlightBounds === slotEl.lastHighlightedBounds) {
+                continue;
+            }
+            // Render and cache
+            renderAnnotationsToLayer(slotEl.annotationLayer, pageAnnotations || [], scale, highlightBounds);
+            slotEl.lastAnnotations = pageAnnotations ?? null;
+            slotEl.lastAnnotationScale = scale;
+            slotEl.lastHighlightedBounds = highlightBounds;
+        }
+    }
+    return {
+        el,
+        mount,
+        destroy,
+        render,
+        updateLayout,
+        updateAnnotations,
+        getElement,
+        getData
+    };
+}
+//# sourceMappingURL=Spread.js.map

package/dist/ui/viewer/components/Spread.js.map

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

package/dist/ui/viewer/components/ThumbnailPanel.d.ts

@@ -0,0 +1,11 @@
+import type { Store } from "../../framework/store";
+import type { ViewerState } from "../state";
+import type { Action } from "../actions";
+import type { RenderManager } from "../rendering/RenderManager";
+export declare function createThumbnailPanel(): {
+    el: HTMLDivElement;
+    mount: (container: HTMLElement, store: Store<ViewerState, Action>, rm: RenderManager) => void;
+    destroy: () => void;
+};
+export type ThumbnailPanelComponent = ReturnType<typeof createThumbnailPanel>;
+//# sourceMappingURL=ThumbnailPanel.d.ts.map

package/dist/ui/viewer/components/ThumbnailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPanel.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/components/ThumbnailPanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAY,MAAM,UAAU,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAgChE,wBAAgB,oBAAoB;;uBAoMjB,WAAW,SACf,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAC7B,aAAa,KAClB,IAAI;mBAiBa,IAAI;EAqB3B;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/ui/viewer/components/ThumbnailPanel.js

@@ -0,0 +1,206 @@
+import { subscribeSelector, shallowEqual } from "../../framework/selectors";
+import { getPointsToPixels } from "../state";
+import { getDevicePixelRatio } from "../layout";
+const THUMBNAIL_WIDTH = 150; // Fixed width in CSS pixels
+function selectThumbnailSlice(state) {
+    return {
+        docId: state.doc?.id ?? null,
+        pageCount: state.pageCount,
+        pageInfos: state.pageInfos,
+        currentPage: state.page,
+        dpi: state.dpi
+    };
+}
+export function createThumbnailPanel() {
+    const el = document.createElement("div");
+    el.className = "udoc-thumbnail-panel";
+    let mounted = false;
+    let storeRef = null;
+    let renderManager = null;
+    let thumbnailItems = [];
+    let intersectionObserver = null;
+    let currentSlice = null;
+    let unsubRender = null;
+    const unsubEvents = [];
+    function createThumbnailItem(pageNumber, pageInfo) {
+        const container = document.createElement("div");
+        container.className = "udoc-thumbnail-item";
+        container.dataset.page = String(pageNumber);
+        const canvas = document.createElement("canvas");
+        canvas.className = "udoc-thumbnail-item__canvas";
+        // Set aspect ratio for responsive scaling
+        const aspectRatio = pageInfo.width / pageInfo.height;
+        canvas.style.aspectRatio = String(aspectRatio);
+        canvas.style.width = `${THUMBNAIL_WIDTH}px`;
+        container.appendChild(canvas);
+        const label = document.createElement("div");
+        label.className = "udoc-thumbnail-item__label";
+        label.textContent = String(pageNumber);
+        container.appendChild(label);
+        // Click handler for navigation
+        const onClick = () => {
+            if (storeRef) {
+                storeRef.dispatch({ type: "NAVIGATE_TO_PAGE", page: pageNumber });
+            }
+        };
+        container.addEventListener("click", onClick);
+        unsubEvents.push(() => container.removeEventListener("click", onClick));
+        return {
+            container,
+            canvas,
+            pageNumber,
+            renderKey: "",
+            pendingKey: null,
+            renderToken: 0
+        };
+    }
+    function buildThumbnailList(slice) {
+        // Clear existing
+        for (const item of thumbnailItems) {
+            item.container.remove();
+        }
+        thumbnailItems = [];
+        if (!slice.docId || slice.pageCount === 0)
+            return;
+        // Default page size if not available
+        const defaultPageInfo = { width: 612, height: 792 };
+        // Create thumbnail items for each page
+        for (let i = 1; i <= slice.pageCount; i++) {
+            const pageInfo = slice.pageInfos[i - 1] || defaultPageInfo;
+            const item = createThumbnailItem(i, pageInfo);
+            thumbnailItems.push(item);
+            el.appendChild(item.container);
+        }
+        // Setup intersection observer for lazy loading
+        setupIntersectionObserver();
+        // Highlight current page
+        updateCurrentPageHighlight(slice.currentPage);
+    }
+    function setupIntersectionObserver() {
+        if (intersectionObserver) {
+            intersectionObserver.disconnect();
+        }
+        intersectionObserver = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    const pageNumber = parseInt(entry.target.dataset.page || "0", 10);
+                    if (pageNumber > 0) {
+                        requestThumbnailRender(pageNumber);
+                    }
+                }
+            }
+        }, {
+            root: el,
+            rootMargin: "100px 0px",
+            threshold: 0
+        });
+        for (const item of thumbnailItems) {
+            intersectionObserver.observe(item.container);
+        }
+    }
+    async function requestThumbnailRender(pageNumber) {
+        const item = thumbnailItems[pageNumber - 1];
+        if (!item || !renderManager || !currentSlice || !currentSlice.docId)
+            return;
+        const pageInfo = currentSlice.pageInfos[pageNumber - 1];
+        if (!pageInfo)
+            return;
+        const dpr = getDevicePixelRatio();
+        const pointsToPixels = getPointsToPixels(currentSlice.dpi);
+        const scale = THUMBNAIL_WIDTH / (pageInfo.width * pointsToPixels);
+        const renderScale = scale * pointsToPixels * dpr;
+        const key = `${currentSlice.docId}:${pageNumber}:${renderScale.toFixed(4)}`;
+        if (item.renderKey === key || item.pendingKey === key)
+            return;
+        const token = ++item.renderToken;
+        item.pendingKey = key;
+        try {
+            const result = await renderManager.request({
+                docId: currentSlice.docId,
+                page: pageNumber,
+                type: "thumbnail",
+                scale: renderScale
+            });
+            if (!mounted || item.renderToken !== token) {
+                if (item.pendingKey === key)
+                    item.pendingKey = null;
+                return;
+            }
+            const canvas = item.canvas;
+            canvas.width = result.width;
+            canvas.height = result.height;
+            const ctx = canvas.getContext("2d");
+            if (ctx) {
+                ctx.drawImage(result.bitmap, 0, 0);
+            }
+            item.renderKey = key;
+        }
+        catch (error) {
+            if (error.message !== "Request cancelled") {
+                console.error(`Thumbnail render failed for page ${pageNumber}:`, error);
+            }
+        }
+        finally {
+            if (item.pendingKey === key)
+                item.pendingKey = null;
+        }
+    }
+    function updateCurrentPageHighlight(currentPage) {
+        for (const item of thumbnailItems) {
+            const isActive = item.pageNumber === currentPage;
+            item.container.classList.toggle("udoc-thumbnail-item--active", isActive);
+        }
+    }
+    function scrollActiveIntoView(currentPage) {
+        const item = thumbnailItems[currentPage - 1];
+        if (!item)
+            return;
+        // Use instant scroll to avoid triggering renders for all intermediate thumbnails
+        item.container.scrollIntoView({
+            behavior: "instant",
+            block: "nearest"
+        });
+    }
+    function applyState(slice) {
+        const docChanged = !currentSlice ||
+            slice.docId !== currentSlice.docId ||
+            slice.pageCount !== currentSlice.pageCount ||
+            slice.pageInfos !== currentSlice.pageInfos;
+        if (docChanged) {
+            buildThumbnailList(slice);
+        }
+        else if (slice.currentPage !== currentSlice?.currentPage) {
+            updateCurrentPageHighlight(slice.currentPage);
+            scrollActiveIntoView(slice.currentPage);
+        }
+        currentSlice = slice;
+    }
+    function mount(container, store, rm) {
+        container.appendChild(el);
+        mounted = true;
+        storeRef = store;
+        renderManager = rm;
+        // Apply initial state (currentSlice is null, so docChanged will be true)
+        applyState(selectThumbnailSlice(store.getState()));
+        unsubRender = subscribeSelector(store, selectThumbnailSlice, applyState, { equality: shallowEqual });
+    }
+    function destroy() {
+        mounted = false;
+        if (unsubRender)
+            unsubRender();
+        for (const off of unsubEvents)
+            off();
+        unsubEvents.length = 0;
+        if (intersectionObserver) {
+            intersectionObserver.disconnect();
+            intersectionObserver = null;
+        }
+        thumbnailItems = [];
+        storeRef = null;
+        renderManager = null;
+        currentSlice = null;
+        el.remove();
+    }
+    return { el, mount, destroy };
+}
+//# sourceMappingURL=ThumbnailPanel.js.map

package/dist/ui/viewer/components/ThumbnailPanel.js.map

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

package/dist/ui/viewer/components/Toolbar.d.ts

@@ -0,0 +1,9 @@
+import type { Store } from "../../framework/store";
+import type { ViewerState } from "../state";
+import type { Action } from "../actions";
+export declare function createToolbar(): {
+    el: HTMLDivElement;
+    mount: (container: HTMLElement, store: Store<ViewerState, Action>) => void;
+    destroy: () => void;
+};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/ui/viewer/components/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/ui/viewer/components/Toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAWzC,wBAAgB,aAAa;;uBA2BC,WAAW,SAAS,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAAG,IAAI;mBA4D3D,IAAI;EAO3B"}

package/dist/ui/viewer/components/Toolbar.js

@@ -0,0 +1,93 @@
+import { ICON_MENU, ICON_SEARCH, ICON_COMMENTS, ICON_FULLSCREEN, ICON_FULLSCREEN_EXIT } from "../icons";
+function createButton(className, label, iconSvg) {
+    const btn = document.createElement("button");
+    btn.className = `udoc-toolbar__btn ${className}`;
+    btn.setAttribute("aria-label", label);
+    btn.innerHTML = iconSvg;
+    return btn;
+}
+export function createToolbar() {
+    const el = document.createElement("div");
+    el.className = "udoc-toolbar";
+    // Left section
+    const leftSection = document.createElement("div");
+    leftSection.className = "udoc-toolbar__left";
+    const menuBtn = createButton("udoc-toolbar__btn--menu", "Menu", ICON_MENU);
+    leftSection.appendChild(menuBtn);
+    // Spacer
+    const spacer = document.createElement("div");
+    spacer.className = "udoc-toolbar__spacer";
+    // Right section
+    const rightSection = document.createElement("div");
+    rightSection.className = "udoc-toolbar__right";
+    const searchBtn = createButton("udoc-toolbar__btn--search", "Search", ICON_SEARCH);
+    const commentsBtn = createButton("udoc-toolbar__btn--comments", "Comments", ICON_COMMENTS);
+    const fullscreenBtn = createButton("udoc-toolbar__btn--fullscreen", "Fullscreen", ICON_FULLSCREEN);
+    rightSection.append(searchBtn, commentsBtn, fullscreenBtn);
+    el.append(leftSection, spacer, rightSection);
+    const unsubEvents = [];
+    let unsubRender = null;
+    function mount(container, store) {
+        container.appendChild(el);
+        // Wire menu button to toggle thumbnails panel
+        const onMenuClick = () => {
+            store.dispatch({ type: "TOGGLE_PANEL", panel: "thumbnail" });
+        };
+        menuBtn.addEventListener("click", onMenuClick);
+        unsubEvents.push(() => menuBtn.removeEventListener("click", onMenuClick));
+        // Wire search button to toggle search panel
+        const onSearchClick = () => {
+            store.dispatch({ type: "TOGGLE_PANEL", panel: "search" });
+        };
+        searchBtn.addEventListener("click", onSearchClick);
+        unsubEvents.push(() => searchBtn.removeEventListener("click", onSearchClick));
+        // Wire comments button to toggle comments panel
+        const onCommentsClick = () => {
+            store.dispatch({ type: "TOGGLE_PANEL", panel: "comments" });
+        };
+        commentsBtn.addEventListener("click", onCommentsClick);
+        unsubEvents.push(() => commentsBtn.removeEventListener("click", onCommentsClick));
+        // Wire fullscreen button
+        const onFullscreenClick = () => {
+            const root = el.closest(".udoc-viewer-root");
+            if (!root)
+                return;
+            if (!document.fullscreenElement) {
+                root.requestFullscreen().catch(() => {
+                    // Fullscreen request failed (e.g., not allowed by browser)
+                });
+            }
+            else {
+                document.exitFullscreen().catch(() => {
+                    // Exit fullscreen failed
+                });
+            }
+        };
+        fullscreenBtn.addEventListener("click", onFullscreenClick);
+        unsubEvents.push(() => fullscreenBtn.removeEventListener("click", onFullscreenClick));
+        // Listen for fullscreen change events to sync state
+        const onFullscreenChange = () => {
+            const root = el.closest(".udoc-viewer-root");
+            const isFullscreen = document.fullscreenElement === root;
+            store.dispatch({ type: "SET_FULLSCREEN", isFullscreen });
+        };
+        document.addEventListener("fullscreenchange", onFullscreenChange);
+        unsubEvents.push(() => document.removeEventListener("fullscreenchange", onFullscreenChange));
+        // Subscribe to state to update fullscreen button icon
+        unsubRender = store.subscribeRender((prev, next) => {
+            if (prev.isFullscreen !== next.isFullscreen) {
+                fullscreenBtn.innerHTML = next.isFullscreen ? ICON_FULLSCREEN_EXIT : ICON_FULLSCREEN;
+                fullscreenBtn.setAttribute("aria-label", next.isFullscreen ? "Exit fullscreen" : "Fullscreen");
+            }
+        });
+    }
+    function destroy() {
+        if (unsubRender)
+            unsubRender();
+        for (const off of unsubEvents)
+            off();
+        el.remove();
+    }
+    return { el, mount, destroy };
+}
+//# sourceMappingURL=Toolbar.js.map

package/dist/ui/viewer/components/Toolbar.js.map

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

package/dist/ui/viewer/components/ViewModeMenu.d.ts

@@ -0,0 +1,9 @@
+import type { Store } from "../../framework/store";
+import type { ViewerState } from "../state";
+import type { Action } from "../actions";
+export declare function createViewModeMenu(): {
+    el: HTMLDivElement;
+    mount: (store: Store<ViewerState, Action>) => void;
+    destroy: () => void;
+};
+//# sourceMappingURL=ViewModeMenu.d.ts.map