@datalayer/core 0.0.2 → 0.0.4

package/lib/examples/example-selector.js

@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Registry of available examples with dynamic imports.
+ * Add new examples here to make them available in the example runner.
+ */
+export const EXAMPLES = {
+    CellExample: () => import('./CellExample'),
+    DatalayerNotebookExample: () => import('./DatalayerNotebookExample'),
+    NotebookExample: () => import('./NotebookExample'),
+    NotebookMutationsKernel: () => import('./NotebookMutationsKernel'),
+    NotebookMutationsServiceManager: () => import('./NotebookMutationsServiceManager'),
+    ReactRouterExample: () => import('./ReactRouterExample'),
+    NativeNavigationExample: () => import('./NativeNavigationExample'),
+};
+/**
+ * Get the list of available example names
+ */
+export function getExampleNames() {
+    return Object.keys(EXAMPLES);
+}
+/**
+ * Get the selected example based on environment variable
+ * Falls back to 'NotebookExample' if not specified or invalid
+ */
+export function getSelectedExample() {
+    // import.meta.env.EXAMPLE is defined in vite config
+    const exampleName = import.meta.env.EXAMPLE || 'NotebookExample';
+    if (!EXAMPLES[exampleName]) {
+        console.warn(`Example "${exampleName}" not found. Available examples:`, getExampleNames());
+        console.log('Falling back to NotebookExample');
+        return EXAMPLES['NotebookExample'];
+    }
+    return EXAMPLES[exampleName];
+}
+/**
+ * Get the selected example name
+ */
+export function getSelectedExampleName() {
+    // import.meta.env.EXAMPLE is defined in vite config
+    const exampleName = import.meta.env.EXAMPLE || 'NotebookExample';
+    return EXAMPLES[exampleName] ? exampleName : 'NotebookExample';
+}

package/lib/examples/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotebookMutationsKernel';
+export * from './NotebookMutationsServiceManager';

package/lib/examples/index.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export * from './NotebookMutationsKernel';
+export * from './NotebookMutationsServiceManager';

package/lib/examples/main.js

