jupyterlab_advanced_image_viewer_extension 1.1.4 → 1.1.5

package/README.md

@@ -23,7 +23,7 @@ The viewer toolbar adds zoom in / out / fit controls and a `help` link that list
 - **Arrow-key navigation** - Left and Right open the previous and next image in the same folder, in the order the file browser lists them, advancing within one viewer instead of opening new tabs
 - **Copy to clipboard** - right-click a raster image (PNG/JPG/…) and choose "Copy to Clipboard" to copy it as PNG to the system clipboard
 - **Refresh** - a toolbar refresh button reloads the image from disk, the same control the HTML viewer provides
-- **WebP support** - `.webp` files open in the image viewer with every feature above; stock JupyterLab opens them in the text editor
+- **WebP and AVIF support** - `.webp` and `.avif` files open in the image viewer with every feature above; stock JupyterLab does not open them and shows a File Load Error
 
 ## Requirements
 

package/lib/index.js

@@ -3,7 +3,7 @@ import { PathExt } from '@jupyterlab/coreutils';
 import { IDefaultFileBrowser } from '@jupyterlab/filebrowser';
 import { IImageTracker } from '@jupyterlab/imageviewer';
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
-import { refreshIcon } from '@jupyterlab/ui-components';
+import { imageIcon, refreshIcon } from '@jupyterlab/ui-components';
 import { Widget } from '@lumino/widgets';
 import { ViewerController } from './controller';
 const PLUGIN_ID = 'jupyterlab_advanced_image_viewer_extension:plugin';
@@ -22,11 +22,20 @@ const IMAGE_EXTS = new Set([
     '.gif',
     '.bmp',
     '.svg',
-    '.webp'
+    '.webp',
+    '.avif'
 ]);
 // Raster formats that can be drawn to a canvas and copied as PNG. SVG is
 // excluded - the drawio/SVG extension already adds its own "Copy as PNG".
-const RASTER_EXTS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.webp']);
+const RASTER_EXTS = new Set([
+    '.png',
+    '.jpg',
+    '.jpeg',
+    '.gif',
+    '.bmp',
+    '.webp',
+    '.avif'
+]);
 const defaults = {
     navEnabled: true,
     zoomStep: 0.1
@@ -148,6 +157,16 @@ const plugin = {
         if (webp) {
             app.docRegistry.addFileType(webp, ['Image']);
         }
+        // JupyterLab registers no 'avif' file type at all, so add one with the
+        // same shape as its other image types, bound to the same factory.
+        app.docRegistry.addFileType({
+            name: 'avif',
+            displayName: 'Image',
+            mimeTypes: ['image/avif'],
+            extensions: ['.avif'],
+            icon: imageIcon,
+            fileFormat: 'base64'
+        }, ['Image']);
         app.commands.addCommand(CommandIDs.zoomIn, {
             label: 'Zoom In (Advanced Image Viewer)',
             isEnabled: () => currentController() !== null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_advanced_image_viewer_extension",
-    "version": "1.1.4",
+    "version": "1.1.5",
     "description": "JupyterLab extension for advanced image viewing: fit-to-screen, cursor-anchored wheel zoom, drag-to-pan, and Left/Right arrow keys to move to the previous and next image in a folder",
     "keywords": [
         "jupyter",

package/src/index.ts

@@ -20,7 +20,7 @@ import { IImageTracker, ImageViewer } from '@jupyterlab/imageviewer';
 
 import { ISettingRegistry } from '@jupyterlab/settingregistry';
 
-import { refreshIcon } from '@jupyterlab/ui-components';
+import { imageIcon, refreshIcon } from '@jupyterlab/ui-components';
 
 import { IDisposable } from '@lumino/disposable';
 
@@ -46,12 +46,21 @@ const IMAGE_EXTS = new Set([
   '.gif',
   '.bmp',
   '.svg',
-  '.webp'
+  '.webp',
+  '.avif'
 ]);
 
 // Raster formats that can be drawn to a canvas and copied as PNG. SVG is
 // excluded - the drawio/SVG extension already adds its own "Copy as PNG".
-const RASTER_EXTS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.bmp', '.webp']);
+const RASTER_EXTS = new Set([
+  '.png',
+  '.jpg',
+  '.jpeg',
+  '.gif',
+  '.bmp',
+  '.webp',
+  '.avif'
+]);
 
 interface ISettingsState {
   navEnabled: boolean;
@@ -209,6 +218,19 @@ const plugin: JupyterFrontEndPlugin<void> = {
     if (webp) {
       app.docRegistry.addFileType(webp, ['Image']);
     }
+    // JupyterLab registers no 'avif' file type at all, so add one with the
+    // same shape as its other image types, bound to the same factory.
+    app.docRegistry.addFileType(
+      {
+        name: 'avif',
+        displayName: 'Image',
+        mimeTypes: ['image/avif'],
+        extensions: ['.avif'],
+        icon: imageIcon,
+        fileFormat: 'base64'
+      },
+      ['Image']
+    );
 
     app.commands.addCommand(CommandIDs.zoomIn, {
       label: 'Zoom In (Advanced Image Viewer)',