@datalayer/jupyter-react 2.0.0 → 2.0.2

package/lib/jupyter/services/serviceManagerUtils.js

@@ -0,0 +1,132 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Disable auto-reconnection for all running kernels in a service manager.
+ *
+ * This function accesses the private `_reconnectLimit` property of each kernel
+ * to prevent automatic reconnection attempts when WebSockets close.
+ *
+ * @param serviceManager - The service manager instance
+ * @returns Number of kernels that had reconnection disabled
+ *
+ * @remarks
+ * Accessing `_reconnectLimit` is necessary because JupyterLab doesn't expose
+ * a public API to disable auto-reconnection. This is safe because:
+ * 1. We control this package
+ * 2. It's for graceful shutdown only
+ * 3. Prevents user-facing CORS errors
+ *
+ * TODO: Propose upstream fix to add kernel.disableReconnect() to @jupyterlab/services
+ *
+ * @example
+ * ```typescript
+ * // Disable reconnect, then dispose manually
+ * disableKernelReconnect(serviceManager);
+ * serviceManager.dispose();
+ * ```
+ */
+export function disableKernelReconnect(serviceManager) {
+    let count = 0;
+    const disabledKernelIds = new Set();
+    try {
+        // CRITICAL: Check BOTH sessions AND kernels!
+        // Kernels can exist without sessions (orphaned kernels)
+        // 1. Disable reconnect for kernels in sessions
+        const sessionManager = serviceManager.sessions;
+        if (sessionManager && typeof sessionManager.running === 'function') {
+            const runningSessions = Array.from(sessionManager.running());
+            for (const session of runningSessions) {
+                if (session.kernel && session.kernel.id) {
+                    // Access private _reconnectLimit property to prevent further auto-reconnect attempts.
+                    // NOTE: Using -1 here is based on the current JupyterLab KernelConnection implementation.
+                    // If JupyterLab changes the semantics of _reconnectLimit, this value may need to be updated.
+                    session.kernel._reconnectLimit = -1;
+                    disabledKernelIds.add(session.kernel.id);
+                    count++;
+                }
+            }
+        }
+        // 2. Disable reconnect for orphaned kernels (not in sessions)
+        const kernelManager = serviceManager.kernels;
+        if (kernelManager && typeof kernelManager.running === 'function') {
+            const runningKernels = Array.from(kernelManager.running());
+            for (const kernelModel of runningKernels) {
+                // Skip if we already disabled this kernel via session
+                if (disabledKernelIds.has(kernelModel.id)) {
+                    continue;
+                }
+                // Access private _kernels map to get actual KernelConnection objects
+                // KernelManager.running() returns models, but we need connections to set _reconnectLimit
+                try {
+                    const kernelManagerPrivate = kernelManager;
+                    const kernelsMap = kernelManagerPrivate._kernelConnections;
+                    if (kernelsMap) {
+                        // _kernelConnections is a Set, not a Map
+                        if (kernelsMap instanceof Set) {
+                            // Iterate through ALL kernel connections in the Set
+                            for (const kernelConnection of kernelsMap) {
+                                if (kernelConnection &&
+                                    kernelConnection._reconnectLimit !== undefined) {
+                                    const connectionId = kernelConnection.id ?? kernelModel.id;
+                                    // Avoid double-disabling / double-counting
+                                    if (!disabledKernelIds.has(connectionId)) {
+                                        kernelConnection._reconnectLimit = -1;
+                                        disabledKernelIds.add(connectionId);
+                                        count++;
+                                    }
+                                }
+                            }
+                        }
+                        else if (kernelsMap instanceof Map) {
+                            // Fallback: Keep Map logic in case structure changes
+                            const kernelConnection = kernelsMap.get(kernelModel.id);
+                            if (kernelConnection &&
+                                kernelConnection._reconnectLimit !== undefined) {
+                                kernelConnection._reconnectLimit = -1;
+                                disabledKernelIds.add(kernelModel.id);
+                                count++;
+                            }
+                        }
+                    }
+                }
+                catch (error) {
+                    console.error(`[serviceManagerUtils] Error disabling orphaned kernel ${kernelModel.id}:`, error);
+                }
+            }
+        }
+    }
+    catch (error) {
+        console.error('[serviceManagerUtils] Error disabling auto-reconnect:', error);
+    }
+    return count;
+}
+/**
+ * Dispose a service manager without auto-reconnection errors.
+ *
+ * This is a convenience wrapper that:
+ * 1. Disables auto-reconnection for all kernels
+ * 2. Calls dispose() on the service manager
+ *
+ * @param serviceManager - The service manager to dispose
+ *
+ * @example
+ * ```typescript
+ * import { disposeServiceManager } from '@datalayer/jupyter-react';
+ *
+ * // Instead of:
+ * serviceManager.dispose(); // ❌ May cause CORS errors
+ *
+ * // Use:
+ * disposeServiceManager(serviceManager); // ✅ Clean disposal
+ * ```
+ */
+export function disposeServiceManager(serviceManager) {
+    // Disable auto-reconnect for all kernels
+    disableKernelReconnect(serviceManager);
+    // Now dispose - WebSocket closes won't trigger auto-reconnect
+    serviceManager.dispose();
+}
+//# sourceMappingURL=serviceManagerUtils.js.map