@@ -0,0 +1,153 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { loadJupyterConfig, JupyterReactTheme, createServerSettings, setJupyterServerUrl, setJupyterServerToken, getJupyterServerUrl, getJupyterServerToken, } from '@datalayer/jupyter-react';
+import { ServiceManager } from '@jupyterlab/services';
+import { coreStore } from '../state/substates/CoreState';
+import { iamStore } from '../state';
+import { getSelectedExample, getSelectedExampleName } from './example-selector';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
+// Load configurations from DOM
+const loadConfigurations = () => {
+    // Load Datalayer configuration
+    const datalayerConfigElement = document.getElementById('datalayer-config-data');
+    if (datalayerConfigElement?.textContent) {
+        try {
+            const datalayerConfig = JSON.parse(datalayerConfigElement.textContent);
+            if (datalayerConfig.runUrl) {
+                console.log('Setting Datalayer config:', datalayerConfig);
+                coreStore.getState().setConfiguration(datalayerConfig);
+                // Also set the token in the IAM store for API authentication
+                if (datalayerConfig.token) {
+                    // Use the setLogin method to set the token in IAM store
+                    // For now, we'll just set a minimal user object since we don't have full user data
+                    iamStore.getState().setLogin({
+                        id: 'example-id',
+                        handle: 'example-user',
+                        email: 'example@datalayer.com',
+                        firstName: 'Example',
+                        lastName: 'User',
+                        initials: 'EU',
+                        displayName: 'Example User',
+                        avatarUrl: '',
+                        roles: [],
+                        setRoles: () => { },
+                        iamProviders: [],
+                        settings: {},
+                        unsubscribedFromOutbounds: false,
+                        onboarding: {},
+                        events: [],
+                    }, datalayerConfig.token);
+                }
+            }
+        }
+        catch (e) {
+            console.error('Failed to parse Datalayer config:', e);
+        }
+    }
+    // Load Jupyter configuration
+    loadJupyterConfig();
+    // Also set Jupyter server URL and token if available in jupyter-config-data
+    const jupyterConfigElement = document.getElementById('jupyter-config-data');
+    if (jupyterConfigElement?.textContent) {
+        try {
+            const jupyterConfig = JSON.parse(jupyterConfigElement.textContent);
+            if (jupyterConfig.baseUrl) {
+                setJupyterServerUrl(jupyterConfig.baseUrl);
+            }
+            if (jupyterConfig.token) {
+                setJupyterServerToken(jupyterConfig.token);
+            }
+        }
+        catch (e) {
+            console.error('Failed to parse Jupyter config:', e);
+        }
+    }
+};
+// Main App component that loads and renders the selected example
+const ExampleApp = () => {
+    const [ExampleComponent, setExampleComponent] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [serviceManager, setServiceManager] = useState(null);
+    useEffect(() => {
+        // Load configurations
+        loadConfigurations();
+        // Create service manager
+        const createManager = async () => {
+            const { configuration } = coreStore.getState();
+            // Try to use DatalayerServiceManager if we have a token
+            if (configuration?.token) {
+                console.log('Using DatalayerServiceManager with token');
+                try {
+                    const manager = await createDatalayerServiceManager(configuration.cpuEnvironment || 'python-3.11', configuration.credits || 100);
+                    await manager.ready;
+                    console.log('DatalayerServiceManager is ready');
+                    setServiceManager(manager);
+                    return;
+                }
+                catch (error) {
+                    console.error('Failed to create DatalayerServiceManager:', error);
+                    console.log('Falling back to regular ServiceManager');
+                }
+            }
+            // Fall back to regular ServiceManager
+            console.log('Using regular ServiceManager (no Datalayer token)');
+            const serverSettings = createServerSettings(getJupyterServerUrl(), getJupyterServerToken());
+            const manager = new ServiceManager({ serverSettings });
+            await manager.ready;
+            console.log('Regular ServiceManager is ready');
+            setServiceManager(manager);
+        };
+        createManager();
+        // Load the selected example
+        const loadExample = async () => {
+            try {
+                const exampleLoader = getSelectedExample();
+                const module = await exampleLoader();
+                setExampleComponent(() => module.default);
+                setLoading(false);
+            }
+            catch (e) {
+                console.error('Failed to load example:', e);
+                setError(`Failed to load example: ${e}`);
+                setLoading(false);
+            }
+        };
+        loadExample();
+    }, []);
+    if (loading) {
+        return (_jsxs("div", { style: { padding: '20px', textAlign: 'center' }, children: [_jsxs("h2", { children: ["Loading Example: ", getSelectedExampleName()] }), _jsx("p", { children: "Please wait..." })] }));
+    }
+    if (error) {
+        return (_jsxs("div", { style: { padding: '20px', color: 'red' }, children: [_jsx("h2", { children: "Error Loading Example" }), _jsx("pre", { children: error })] }));
+    }
+    if (!ExampleComponent) {
+        return (_jsxs("div", { style: { padding: '20px' }, children: [_jsx("h2", { children: "Example Not Found" }), _jsx("p", { children: "The selected example could not be loaded." })] }));
+    }
+    // Check if the example component expects props
+    // Most examples will need serviceManager
+    const exampleProps = {};
+    if (serviceManager) {
+        exampleProps.serviceManager = serviceManager;
+    }
+    return (_jsx(JupyterReactTheme, { children: _jsxs("div", { style: { width: '100vw', height: '100vh', overflow: 'hidden' }, children: [_jsxs("div", { style: {
+                        padding: '10px',
+                        background: '#f0f0f0',
+                        borderBottom: '1px solid #ccc',
+                        fontSize: '14px',
+                        fontFamily: 'monospace',
+                    }, children: ["Running Example: ", _jsx("strong", { children: getSelectedExampleName() })] }), _jsx("div", { style: { height: 'calc(100vh - 40px)', overflow: 'auto' }, children: _jsx(ExampleComponent, { ...exampleProps }) })] }) }));
+};
+// Mount the app
+const root = document.getElementById('root');
+if (root) {
+    createRoot(root).render(_jsx(ExampleApp, {}));
+}
+else {
+    console.error('Root element not found');
+}

package/lib/examples/notebooks/IPyWidgetsExample.ipynb.json

