Add stl and stp icons (#591)

* Add stl and stp icons

Co-authored-by: Olivier MATHIEU <[email protected]>

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Make use of the new icons

* Icons in tabs

* Selectable icons

---------

Co-authored-by: Olivier MATHIEU <[email protected]>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: martinRenou <[email protected]>

Author: 4 people

packages/base/src/tools.ts

@@ -4,6 +4,8 @@ import { LabIcon } from '@jupyterlab/ui-components';
 import * as d3Color from 'd3-color';
 
 import logoStr from '../style/icon/logo.svg';
+import stlStr from '../style/icon/stl.svg';
+import stpStr from '../style/icon/stp.svg';
 import axesIconStr from '../style/icon/axes.svg';
 import boxIconStr from '../style/icon/box.svg';
 import coneIconStr from '../style/icon/cone.svg';
@@ -38,6 +40,16 @@ export const logoIcon = new LabIcon({
   svgstr: logoStr
 });
 
+export const stlIcon = new LabIcon({
+  name: 'jupytercad:stl',
+  svgstr: stlStr
+});
+
+export const stpIcon = new LabIcon({
+  name: 'jupytercad:stp',
+  svgstr: stpStr
+});
+
 export const minimizeIcon = new LabIcon({
   name: 'jupytercad:minimize-icon',
   svgstr: minimizeIconStr

packages/base/style/icon/stl.svg

@@ -19,7 +19,7 @@ import { IThemeManager, WidgetTracker } from '@jupyterlab/apputils';
 import { JupyterCadStepModelFactory } from './modelfactory';
 import { JupyterCadWidgetFactory } from '../factory';
 import { JupyterCadStepDoc } from './model';
-import { logoIcon } from '@jupytercad/base';
+import { stpIcon } from '@jupytercad/base';
 
 const FACTORY = 'JupyterCAD STEP Viewer';
 
@@ -55,7 +55,7 @@ const activate = (
     extensions: ['.step', '.STEP'],
     fileFormat: 'text',
     contentType: 'step',
-    icon: logoIcon
+    icon: stpIcon
   });
 
   const stepSharedModelFactory: SharedDocumentFactory = () => {
@@ -69,6 +69,7 @@ const activate = (
   }
 
   widgetFactory.widgetCreated.connect((sender, widget) => {
+    widget.title.icon = stpIcon;
     widget.context.pathChanged.connect(() => {
       tracker.save(widget);
     });

packages/base/style/icon/stp.svg

@@ -19,7 +19,7 @@ import { IThemeManager, WidgetTracker } from '@jupyterlab/apputils';
 import { JupyterCadStlModelFactory } from './modelfactory';
 import { JupyterCadWidgetFactory } from '../factory';
 import { JupyterCadStlDoc } from './model';
-import { logoIcon } from '@jupytercad/base';
+import { stlIcon } from '@jupytercad/base';
 
 const FACTORY = 'JupyterCAD STL Viewer';
 
@@ -55,7 +55,7 @@ const activate = (
     extensions: ['.stl', '.STL'],
     fileFormat: 'text',
     contentType: 'stl',
-    icon: logoIcon
+    icon: stlIcon
   });
 
   const stlSharedModelFactory: SharedDocumentFactory = () => {
@@ -69,6 +69,7 @@ const activate = (
   }
 
   widgetFactory.widgetCreated.connect((sender, widget) => {
+    widget.title.icon = stlIcon;
     widget.context.pathChanged.connect(() => {
       tracker.save(widget);
     });