@datalayer/jupyter-react 2.0.1 → 2.0.3

package/README.md

@@ -28,11 +28,44 @@ The Jupyter(Lab) notebook is a tool that allows data scientist to analyse datase
 
 In terms of technical stack, the Jupyter(Lab) user interface is built on top of Lumino, which is an imperative way to build user interface and **can not** be consumed by industry standard declarative frameworks like React.js. As a user interface developer, if you want to create a custom data product on top of Jupyter, you have to stick to Lumino and carry-on the full notebook interface not tailored to your specific needs. This is not what you want. You just want to expose what you need, you want to develop with your favorite toolkit (like React.js) and you also want to integrate on a per-component basis the Jupyter functionality in your application.
 
-Although a developer can embed a React.js component into JupyterLab, the reverse is not possible: you can not embed JupyterLab into a React.js application. To solve that issue, Jupyter-React ships components to easily create a React.js data product compatible with the Jupyter ecosystem. Those components can be used in any React.js application, and also in static websites like Docusaurus, Next.js or Remix. They wrap underneath the JupyterLab code and allow developing React.js applications with code execution capability. State management is based on Redux, and Mobx is to be added.
-
-<div align="center" style="text-align: center">
-  <img alt="Jupyter React Communication" src="https://datalayer-jupyter-examples.s3.amazonaws.com/jupyter-react-communication.png" />
-</div>
+Although a developer can embed a React.js component into JupyterLab, the reverse is not possible: you can not embed JupyterLab into a React.js application. To solve that issue, Jupyter-React ships components to easily create a React.js data product compatible with the Jupyter ecosystem. Those components can be used in any React.js application, and also in static websites like Docusaurus, Next.js or Remix. They wrap underneath the JupyterLab code and allow developing React.js applications with code execution capability. State management is based on Zustand.
+
+```mermaid
+flowchart LR
+    subgraph Host["Host React Application"]
+        HA[Components]
+    end
+
+    subgraph Zustand["Zustand Store"]
+        ZA[Actions]
+        ZS[State]
+    end
+
+    subgraph JupyterUI["Jupyter UI"]
+        JR[React Components]
+    end
+
+    subgraph JupyterLab["JupyterLab/Lumino"]
+        LC[Commands]
+        LS[Signals]
+        LW[Widgets]
+    end
+
+    subgraph Kernel["Jupyter Server"]
+        K[Kernel]
+    end
+
+    HA -->|"dispatch"| ZA
+    ZA -->|"proxy"| LC
+    LC -->|"execute"| LW
+    LW -->|"request"| K
+
+    K -->|"response"| LS
+    LS -->|"emit"| ZS
+    ZS -->|"subscribe"| HA
+
+    JR -.->|"wraps"| LW
+```
 
 IPyWidgets are supported (the Comm feature needs to be fixed). JupyterLite and PyScript support is on the roadmap. Autocompletion is also available.
 

package/lib/app/App.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { createRoot } from 'react-dom/client';
-import JupyterReact from './JupyterReact';
+import JupyterReact from './JupyterReact.js';
 const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);

package/lib/app/JupyterReact.js

@@ -9,10 +9,10 @@ import { Box } from '@primer/react';
 import { UnderlineNav } from '@primer/react';
 import { ReactJsIcon, RingedPlanetIcon } from '@datalayer/icons-react';
 import { ServerConnection } from '@jupyterlab/services';