@@ -0,0 +1,101 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "id": "3a86eccf-352d-480d-b1b0-4cf355921be9",
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "application/vnd.jupyter.widget-view+json": {
+              "model_id": "c686864a5ad44793b53c9cf1b112fafe",
+              "version_major": 2,
+              "version_minor": 0
+            },
+            "text/plain": []
+          },
+          "metadata": {},
+          "output_type": "display_data"
+        }
+      ],
+      "source": ["import ipywidgets as widgets\n", "widgets.IntSlider()"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 8,
+      "id": "f347e0ac-7614-4643-8fed-e6b5dfb67bcd",
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "application/vnd.jupyter.widget-view+json": {
+              "model_id": "e361a274319a4715ae5cfc8104c87224",
+              "version_major": 2,
+              "version_minor": 0
+            },
+            "text/plain": ["FloatText(value=0.0)"]
+          },
+          "metadata": {},
+          "output_type": "display_data"
+        },
+        {
+          "data": {
+            "application/vnd.jupyter.widget-view+json": {
+              "model_id": "859ac1871f56461fa8f2c97e6e18c4c4",
+              "version_major": 2,
+              "version_minor": 0
+            },
+            "text/plain": ["FloatSlider(value=0.0)"]
+          },
+          "metadata": {},
+          "output_type": "display_data"
+        }
+      ],
+      "source": [
+        "from IPython.display import display\n",
+        "a = widgets.FloatText()\n",
+        "b = widgets.FloatSlider()\n",
+        "display(a,b)\n",
+        "mylink = widgets.jslink((a, 'value'), (b, 'value'))"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 7,
+      "id": "07f52271-ccae-476d-83b9-715c96168c7c",
+      "metadata": {},
+      "outputs": [],
+      "source": ["mylink.unlink()"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "id": "81b15288-063d-412d-99db-c73453e18565",
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python 3 (ipykernel)",
+      "language": "python",
+      "name": "python3"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.11.4"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 5
+}

package/lib/examples/notebooks/IPyWidgetsExampleWithState.ipynb.json

@@ -0,0 +1,112 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "id": "58fc6682",
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "application/vnd.jupyter.widget-view+json": {
+              "model_id": "68c218b87d4d43589628d4f23e112319",
+              "version_major": 2,
+              "version_minor": 0
+            },
+            "text/plain": ["IntSlider(value=0)"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["import ipywidgets\n", "ipywidgets.IntSlider()"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "id": "5af4e4a9",
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python 3 (ipykernel)",
+      "language": "python",
+      "name": "python3"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.10.13"
+    },
+    "widgets": {
+      "application/vnd.jupyter.widget-state+json": {
+        "state": {
+          "1a916ae14b904353bc5f2db9714a8f2b": {
+            "model_module": "@jupyter-widgets/base",
+            "model_module_version": "2.0.0",
+            "model_name": "LayoutModel",
+            "state": {}
+          },
+          "32c74c0d7a7a4bbe84039bb47cc032d6": {
+            "model_module": "@jupyter-widgets/controls",
+            "model_module_version": "2.0.0",
+            "model_name": "IntSliderModel",
+            "state": {
+              "behavior": "drag-tap",
+              "layout": "IPY_MODEL_6753cb5249ae4429b1d0aaf7af2ef7c1",
+              "style": "IPY_MODEL_f18c172d32f54e0b810ff0725b827fdf",
+              "value": 33
+            }
+          },
+          "39beda15640c4c3fa82a284dc7df1235": {
+            "model_module": "@jupyter-widgets/controls",
+            "model_module_version": "2.0.0",
+            "model_name": "SliderStyleModel",
+            "state": {
+              "description_width": ""
+            }
+          },
+          "6753cb5249ae4429b1d0aaf7af2ef7c1": {
+            "model_module": "@jupyter-widgets/base",
+            "model_module_version": "2.0.0",
+            "model_name": "LayoutModel",
+            "state": {}
+          },
+          "68c218b87d4d43589628d4f23e112319": {
+            "model_module": "@jupyter-widgets/controls",
+            "model_module_version": "2.0.0",
+            "model_name": "IntSliderModel",
+            "state": {
+              "behavior": "drag-tap",
+              "layout": "IPY_MODEL_1a916ae14b904353bc5f2db9714a8f2b",
+              "style": "IPY_MODEL_39beda15640c4c3fa82a284dc7df1235"
+            }
+          },
+          "f18c172d32f54e0b810ff0725b827fdf": {
+            "model_module": "@jupyter-widgets/controls",
+            "model_module_version": "2.0.0",
+            "model_name": "SliderStyleModel",
+            "state": {
+              "description_width": ""
+            }
+          }
+        },
+        "version_major": 2,
+        "version_minor": 0
+      }
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 5
+}

package/lib/examples/notebooks/Lite.ipynb.json

@@ -0,0 +1,128 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["'Emscripten'"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["import platform\n", "platform.system()"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["emscripten"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["import sys\n", "sys.platform"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": [
+              "<pyodide_kernel.interpreter.Interpreter at 0x22906f0>"
+            ]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["get_ipython()"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["4"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["# I am a Python cell.\n", "print('2+2')"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["import micropip\n", "await micropip.install('ipywidgets')"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["from ipywidgets import IntSlider\n", "w = IntSlider()\n", "w"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["w"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {},
+  "nbformat": 4,
+  "nbformat_minor": 4
+}