@kispace-io/extension-notebook 0.8.0

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@kispace-io/extension-notebook",
+  "version": "0.8.0",
+  "type": "module",
+  "main": "./src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./src/index.ts",
+      "types": "./src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@kispace-io/core": "*",
+    "@kispace-io/extension-python-runtime": "*",
+    "marked": "^12.0.0 || ^16.4.1",
+    "monaco-editor": "0.55.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  }
+}

package/src/i18n.json

@@ -0,0 +1,11 @@
+{
+  "namespace": "extensions",
+  "en": {
+    "EXT_NOTEBOOK_NAME": "Jupyter-like Notebook Editor",
+    "EXT_NOTEBOOK_DESC": "View and execute Jupyter-like notebooks (.ipynb) with Python code execution and markdown rendering"
+  },
+  "de": {
+    "EXT_NOTEBOOK_NAME": "Jupyter-ähnlicher Notebook-Editor",
+    "EXT_NOTEBOOK_DESC": "Anzeigen und Ausführen von Jupyter-ähnlichen Notebooks (.ipynb) mit Python-Codeausführung und Markdown-Rendering"
+  }
+}

package/src/index.ts

@@ -0,0 +1,16 @@
+import { extensionRegistry, i18nLazy, contributionRegistry, SYSTEM_LANGUAGE_BUNDLES } from '@kispace-io/core';
+import bundle from './i18n.json';
+
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES, bundle as any);
+
+const t = i18nLazy('extensions');
+
+extensionRegistry.registerExtension({
+  id: "system.notebook",
+  name: t('EXT_NOTEBOOK_NAME'),
+  description: t('EXT_NOTEBOOK_DESC'),
+  loader: () => import("./notebook-extension"),
+  icon: "k jupyter",
+  
+  dependencies: ["system.pythonruntime"],
+});

package/src/notebook-extension.ts

@@ -0,0 +1,84 @@
+import {html} from "lit";
+import type {EditorInput} from "@kispace-io/core";
+import {File} from "@kispace-io/core";
+import {activeEditorSignal} from "@kispace-io/core";
+import type {ExecutionContext} from "@kispace-io/core";
+import {NotebookData, isNotebookEditorLike} from "./notebook-types";
+
+export default ({editorRegistry, commandRegistry, contributionRegistry}: any) => {
+    const INITIAL_NOTEBOOK_CONTENT: NotebookData = {
+        cells: [
+            {
+                cell_type: 'markdown',
+                source: ['Press the **Run** button in the code cell below to execute it.'],
+                metadata: {}
+            },
+            {
+                cell_type: 'code',
+                source: ['print("Hello, World!")'],
+                execution_count: null,
+                outputs: [],
+                metadata: {}
+            }
+        ],
+        metadata: {},
+        nbformat: 4,
+        nbformat_minor: 4
+    };
+    commandRegistry.registerHandler('python', {
+        canExecute: (context: ExecutionContext) => {
+            const activeEditor = activeEditorSignal.get();
+            if (isNotebookEditorLike(activeEditor)) {
+                const cellIndex = context.params?.cellIndex;
+                if (cellIndex !== undefined) {
+                    return cellIndex >= 0 && cellIndex < (activeEditor.notebook?.cells.length ?? 0);
+                }
+                return activeEditor.focusedCellIndex >= 0;
+            }
+            return false;
+        },
+        execute: async (context: ExecutionContext) => {
+            const activeEditor = activeEditorSignal.get();
+            if (isNotebookEditorLike(activeEditor)) {
+                const cellIndex = context.params?.cellIndex ?? activeEditor.focusedCellIndex;
+                if (cellIndex >= 0) {
+                    await activeEditor.executeCell(cellIndex);
+                }
+            }
+        }
+    });
+
+    editorRegistry.registerEditorInputHandler({
+        lazyInit: () => import('./notebook-runtime'),
+        canHandle: (input: any) => input instanceof File && input.getName().toLowerCase().endsWith(".ipynb"),
+        handle: async (input: File) => {
+            const editorInput = {
+                title: input.getName(),
+                data: input,
+                key: input.getName(),
+                editorId: "notebook-editor",
+                icon: "k jupyter",
+                noOverflow: true,
+                state: {},
+            } as EditorInput;
+            editorInput.widgetFactory = () => html`
+                <k-notebook-editor .input=${editorInput}></k-notebook-editor>`;
+            return editorInput;
+        },
+        ranking: 100,
+    });
+
+    contributionRegistry.registerContribution('filebrowser.create', {
+        label: 'Jupyter Notebook',
+        icon: 'k jupyter',
+        command: 'create_file',
+        params: {
+            path: "notebook.ipynb",
+            extension: '.ipynb',
+            ask: true,
+            contents: JSON.stringify(INITIAL_NOTEBOOK_CONTENT, null, 2)
+        }
+    });
+};
+
+