chore: add a cell toolbar extension

Author: echarles

docs/dev.md

@@ -90,7 +90,7 @@ conda activate jupyterlabextensions && \
     ./content
 ```
 
-PS: You can run both `shell 1` and `shell 2` commands with `npm run dev`.
+PS: You can run both `shell 1` and `shell 2` commands with `yarn run dev`.
 
 Open JupyterLab in your browser.
 

docs/plugins-application.md

@@ -129,3 +129,31 @@ TODO Enable back the `Theme Toggle` extension (disabled for now for CI).
 The `Top Bar` extension transforms the existing JupyterLab topbar into a draggable area where third party plugins can add their widgets.
 
 TODO Enable back the `Theme Toggle` extension (disabled for now for CI).
+
+## Cell Toolbar
+
+This extension removes the `duplicate cell` icon and add a new `restart and run all` icon in the notebook cell toolbar. This is achieved by adding the needed definition in the pluing setting
+
+```json
+{
+  "title": "Cell Toolbar",
+  "description": "Settings for the Cell Toolbar extension",
+  "type": "object",
+  "properties": {},
+  "additionalProperties": false,
+  "jupyter.lab.toolbars": {
+    "Cell": [
+      {
+        "name": "restart-run-all",
+        "command": "notebook:restart-run-all",
+        "rank": 10
+      },
+      {
+        "name": "duplicate-cell",
+        "command": "notebook:duplicate-cell",
+        "disabled": true
+      }
+    ]
+  }
+}
+```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@datalayer/example-jupyterlab-extensions",
+  "name": "jupyterlabextensions",
   "version": "0.1.0",
   "description": "JupyterLab Extensions Example.",
   "keywords": [

schema/cell-toolbar.json

@@ -0,0 +1,21 @@
+{
+  "title": "Cell Toolbar",
+  "description": "Settings for the Cell Toolbar extension",
+  "type": "object",
+  "properties": {},
+  "additionalProperties": false,
+  "jupyter.lab.toolbars": {
+    "Cell": [
+      {
+        "name": "restart-run-all",
+        "command": "notebook:restart-run-all",
+        "rank": 10
+      },
+      {
+        "name": "duplicate-cell",
+        "command": "notebook:duplicate-cell",
+        "disabled": true
+      }
+    ]
+  }
+}

src/apod-left/index.ts

@@ -113,7 +113,7 @@ function activate(
   palette: ICommandPalette,
   restorer: ILayoutRestorer
 ): void {
-  console.log('jupyterlab_apod_left is activated.');
+  console.log('JupyterLab extension apod_left is activated.');
 
   const content = new APODWidget();
   const widget = new MainAreaWidget({ content });

src/apod-main/index.ts

@@ -80,7 +80,7 @@ function activate(
   palette: ICommandPalette,
   restorer: ILayoutRestorer | null
 ): void {
-  console.log('JupyterLab extension jupyterlab_apod is activated!');
+  console.log('JupyterLab extension apod_main is activated!');
   let widget: MainAreaWidget<APODWidget>;
   const command = 'apod:open';
   app.commands.addCommand(command, {

src/applicationPlugins.ts

@@ -1,6 +1,7 @@
 import apodLeft from './apod-left';
 import apodMain from './apod-main';
 import cellFlash from './cell-flash';
+import cellToolbar from './cell-toolbar';
 import codeCellButton from './code-cell-button';
 import contextMenu from './context-menu';
 import execTime from './exec-time';
@@ -27,6 +28,7 @@ export default [
   apodLeft,
   apodMain,
   cellFlash,
+  cellToolbar,
   contextMenu,
   execTime,
   internals,

src/cell-toolbar/index.ts

@@ -0,0 +1,27 @@
+import {
+  JupyterFrontEnd,
+  JupyterFrontEndPlugin
+} from '@jupyterlab/application';
+
+import { ISettingRegistry } from '@jupyterlab/settingregistry';
+
+/**
+ * The plugin registration information.
+ */
+const cellToolbar: JupyterFrontEndPlugin<void> = {
+  id: 'jupyterlabextensions:cell-toolbar',
+  description: 'A JupyterLab extension changing the Cell Toolbar.',
+  autoStart: true,
+  optional: [ISettingRegistry],
+  activate: async (_: JupyterFrontEnd, settingRegistry: ISettingRegistry) => {
+    console.log('The Cell Toolbar extension is activated.');
+    // Nothing is needed, this is done by config.
+    // The following is just to show in the browser console the loaded setting.
+    if (settingRegistry) {
+      const setting = await settingRegistry.load(cellToolbar.id);
+      console.log('--- cellToolbar setting', setting);
+    }
+  }
+};
+
+export default cellToolbar;

src/code-cell-button/index.tsx

@@ -130,7 +130,7 @@ export const cellFactoryPlugin: JupyterFrontEndPlugin<NotebookPanel.IContentFact
   provides: NotebookPanel.IContentFactory,
   autoStart: true,
   activate: (app: JupyterFrontEnd, editorServices: IEditorServices) => {
-    console.log('jupyterlabextensions:cellcodebtn overrides default nootebook content factory.');
+    console.log('jupyterlabextensions:cellcodebtn overrides default notebook content factory.');
     const { commands } = app;
     const editorFactory = editorServices.factoryService.newInlineEditor;
     return new ContentFactoryWithFooterButton(commands, { editorFactory });