@datalayer/core 1.0.11 → 1.0.13

package/lib/hooks/index.d.ts

@@ -11,6 +11,8 @@ export * from './useIAM';
 export * from './useId';
 export * from './useIsomorphicLayoutEffect';
 export * from './useJupyterLabTheme';
+export * from './useHighZIndexPortal';
+export * from './useKeyboardShortcuts';
 export * from './useKeyboardEscape';
 export * from './useLocation';
 export * from './useLocationHandles';
@@ -25,5 +27,6 @@ export * from './useUpload';
 export * from './useUser';
 export * from './useProjects';
 export * from './useProjectStore';
+export * from './useMobile';
 export * from './useVisibilityObserver';
 export * from './useWindowSize';

package/lib/hooks/index.js

@@ -16,6 +16,8 @@ export * from './useIAM';
 export * from './useId';
 export * from './useIsomorphicLayoutEffect';
 export * from './useJupyterLabTheme';
+export * from './useHighZIndexPortal';
+export * from './useKeyboardShortcuts';
 export * from './useKeyboardEscape';
 export * from './useLocation';
 export * from './useLocationHandles';
@@ -30,5 +32,6 @@ export * from './useUpload';
 export * from './useUser';
 export * from './useProjects';
 export * from './useProjectStore';
+export * from './useMobile';
 export * from './useVisibilityObserver';
 export * from './useWindowSize';

package/lib/hooks/useHighZIndexPortal.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Ensure Primer portal root has a high z-index so overlays render above chat.
+ */
+export declare function useHighZIndexPortal(): void;

package/lib/hooks/useHighZIndexPortal.js

