Fix build (#322)

* chore: serverless example

* fix: build

Author: echarles

packages/react/src/components/notebook/NotebookAdapter.ts

@@ -31,7 +31,7 @@ import { getMarked } from './marked/marked';
 import { INotebookProps } from './Notebook';
 import { NotebookCommands } from './NotebookCommands';
 
-const FALLBACK_NOTEBOOK_PATH = 'ping.ipynb';
+const FALLBACK_NOTEBOOK_PATH = '.datalayer/ping.ipynb';
 
 export class NotebookAdapter {
 
@@ -302,10 +302,10 @@ export class NotebookAdapter {
       this._notebookPanel?.update();
     });
 
-    const isNbFormat = this._path !== undefined && this._path !== '' ? false : true;
+    const isNbFormat = (this._path !== undefined && this._path !== '') ? false : true;
 
     if (isNbFormat) {
-      // Fixes if nbformat is provided and we don't want to interact with the content manager.
+      // If nbformat is provided and we don't want to interact with the content manager.
       (this._context as any).initialize = async (isNew: boolean): Promise<void> => {
         (this._context as Context<INotebookModel>).model.dirty = false;
         const now = new Date().toISOString();

packages/react/src/examples/NotebookLess.tsx

@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+import { useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { Box } from '@primer/react';
+import { INotebookContent } from '@jupyterlab/nbformat';
+import { JupyterReactTheme } from '../theme';
+import { ServiceManagerLess } from '../jupyter';
+import { Notebook } from '../components/notebook/Notebook';
+import { NotebookToolbar } from './../components/notebook/toolbar/NotebookToolbar';
+import { CellSidebar } from '../components/notebook/cell/sidebar/CellSidebar';
+
+import nbformat from './notebooks/NotebookExample1.ipynb.json';
+
+const NotebookLess = () => {
+  const [serviceManager, _] = useState(new ServiceManagerLess());
+  return (
+    <JupyterReactTheme>
+      <Box as="h1">A Jupyter Notebook with a Less Service Manager</Box>
+      <Notebook
+        serverless={true}
+        nbformat={nbformat as INotebookContent}
+        id="notebook-less-id"
+        height="calc(100vh - 2.6rem)" // (Height - Toolbar Height).
+        cellSidebarMargin={120}
+        readonly={true}
+        serviceManager={serviceManager}
+        CellSidebar={CellSidebar}
+        Toolbar={NotebookToolbar}
+      />
+    </JupyterReactTheme>
+  )
+};
+
+const div = document.createElement('div');
+document.body.appendChild(div);
+const root = createRoot(div);
+
+root.render(<NotebookLess />);

packages/react/src/examples/NotebookServiceManager.tsx

@@ -28,7 +28,7 @@ const NotebookServiceManager = () => {
       setReadonly(false);  
       const serverSettings = createServerSettings(getJupyterServerUrl(), getJupyterServerToken());
       const serviceManager = new ServiceManager({ serverSettings });
-      setServiceManager(serviceManager);
+      setServiceManager(serviceManager as any);
     } else {
       setServerless(true);
       setReadonly(true);  

packages/react/src/jupyter/services/ServiceManagerLess.ts

@@ -405,6 +405,9 @@ export class ServiceManagerLess implements ServiceManager.IManager {
     this.nbconvert = new NbConvertManagerLess(this.serverSettings) as unknown as NbConvert.IManager;
   }
   dispose(): void {}
+  get_name = () => {
+    return this.__NAME__;
+  }
 }
 
 export default ServiceManagerLess;

packages/react/webpack.config.js

@@ -47,7 +47,8 @@ const ENTRY =
   // './src/examples/NotebookKernelChange';
   // './src/examples/NotebookLite';
   // './src/examples/NotebookLiteContext';
-  './src/examples/NotebookMutations';
+  './src/examples/NotebookLess';
+  // './src/examples/NotebookMutations';
   // './src/examples/NotebookNbformat';
   // './src/examples/NotebookNbformatChange';
   // './src/examples/NotebookNoContext';