jupyterlab_vscode_icons_extension 1.0.65 → 1.0.70
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 +1 -0
- package/lib/index.js +7 -7
- package/package.json +1 -1
- package/src/index.ts +7 -6
package/README.md
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
[](https://pepy.tech/project/jupyterlab-vscode-icons-extension)
|
|
7
7
|
[](https://jupyterlab.readthedocs.io/en/stable/)
|
|
8
8
|
[](https://kolomolo.com)
|
|
9
|
+
[](https://www.paypal.com/donate/?hosted_button_id=B4KPBJDLLXTSA)
|
|
9
10
|
|
|
10
11
|
A shameless, unapologetic, and utterly brazen ripoff of the excellent VSCode file icons for JupyterLab. Because why should VS Code users have all the fun?
|
|
11
12
|
|
package/lib/index.js
CHANGED
|
@@ -359,9 +359,9 @@ const plugin = {
|
|
|
359
359
|
<path fill="url(#py-b)" d="M55,0C29,0,29,10,29,12v13h27v4H19C11,29,0,34,0,55c0,20,8,27,16,27h9V69c0-6,3-16,16-16h26c4,0,15-2,15-14V14C82,11,82,0,55,0zM40,8c3,0,5,2,5,5s-2,5-5,5-5-2-5-5S37,8,40,8z"/>
|
|
360
360
|
<path fill="url(#py-y)" d="M55,110c26,0,26-10,26-12V85H54v-4h37c8,0,18-5,18-26 0-23-11-27-16-27h-9v13c0,6-3,16-16,16H42c-4,0-15,2-15,14v24c0,3,0,14,28,14zM70,101c-3,0-5-2-5-5s2-5,5-5 5,2,5,5S73,101,70,101z"/>
|
|
361
361
|
</svg>`;
|
|
362
|
-
// Custom README icon (info icon - centered, color #
|
|
362
|
+
// Custom README icon (info icon - centered, color #912bac from info2.svg)
|
|
363
363
|
const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
364
|
-
<path fill="#
|
|
364
|
+
<path fill="#912bac" d="m 9.5247234,11.42511 v 76.943619 l 2.1166666,2.116667 h 77.809717 l 2.116667,-2.116667 v -76.94362 l -2.116667,-2.1166662 -77.809717,0 z m 36.2115596,9.141612 h 11.01003 l 2.116667,2.116667 0,7.619586 -2.116667,2.116667 h -11.01003 l -2.116667,-2.116667 v -7.619586 z m -6.168542,19.478681 h 23.084596 l 2.116667,2.116667 v 5.700733 l -2.116597,2.09951 -3.175139,-0.02574 -2.116597,2.09951 V 67.32187 l 2.116667,2.116667 h 4.211629 l 2.116667,2.116667 v 5.567219 L 63.688967,79.23909 H 38.509408 l -2.116667,-2.116667 v -6.096386 l 2.116667,-2.116667 h 4.968955 L 45.59503,66.792703 V 52.096294 l -2.116667,-2.116667 h -3.910622 l -2.116667,-2.116667 0,-5.70089 z"/>
|
|
365
365
|
</svg>`;
|
|
366
366
|
// Get SVG content
|
|
367
367
|
const claudeSvg = claudeIcon.svgstr;
|
|
@@ -455,6 +455,11 @@ const plugin = {
|
|
|
455
455
|
filter: brightness(0.85) saturate(0.85);
|
|
456
456
|
}
|
|
457
457
|
|
|
458
|
+
/* Desaturate and dim npm icons */
|
|
459
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-npm"] .jp-DirListing-itemIcon svg {
|
|
460
|
+
filter: brightness(0.85) saturate(0.75);
|
|
461
|
+
}
|
|
462
|
+
|
|
458
463
|
/* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
|
|
459
464
|
.jp-DirListing-item[data-file-type="vscode-file-type-shell"][data-shell-type="linux"] .jp-DirListing-itemIcon svg {
|
|
460
465
|
filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);
|
|
@@ -565,7 +570,6 @@ const plugin = {
|
|
|
565
570
|
};
|
|
566
571
|
// Function to register file types based on settings
|
|
567
572
|
const registerFileTypes = () => {
|
|
568
|
-
var _a;
|
|
569
573
|
// Clear existing registrations by re-registering
|
|
570
574
|
fileTypeConfigs.forEach(config => {
|
|
571
575
|
// Check if this group is enabled
|
|
@@ -626,9 +630,7 @@ const plugin = {
|
|
|
626
630
|
});
|
|
627
631
|
// Register CLAUDE.md with Claude icon (always register, not conditional on settings)
|
|
628
632
|
const claudeIcon = createLabIcon('file-type-claude');
|
|
629
|
-
console.log('[VSCode Icons] CLAUDE.md icon created:', !!claudeIcon);
|
|
630
633
|
if (claudeIcon) {
|
|
631
|
-
console.log('[VSCode Icons] CLAUDE.md icon svgstr length:', ((_a = claudeIcon.svgstr) === null || _a === void 0 ? void 0 : _a.length) || 0);
|
|
632
634
|
docRegistry.addFileType({
|
|
633
635
|
name: 'vscode-claude-md',
|
|
634
636
|
displayName: 'Claude Configuration',
|
|
@@ -637,7 +639,6 @@ const plugin = {
|
|
|
637
639
|
contentType: 'file',
|
|
638
640
|
icon: claudeIcon
|
|
639
641
|
});
|
|
640
|
-
console.log('[VSCode Icons] CLAUDE.md file type registered with pattern: ^CLAUDE\\.md$');
|
|
641
642
|
}
|
|
642
643
|
else {
|
|
643
644
|
console.error('[VSCode Icons] Failed to create CLAUDE.md icon');
|
|
@@ -659,7 +660,6 @@ const plugin = {
|
|
|
659
660
|
contentType: 'file',
|
|
660
661
|
icon: readmeIcon
|
|
661
662
|
});
|
|
662
|
-
console.log('[VSCode Icons] README.md file type registered with pattern: ^README\\.md$');
|
|
663
663
|
};
|
|
664
664
|
// Debounce timer for settings change alert
|
|
665
665
|
let settingsChangeTimeout = null;
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -403,9 +403,9 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
403
403
|
<path fill="url(#py-y)" d="M55,110c26,0,26-10,26-12V85H54v-4h37c8,0,18-5,18-26 0-23-11-27-16-27h-9v13c0,6-3,16-16,16H42c-4,0-15,2-15,14v24c0,3,0,14,28,14zM70,101c-3,0-5-2-5-5s2-5,5-5 5,2,5,5S73,101,70,101z"/>
|
|
404
404
|
</svg>`;
|
|
405
405
|
|
|
406
|
-
// Custom README icon (info icon - centered, color #
|
|
406
|
+
// Custom README icon (info icon - centered, color #912bac from info2.svg)
|
|
407
407
|
const readmeSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
408
|
-
<path fill="#
|
|
408
|
+
<path fill="#912bac" d="m 9.5247234,11.42511 v 76.943619 l 2.1166666,2.116667 h 77.809717 l 2.116667,-2.116667 v -76.94362 l -2.116667,-2.1166662 -77.809717,0 z m 36.2115596,9.141612 h 11.01003 l 2.116667,2.116667 0,7.619586 -2.116667,2.116667 h -11.01003 l -2.116667,-2.116667 v -7.619586 z m -6.168542,19.478681 h 23.084596 l 2.116667,2.116667 v 5.700733 l -2.116597,2.09951 -3.175139,-0.02574 -2.116597,2.09951 V 67.32187 l 2.116667,2.116667 h 4.211629 l 2.116667,2.116667 v 5.567219 L 63.688967,79.23909 H 38.509408 l -2.116667,-2.116667 v -6.096386 l 2.116667,-2.116667 h 4.968955 L 45.59503,66.792703 V 52.096294 l -2.116667,-2.116667 h -3.910622 l -2.116667,-2.116667 0,-5.70089 z"/>
|
|
409
409
|
</svg>`;
|
|
410
410
|
|
|
411
411
|
// Get SVG content
|
|
@@ -503,6 +503,11 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
503
503
|
filter: brightness(0.85) saturate(0.85);
|
|
504
504
|
}
|
|
505
505
|
|
|
506
|
+
/* Desaturate and dim npm icons */
|
|
507
|
+
.jp-DirListing-item[data-file-type="vscode-file-type-npm"] .jp-DirListing-itemIcon svg {
|
|
508
|
+
filter: brightness(0.85) saturate(0.75);
|
|
509
|
+
}
|
|
510
|
+
|
|
506
511
|
/* Color shell script icons - JupyterLab orange for Linux shells (.sh, .bash, .zsh) */
|
|
507
512
|
.jp-DirListing-item[data-file-type="vscode-file-type-shell"][data-shell-type="linux"] .jp-DirListing-itemIcon svg {
|
|
508
513
|
filter: brightness(0) saturate(100%) invert(58%) sepia(76%) saturate(3113%) hue-rotate(1deg) brightness(101%) contrast(101%);
|
|
@@ -695,9 +700,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
695
700
|
|
|
696
701
|
// Register CLAUDE.md with Claude icon (always register, not conditional on settings)
|
|
697
702
|
const claudeIcon = createLabIcon('file-type-claude');
|
|
698
|
-
console.log('[VSCode Icons] CLAUDE.md icon created:', !!claudeIcon);
|
|
699
703
|
if (claudeIcon) {
|
|
700
|
-
console.log('[VSCode Icons] CLAUDE.md icon svgstr length:', claudeIcon.svgstr?.length || 0);
|
|
701
704
|
docRegistry.addFileType({
|
|
702
705
|
name: 'vscode-claude-md',
|
|
703
706
|
displayName: 'Claude Configuration',
|
|
@@ -706,7 +709,6 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
706
709
|
contentType: 'file',
|
|
707
710
|
icon: claudeIcon
|
|
708
711
|
});
|
|
709
|
-
console.log('[VSCode Icons] CLAUDE.md file type registered with pattern: ^CLAUDE\\.md$');
|
|
710
712
|
} else {
|
|
711
713
|
console.error('[VSCode Icons] Failed to create CLAUDE.md icon');
|
|
712
714
|
}
|
|
@@ -730,7 +732,6 @@ const plugin: JupyterFrontEndPlugin<void> = {
|
|
|
730
732
|
contentType: 'file',
|
|
731
733
|
icon: readmeIcon
|
|
732
734
|
});
|
|
733
|
-
console.log('[VSCode Icons] README.md file type registered with pattern: ^README\\.md$');
|
|
734
735
|
};
|
|
735
736
|
|
|
736
737
|
// Debounce timer for settings change alert
|