@datalayer/core 0.0.3 → 0.0.4

package/lib/navigation/adapters/native.js

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+// Global event emitter for navigation changes
+const navigationListeners = new Set();
+const notifyNavigationChange = () => {
+    navigationListeners.forEach(listener => listener());
+};
+/**
+ * Create native browser navigation function
+ */
+export const createNativeNavigate = () => {
+    return (to, options) => {
+        if (typeof window === 'undefined')
+            return;
+        // Parse the URL
+        const url = new URL(to, window.location.href);
+        // Use options if provided, otherwise default to empty object
+        const navOptions = options || {};
+        const state = navOptions.state || null;
+        if (navOptions.replace) {
+            window.history.replaceState(state, '', url.href);
+            // Dispatch custom event for location hooks
+            window.dispatchEvent(new Event('replacestate'));
+        }
+        else {
+            window.history.pushState(state, '', url.href);
+            // Dispatch custom event for location hooks
+            window.dispatchEvent(new Event('pushstate'));
+        }
+        // Notify all listeners of the navigation
+        notifyNavigationChange();
+        // Handle scrolling
+        if (navOptions.scroll !== false) {
+            window.scrollTo(0, 0);
+        }
+    };
+};
+/**
+ * Simple native adapter for backward compatibility
+ */
+export const createNativeAdapter = () => {
+    return {
+        name: 'native',
+        isAvailable: () => typeof window !== 'undefined' && !!window.history && !!window.location,
+    };
+};

package/lib/navigation/adapters/nextjs.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Check if we're in a Next.js environment
+ */
+export declare const isNextJsEnvironment: () => boolean;
+export declare const useParamsNext: any;
+export declare const useSearchParamsNext: any;
+export declare const useRouterNext: any;
+export declare const usePathnameNext: any;
+export declare const useRouterNextPages: any;

package/lib/navigation/adapters/nextjs.js

@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+// Try to import Next.js modules if available
+let nextNavigationModule = null;
+let nextRouterModule = null;
+// Only try to load Next.js modules if we're in a Next.js environment
+if (typeof window !== 'undefined' && window.__NEXT_DATA__) {
+    try {
+        nextNavigationModule = require('next/navigation');
+    }
+    catch {
+        // Next.js App Router not available
+    }
+    try {
+        nextRouterModule = require('next/router');
+    }
+    catch {
+        // Next.js Pages Router not available
+    }
+}
+/**
+ * Check if we're in a Next.js environment
+ */
+export const isNextJsEnvironment = () => {
+    return typeof window !== 'undefined' && window.__NEXT_DATA__;
+};
+// Export App Router hooks directly for synchronous access
+export const useParamsNext = nextNavigationModule?.useParams || undefined;
+export const useSearchParamsNext = nextNavigationModule?.useSearchParams || undefined;
+export const useRouterNext = nextNavigationModule?.useRouter || undefined;
+export const usePathnameNext = nextNavigationModule?.usePathname || undefined;
+// Export Pages Router hooks (for potential future use)
+export const useRouterNextPages = nextRouterModule?.useRouter || undefined;

package/lib/navigation/adapters/react-router.d.ts

@@ -0,0 +1,4 @@
+import * as ReactRouterDom from 'react-router-dom';
+export declare const useParamsRR: typeof ReactRouterDom.useParams;
+export declare const useLocationRR: typeof ReactRouterDom.useLocation;
+export declare const useNavigateRR: typeof ReactRouterDom.useNavigate;

package/lib/navigation/adapters/react-router.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+// Import React Router hooks directly
+// If react-router-dom is not installed, the build will fail
+// which is expected behavior
+import * as ReactRouterDom from 'react-router-dom';
+// Export hooks for use in our navigation hooks
+export const useParamsRR = ReactRouterDom.useParams;
+export const useLocationRR = ReactRouterDom.useLocation;
+export const useNavigateRR = ReactRouterDom.useNavigate;

