triiiceratops 0.16.6 → 0.16.8

package/dist/components/OSDViewer.svelte

@@ -173,6 +173,17 @@
 
             OSD = osdModule.default || osdModule;
             patchIiifLevel0ProfileCompatibility(OSD);
+            const userAgent = navigator.userAgent || '';
+            const isAndroidChrome =
+                /Android/i.test(userAgent) && /\bChrome\//i.test(userAgent);
+            const consumerOverrides = viewerState.config?.openSeadragonConfig ?? {};
+
+            // Prefer canvas first on Android Chrome unless consumer overrides drawer.
+            // This avoids known WebGL tile rendering issues on some mobile devices.
+            const defaultDrawer =
+                isAndroidChrome && consumerOverrides.drawer === undefined
+                    ? { drawer: ['canvas', 'webgl', 'html'] }
+                    : {};
 
             // Initialize OpenSeadragon viewer
             viewer = OSD({
@@ -188,8 +199,9 @@
                 animationTime: 0.5,
                 springStiffness: 7.0,
                 zoomPerClick: 2.0,
+                ...defaultDrawer,
                 // Consumer-provided OSD overrides
-                ...(viewerState.config?.openSeadragonConfig ?? {}),
+                ...consumerOverrides,
                 // Enable double-click to zoom, but keep clickToZoom disabled for Annotorious
                 gestureSettingsMouse: {
                     clickToZoom: false,
@@ -209,7 +221,9 @@
                 viewer.viewport.minZoomLevel = homeZoom * floorFactor;
 
                 if (overrides.minPixelRatio === undefined) {
-                    viewer.minPixelRatio = 0.5;
+                    // Lower threshold prevents blanking on sparse/level-0 pyramids
+                    // when zooming far out (especially on small mobile viewports).
+                    viewer.minPixelRatio = 0.1;
                 }
             });
 
@@ -344,29 +358,6 @@
         osd.__triiiceratopsIiifLevel0Patched = true;
     }
 
-    function setViewerImageVisible(isVisible: boolean) {
-        if (!container) return;
-        container.style.opacity = isVisible ? '1' : '0';
-    }
-
-    function revealViewerImageAfterFirstRender(capturedKey: string) {
-        if (!viewer) return;
-
-        const reveal = () => {
-            if (capturedKey !== lastTileSourceStr) return;
-            setViewerImageVisible(true);
-        };
-
-        // WebGLDrawer in OSD 5 rejects tile-drawn/tile-drawing handlers.
-        const drawerType = viewer.drawer?.getType?.();
-        if (drawerType === 'webgl') {
-            viewer.addOnceHandler('open', reveal);
-            return;
-        }
-
-        viewer.addOnceHandler('tile-drawn', reveal);
-    }
-
     // Pre-fetch info.json URLs to detect 401 auth errors before passing to OSD
     async function resolveTileSources(
         sources: any[],
@@ -415,7 +406,6 @@
         // If sources are cleared/absent during a canvas/world switch, clear
         // stale tiles immediately and allow the same source to reopen later.
         if (!tileSources) {
-            setViewerImageVisible(false);
             viewer.close();
             viewerState.tileSourceError = null;
             lastTileSourceStr = '';
@@ -449,7 +439,6 @@
               : [];
 
         if (sources.length === 0) {
-            setViewerImageVisible(false);
             viewer.close();
             viewerState.tileSourceError = null;
             lastTileSourceStr = '';
@@ -460,10 +449,6 @@
         const capturedKey = stateKey;
         const overrides = viewerState.config?.openSeadragonConfig ?? {};
 
-        // Hide the previous image immediately; reveal once new tiles are drawn.
-        setViewerImageVisible(false);
-        revealViewerImageAfterFirstRender(capturedKey);
-
         if (mode === 'continuous') {
             // Remove current world immediately so stale canvases are not shown
             // while async source resolution is in progress.
@@ -471,7 +456,7 @@
             viewerState.tileSourceError = null;
 
             if (overrides.minPixelRatio === undefined) {
-                viewer.minPixelRatio = 0.5;
+                viewer.minPixelRatio = 0.1;
             }
             if (overrides.minZoomImageRatio === undefined) {
                 viewer.minZoomImageRatio = 0.9;
@@ -589,7 +574,7 @@
 
         // Restore less aggressive defaults outside continuous mode unless user-overridden.
         if (overrides.minPixelRatio === undefined) {
-            viewer.minPixelRatio = 0.5;
+            viewer.minPixelRatio = 0.1;
         }
         if (overrides.minZoomImageRatio === undefined) {
             viewer.minZoomImageRatio = 0.9;

package/dist/state/viewer.search.test.js

@@ -77,8 +77,12 @@ describe('ViewerState - IIIF Search', () => {
      * Helper to setup a mock manifest with canvases
      */
     function setupMockManifest(manifestJson) {
-        const mockManifest = manifesto.parseManifest(manifestJson);
-        const mockCanvases = mockManifest.getSequences()[0].getCanvases();
+        const parsed = manifesto.parseManifest(manifestJson);
+        if (!parsed) {
+            throw new Error('Failed to parse mock manifest');
+        }
+        const mockManifest = parsed;
+        const mockCanvases = mockManifest.getSequences()[0]?.getCanvases() ?? [];
         vi.mocked(manifestsState.getManifest).mockReturnValue(mockManifest);
         vi.mocked(manifestsState.getCanvases).mockReturnValue(mockCanvases);
         return { mockManifest, mockCanvases };