@datalayer/core 0.0.15 → 0.0.17

package/lib/hooks/useUpload.js

@@ -20,27 +20,35 @@ export const useUploadForm = (url) => {
     };
     const uploadAndSubmit = async (formData) => {
         setIsLoading(true);
-        const { data } = await axios.post(url, formData, {
-            headers: {
-                'Content-Type': 'multipart/form-data',
-                Authorization: `Bearer ${token}`,
-            },
-            onUploadProgress: progressEvent => {
-                const progress = (progressEvent.loaded / progressEvent.total) * 50;
-                setProgress(progress);
-            },
-            onDownloadProgress: progressEvent => {
-                const progress = 50 + (progressEvent.loaded / progressEvent.total) * 50;
-                setProgress(progress);
-            },
-        });
-        setProgress(100);
-        await new Promise(resolve => {
-            setTimeout(() => resolve('success'), 500);
-        });
-        setIsSuccess(true);
-        setProgress(0);
-        return data;
+        try {
+            const { data } = await axios.post(url, formData, {
+                headers: {
+                    'Content-Type': 'multipart/form-data',
+                    Authorization: `Bearer ${token}`,
+                },
+                onUploadProgress: progressEvent => {
+                    const progress = (progressEvent.loaded / progressEvent.total) * 50;
+                    setProgress(progress);
+                },
+                onDownloadProgress: progressEvent => {
+                    const progress = 50 + (progressEvent.loaded / progressEvent.total) * 50;
+                    setProgress(progress);
+                },
+            });
+            setProgress(100);
+            await new Promise(resolve => {
+                setTimeout(() => resolve('success'), 500);
+            });
+            setIsSuccess(true);
+            setIsLoading(false);
+            setProgress(0);
+            return data;
+        }
+        catch (error) {
+            setIsLoading(false);
+            setProgress(0);
+            throw error;
+        }
     };
     return { uploadAndSubmit, isSuccess, isLoading, progress, reset };
 };

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components';
 export * from './utils';
 export * from './state';
 export * from './collaboration';

package/lib/index.js

@@ -2,6 +2,8 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
+// Export core components and utilities
+export * from './components';
 export * from './utils';
 export * from './state';
 export * from './collaboration';
@@ -9,14 +11,16 @@ export * from './services';
 // Export navigation before hooks to avoid conflicts
 export * from './navigation';
 export * from './hooks';
-// Export API and SDK layers
+// Export API.
 export { requestDatalayerAPI, RunResponseError, NetworkError, } from './api/DatalayerApi';
 export { API_BASE_PATHS } from './api/constants';
 export * as runtimesApi from './api/runtimes';
 export * as iamApi from './api/iam';
 export * as spacerApi from './api/spacer';
