jupyterlab_advanced_image_viewer_extension 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/lib/index.js +2 -2
- package/package.json +1 -1
- package/src/index.ts +2 -2
package/README.md
CHANGED
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
A JupyterLab 4 extension that makes the built-in image viewer interactive. Images open fitted to the panel just like the stock viewer, then you can zoom with the wheel, pan by dragging, and step through a folder of images with the arrow keys - all in a single viewer tab.
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
The viewer toolbar adds zoom in / out / fit controls and a `help` link that lists every keybinding.
|
|
16
|
+
|
|
13
17
|
## Features
|
|
14
18
|
|
|
15
19
|
- **Fit to screen** - every image opens scaled to fit the panel (same result as the stock viewer), and reset returns to that fit
|
package/lib/index.js
CHANGED
|
@@ -53,15 +53,15 @@ const plugin = {
|
|
|
53
53
|
'<ul>',
|
|
54
54
|
'<li><b>Wheel up / down</b> - zoom in / out at the cursor</li>',
|
|
55
55
|
'<li><b>Click and drag</b> - pan a zoomed-in image</li>',
|
|
56
|
-
'<li><b
|
|
56
|
+
'<li><b>Toolbar buttons</b> - zoom in, zoom out, reset to fit</li>',
|
|
57
57
|
'<li><b>Left / Right arrows</b> - previous / next image in the folder</li>',
|
|
58
58
|
'</ul>',
|
|
59
59
|
'<p class="jp-AdvancedImageViewer-help-section">Standard viewer keys (compose with the above)</p>',
|
|
60
60
|
'<ul>',
|
|
61
|
+
'<li><b>= / - / 0</b> - zoom in / out / reset</li>',
|
|
61
62
|
'<li><b>] / [</b> - rotate clockwise / counter-clockwise</li>',
|
|
62
63
|
'<li><b>H / V</b> - flip horizontal / vertical</li>',
|
|
63
64
|
'<li><b>I</b> - invert colours</li>',
|
|
64
|
-
'<li><b>= / - / 0</b> - zoom in / out / reset</li>',
|
|
65
65
|
'</ul>'
|
|
66
66
|
].join('');
|
|
67
67
|
void showDialog({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jupyterlab_advanced_image_viewer_extension",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"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",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jupyter",
|
package/src/index.ts
CHANGED
|
@@ -90,15 +90,15 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
90
90
|
'<ul>',
|
|
91
91
|
'<li><b>Wheel up / down</b> - zoom in / out at the cursor</li>',
|
|
92
92
|
'<li><b>Click and drag</b> - pan a zoomed-in image</li>',
|
|
93
|
-
'<li><b
|
|
93
|
+
'<li><b>Toolbar buttons</b> - zoom in, zoom out, reset to fit</li>',
|
|
94
94
|
'<li><b>Left / Right arrows</b> - previous / next image in the folder</li>',
|
|
95
95
|
'</ul>',
|
|
96
96
|
'<p class="jp-AdvancedImageViewer-help-section">Standard viewer keys (compose with the above)</p>',
|
|
97
97
|
'<ul>',
|
|
98
|
+
'<li><b>= / - / 0</b> - zoom in / out / reset</li>',
|
|
98
99
|
'<li><b>] / [</b> - rotate clockwise / counter-clockwise</li>',
|
|
99
100
|
'<li><b>H / V</b> - flip horizontal / vertical</li>',
|
|
100
101
|
'<li><b>I</b> - invert colours</li>',
|
|
101
|
-
'<li><b>= / - / 0</b> - zoom in / out / reset</li>',
|
|
102
102
|
'</ul>'
|
|
103
103
|
].join('');
|
|
104
104
|
void showDialog({
|