package/lib/navigation/components.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface NavigationLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    to: string;
+    replace?: boolean;
+    state?: any;
+}
+/**
+ * Navigation link component that works with any routing solution
+ */
+export declare const NavigationLink: React.ForwardRefExoticComponent<NavigationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Compatibility export for react-router-dom Link
+ * @deprecated Use NavigationLink
+ */
+export declare const Link: React.ForwardRefExoticComponent<NavigationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Compatibility export for react-router-dom NavLink
+ * @deprecated Use NavigationLink with custom styling
+ */
+export declare const NavLink: React.ForwardRefExoticComponent<NavigationLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/lib/navigation/components.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { forwardRef, useCallback } from 'react';
+import { useNavigate } from '../hooks/useNavigate';
+/**
+ * Navigation link component that works with any routing solution
+ */
+export const NavigationLink = forwardRef(({ to, children, replace = false, state, onClick, ...props }, ref) => {
+    const navigate = useNavigate();
+    const handleClick = useCallback((e) => {
+        // Allow custom onClick handler
+        if (onClick) {
+            onClick(e);
+        }
+        // If not prevented, navigate
+        if (!e.defaultPrevented) {
+            e.preventDefault();
+            navigate(to, e, true, { replace, state });
+        }
+    }, [to, replace, state, navigate, onClick]);
+    return (_jsx("a", { ref: ref, href: to, onClick: handleClick, ...props, children: children }));
+});
+NavigationLink.displayName = 'NavigationLink';
+/**
+ * Compatibility export for react-router-dom Link
+ * @deprecated Use NavigationLink
+ */
+export const Link = NavigationLink;
+/**
+ * Compatibility export for react-router-dom NavLink
+ * @deprecated Use NavigationLink with custom styling
+ */
+export const NavLink = NavigationLink;

package/lib/navigation/index.d.ts

@@ -0,0 +1,4 @@
+export { useParamsRR, useLocationRR, useNavigateRR, } from './adapters/react-router';
+export { useParamsNext, useSearchParamsNext, useRouterNext, usePathnameNext, useRouterNextPages, isNextJsEnvironment, } from './adapters/nextjs';
+export { createNativeAdapter, createNativeNavigate } from './adapters/native';
+export { NavigationLink, Link, NavLink } from './components';

package/lib/navigation/index.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+// Export React Router hook exports for direct use
+export { useParamsRR, useLocationRR, useNavigateRR, } from './adapters/react-router';
+// Export Next.js hook exports for direct use
+export { useParamsNext, useSearchParamsNext, useRouterNext, usePathnameNext, useRouterNextPages, isNextJsEnvironment, } from './adapters/nextjs';
+// Native adapter utilities
+export { createNativeAdapter, createNativeNavigate } from './adapters/native';
+// Export components if they exist
+export { NavigationLink, Link, NavLink } from './components';

package/lib/routes/index.d.ts

@@ -1 +1 @@
-export * from "./Routes";
+export * from './Routes';

package/lib/routes/index.js

@@ -2,4 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from "./Routes";
+export * from './Routes';

package/lib/services/DatalayerServiceManager.d.ts

@@ -0,0 +1,22 @@
+import { ServiceManager } from '@jupyterlab/services';
+/**
+ * Creates a ServiceManager configured for Datalayer's infrastructure
+ *
+ * This function requests a new kernel from Datalayer's platform and
+ * returns a configured ServiceManager that connects to the allocated
+ * Jupyter server instance.
+ *
+ * @param environmentName - The name of the Datalayer environment to use
+ * @param credits - The credit limit for this kernel session
+ * @returns A configured ServiceManager instance
+ * @throws Error if the kernel request fails or configuration is missing
+ *
+ * @example
+ * ```typescript
+ * const serviceManager = await createDatalayerServiceManager('python-cpu-env', 100);
+ * await serviceManager.ready;
+ * // Use the service manager with notebooks
+ * ```
+ */
+export declare const createDatalayerServiceManager: (environmentName?: string, credits?: number) => Promise<ServiceManager.IManager>;
+export default createDatalayerServiceManager;