-import { JupyterReactTheme } from '../theme';
-import { requestAPI } from '../jupyter/JupyterHandlers';
-import { AboutTab } from './tabs/AboutTab';
-import { ComponentsTab } from './tabs/ComponentsTab';
+import { JupyterReactTheme } from '../theme/index.js';
+import { requestAPI } from '../jupyter/JupyterHandlers.js';
+import { AboutTab } from './tabs/AboutTab.js';
+import { ComponentsTab } from './tabs/ComponentsTab.js';
 export const JupyterReact = (props) => {
     const { app } = props;
     const [tab, setTab] = useState(1);

package/lib/app/index.js

@@ -3,5 +3,5 @@
  *
  * MIT License
  */
-export * from './JupyterReact';
+export * from './JupyterReact.js';
 //# sourceMappingURL=index.js.map

package/lib/app/tabs/ComponentsTab.js

@@ -6,11 +6,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { useState } from 'react';
 import { Box, NavList } from '@primer/react';
-import { FileBrowserComponent } from './components/FileBrowserComponent';
-import { CellComponent } from './components/CellComponent';
-import { NotebookComponent } from './components/NotebookComponent';
-import { IPyWidgetsComponent } from './components/IPyWidgetsComponent';
-import { ViewerComponent } from './components/ViewerComponent';
+import { FileBrowserComponent } from './components/FileBrowserComponent.js';
+import { CellComponent } from './components/CellComponent.js';
+import { NotebookComponent } from './components/NotebookComponent.js';
+import { IPyWidgetsComponent } from './components/IPyWidgetsComponent.js';
+import { ViewerComponent } from './components/ViewerComponent.js';
 export const ComponentsTab = (props) => {
     const [nav, setNav] = useState(1);
     return (_jsx(_Fragment, { children: _jsxs(Box, { sx: { display: 'flex' }, children: [_jsx(Box, { children: _jsxs(NavList, { sx: {

package/lib/app/tabs/components/CellComponent.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { useJupyter } from '../../../jupyter';
-import { Cell } from '../../../components/cell/Cell';
+import { useJupyter } from '../../../jupyter/index.js';
+import { Cell } from '../../../components/cell/Cell.js';
 export const CellComponent = () => {
     const { defaultKernel } = useJupyter({ startDefaultKernel: true });
     return (_jsx(_Fragment, { children: defaultKernel && (_jsx(Cell, { source: "print('Hello \uD83E\uDE90 \u269B\uFE0F Jupyter React')", kernel: defaultKernel })) }));

package/lib/app/tabs/components/FileBrowserComponent.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { useJupyter } from './../../../jupyter/JupyterUse';
-import { FileBrowser } from '../../../components/filebrowser/FileBrowser';
+import { useJupyter } from './../../../jupyter/JupyterUse.js';
+import { FileBrowser } from '../../../components/filebrowser/FileBrowser.js';
 export const FileBrowserComponent = () => {
     const { serviceManager } = useJupyter();
     return serviceManager ? (_jsx(FileBrowser, { serviceManager: serviceManager })) : (_jsx(_Fragment, {}));

package/lib/app/tabs/components/IPyWidgetsComponent.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { OutputIPyWidgets } from '../../../components/output';
-import { view, state, } from './../../../examples/notebooks/OutputIPyWidgetsExample';
+import { OutputIPyWidgets } from '../../../components/output/index.js';
+import { view, state, } from './../../../examples/notebooks/OutputIPyWidgetsExample.js';
 export const IPyWidgetsComponent = () => {
     return (_jsx(_Fragment, { children: _jsx(OutputIPyWidgets, { view: view, state: state }) }));
 };

package/lib/app/tabs/components/NotebookComponent.js

@@ -5,10 +5,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * MIT License
  */
 import { useMemo } from 'react';
-import { CellSidebarExtension } from '../../../components';
-import { Notebook } from '../../../components/notebook/Notebook';
-import { useJupyter } from '../../../jupyter';
-import { CellSidebarButton } from './../../../components/notebook/cell/sidebar/CellSidebarButton';
+import { CellSidebarExtension } from '../../../components/index.js';
+import { Notebook } from '../../../components/notebook/Notebook.js';
+import { useJupyter } from '../../../jupyter/index.js';
+import { CellSidebarButton } from './../../../components/notebook/cell/sidebar/CellSidebarButton.js';
 import NBFORMAT from './../../..//examples/notebooks/NotebookExample1.ipynb.json';
 export const NotebookComponent = () => {
     const { serviceManager, defaultKernel } = useJupyter({

package/lib/app/tabs/components/ViewerComponent.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  *
  * MIT License
  */
-import Viewer from '../../../components/viewer/Viewer';
+import Viewer from '../../../components/viewer/Viewer.js';
 // import NBFORMAT from '../../../examples/notebooks/IPyWidgetsExample.ipynb.json';
 export const ViewerComponent = () => {
     return (_jsx(_Fragment, { children: _jsx(Viewer, { nbformatUrl: 'https://raw.githubusercontent.com/anissa111/matplotlib-tutorial/main/notebooks/01-basic-matplotlib-tutorial.ipynb', outputs: true }) }));

package/lib/cell.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Cell component entry point
+ *
+ * This is a separate entry point for tree-shaking.
+ * Import from '@datalayer/jupyter-react/cell' for smaller bundles.
+ */
+export * from './components/cell';

package/lib/cell.js

@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Cell component entry point
+ *
+ * This is a separate entry point for tree-shaking.
+ * Import from '@datalayer/jupyter-react/cell' for smaller bundles.
+ */
+export * from './components/cell/index.js';
+//# sourceMappingURL=cell.js.map

package/lib/cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.js","sourceRoot":"","sources":["../src/cell.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;GAKG;AAEH,cAAc,mBAAmB,CAAC"}

package/lib/components/button/index.js

@@ -3,5 +3,5 @@
  *
  * MIT License
  */
-export * from './Button';
+export * from './Button.js';
 //# sourceMappingURL=index.js.map

package/lib/components/cell/Cell.js

@@ -4,17 +4,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * MIT License
  */
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { CodeCell } from '@jupyterlab/cells';
+import { Spinner } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { newUuid } from '../../utils';
-import { Lumino } from '../lumino';
-import { CellAdapter } from './CellAdapter';
-import { useCellsStore } from './CellState';
+import { newUuid } from '../../utils/index.js';
+import { Lumino } from '../lumino/index.js';
+import { CellAdapter } from './CellAdapter.js';
+import { useCellsStore } from './CellState.js';
 export const Cell = ({ autoStart = true, id: providedId, kernel, outputs = [], showToolbar = true, source = '', type = 'code', }) => {
     const [id] = useState(providedId || newUuid());
     const [adapter, setAdapter] = useState();
     const cellsStore = useCellsStore();
+    // Use refs to prevent multiple adapter creations
+    const adapterCreatingRef = useRef(false);
     const handleCellInitEvents = (adapter) => {
         adapter.cell.model.contentChanged.connect((cellModel, _) => {
             cellsStore.setSource(id, cellModel.sharedModel.getSource());
@@ -38,8 +41,10 @@ export const Cell = ({ autoStart = true, id: providedId, kernel, outputs = [], s
         });
     };
     useEffect(() => {
-        if (!adapter) {
-            kernel?.ready.then(() => {
+        // Guard against multiple adapter creations using a ref
+        if (!adapter && !adapterCreatingRef.current && kernel) {
+            adapterCreatingRef.current = true;
+            kernel.ready.then(() => {
                 const adapter = new CellAdapter({
                     id,
                     type,
@@ -98,12 +103,12 @@ export const Cell = ({ autoStart = true, id: providedId, kernel, outputs = [], s
                 position: 'relative',
             },
             '& .jp-Cell-outputArea': {
-                paddingBottom: '30px',
+                paddingBottom: '2px',
             },
             '& .jp-CodeMirrorEditor': {
                 cursor: 'text !important',
             },
-        }, children: _jsx(Lumino, { children: adapter.panel }) })) : (_jsx(Box, { children: "Loading Jupyter Cell..." }));
+        }, children: _jsx(Lumino, { children: adapter.panel }) })) : (_jsx(Box, { display: "flex", justifyContent: "center", alignItems: "center", p: 4, children: _jsx(Spinner, { size: "medium" }) }));
 };
 export default Cell;
 //# sourceMappingURL=Cell.js.map

package/lib/components/cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/components/cell/Cell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/components/cell/Cell.tsx"],"names":[],"mappings":"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"}

package/lib/components/cell/CellAdapter.js

@@ -14,12 +14,12 @@ import { Completer, CompleterModel, CompletionHandler, ProviderReconciliator, Ke
 import { RenderMimeRegistry, standardRendererFactories as initialFactories, } from '@jupyterlab/rendermime';
 import { runIcon } from '@jupyterlab/ui-components';
 import { createStandaloneCell, } from '@jupyter/ydoc';
-import { execute as executeOutput } from './../output/OutputExecutor';
-import { ClassicWidgetManager, WIDGET_MIMETYPE, WidgetRenderer, } from '../../jupyter/ipywidgets/classic';
-import { requireLoader as loader } from '../../jupyter/ipywidgets/libembed-amd';
-import getMarked from '../notebook/marked/marked';
-import CellCommands from './CellCommands';
-import { cellsStore } from './CellState';
+import { execute as executeOutput } from './../output/OutputExecutor.js';
+import { ClassicWidgetManager, WIDGET_MIMETYPE, WidgetRenderer, } from '../../jupyter/ipywidgets/classic/index.js';
+import { requireLoader as loader } from '../../jupyter/ipywidgets/libembed-amd.js';
+import getMarked from '../notebook/marked/marked.js';
+import CellCommands from './CellCommands.js';
+import { cellsStore } from './CellState.js';
 export class CellAdapter {
     _id;
     _outputs;

package/lib/components/cell/index.js

@@ -3,8 +3,8 @@
  *
  * MIT License
  */
-export * from './Cell';
-export * from './CellAdapter';
-export * from './CellCommands';
-export * from './CellState';
+export * from './Cell.js';
+export * from './CellAdapter.js';
+export * from './CellCommands.js';
+export * from './CellState.js';
 //# sourceMappingURL=index.js.map

package/lib/components/codemirror/CodeMirrorEditor.js

@@ -10,9 +10,9 @@ import { EditorState, Prec } from '@codemirror/state';
 import { keymap, EditorView } from '@codemirror/view';
 import { Compartment } from '@codemirror/state';
 import { python } from '@codemirror/lang-python';
-import useOutputsStore from '../output/OutputState';
-import codeMirrorTheme from './CodeMirrorTheme';
-import CodeMirrorOutputToolbar from './CodeMirrorOutputToolbar';
+import useOutputsStore from '../output/OutputState.js';
+import codeMirrorTheme from './CodeMirrorTheme.js';
+import CodeMirrorOutputToolbar from './CodeMirrorOutputToolbar.js';
 export const CodeMirrorEditor = (props) => {
     const { code, codePre, outputAdapter, autoRun, disableRun, sourceId, toolbarPosition, insertText, kernel, } = props;
     const outputStore = useOutputsStore();

package/lib/components/codemirror/index.js

@@ -3,8 +3,8 @@
  *
  * MIT License
  */
-export * from './CodeMirrorEditor';
-export { CodeMirrorDatalayerEditor } from './CodeMirrorEditor';
-export * from './CodeMirrorOutputToolbar';
-export * from './CodeMirrorTheme';
+export * from './CodeMirrorEditor.js';
+export { CodeMirrorDatalayerEditor } from './CodeMirrorEditor.js';
+export * from './CodeMirrorOutputToolbar.js';
+export * from './CodeMirrorTheme.js';
 //# sourceMappingURL=index.js.map

package/lib/components/commands/Commands.js

@@ -4,8 +4,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * MIT License
  */
-import CommandAdapter from './CommandsAdapter';
-import Lumino from '../lumino/Lumino';
+import CommandAdapter from './CommandsAdapter.js';
+import Lumino from '../lumino/Lumino.js';
 export const Commands = () => {
     const commandsAdapter = new CommandAdapter();
     return _jsx(Lumino, { children: commandsAdapter.panel });

package/lib/components/commands/index.js

@@ -3,6 +3,6 @@
  *
  * MIT License
  */
-export * from './Commands';
-export * from './CommandsAdapter';
+export * from './Commands.js';
+export * from './CommandsAdapter.js';
 //# sourceMappingURL=index.js.map

package/lib/components/console/Console.js

@@ -5,10 +5,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * MIT License
  */
 import { useState, useEffect } from 'react';
-import { useJupyter } from './../../jupyter/JupyterUse';
-import Lumino from '../lumino/Lumino';
-import ConsoleAdapter from './ConsoleAdapter';
-import useConsoleStore from './ConsoleState';
+import { useJupyter } from './../../jupyter/JupyterUse.js';
+import Lumino from '../lumino/Lumino.js';
+import ConsoleAdapter from './ConsoleAdapter.js';
+import useConsoleStore from './ConsoleState.js';
 import './Console.css';
 export const Console = (options) => {
     const { defaultKernel, serviceManager } = useJupyter();

package/lib/components/console/index.js

@@ -3,7 +3,7 @@
  *
  * MIT License
  */
-export * from './Console';
-export * from './ConsoleAdapter';
-export * from './ConsoleState';
+export * from './Console.js';
+export * from './ConsoleAdapter.js';
+export * from './ConsoleState.js';
 //# sourceMappingURL=index.js.map

package/lib/components/dialog/Dialog.js

@@ -5,8 +5,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * MIT License
  */
 import { useState, useEffect } from 'react';
-import LuminoDetached from '../lumino/LuminoDetached';
-import DialogAdapter from './DialogAdapter';
+import LuminoDetached from '../lumino/LuminoDetached.js';
+import DialogAdapter from './DialogAdapter.js';
 export const Dialog = () => {
     const [dialogAdapter, _] = useState(new DialogAdapter());
     useEffect(() => {

package/lib/components/dialog/index.js

@@ -3,6 +3,6 @@
  *
  * MIT License
  */
-export * from './Dialog';
-export * from './DialogAdapter';
+export * from './Dialog.js';
+export * from './DialogAdapter.js';
 //# sourceMappingURL=index.js.map

package/lib/components/environment/index.js

@@ -3,5 +3,5 @@
  *
  * MIT License
  */
-export * from './Environment';
+export * from './Environment.js';
 //# sourceMappingURL=index.js.map

package/lib/components/filebrowser/FileBrowser.js

@@ -7,7 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useReducer } from 'react';
 import { TreeView } from '@primer/react';
 import { FileIcon } from '@primer/octicons-react';
-import JupyterServices from './../../jupyter/services/JupyterServices';
+import JupyterServices from './../../jupyter/services/JupyterServices.js';
 const initialTree = {
     id: 'root',
     name: 'File Browser',

package/lib/components/filebrowser/index.js

@@ -3,5 +3,5 @@
  *
  * MIT License
  */
-export * from './FileBrowser';
+export * from './FileBrowser.js';
 //# sourceMappingURL=index.js.map

package/lib/components/filemanager/FileManagerJupyterLab.js

@@ -5,9 +5,9 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * MIT License
  */
 import { useState, useEffect } from 'react';
-import { useJupyter } from '../../jupyter/JupyterUse';
-import Lumino from '../lumino/Lumino';
-import FileManagerAdapter from './lab/FileManagerAdapter';
+import { useJupyter } from '../../jupyter/JupyterUse.js';
+import Lumino from '../lumino/Lumino.js';
+import FileManagerAdapter from './lab/FileManagerAdapter.js';
 export const FileManagerJupyterLab = () => {
     const { serviceManager } = useJupyter();
     const [fileManagerAdapter, setFileManagerAdapter] = useState();

package/lib/components/filemanager/index.js

@@ -3,6 +3,6 @@
  *
  * MIT License
  */
-export * from './FileManagerJupyterLab';
-// export * from './lab';
+export * from './FileManagerJupyterLab.js';
+// export * from './lab/index.js';
 //# sourceMappingURL=index.js.map

package/lib/components/filemanager/lab/index.js

@@ -3,5 +3,5 @@
  *
  * MIT License
  */
-export * from './FileManagerAdapter';
+export * from './FileManagerAdapter.js';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js

@@ -3,23 +3,23 @@
  *
  * MIT License
  */
-export * from './button';
-export * from './cell';
-export * from './codemirror';
-export * from './commands';
-export * from './console';
-export * from './dialog';
-export * from './environment';
-export * from './filebrowser';
-export * from './filemanager';
-export * from './jupyterlab';
-export * from './kernel';
-export * from './lumino';
-export * from './notebook';
-export * from './output';
-export * from './settings';
-export * from './terminal';
-export * from './textinput';
-export * from './utils';
-export * from './viewer';
+export * from './button/index.js';
+export * from './cell/index.js';
+export * from './codemirror/index.js';
+export * from './commands/index.js';
+export * from './console/index.js';
+export * from './dialog/index.js';
+export * from './environment/index.js';
+export * from './filebrowser/index.js';
+export * from './filemanager/index.js';
+export * from './jupyterlab/index.js';
+export * from './kernel/index.js';
+export * from './lumino/index.js';
+export * from './notebook/index.js';
+export * from './output/index.js';
+export * from './settings/index.js';
+export * from './terminal/index.js';
+export * from './textinput/index.js';
+export * from './utils/index.js';
+export * from './viewer/index.js';
 //# sourceMappingURL=index.js.map

package/lib/components/jupyterlab/JupyterLabApp.js

@@ -7,10 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { memo, useState, useEffect, useMemo, useRef } from 'react';
 import { Box } from '@primer/react';
 import { PageConfig } from '@jupyterlab/coreutils';
-import { useJupyter } from '../../jupyter/JupyterUse';
-import { JupyterLabAppCorePlugins } from './JupyterLabAppPlugins';
-import JupyterLabAppAdapter from './JupyterLabAppAdapter';
-import JupyterLabAppCss from './JupyterLabAppCss';
+import { useJupyter } from '../../jupyter/JupyterUse.js';
+import { JupyterLabAppCorePlugins } from './JupyterLabAppPlugins.js';
+import JupyterLabAppAdapter from './JupyterLabAppAdapter.js';
+import JupyterLabAppCss from './JupyterLabAppCss.js';
 // The webpack public path needs to be set before loading the CSS assets.
 globalThis.__webpack_public_path__ =
     PageConfig.getOption('fullStaticUrl') + '/';

package/lib/components/jupyterlab/index.js

@@ -3,7 +3,7 @@
  *
  * MIT License
  */
-export * from './JupyterLabApp';
-export * from './JupyterLabAppAdapter';
-export * from './JupyterLabAppPlugins';
+export * from './JupyterLabApp.js';
+export * from './JupyterLabAppAdapter.js';
+export * from './JupyterLabAppPlugins.js';
 //# sourceMappingURL=index.js.map

package/lib/components/kernel/KernelActionMenu.d.ts

@@ -3,6 +3,7 @@ import Kernel from '../../jupyter/kernel/Kernel';
 export type KernelActionMenuProps = {
     kernel?: Kernel;
     outputAdapter?: OutputAdapter;
+    onClearOutputs?: () => void;
 };
 export declare const KernelActionMenu: (props: KernelActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default KernelActionMenu;

package/lib/components/kernel/KernelActionMenu.js

@@ -8,14 +8,27 @@ import { ActionMenu, ActionList, IconButton } from '@primer/react';
 import { KebabHorizontalIcon, StopIcon, PaintbrushIcon, } from '@primer/octicons-react';
 import { RestartIcon } from '@datalayer/icons-react';
 export const KernelActionMenu = (props) => {
-    const { kernel, outputAdapter } = props;
-    return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { "aria-labelledby": "", icon: KebabHorizontalIcon, variant: "invisible" }) }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [kernel && (_jsxs(ActionList.Item, { onSelect: e => {
-                                kernel.interrupt();
-                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(StopIcon, {}) }), "Interrupt kernel"] })), kernel && (_jsxs(ActionList.Item, { onSelect: e => {
-                                kernel.restart();
-                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(RestartIcon, {}) }), "Restart kernel"] })), outputAdapter && (_jsxs(ActionList.Item, { variant: "danger", onSelect: e => {
-                                outputAdapter.clear();
-                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PaintbrushIcon, {}) }), "Clear outputs"] }))] }) })] }));
+    const { kernel, outputAdapter, onClearOutputs } = props;
+    return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { "aria-labelledby": "", icon: KebabHorizontalIcon, variant: "invisible" }) }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsxs(ActionList.Item, { disabled: !kernel, onSelect: e => {
+                                if (kernel) {
+                                    kernel.interrupt();
+                                }
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(StopIcon, {}) }), "Interrupt kernel"] }), _jsxs(ActionList.Item, { disabled: !kernel, onSelect: e => {
+                                if (kernel) {
+                                    kernel.restart();
+                                }
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(RestartIcon, {}) }), "Restart kernel"] }), _jsxs(ActionList.Item, { variant: "danger", disabled: false, onSelect: e => {
+                                console.log('[KernelActionMenu] Clear outputs clicked - onClearOutputs:', !!onClearOutputs, 'outputAdapter:', !!outputAdapter);
+                                if (onClearOutputs) {
+                                    onClearOutputs();
+                                }
+                                else if (outputAdapter) {
+                                    outputAdapter.clear();
+                                }
+                                else {
+                                    console.warn('[KernelActionMenu] No clear method available!');
+                                }
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PaintbrushIcon, {}) }), "Clear outputs"] })] }) })] }));
 };
 export default KernelActionMenu;
 //# sourceMappingURL=KernelActionMenu.js.map