package/lib/jupyter/services/serviceManagerUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serviceManagerUtils.js","sourceRoot":"","sources":["../../../src/jupyter/services/serviceManagerUtils.ts"],"names":[],"mappings":"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"}

package/lib/jupyter-context.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Jupyter context entry point
+ *
+ * This is a separate entry point for tree-shaking.
+ * Import from '@datalayer/jupyter-react/jupyter' for smaller bundles.
+ *
+ * Contains:
+ * - Jupyter provider component
+ * - useJupyter hook
+ * - Kernel management
+ * - Jupyter services
+ */
+export * from './jupyter';

package/lib/jupyter-context.js

@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Jupyter context entry point
+ *
+ * This is a separate entry point for tree-shaking.
+ * Import from '@datalayer/jupyter-react/jupyter' for smaller bundles.
+ *
+ * Contains:
+ * - Jupyter provider component
+ * - useJupyter hook
+ * - Kernel management
+ * - Jupyter services
+ */
+export * from './jupyter/index.js';
+//# sourceMappingURL=jupyter-context.js.map

package/lib/jupyter-context.js.map

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

package/lib/lazy/JupyterSkeleton.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface IJupyterSkeletonProps {
+    /**
+     * Height of the skeleton loader
+     */
+    height?: string | number;
+    /**
+     * Whether to show the "Loading..." text
+     */
+    showText?: boolean;
+    /**
+     * Custom loading text
+     */
+    text?: string;
+    /**
+     * Component type being loaded (for accessibility)
+     */
+    componentType?: 'cell' | 'notebook' | 'terminal' | 'console' | 'output' | 'viewer';
+}
+/**
+ * Skeleton loading component for lazy-loaded Jupyter components.
+ *
+ * Use this as a fallback in Suspense boundaries when lazy-loading
+ * heavy Jupyter components.
+ */
+export declare const JupyterSkeleton: React.FC<IJupyterSkeletonProps>;
+export default JupyterSkeleton;