package/lib/services/DatalayerServiceManager.js

@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { ServerConnection, ServiceManager } from '@jupyterlab/services';
+import { coreStore } from '../state/substates/CoreState';
+import { DEFAULT_DATALAYER_CONFIG } from '../config/Configuration';
+import { createRuntime } from '../api/runtimes/actions';
+/**
+ * Creates a ServiceManager configured for Datalayer's infrastructure
+ *
+ * This function requests a new kernel from Datalayer's platform and
+ * returns a configured ServiceManager that connects to the allocated
+ * Jupyter server instance.
+ *
+ * @param environmentName - The name of the Datalayer environment to use
+ * @param credits - The credit limit for this kernel session
+ * @returns A configured ServiceManager instance
+ * @throws Error if the kernel request fails or configuration is missing
+ *
+ * @example
+ * ```typescript
+ * const serviceManager = await createDatalayerServiceManager('python-cpu-env', 100);
+ * await serviceManager.ready;
+ * // Use the service manager with notebooks
+ * ```
+ */
+export const createDatalayerServiceManager = async (environmentName, credits) => {
+    const { configuration } = coreStore.getState();
+    const token = configuration?.token || '';
+    // Use provided values or fall back to config or defaults
+    const actualEnvironmentName = environmentName ||
+        configuration?.cpuEnvironment ||
+        DEFAULT_DATALAYER_CONFIG.cpuEnvironment;
+    const actualCredits = credits ?? configuration?.credits ?? DEFAULT_DATALAYER_CONFIG.credits;
+    if (!token) {
+        throw new Error('Datalayer API token is required to create a service manager');
+    }
+    try {
+        // Use the existing createRuntime function which handles auth properly
+        const runtime = await createRuntime({
+            environmentName: actualEnvironmentName,
+            type: 'notebook',
+            givenName: `Jupyter React Kernel - ${new Date().toISOString()}`,
+            creditsLimit: actualCredits,
+            capabilities: [],
+        });
+        const serverSettings = ServerConnection.makeSettings({
+            baseUrl: runtime.ingress,
+            wsUrl: runtime.ingress.replace(/^http/, 'ws'),
+            token: runtime.token,
+            appendToken: true,
+        });
+        const serviceManager = new ServiceManager({ serverSettings });
+        // Store runtime info on the serviceManager instance for access
+        serviceManager.__datalayerRuntime = {
+            environmentName: actualEnvironmentName,
+            credits: actualCredits,
+            reservationId: runtime.reservation_id,
+            podName: runtime.pod_name,
+            ingress: runtime.ingress,
+            token: runtime.token,
+            createdAt: new Date().toISOString(),
+        };
+        console.log('Created Datalayer service manager:', {
+            environmentName: actualEnvironmentName,
+            credits: actualCredits,
+            reservationId: runtime.reservation_id,
+            podName: runtime.pod_name,
+            ingress: runtime.ingress,
+        });
+        return serviceManager;
+    }
+    catch (error) {
+        console.error('Error creating Datalayer service manager:', error);
+        throw error;
+    }
+};
+export default createDatalayerServiceManager;

package/lib/services/index.d.ts

@@ -0,0 +1,4 @@
+export { createDatalayerServiceManager } from './DatalayerServiceManager';
+export { default as DatalayerServiceManager } from './DatalayerServiceManager';
+export { reconnectToRuntime } from './reconnectToRuntime';
+export type { RuntimeInfo } from './reconnectToRuntime';

package/lib/services/index.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export { createDatalayerServiceManager } from './DatalayerServiceManager';
+export { default as DatalayerServiceManager } from './DatalayerServiceManager';
+export { reconnectToRuntime } from './reconnectToRuntime';

package/lib/services/reconnectToRuntime.d.ts