package/lib/components/kernel/KernelActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"KernelActionMenu.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelActionMenu.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,mBAAmB,EACnB,QAAQ,EACR,cAAc,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AASrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,CACL,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,MAAM,cAChB,KAAC,UAAU,uBACO,EAAE,EAClB,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAC,WAAW,GACnB,GACgB,EACpB,KAAC,UAAU,CAAC,OAAO,cACjB,MAAC,UAAU,eACR,MAAM,IAAI,CACT,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,MAAM,CAAC,SAAS,EAAE,CAAC;4BACrB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,KAAG,GACa,wBAEX,CACnB,EACA,MAAM,IAAI,CACT,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,MAAM,CAAC,OAAO,EAAE,CAAC;4BACnB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,WAAW,KAAG,GACU,sBAEX,CACnB,EACA,aAAa,IAAI,CAChB,MAAC,UAAU,CAAC,IAAI,IACd,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,aAAa,CAAC,KAAK,EAAE,CAAC;4BACxB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,KAAG,GACO,qBAEX,CACnB,IACU,GACM,IACV,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"KernelActionMenu.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelActionMenu.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,mBAAmB,EACnB,QAAQ,EACR,cAAc,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAUrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACxD,OAAO,CACL,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,MAAM,cAChB,KAAC,UAAU,uBACO,EAAE,EAClB,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAC,WAAW,GACnB,GACgB,EACpB,KAAC,UAAU,CAAC,OAAO,cACjB,MAAC,UAAU,eACT,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,MAAM,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,IAAI,MAAM,EAAE,CAAC;oCACX,MAAM,CAAC,SAAS,EAAE,CAAC;gCACrB,CAAC;4BACH,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,KAAG,GACa,wBAEX,EAClB,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,MAAM,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,IAAI,MAAM,EAAE,CAAC;oCACX,MAAM,CAAC,OAAO,EAAE,CAAC;gCACnB,CAAC;4BACH,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,WAAW,KAAG,GACU,sBAEX,EAClB,MAAC,UAAU,CAAC,IAAI,IACd,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,OAAO,CAAC,GAAG,CACT,4DAA4D,EAC5D,CAAC,CAAC,cAAc,EAChB,gBAAgB,EAChB,CAAC,CAAC,aAAa,CAChB,CAAC;gCACF,IAAI,cAAc,EAAE,CAAC;oCACnB,cAAc,EAAE,CAAC;gCACnB,CAAC;qCAAM,IAAI,aAAa,EAAE,CAAC;oCACzB,aAAa,CAAC,KAAK,EAAE,CAAC;gCACxB,CAAC;qCAAM,CAAC;oCACN,OAAO,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;gCAChE,CAAC;4BACH,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,KAAG,GACO,qBAEX,IACP,GACM,IACV,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/kernel/KernelInspector.js

@@ -5,8 +5,8 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * MIT License
  */
 import { useState, useEffect } from 'react';
-import Lumino from '../lumino/Lumino';
-import { KernelSpyView } from './inspector/widget';
+import Lumino from '../lumino/Lumino.js';
+import { KernelSpyView } from './inspector/widget.js';
 import { Box } from '@primer/react';
 export const KernelInspector = (props) => {
     const { kernel } = props;