add lab config

demo/jupyter-lite.json

@@ -20,6 +20,13 @@
           "hideTopbar": true,
           "slidesTheme": "sky"
         }
+      },
+      "labConfig": {
+        "setSingleMode": true,
+        "hideLeftPanel": true,
+        "hideRightPanel": true,
+        "hideStatusbar": true,
+        "hideHeader": false
       }
     },
     "disabledExtensions": [

src/document/plugin.ts

@@ -23,9 +23,11 @@ import {
   ISpectaShell
 } from '../token';
 import {
+  configLabLayout,
   createFileBrowser,
   hideAppLoadingIndicator,
   isSpectaApp,
+  readSpectaConfig,
   registerDocumentFactory
 } from '../tool';
 
@@ -99,25 +101,16 @@ export const spectaOpener: JupyterFrontEndPlugin<void, ILabShell> = {
       }
       app.restored.then(async () => {
         const labShell = app.shell;
+
         if (PathExt.extname(path) === '.ipynb') {
-          await app.commands.execute('application:set-mode', {
-            mode: 'single-document'
+          const commands = app.commands;
+          const spectaConfig = readSpectaConfig({});
+
+          await configLabLayout({
+            config: spectaConfig.labConfig,
+            labShell,
+            commands
           });
-          labShell.collapseLeft();
-          labShell.collapseRight();
-          if (labShell.isSideTabBarVisible('right')) {
-            labShell.toggleSideTabBarVisibility('right');
-          }
-          if (labShell.isSideTabBarVisible('left')) {
-            labShell.toggleSideTabBarVisibility('left');
-          }
-          if (labShell.isTopInSimpleModeVisible()) {
-            await app.commands.execute('application:toggle-header');
-          }
-          const statusBar = document.getElementById('jp-bottom-panel');
-          if (statusBar && statusBar.clientHeight !== 0) {
-            await app.commands.execute('statusbar:toggle');
-          }
           const widget = docManager.openOrReveal(path, 'specta');
           if (widget) {
             app.shell.add(widget, 'main');

src/token.ts

@@ -49,6 +49,13 @@ export interface ISpectaAppConfig {
   hideTopbar?: boolean;
   slidesTheme?: string;
   loadingName?: string;
+  labConfig?: {
+    setSingleMode?: boolean;
+    hideLeftPanel?: boolean;
+    hideRightPanel?: boolean;
+    hideStatusbar?: boolean;
+    hideHeader?: boolean;
+  };
 }
 
 export interface ISpectaCellConfig {

src/tool.ts

@@ -1,4 +1,4 @@
-import { JupyterFrontEnd } from '@jupyterlab/application';
+import { ILabShell, JupyterFrontEnd } from '@jupyterlab/application';
 import { IThemeManager, WidgetTracker } from '@jupyterlab/apputils';
 import { IEditorServices } from '@jupyterlab/codeeditor';
 import { PageConfig, URLExt } from '@jupyterlab/coreutils';
@@ -7,6 +7,7 @@ import { ICell, INotebookMetadata } from '@jupyterlab/nbformat';
 import { INotebookTracker, NotebookPanel } from '@jupyterlab/notebook';
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
 import { Contents } from '@jupyterlab/services';
+import { CommandRegistry } from '@lumino/commands';
 
 import { NotebookGridWidgetFactory } from './document/factory';
 import { SpectaWidgetFactory } from './specta_widget_factory';
@@ -237,3 +238,52 @@ export function setRevealTheme(themeName: string) {
   // Set or update href to new theme
   themeLink.href = getSpectaAssetUrl(`reveal.js/${themeName}.css`);
 }
+
+export async function configLabLayout(options: {
+  config?: ISpectaAppConfig['labConfig'];
+  labShell: ILabShell;
+  commands: CommandRegistry;
+}): Promise<void> {
+  const { config, labShell, commands } = options;
+  if (!config) {
+    return;
+  }
+  console.log('vvvvvvvvvvv', config);
+  const {
+    setSingleMode,
+    hideLeftPanel,
+    hideRightPanel,
+    hideStatusbar,
+    hideHeader
+  } = config;
+  if (setSingleMode) {
+    await commands.execute('application:set-mode', {
+      mode: 'single-document'
+    });
+  }
+  if (hideLeftPanel) {
+    labShell.collapseLeft();
+    if (labShell.isSideTabBarVisible('left')) {
+      labShell.toggleSideTabBarVisibility('left');
+    }
+  }
+  if (hideRightPanel) {
+    labShell.collapseRight();
+    if (labShell.isSideTabBarVisible('right')) {
+      labShell.toggleSideTabBarVisibility('right');
+    }
+  }
+  if (hideHeader) {
+    if (labShell.isTopInSimpleModeVisible()) {
+      await commands.execute('application:toggle-header');
+    }
+  }
+  if (hideStatusbar) {
+    const statusBar = document.getElementById('jp-main-statusbar');
+    console.log('statusBar.clientHeight', statusBar?.clientHeight);
+    if (statusBar && !statusBar.classList.contains('lm-mod-hidden')) {
+      console.log('toggle status');
+      await commands.execute('statusbar:toggle');
+    }
+  }
+}