jupyterlab_advanced_image_viewer_extension 1.1.0 → 1.1.2

package/README.md

@@ -23,6 +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, 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
 
 ## Requirements
 

package/lib/index.js

@@ -132,6 +132,17 @@ const plugin = {
         };
         tracker.forEach(widget => attach(widget));
         tracker.widgetAdded.connect((_, widget) => attach(widget));
+        // JupyterLab registers a 'webp' file type but binds no image viewer to it,
+        // so a .webp falls through to the text editor and fails with "not UTF-8
+        // encoded". Bind the stock 'Image' factory to it rather than a factory of
+        // our own: the document manager finds an open tab by path and factory
+        // name, and the file browser, the /tree route, the layout restorer and
+        // navigate() must all name the same factory or each opens its own tab.
+        // The stock factory then tracks the widget and sets its icon, as for a PNG.
+        const webp = app.docRegistry.getFileType('webp');
+        if (webp) {
+            app.docRegistry.addFileType(webp, ['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.0",
+    "version": "1.1.2",
     "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

@@ -191,6 +191,18 @@ const plugin: JupyterFrontEndPlugin<void> = {
     tracker.forEach(widget => attach(widget));
     tracker.widgetAdded.connect((_, widget) => attach(widget));
 
+    // JupyterLab registers a 'webp' file type but binds no image viewer to it,
+    // so a .webp falls through to the text editor and fails with "not UTF-8
+    // encoded". Bind the stock 'Image' factory to it rather than a factory of
+    // our own: the document manager finds an open tab by path and factory
+    // name, and the file browser, the /tree route, the layout restorer and
+    // navigate() must all name the same factory or each opens its own tab.
+    // The stock factory then tracks the widget and sets its icon, as for a PNG.
+    const webp = app.docRegistry.getFileType('webp');
+    if (webp) {
+      app.docRegistry.addFileType(webp, ['Image']);
+    }
+
     app.commands.addCommand(CommandIDs.zoomIn, {
       label: 'Zoom In (Advanced Image Viewer)',
       isEnabled: () => currentController() !== null,