@datalayer/core 0.0.17 → 0.0.19

package/lib/examples/main.js

@@ -1,153 +0,0 @@
-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/OutputIPyWidgetsExample.d.ts

@@ -1,145 +0,0 @@
-export declare const view: {
-    version_major: number;
-    version_minor: number;
-    model_id: string;
-};
-export declare const state: {
-    version_major: number;
-    version_minor: number;
-    state: {
-        '8621699ecc804983a612f09b7dfe806b': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _view_module_version: string;
-                children: string[];
-                _model_module_version: string;
-                layout: string;
-                _view_count: number;
-            };
-        };
-        '961d612211fe4c64a70f48942d885c14': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        '564e75ddea4c4ea0a32c4bd39ed0ed6d': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        a8b1ae50aada4d929397b907115bfc2c: {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                style: string;
-                _view_module_version: string;
-                max: number;
-                value: number;
-                _model_module_version: string;
-                layout: string;
-                _view_count: number;
-            };
-        };
-        b63481ca8b7943aa85d097a114a931f5: {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        d86e0cb348eb48bf97f14906a9406731: {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        '289e54d14b7c4c6d8ac18b4c86ab514c': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                style: string;
-                _view_module_version: string;
-                value: number;
-                _model_module_version: string;
-                layout: string;
-                _view_count: number;
-            };
-        };
-        bb589d8dc365404b94e73a153407128f: {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        '19a24d8ea5a248be8db79790290ae2a1': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-        '965bbfeaddd74b9baa488c7f6ac13027': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                style: string;
-                _view_module_version: string;
-                icon: string;
-                _model_module_version: string;
-                layout: string;
-                _view_count: number;
-            };
-        };
-        '6edd9d3360cc47c8aceff0ba11edeca9': {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                target: string[];
-                source: string[];
-                _view_module_version: string;
-                _view_name: string;
-            };
-        };
-        d7d14e74f61f4b3bb5f53a713bcadced: {
-            model_name: string;
-            model_module: string;
-            model_module_version: string;
-            state: {
-                _model_module_version: string;
-                _view_module_version: string;
-                _view_count: number;
-            };
-        };
-    };
-};

package/lib/examples/notebooks/OutputIPyWidgetsExample.js

@@ -1,153 +0,0 @@
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-export const view = {
-    version_major: 2,
-    version_minor: 0,
-    model_id: '8621699ecc804983a612f09b7dfe806b',
-};
-export const state = {
-    version_major: 2,
-    version_minor: 0,
-    state: {
-        '8621699ecc804983a612f09b7dfe806b': {
-            model_name: 'VBoxModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                _view_module_version: '1.0.0',
-                children: [
-                    'IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c',
-                    'IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c',
-                    'IPY_MODEL_965bbfeaddd74b9baa488c7f6ac13027',
-                ],
-                _model_module_version: '1.0.0',
-                layout: 'IPY_MODEL_d7d14e74f61f4b3bb5f53a713bcadced',
-                _view_count: 1,
-            },
-        },
-        '961d612211fe4c64a70f48942d885c14': {
-            model_name: 'LayoutModel',
-            model_module: '@jupyter-widgets/base',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        '564e75ddea4c4ea0a32c4bd39ed0ed6d': {
-            model_name: 'SliderStyleModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        a8b1ae50aada4d929397b907115bfc2c: {
-            model_name: 'IntSliderModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                style: 'IPY_MODEL_564e75ddea4c4ea0a32c4bd39ed0ed6d',
-                _view_module_version: '1.0.0',
-                max: 200,
-                value: 100,
-                _model_module_version: '1.0.0',
-                layout: 'IPY_MODEL_961d612211fe4c64a70f48942d885c14',
-                _view_count: 1,
-            },
-        },
-        b63481ca8b7943aa85d097a114a931f5: {
-            model_name: 'LayoutModel',
-            model_module: '@jupyter-widgets/base',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        d86e0cb348eb48bf97f14906a9406731: {
-            model_name: 'SliderStyleModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        '289e54d14b7c4c6d8ac18b4c86ab514c': {
-            model_name: 'IntSliderModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                style: 'IPY_MODEL_d86e0cb348eb48bf97f14906a9406731',
-                _view_module_version: '1.0.0',
-                value: 40,
-                _model_module_version: '1.0.0',
-                layout: 'IPY_MODEL_b63481ca8b7943aa85d097a114a931f5',
-                _view_count: 1,
-            },
-        },
-        bb589d8dc365404b94e73a153407128f: {
-            model_name: 'LayoutModel',
-            model_module: '@jupyter-widgets/base',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        '19a24d8ea5a248be8db79790290ae2a1': {
-            model_name: 'ButtonStyleModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-        '965bbfeaddd74b9baa488c7f6ac13027': {
-            model_name: 'ButtonModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                style: 'IPY_MODEL_19a24d8ea5a248be8db79790290ae2a1',
-                _view_module_version: '1.0.0',
-                icon: 'legal',
-                _model_module_version: '1.0.0',
-                layout: 'IPY_MODEL_bb589d8dc365404b94e73a153407128f',
-                _view_count: 1,
-            },
-        },
-        '6edd9d3360cc47c8aceff0ba11edeca9': {
-            model_name: 'DirectionalLinkModel',
-            model_module: '@jupyter-widgets/controls',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                target: ['IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c', 'max'],
-                source: ['IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c', 'value'],
-                _view_module_version: '1.0.0',
-                _view_name: '',
-            },
-        },
-        d7d14e74f61f4b3bb5f53a713bcadced: {
-            model_name: 'LayoutModel',
-            model_module: '@jupyter-widgets/base',
-            model_module_version: '1.0.0',
-            state: {
-                _model_module_version: '1.0.0',
-                _view_module_version: '1.0.0',
-                _view_count: 1,
-            },
-        },
-    },
-};