WIP Adds left and right widgets area

.gitignore

@@ -5,6 +5,8 @@ node_modules/
 .ipynb_checkpoints
 *.tsbuildinfo
 
+*/yarn-error.log
+
 # Created by https://www.gitignore.io/api/python
 # Edit at https://www.gitignore.io/?templates=python
 

app/index.js

@@ -180,7 +180,8 @@ async function main() {
             '@jupyterlab/tooltip-extension:manager',
             '@jupyterlab/tooltip-extension:notebooks'
           ].includes(id)
-        )
+        ),
+        require('@jupyterlab/toc-extension')
       ]);
       break;
     }

app/package.json

@@ -61,6 +61,8 @@
     "@jupyterlab/tooltip-extension": "~3.2.0",
     "@jupyterlab/translation": "~3.2.0",
     "@jupyterlab/translation-extension": "~3.2.0",
+    "@jupyterlab/toc": "~5.3.0",
+    "@jupyterlab/toc-extension": "~5.3.0-alpha.15",
     "@jupyterlab/ui-components": "~3.2.0",
     "@jupyterlab/vega5-extension": "~3.2.0",
     "@lumino/algorithm": "~1.6.0",
@@ -113,6 +115,7 @@
     "@jupyterlab/terminal-extension": "^3.2.0",
     "@jupyterlab/theme-dark-extension": "^3.2.0",
     "@jupyterlab/theme-light-extension": "^3.2.0",
+    "@jupyterlab/toc-extension": "^5.3.0-alpha.15",
     "@jupyterlab/tooltip-extension": "^3.2.0",
     "@jupyterlab/translation-extension": "^3.2.0",
     "@jupyterlab/vega5-extension": "^3.2.0",
@@ -177,6 +180,7 @@
       "@jupyterlab/terminal-extension",
       "@jupyterlab/theme-dark-extension",
       "@jupyterlab/theme-light-extension",
+      "@jupyterlab/toc-extension",
       "@jupyterlab/tooltip-extension",
       "@jupyterlab/translation-extension"
     ],

app/webpack.config.js

@@ -175,6 +175,9 @@ module.exports = [
         name: 'CORE_FEDERATION',
         shared: createShared(data)
       })
-    ]
+    ],
+    resolve: {
+      fallback: { util: require.resolve('util/') }
+    }
   })
 ].concat(extras);

package.json

@@ -86,5 +86,8 @@
     "skip": [
       "check-links"
     ]
+  },
+  "dependencies": {
+    "util": "^0.12.4"
   }
 }

packages/application-extension/src/index.ts

@@ -64,6 +64,16 @@ namespace CommandIDs {
    */
   export const toggleTop = 'application:toggle-top';
 
+  /**
+   * Toggle left sidebar visibility
+   */
+  export const toggleLeft = 'application:toggle-left';
+
+  /**
+   * Toggle right sidebar visibility
+   */
+  export const toggleRight = 'application:toggle-right';
+
   /**
    * Toggle the Zen mode
    */
@@ -513,6 +523,67 @@ const topVisibility: JupyterFrontEndPlugin<void> = {
   autoStart: true
 };
 
+/**
+ * Plugin to toggle the left or right sidebar's visibility.
+ */
+const sidebarVisibility: JupyterFrontEndPlugin<void> = {
+  id: '@retrolab/application-extension:sidebar',
+  requires: [IRetroShell, ITranslator],
+  optional: [IMainMenu, ISettingRegistry],
+  activate: (
+    app: JupyterFrontEnd<JupyterFrontEnd.IShell>,
+    retroShell: IRetroShell,
+    translator: ITranslator,
+    menu: IMainMenu | null,
+    settingRegistry: ISettingRegistry | null
+  ) => {
+    const trans = translator.load('retrolab');
+
+    app.commands.addCommand(CommandIDs.toggleLeft, {
+      label: trans.__('Show Left Sidebar'),
+      execute: () => {
+        if (retroShell.leftCollapsed) {
+          retroShell.expandLeft();
+        } else {
+          retroShell.collapseLeft();
+          if (retroShell.currentWidget) {
+            retroShell.activateById(retroShell.currentWidget.id);
+          }
+        }
+      },
+      isToggled: () => !retroShell.leftCollapsed,
+      isEnabled: () => !retroShell.isEmpty('left')
+    });
+
+    app.commands.addCommand(CommandIDs.toggleRight, {
+      label: trans.__('Show Right Sidebar'),
+      execute: () => {
+        if (retroShell.rightCollapsed) {
+          retroShell.expandRight();
+        } else {
+          retroShell.collapseRight();
+          if (retroShell.currentWidget) {
+            retroShell.activateById(retroShell.currentWidget.id);
+          }
+        }
+      },
+      isToggled: () => !retroShell.rightCollapsed,
+      isEnabled: () => !retroShell.isEmpty('right')
+    });
+
+    if (menu) {
+      menu.viewMenu.addGroup(
+        [
+          { command: CommandIDs.toggleLeft },
+          { command: CommandIDs.toggleRight }
+        ],
+        2
+      );
+    }
+  },
+  autoStart: true
+};
+
 /**
  * The default tree route resolver plugin.
  */
@@ -672,6 +743,7 @@ const plugins: JupyterFrontEndPlugin<any>[] = [
   router,
   sessionDialogs,
   shell,
+  sidebarVisibility,
   spacer,
   status,
   tabTitle,

packages/application/package.json

@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@jupyterlab/application": "^3.2.0",
-    "@jupyterlab/coreutils": "^5.2.0",
+    "@jupyterlab/coreutils": "^3.2.0",
     "@jupyterlab/docregistry": "^3.2.0",
     "@jupyterlab/rendermime-interfaces": "^3.2.0",
     "@jupyterlab/ui-components": "^3.2.0",