@@ -0,0 +1,32 @@
+import { ServiceManager } from '@jupyterlab/services';
+export interface RuntimeInfo {
+    runtimeId: string;
+    podName: string;
+    ingress: string;
+    token: string;
+    environmentName?: string;
+}
+/**
+ * Reconnects to an existing Datalayer runtime
+ *
+ * This function creates a ServiceManager that connects to an already
+ * allocated Jupyter server instance using stored runtime information.
+ *
+ * @param runtimeInfo - The stored runtime information
+ * @returns A configured ServiceManager instance
+ * @throws Error if the reconnection fails
+ *
+ * @example
+ * ```typescript
+ * const runtimeInfo = {
+ *   runtimeId: 'abc123',
+ *   podName: 'jupyter-pod-xyz',
+ *   ingress: 'https://jupyter.example.com',
+ *   token: 'secret-token'
+ * };
+ * const serviceManager = await reconnectToRuntime(runtimeInfo);
+ * await serviceManager.ready;
+ * ```
+ */
+export declare const reconnectToRuntime: (runtimeInfo: RuntimeInfo) => Promise<ServiceManager.IManager>;
+export default reconnectToRuntime;

package/lib/services/reconnectToRuntime.js

@@ -0,0 +1,59 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { ServerConnection, ServiceManager } from '@jupyterlab/services';
+/**
+ * Reconnects to an existing Datalayer runtime
+ *
+ * This function creates a ServiceManager that connects to an already
+ * allocated Jupyter server instance using stored runtime information.
+ *
+ * @param runtimeInfo - The stored runtime information
+ * @returns A configured ServiceManager instance
+ * @throws Error if the reconnection fails
+ *
+ * @example
+ * ```typescript
+ * const runtimeInfo = {
+ *   runtimeId: 'abc123',
+ *   podName: 'jupyter-pod-xyz',
+ *   ingress: 'https://jupyter.example.com',
+ *   token: 'secret-token'
+ * };
+ * const serviceManager = await reconnectToRuntime(runtimeInfo);
+ * await serviceManager.ready;
+ * ```
+ */
+export const reconnectToRuntime = async (runtimeInfo) => {
+    try {
+        const serverSettings = ServerConnection.makeSettings({
+            baseUrl: runtimeInfo.ingress,
+            wsUrl: runtimeInfo.ingress.replace(/^http/, 'ws'),
+            token: runtimeInfo.token,
+            appendToken: true,
+        });
+        const serviceManager = new ServiceManager({ serverSettings });
+        // Store runtime info on the serviceManager instance for access
+        serviceManager.__datalayerRuntime = {
+            environmentName: runtimeInfo.environmentName || 'unknown',
+            credits: 0,
+            reservationId: runtimeInfo.runtimeId,
+            podName: runtimeInfo.podName,
+            ingress: runtimeInfo.ingress,
+            token: runtimeInfo.token,
+            createdAt: new Date().toISOString(),
+        };
+        console.log('Reconnected to existing runtime:', {
+            runtimeId: runtimeInfo.runtimeId,
+            podName: runtimeInfo.podName,
+            ingress: runtimeInfo.ingress,
+        });
+        return serviceManager;
+    }
+    catch (error) {
+        console.error('Error reconnecting to runtime:', error);
+        throw error;
+    }
+};
+export default reconnectToRuntime;

package/lib/state/State.d.ts