@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useEffect } from 'react';
+const PRIMER_PORTAL_ROOT_ID = 'primer-portal-root';
+/**
+ * Ensure Primer portal root has a high z-index so overlays render above chat.
+ */
+export function useHighZIndexPortal() {
+    useEffect(() => {
+        const setPortalZIndex = () => {
+            const portalRoot = document.getElementById(PRIMER_PORTAL_ROOT_ID);
+            if (portalRoot) {
+                portalRoot.style.zIndex = '9999';
+                return true;
+            }
+            return false;
+        };
+        if (setPortalZIndex()) {
+            return;
+        }
+        const observer = new MutationObserver(() => {
+            if (setPortalZIndex()) {
+                observer.disconnect();
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            observer.disconnect();
+        };
+    }, []);
+}

package/lib/hooks/useKeyboardShortcuts.d.ts

@@ -0,0 +1,23 @@
+export interface KeyboardShortcut {
+    key: string;
+    ctrlOrCmd?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    handler: () => void;
+    description?: string;
+    allowInInput?: boolean;
+}
+export interface UseKeyboardShortcutsOptions {
+    enabled?: boolean;
+    shortcuts: KeyboardShortcut[];
+}
+export declare function useKeyboardShortcuts({ enabled, shortcuts, }: UseKeyboardShortcutsOptions): void;
+export declare function useChatKeyboardShortcuts({ onToggle, onNewChat, onClear, onFocusInput, enabled, }: {
+    onToggle?: () => void;
+    onNewChat?: () => void;
+    onClear?: () => void;
+    onFocusInput?: () => void;
+    enabled?: boolean;
+}): void;
+export declare function getShortcutDisplay(shortcut: KeyboardShortcut): string;
+export default useKeyboardShortcuts;

package/lib/hooks/useKeyboardShortcuts.js

@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useEffect, useCallback } from 'react';
+function isMacOS() {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+}
+export function useKeyboardShortcuts({ enabled = true, shortcuts, }) {
+    const handleKeyDown = useCallback((event) => {
+        if (!enabled)
+            return;
+        const target = event.target;
+        const isInInput = target.tagName === 'INPUT' ||
+            target.tagName === 'SELECT' ||
+            target.tagName === 'TEXTAREA' ||
+            target.isContentEditable;
+        for (const shortcut of shortcuts) {
+            if (isInInput && !shortcut.allowInInput) {
+                if (shortcut.key !== 'Escape') {
+                    continue;
+                }
+            }
+            if (event.key.toLowerCase() !== shortcut.key.toLowerCase()) {
+                continue;
+            }
+            const ctrlOrCmdPressed = isMacOS() ? event.metaKey : event.ctrlKey;
+            if (shortcut.ctrlOrCmd && !ctrlOrCmdPressed) {
+                continue;
+            }
+            if (!shortcut.ctrlOrCmd &&
+                ctrlOrCmdPressed &&
+                shortcut.key !== 'Escape') {
+                continue;
+            }
+            if (shortcut.shift && !event.shiftKey) {
+                continue;
+            }
+            if (shortcut.alt && !event.altKey) {
+                continue;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            shortcut.handler();
+            break;
+        }
+    }, [enabled, shortcuts]);
+    useEffect(() => {
+        if (!enabled)
+            return;
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [enabled, handleKeyDown]);
+}
+export function useChatKeyboardShortcuts({ onToggle, onNewChat, onClear, onFocusInput, enabled = true, }) {
+    const shortcuts = [];
+    if (onToggle) {
+        shortcuts.push({
+            key: 'k',
+            ctrlOrCmd: true,
+            handler: onToggle,
+            description: 'Toggle chat sidebar',
+        });
+    }
+    if (onNewChat) {
+        shortcuts.push({
+            key: 'n',
+            ctrlOrCmd: true,
+            shift: true,
+            handler: onNewChat,
+            description: 'Start new chat',
+        });
+    }
+    if (onClear) {
+        shortcuts.push({
+            key: 'Backspace',
+            ctrlOrCmd: true,
+            shift: true,
+            handler: onClear,
+            description: 'Clear chat messages',
+        });
+    }
+    if (onFocusInput) {
+        shortcuts.push({
+            key: '/',
+            handler: onFocusInput,
+            description: 'Focus chat input',
+        });
+    }
+    if (onToggle) {
+        shortcuts.push({
+            key: 'Escape',
+            handler: onToggle,
+            description: 'Close chat sidebar',
+            allowInInput: true,
+        });
+    }
+    useKeyboardShortcuts({ enabled, shortcuts });
+}
+export function getShortcutDisplay(shortcut) {
+    const parts = [];
+    const isMac = isMacOS();
+    if (shortcut.ctrlOrCmd) {
+        parts.push(isMac ? '⌘' : 'Ctrl');
+    }
+    if (shortcut.shift) {
+        parts.push(isMac ? '⇧' : 'Shift');
+    }
+    if (shortcut.alt) {
+        parts.push(isMac ? '⌥' : 'Alt');
+    }
+    let keyDisplay = shortcut.key.toUpperCase();
+    if (shortcut.key === 'Escape')
+        keyDisplay = 'Esc';
+    if (shortcut.key === 'Backspace')
+        keyDisplay = isMac ? '⌫' : 'Del';
+    parts.push(keyDisplay);
+    return parts.join(isMac ? '' : '+');
+}
+export default useKeyboardShortcuts;

package/lib/utils/DownloadFile.d.ts

@@ -7,4 +7,17 @@
  * .zip	ZIP archive	application/zip
  */
 export declare const downloadFile: (data: any, filename: string, mime?: any, bom?: any) => void;
+export type TextDownloadPayload = {
+    content: string;
+    filename: string;
+    mime: string;
+};
+/**
+ * Create a generic markdown text payload for file downloads.
+ */
+export declare const createMarkdownDownloadPayload: (content: string, fileStem: string) => TextDownloadPayload;
+/**
+ * Download a text payload produced by a helper such as createMarkdownDownloadPayload.
+ */
+export declare const downloadTextPayload: (payload: TextDownloadPayload, withBom?: boolean) => void;
 export default downloadFile;

package/lib/utils/DownloadFile.js

@@ -35,4 +35,24 @@ export const downloadFile = (data, filename, mime, bom) => {
         window.URL.revokeObjectURL(blobURL);
     }, 200);
 };
+const sanitizeFileStem = (value) => value
+    .trim()
+    .replace(/\s+/g, '-')
+    .replace(/[^a-zA-Z0-9-_]/g, '-')
+    .replace(/-+/g, '-')
+    .replace(/^-+|-+$/g, '') || 'download';
+/**
+ * Create a generic markdown text payload for file downloads.
+ */
+export const createMarkdownDownloadPayload = (content, fileStem) => ({
+    content,
+    filename: `${sanitizeFileStem(fileStem)}.md`,
+    mime: 'text/markdown;charset=utf-8',
+});
+/**
+ * Download a text payload produced by a helper such as createMarkdownDownloadPayload.
+ */
+export const downloadTextPayload = (payload, withBom = true) => {
+    downloadFile(payload.content, payload.filename, payload.mime, withBom ? '\uFEFF' : undefined);
+};
 export default downloadFile;

package/lib/views/iam/SignInSimple.js

@@ -12,12 +12,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  *
  * @module views/signin
  */
-import { useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef, useMemo } from 'react';
 import { Box, Button, FormControl, Heading, Text, Textarea, TextInput, } from '@primer/react';
 import { Dialog } from '@primer/react/experimental';
 import { EyeIcon, EyeClosedIcon, KeyIcon, TelescopeIcon, } from '@primer/octicons-react';
+import { coreStore } from '../../state';
 // ── Component ────────────────────────────────────────────────────────
-export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl = '/api/iam/v1/login', title = 'Datalayer OTEL', description = 'Sign in to access the observability dashboard.', leadingIcon = _jsx(TelescopeIcon, { size: 24 }), }) => {
+export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl: loginUrlProp, title = 'Datalayer OTEL', description = 'Sign in to access the observability dashboard.', leadingIcon = _jsx(TelescopeIcon, { size: 24 }), }) => {
+    const loginUrl = useMemo(() => {
+        if (loginUrlProp)
+            return loginUrlProp;
+        const iamRunUrl = coreStore.getState().configuration?.iamRunUrl;
+        return iamRunUrl ? `${iamRunUrl}/api/iam/v1/login` : '/api/iam/v1/login';
+    }, [loginUrlProp]);
     const [handle, setHandle] = useState('');
     const [password, setPassword] = useState('');
     const [showPassword, setShowPassword] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "type": "module",
   "workspaces": [
     ".",
@@ -103,9 +103,9 @@
   },
   "dependencies": {
     "@datalayer/icons-react": "^1.0.6",
-    "@datalayer/jupyter-lexical": "^1.0.9",
-    "@datalayer/jupyter-react": "^2.0.2",
-    "@datalayer/primer-addons": "^1.0.4",
+    "@datalayer/jupyter-lexical": "^1.0.16",
+    "@datalayer/jupyter-react": "^2.0.7",
+    "@datalayer/primer-addons": "^1.0.12",
     "@datalayer/primer-rjsf": "^1.0.1",
     "@fluentui/react": "^8.125.3",
     "@jupyter-widgets/base-manager": "^1.0.12",