-export { DatalayerClient, 
-// Export SDK models
+export { 
+// Export client and config types
+DatalayerClient, 
+// Export domain models
 User, Runtime, Environment, Snapshot, Space, Notebook, LexicalDTO, Credits, Item, } from './client';
-// Export commonly used SDK functions directly for convenience
+// Export commonly used functions directly for convenience
 export { getEnvironments, createRuntime, getRuntimes, deleteRuntime, snapshotRuntime, getRuntimeSnapshots, loadRuntimeSnapshot, } from './stateful/runtimes/actions';

package/lib/stateful/index.d.ts

@@ -1,3 +1,2 @@
 export * from './jupyter';
 export * from './runtimes';
-export * from '../api/DatalayerApi';

package/lib/stateful/index.js

@@ -4,4 +4,3 @@
  */
 export * from './jupyter';
 export * from './runtimes';
-export * from '../api/DatalayerApi';

package/lib/stateful/runtimes/actions.d.ts

@@ -1,4 +1,4 @@
-import { IRuntimeOptions } from '..';
+import { IRuntimeOptions } from '../../api';
 import type { IRuntimeSnapshot, IDatalayerEnvironment, IRuntimePod } from '../../models';
 /**
  * Get available Environments.

package/lib/stateful/runtimes/actions.js

@@ -8,7 +8,7 @@
 import { URLExt } from '@jupyterlab/coreutils';
 import { PromiseDelegate } from '@lumino/coreutils';
 import { Upload } from 'tus-js-client';
-import { requestDatalayerAPI, } from '..';
+import { requestDatalayerAPI, } from '../../api';
 import { asRuntimeSnapshot } from '../../models';
 import { iamStore, runtimesStore } from '../../state';
 import { sleep } from '../../utils';

package/lib/theme/DatalayerTheme.d.ts

@@ -1,4 +1,4 @@
-declare const theme: {
+declare const datalayerTheme: {
     animation: {
         easeOutCubic: string;
     };
@@ -34,4 +34,4 @@ declare const theme: {
         dark: {};
     };
 };
-export { theme as datalayerTheme };
+export { datalayerTheme };

package/lib/theme/DatalayerTheme.js

@@ -48,15 +48,15 @@ const datalayerThemeDefs = {
 const { colorSchemes: primerSchemes, ...primerOthers } = cloneDeep(primerTheme);
 const { colorSchemes: jupyterSchemes, ...datalayerOthers } = datalayerThemeDefs;
 // Merge with the light theme to ensure all variables are defined (although the style may be ugly).
-const theme = merge(primerOthers, datalayerOthers, {
+const datalayerTheme = merge(primerOthers, datalayerOthers, {
     colorSchemes: { light: {}, dark: {} },
 });
-theme.colorSchemes.light = {
+datalayerTheme.colorSchemes.light = {
     colors: merge(primerSchemes.light.colors, jupyterSchemes.light.colors),
     shadows: merge(primerSchemes.light.shadows, jupyterSchemes.light.shadows),
 };
-theme.colorSchemes.dark = {
+datalayerTheme.colorSchemes.dark = {
     colors: merge(primerSchemes.dark.colors, jupyterSchemes.dark.colors),
     shadows: merge(primerSchemes.dark.shadows, jupyterSchemes.dark.shadows),
 };
-export { theme as datalayerTheme };
+export { datalayerTheme };

package/lib/theme/DatalayerThemeProvider.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseStyles, ThemeProvider as PrimerThemeProvider, } from '@primer/react';
+import { BaseStyles, ThemeProvider } from '@primer/react';
 export function DatalayerThemeProvider(props) {
     const { children, colorMode, baseStyles, ...rest } = props;
-    return (_jsx(PrimerThemeProvider, { colorMode: colorMode, ...rest, children: _jsx(BaseStyles, { style: {
+    return (_jsx(ThemeProvider, { colorMode: colorMode, ...rest, children: _jsx(BaseStyles, { style: {
                 backgroundColor: 'var(--bgColor-default)',
                 color: 'var(--fgColor-default)',
                 fontSize: 'var(--text-body-size-medium)',

package/lib/types.d.ts

@@ -0,0 +1,5 @@
+export interface ConversationEntry {
+    id: string;
+    firstMessage?: string;
+    timestamp: number;
+}

package/lib/types.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2024-2025 Datalayer, Inc.
+ *
+ * BSD 3-Clause License
+ */
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "type": "module",
   "workspaces": [
     ".",
@@ -85,10 +85,15 @@
     "watch:lib:src": "tsc -b -w",
     "type-check:watch": "tsc -b -w --noEmit",
     "example": "vite --config vite.examples.config.ts",
+    "example:chat": "run-p jupyter:start example:chat:vite",
+    "example:chat:vite": "EXAMPLE=ChatExample vite --config vite.examples.config.ts",
     "example:nextjs": "npm run dev --workspace=nextjs-notebook-example",
-    "prepare": "husky"
+    "jupyter:start": "./dev/sh/start-jupyter-server.sh",
+    "prepare": "husky",
+    "kill": "./dev/sh/kill.sh || true"
   },
   "dependencies": {
+    "@ai-sdk/react": "^2.0.34",
     "@datalayer/icons-react": "^1.0.6",
     "@datalayer/jupyter-react": "^1.1.0",
     "@datalayer/primer-addons": "^1.0.4",
@@ -103,7 +108,9 @@
     "@primer/react": "^37.19.0",
     "@primer/react-brand": "^0.58.0",
     "@stripe/react-stripe-js": "^2.7.1",
+    "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-query": "^5.90.6",
+    "ai": "^5.0.78",
     "axios": "^1.7.7",
     "boring-avatars": "^2.0.1",
     "buffer": "^6.0.3",
@@ -114,13 +121,18 @@
     "html2canvas": "^1.4.1",
     "jwt-decode": "^2.2.0",
     "localforage": "^1.10.0",
+    "lucide-react": "^0.542.0",
     "marked": "^4.0.10",
     "mock-socket": "^9.3.1",
     "react": "18.3.1",
     "react-confetti": "^6.4.0",
     "react-dom": "18.3.1",
     "react-toastify": "^11.0.5",
+    "streamdown": "^1.6.6",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.13",
     "tus-js-client": "^4.2.3",
+    "tw-animate-css": "^1.4.0",
     "ulid": "^2.3.0",
     "unique-names-generator": "^4.7.1",
     "usehooks-ts": "^2.9.1",
@@ -145,9 +157,11 @@
     "@storybook/addon-vitest": "^9.1.1",
     "@storybook/builder-vite": "^9.1.1",
     "@storybook/react-vite": "^9.1.1",
+    "@tailwindcss/postcss": "^4.1.16",
     "@types/node": "^20.11.0",
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.5.2",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",

package/style/base.css

@@ -3,6 +3,10 @@
  * Distributed under the terms of the Modified BSD License.
  */
 
+@import 'tailwindcss';
+
+@import 'tw-animate-css';
+
 :root {
   --dla-color-green-light: #2ECC71;
   --dla-color-green-main: #1ABC9C;

package/lib/sdk/index.d.ts

@@ -1,27 +0,0 @@
-/**
- * Main SDK entry point for the Datalayer platform.
- *
- * This module provides the unified DatalayerSDK class with a flat, intuitive API
- * for all Datalayer platform services. The SDK uses TypeScript mixins to provide
- * excellent discoverability and ease of use.
- *
- * @example
- * ```typescript
- * import { DatalayerSDK } from '@datalayer/core/sdk';
- *
- * const sdk = new DatalayerSDK({
- *   token: 'your-api-token',
- *   baseUrl: 'https://prod1.datalayer.run'
- * });
- *
- * // Flat, intuitive API - all methods directly accessible
- * const user = await sdk.whoami();
- * const environments = await sdk.listEnvironments();
- * const runtime = await sdk.createRuntime(config);
- * const notebook = await sdk.createNotebook(data);
- * ```
- *
- * @module sdk
- */
-export { DatalayerClient, type DatalayerClientConfig } from '../client';
-export * from '../stateful';

package/lib/sdk/index.js

@@ -1,33 +0,0 @@
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/**
- * Main SDK entry point for the Datalayer platform.
- *
- * This module provides the unified DatalayerSDK class with a flat, intuitive API
- * for all Datalayer platform services. The SDK uses TypeScript mixins to provide
- * excellent discoverability and ease of use.
- *
- * @example
- * ```typescript
- * import { DatalayerSDK } from '@datalayer/core/sdk';
- *
- * const sdk = new DatalayerSDK({
- *   token: 'your-api-token',
- *   baseUrl: 'https://prod1.datalayer.run'
- * });
- *
- * // Flat, intuitive API - all methods directly accessible
- * const user = await sdk.whoami();
- * const environments = await sdk.listEnvironments();
- * const runtime = await sdk.createRuntime(config);
- * const notebook = await sdk.createNotebook(data);
- * ```
- *
- * @module sdk
- */
-// Export the main Client class with flat API
-export { DatalayerClient } from '../client';
-// Export stateful modules for advanced use cases
-export * from '../stateful';