@@ -19,7 +19,7 @@ export type DatalayerRunState = {
     document: typeof documentStore.getState;
     grade: typeof gradeStore.getState;
     iam: typeof iamStore.getState;
-    kernels: typeof runtimesStore.getState;
+    runtimes: typeof runtimesStore.getState;
     layout: typeof layoutStore.getState;
     nbformat: typeof nbformatStore.getState;
     organization: typeof organizationStore.getState;

package/lib/state/State.js

@@ -30,7 +30,7 @@ export const runStore = createStore((set, get) => ({
     document: documentStore.getState,
     grade: gradeStore.getState,
     iam: iamStore.getState,
-    kernels: runtimesStore.getState,
+    runtimes: runtimesStore.getState,
     layout: layoutStore.getState,
     nbformat: nbformatStore.getState,
     organization: organizationStore.getState,

package/lib/state/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./storage";
+export * from './storage';
 export * from './State';
 export * from './substates';

package/lib/state/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from "./storage";
+export * from './storage';
 export * from './State';
 export * from './substates';

package/lib/state/storage/IAMStorage.js

@@ -13,6 +13,9 @@ export const JWT_REFRESH_TOKEN_COOKIE_NAME = 'refresh_token';
  * Return the user from the local storage.
  */
 export const getStoredUser = () => {
+    if (typeof window === 'undefined') {
+        return ANONYMOUS_USER;
+    }
     const user = window.localStorage.getItem(DATALAYER_IAM_USER_KEY);
     if (user) {
         try {
@@ -30,6 +33,9 @@ export const getStoredUser = () => {
  * Set the user in the local storage.
  */
 export const storeUser = (user) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
     if (user) {
         window.localStorage.setItem(DATALAYER_IAM_USER_KEY, JSON.stringify(user));
     }
@@ -41,6 +47,9 @@ export const storeUser = (user) => {
  * Return the IAM token from the local storage.
  */
 export const getStoredToken = () => {
+    if (typeof window === 'undefined') {
+        return ANONYMOUS_USER_TOKEN;
+    }
     const token = window.localStorage.getItem(DATALAYER_IAM_TOKEN_KEY);
     if (token) {
         return token;
@@ -51,6 +60,9 @@ export const getStoredToken = () => {
  * Set the IAM token in the local storage.
  */
 export const storeToken = (token) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
     if (token) {
         if (token !== ANONYMOUS_USER_TOKEN) {
             try {
@@ -58,11 +70,11 @@ export const storeToken = (token) => {
                 console.debug('JWT Token', jwt);
             }
             catch (error) {
-                console.error("Error while decoding JWT Token.", error);
+                console.error('Error while decoding JWT Token.', error);
                 throw error;
             }
         }
-        localStorage.setItem(DATALAYER_IAM_TOKEN_KEY, token);
+        window.localStorage.setItem(DATALAYER_IAM_TOKEN_KEY, token);
     }
     else {
         window.localStorage.removeItem(DATALAYER_IAM_TOKEN_KEY);

package/lib/state/storage/index.d.ts

@@ -1 +1 @@
-export * from "./IAMStorage";
+export * from './IAMStorage';

package/lib/state/storage/index.js

@@ -2,4 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from "./IAMStorage";
+export * from './IAMStorage';

package/lib/state/substates/AIAgentState.js

@@ -18,7 +18,9 @@ export const aiAgentStore = createStore(set => ({
     },
     deleteAIAgent: (documentId) => {
         set((state) => {
-            return { aiAgents: state.aiAgents.filter(a => a.documentId === documentId) };
+            return {
+                aiAgents: state.aiAgents.filter(a => a.documentId === documentId),
+            };
         });
     },
     updateAIAgent: (documentId, runtimeId) => {
@@ -32,7 +34,7 @@ export const aiAgentStore = createStore(set => ({
                 return {};
             }
         });
-    }
+    },
 }));
 export function useAIAgentStore(selector) {
     return useStore(aiAgentStore, selector);

package/lib/state/substates/CellState.js

@@ -8,11 +8,12 @@ export const cellStore = createStore((set, get) => ({
     cell: undefined,
     create: (cell) => set((state) => ({ cell })),
     update: (cell) => set((state) => ({
-        cell: cell ? {
-            ...state.cell,
-            ...cell,
-        }
-            : undefined
+        cell: cell
+            ? {
+                ...state.cell,
+                ...cell,
+            }
+            : undefined,
     })),
 }));
 export function useCellStore(selector) {

package/lib/state/substates/CoreState.d.ts

@@ -1,4 +1,4 @@
-import type { IDatalayerCoreConfig } from '../../config';
+import type { IDatalayerCoreConfig } from '../../config/Configuration';
 export type DatalayerCoreState = {
     tab: number;
     getIntTab: () => number;

package/lib/state/substates/CoreState.js

@@ -6,6 +6,11 @@ import { createStore } from 'zustand/vanilla';
 import { useStore } from 'zustand';
 let loadConfigurationFromServer = true;
 let initialConfiguration = {
+    runUrl: 'https://prod1.datalayer.run',
+    token: '',
+    credits: 0,
+    cpuEnvironment: 'python-cpu-env"',
+    gpuEnvironment: 'ai-env',
     useMock: false,
     whiteLabel: true,
     loadConfigurationFromServer: true,
@@ -23,7 +28,7 @@ let initialConfiguration = {
         category: 'Datalayer',
         name: 'Datalayer Runtimes',
         icon: 'https://raw.githubusercontent.com/datalayer/icons/main/svg/data1/jupyter-base.svg',
-        rank: 1
+        rank: 1,
     },
     brand: {
         name: 'Datalayer',
@@ -36,22 +41,25 @@ let initialConfiguration = {
         termsUrl: 'https://datalayer.app/terms',
         pricingUrl: 'https://datalayer.app/pricing',
         privacyUrl: 'https://datalayer.app/privacy',
-    }
+    },
 };
 // Try loading initial state from datalayer-config-data element
 try {
-    const rawConfig = document.getElementById('datalayer-config-data');
-    if (rawConfig?.innerText) {
-        const htmlOverridingConfiguration = JSON.parse(rawConfig?.innerText || '{}');
-        if (htmlOverridingConfiguration.loadConfigurationFromServer != undefined) {
-            loadConfigurationFromServer = htmlOverridingConfiguration.loadConfigurationFromServer;
+    if (typeof document !== 'undefined') {
+        const rawConfig = document.getElementById('datalayer-config-data');
+        if (rawConfig?.innerText) {
+            const htmlOverridingConfiguration = JSON.parse(rawConfig?.innerText || '{}');
+            if (htmlOverridingConfiguration.loadConfigurationFromServer != undefined) {
+                loadConfigurationFromServer =
+                    htmlOverridingConfiguration.loadConfigurationFromServer;
+            }
+            initialConfiguration = {
+                ...initialConfiguration,
+                ...htmlOverridingConfiguration,
+            };
+            console.log('Datalayer configuration loaded from HTML page', initialConfiguration);
+            window.document.title = `${initialConfiguration.brand.name} Ξ ${initialConfiguration.brand.about}`;
         }
-        initialConfiguration = {
-            ...initialConfiguration,
-            ...htmlOverridingConfiguration,
-        };
-        console.log('Datalayer configuration loaded from HTML page', initialConfiguration);
-        window.document.title = `${initialConfiguration.brand.name} Ξ ${initialConfiguration.brand.about}`;
     }
 }
 catch (error) {
@@ -67,8 +75,8 @@ export const coreStore = createStore((set, get) => ({
         set(state => ({
             configuration: {
                 ...state.configuration,
-                ...configuration
-            }
+                ...configuration,
+            },
         }));
     },
     version: '',

package/lib/state/substates/DatasourceState.js

@@ -7,7 +7,7 @@ import { useStore } from 'zustand';
 export const datasourceStore = createStore((set, get) => ({
     datasources: [],
     updateDatasources: (datasources) => set((state) => ({
-        datasources
+        datasources,
     })),
 }));
 export function useDatasourceStore(selector) {

package/lib/state/substates/IAMState.d.ts

@@ -40,6 +40,10 @@ export type IIAMState = {
      * IAM service version
      */
     version: string;
+    /**
+     * Flag to indicate if login is in progress
+     */
+    isLoginInProgress?: boolean;
 };
 export type IAMState = IIAMState & {
     addIAMProviderAuthorizationURL: (provider: IIAMProviderName, authorizationURL: IAMProviderAuthorizationURL) => void;