package/lib/lazy/JupyterSkeleton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+/**
+ * Skeleton loading component for lazy-loaded Jupyter components.
+ *
+ * Use this as a fallback in Suspense boundaries when lazy-loading
+ * heavy Jupyter components.
+ */
+export const JupyterSkeleton = ({ height = '200px', showText = true, text, componentType, }) => {
+    const displayText = text ??
+        (componentType
+            ? `Loading Jupyter ${componentType}...`
+            : 'Loading Jupyter component...');
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height,
+            gap: 3,
+            backgroundColor: 'canvas.subtle',
+            borderRadius: 2,
+            border: '1px solid',
+            borderColor: 'border.muted',
+        }, role: "status", "aria-label": displayText, children: [_jsx(Spinner, { size: "large" }), showText && (_jsx(Box, { sx: {
+                    color: 'fg.muted',
+                    fontSize: 1,
+                }, children: displayText }))] }));
+};
+export default JupyterSkeleton;
+//# sourceMappingURL=JupyterSkeleton.js.map

package/lib/lazy/JupyterSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JupyterSkeleton.js","sourceRoot":"","sources":["../../src/lazy/JupyterSkeleton.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AA2B/C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC/D,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,aAAa,GACd,EAAE,EAAE;IACH,MAAM,WAAW,GACf,IAAI;QACJ,CAAC,aAAa;YACZ,CAAC,CAAC,mBAAmB,aAAa,KAAK;YACvC,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAEtC,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM;YACN,GAAG,EAAE,CAAC;YACN,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,cAAc;SAC5B,EACD,IAAI,EAAC,QAAQ,gBACD,WAAW,aAEvB,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,GAAG,EACvB,QAAQ,IAAI,CACX,KAAC,GAAG,IACF,EAAE,EAAE;oBACF,KAAK,EAAE,UAAU;oBACjB,QAAQ,EAAE,CAAC;iBACZ,YAEA,WAAW,GACR,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/lazy/LazyCell.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { ICellProps } from '../components/cell/Cell';
+export interface ILazyCellProps extends ICellProps {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Cell component with built-in Suspense boundary
+ *
+ * This component automatically provides a loading state while the
+ * Cell component is being loaded.
+ *
+ * @example
+ * ```tsx
+ * <LazyCell
+ *   source="print('Hello, World!')"
+ *   kernel={kernel}
+ *   autoStart={true}
+ * />
+ * ```
+ */
+export declare const LazyCell: React.FC<ILazyCellProps>;
+/**
+ * Raw lazy Cell component without Suspense boundary
+ *
+ * Use this when you want to manage the Suspense boundary yourself,
+ * e.g., when loading multiple components together.
+ */
+export declare const LazyCellRaw: React.LazyExoticComponent<({ autoStart, id: providedId, kernel, outputs, showToolbar, source, type, }: ICellProps) => import("react/jsx-runtime").JSX.Element>;
+export default LazyCell;

package/lib/lazy/LazyCell.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { lazy, Suspense } from 'react';
+import { JupyterSkeleton } from './JupyterSkeleton.js';
+/**
+ * Lazy-loaded Cell component
+ *
+ * This component wraps the Cell component with React.lazy for code splitting.
+ * The heavy JupyterLab cell dependencies are only loaded when this component
+ * is rendered.
+ */
+const CellImpl = lazy(() => import('../components/cell/Cell').then(module => ({
+    default: module.Cell,
+})));
+/**
+ * Lazy-loaded Cell component with built-in Suspense boundary
+ *
+ * This component automatically provides a loading state while the
+ * Cell component is being loaded.
+ *
+ * @example
+ * ```tsx
+ * <LazyCell
+ *   source="print('Hello, World!')"
+ *   kernel={kernel}
+ *   autoStart={true}
+ * />
+ * ```
+ */
+export const LazyCell = ({ fallback, skeletonHeight = '150px', ...cellProps }) => {
+    const defaultFallback = (_jsx(JupyterSkeleton, { height: skeletonHeight, componentType: "cell" }));
+    return (_jsx(Suspense, { fallback: fallback ?? defaultFallback, children: _jsx(CellImpl, { ...cellProps }) }));
+};
+/**
+ * Raw lazy Cell component without Suspense boundary
+ *
+ * Use this when you want to manage the Suspense boundary yourself,
+ * e.g., when loading multiple components together.
+ */
+export const LazyCellRaw = CellImpl;
+export default LazyCell;
+//# sourceMappingURL=LazyCell.js.map

package/lib/lazy/LazyCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyCell.js","sourceRoot":"","sources":["../../src/lazy/LazyCell.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CACzB,MAAM,CAAC,yBAAyB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM,CAAC,IAAI;CACrB,CAAC,CAAC,CACJ,CAAC;AAaF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,EACjD,QAAQ,EACR,cAAc,GAAG,OAAO,EACxB,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CACtB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAC,MAAM,GAAG,CACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,eAAe,YAC7C,KAAC,QAAQ,OAAK,SAAS,GAAI,GAClB,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEpC,eAAe,QAAQ,CAAC"}

package/lib/lazy/LazyConsole.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { Console as ConsoleNamespace } from '../components/console/Console';
+export interface ILazyConsoleProps extends ConsoleNamespace.IConsoleOptions {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Console component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyConsole code="print('Hello!')" />
+ * ```
+ */
+export declare const LazyConsole: React.FC<ILazyConsoleProps>;
+/**
+ * Raw lazy Console component without Suspense boundary
+ */
+export declare const LazyConsoleRaw: React.LazyExoticComponent<(options: ConsoleNamespace.IConsoleOptions) => import("react/jsx-runtime").JSX.Element>;
+export default LazyConsole;

package/lib/lazy/LazyConsole.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { lazy, Suspense } from 'react';
+import { JupyterSkeleton } from './JupyterSkeleton.js';
+/**
+ * Lazy-loaded Console component
+ */
+const ConsoleImpl = lazy(() => import('../components/console/Console').then(module => ({
+    default: module.Console,
+})));
+/**
+ * Lazy-loaded Console component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyConsole code="print('Hello!')" />
+ * ```
+ */
+export const LazyConsole = ({ fallback, skeletonHeight = '300px', ...consoleProps }) => {
+    const defaultFallback = (_jsx(JupyterSkeleton, { height: skeletonHeight, componentType: "console" }));
+    return (_jsx(Suspense, { fallback: fallback ?? defaultFallback, children: _jsx(ConsoleImpl, { ...consoleProps }) }));
+};
+/**
+ * Raw lazy Console component without Suspense boundary
+ */
+export const LazyConsoleRaw = ConsoleImpl;
+export default LazyConsole;
+//# sourceMappingURL=LazyConsole.js.map

package/lib/lazy/LazyConsole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyConsole.js","sourceRoot":"","sources":["../../src/lazy/LazyConsole.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAC5B,MAAM,CAAC,+BAA+B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAC,CAAC,CACJ,CAAC;AAaF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAgC,CAAC,EACvD,QAAQ,EACR,cAAc,GAAG,OAAO,EACxB,GAAG,YAAY,EAChB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CACtB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAC,SAAS,GAAG,CACpE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,eAAe,YAC7C,KAAC,WAAW,OAAK,YAAY,GAAI,GACxB,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;AAE1C,eAAe,WAAW,CAAC"}

package/lib/lazy/LazyNotebook.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { INotebookProps } from '../components/notebook/Notebook';
+export interface ILazyNotebookProps extends INotebookProps {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Notebook component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyNotebook
+ *   id="my-notebook"
+ *   serviceManager={serviceManager}
+ *   nbformat={notebookContent}
+ * />
+ * ```
+ */
+export declare const LazyNotebook: React.FC<React.PropsWithChildren<ILazyNotebookProps>>;
+/**
+ * Raw lazy Notebook component without Suspense boundary
+ */
+export declare const LazyNotebookRaw: React.LazyExoticComponent<typeof import("..").Notebook>;
+export default LazyNotebook;

package/lib/lazy/LazyNotebook.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { lazy, Suspense } from 'react';
+import { JupyterSkeleton } from './JupyterSkeleton.js';
+/**
+ * Lazy-loaded Notebook component
+ */
+const NotebookImpl = lazy(() => import('../components/notebook/Notebook').then(module => ({
+    default: module.Notebook,
+})));
+/**
+ * Lazy-loaded Notebook component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyNotebook
+ *   id="my-notebook"
+ *   serviceManager={serviceManager}
+ *   nbformat={notebookContent}
+ * />
+ * ```
+ */
+export const LazyNotebook = ({ fallback, skeletonHeight = '400px', ...notebookProps }) => {
+    const defaultFallback = (_jsx(JupyterSkeleton, { height: skeletonHeight, componentType: "notebook" }));
+    return (_jsx(Suspense, { fallback: fallback ?? defaultFallback, children: _jsx(NotebookImpl, { ...notebookProps }) }));
+};
+/**
+ * Raw lazy Notebook component without Suspense boundary
+ */
+export const LazyNotebookRaw = NotebookImpl;
+export default LazyNotebook;
+//# sourceMappingURL=LazyNotebook.js.map

package/lib/lazy/LazyNotebook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyNotebook.js","sourceRoot":"","sources":["../../src/lazy/LazyNotebook.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE,CAC7B,MAAM,CAAC,iCAAiC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC,QAAQ;CACzB,CAAC,CAAC,CACJ,CAAC;AAaF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAErB,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,OAAO,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IAC/D,MAAM,eAAe,GAAG,CACtB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAC,UAAU,GAAG,CACrE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,eAAe,YAC7C,KAAC,YAAY,OAAK,aAAa,GAAI,GAC1B,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAE5C,eAAe,YAAY,CAAC"}

package/lib/lazy/LazyOutput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { IOutputProps } from '../components/output/Output';
+export interface ILazyOutputProps extends IOutputProps {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Output component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyOutput
+ *   code="print('Hello!')"
+ *   kernel={kernel}
+ *   autoRun={true}
+ * />
+ * ```
+ */
+export declare const LazyOutput: React.FC<ILazyOutputProps>;
+/**
+ * Raw lazy Output component without Suspense boundary
+ */
+export declare const LazyOutputRaw: React.LazyExoticComponent<({ adapter: propsAdapter, autoRun, clearTrigger, code, codePre, disableRun, executeTrigger, id: sourceId, insertText, kernel: propsKernel, lumino, model, onExecutionPhaseChanged, outputs: propsOutputs, receipt, showControl, showEditor, showKernelProgressBar, suppressCodeExecutionErrors, toolbarPosition, notifyOnComplete, }: IOutputProps) => import("react/jsx-runtime").JSX.Element>;
+export default LazyOutput;

package/lib/lazy/LazyOutput.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { lazy, Suspense } from 'react';
+import { JupyterSkeleton } from './JupyterSkeleton.js';
+/**
+ * Lazy-loaded Output component
+ */
+const OutputImpl = lazy(() => import('../components/output/Output').then(module => ({
+    default: module.Output,
+})));
+/**
+ * Lazy-loaded Output component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyOutput
+ *   code="print('Hello!')"
+ *   kernel={kernel}
+ *   autoRun={true}
+ * />
+ * ```
+ */
+export const LazyOutput = ({ fallback, skeletonHeight = '100px', ...outputProps }) => {
+    const defaultFallback = (_jsx(JupyterSkeleton, { height: skeletonHeight, componentType: "output" }));
+    return (_jsx(Suspense, { fallback: fallback ?? defaultFallback, children: _jsx(OutputImpl, { ...outputProps }) }));
+};
+/**
+ * Raw lazy Output component without Suspense boundary
+ */
+export const LazyOutputRaw = OutputImpl;
+export default LazyOutput;
+//# sourceMappingURL=LazyOutput.js.map

package/lib/lazy/LazyOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyOutput.js","sourceRoot":"","sources":["../../src/lazy/LazyOutput.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAC3B,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC,MAAM;CACvB,CAAC,CAAC,CACJ,CAAC;AAaF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,UAAU,GAA+B,CAAC,EACrD,QAAQ,EACR,cAAc,GAAG,OAAO,EACxB,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CACtB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAC,QAAQ,GAAG,CACnE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,eAAe,YAC7C,KAAC,UAAU,OAAK,WAAW,GAAI,GACtB,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;AAExC,eAAe,UAAU,CAAC"}

package/lib/lazy/LazyTerminal.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { Terminal as TerminalNamespace } from '../components/terminal/Terminal';
+export interface ILazyTerminalProps extends TerminalNamespace.ITerminalOptions {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Terminal component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyTerminal
+ *   height="400px"
+ *   colormode="dark"
+ * />
+ * ```
+ */
+export declare const LazyTerminal: React.FC<ILazyTerminalProps>;
+/**
+ * Raw lazy Terminal component without Suspense boundary
+ */
+export declare const LazyTerminalRaw: React.LazyExoticComponent<({ height, colormode, ...rest }: TerminalNamespace.ITerminalOptions) => import("react/jsx-runtime").JSX.Element>;
+export default LazyTerminal;

package/lib/lazy/LazyTerminal.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { lazy, Suspense } from 'react';
+import { JupyterSkeleton } from './JupyterSkeleton.js';
+/**
+ * Lazy-loaded Terminal component
+ */
+const TerminalImpl = lazy(() => import('../components/terminal/Terminal').then(module => ({
+    default: module.Terminal,
+})));
+/**
+ * Lazy-loaded Terminal component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyTerminal
+ *   height="400px"
+ *   colormode="dark"
+ * />
+ * ```
+ */
+export const LazyTerminal = ({ fallback, skeletonHeight = '300px', ...terminalProps }) => {
+    const defaultFallback = (_jsx(JupyterSkeleton, { height: skeletonHeight, componentType: "terminal" }));
+    return (_jsx(Suspense, { fallback: fallback ?? defaultFallback, children: _jsx(TerminalImpl, { ...terminalProps }) }));
+};
+/**
+ * Raw lazy Terminal component without Suspense boundary
+ */
+export const LazyTerminalRaw = TerminalImpl;
+export default LazyTerminal;
+//# sourceMappingURL=LazyTerminal.js.map

package/lib/lazy/LazyTerminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyTerminal.js","sourceRoot":"","sources":["../../src/lazy/LazyTerminal.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,EAAE,CAC7B,MAAM,CAAC,iCAAiC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC,QAAQ;CACzB,CAAC,CAAC,CACJ,CAAC;AAaF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAiC,CAAC,EACzD,QAAQ,EACR,cAAc,GAAG,OAAO,EACxB,GAAG,aAAa,EACjB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,CACtB,KAAC,eAAe,IAAC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAC,UAAU,GAAG,CACrE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,eAAe,YAC7C,KAAC,YAAY,OAAK,aAAa,GAAI,GAC1B,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC;AAE5C,eAAe,YAAY,CAAC"}

package/lib/lazy/LazyViewer.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { IViewerProps } from '../components/viewer/Viewer';
+export interface ILazyViewerProps extends IViewerProps {
+    /**
+     * Custom fallback component while loading
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Height of the skeleton loader
+     */
+    skeletonHeight?: string;
+}
+/**
+ * Lazy-loaded Viewer component with built-in Suspense boundary
+ *
+ * @example
+ * ```tsx
+ * <LazyViewer
+ *   nbformat={notebookContent}
+ *   outputs={true}
+ * />
+ * ```
+ */
+export declare const LazyViewer: React.FC<ILazyViewerProps>;
+/**
+ * Raw lazy Viewer component without Suspense boundary
+ */
+export declare const LazyViewerRaw: React.LazyExoticComponent<(props: IViewerProps) => import("react/jsx-runtime").JSX.Element>;
+export default LazyViewer;