@datalayer/core 0.0.3 → 0.0.4

package/lib/state/substates/IAMState.js

@@ -5,8 +5,8 @@
 import { Poll } from '@lumino/polling';
 import { useStore } from 'zustand';
 import { createStore } from 'zustand/vanilla';
-import { ANONYMOUS_USER_TOKEN, ANONYMOUS_USER, asUser, IAMProvidersSpecs } from '../../models';
-import { getStoredToken, getStoredUser, loadRefreshTokenFromCookie, storeToken, storeUser } from '../storage';
+import { ANONYMOUS_USER_TOKEN, ANONYMOUS_USER, asUser, IAMProvidersSpecs, } from '../../models';
+import { getStoredToken, getStoredUser, loadRefreshTokenFromCookie, storeToken, storeUser, } from '../storage';
 import { requestDatalayerAPI } from '../../api';
 import { getCookie, setCookie, deleteCookie } from '../../utils';
 import { coreStore } from './CoreState';
@@ -24,16 +24,19 @@ export const iamStore = createStore((set, get) => {
         iamRunUrl: coreStore.getState().configuration?.iamRunUrl,
         iamProvidersAuthorizationURL: {},
         version: '',
+        isLoginInProgress: false,
         addIAMProviderAuthorizationURL: (provider, authorizationURL) => {
             set(state => ({
                 iamProvidersAuthorizationURL: {
                     ...state.iamProvidersAuthorizationURL,
                     [provider]: authorizationURL,
-                }
+                },
             }));
         },
         login: async (token) => {
             const { refreshUserByToken, iamRunUrl, logout } = get();
+            // Set flag to prevent interference from automatic token refresh
+            set({ isLoginInProgress: true });
             try {
                 const resp = await requestDatalayerAPI({
                     url: `${iamRunUrl}/api/iam/v1/login`,
@@ -41,7 +44,7 @@ export const iamStore = createStore((set, get) => {
                     body: { token },
                 });
                 if (resp.success && resp.token) {
-                    refreshUserByToken(resp.token);
+                    await refreshUserByToken(resp.token);
                 }
                 else {
                     throw new Error('Invalid Token.');
@@ -49,12 +52,16 @@ export const iamStore = createStore((set, get) => {
             }
             catch (error) {
                 console.debug('Failed to login.', error);
-                if (error.name === 'RunResponseError' && error.response.status === 401) {
+                if (error.name === 'RunResponseError' &&
+                    error.response.status === 401) {
                     console.debug('Received 401 error - Logging out.');
                     logout();
                 }
                 throw error;
             }
+            finally {
+                set({ isLoginInProgress: false });
+            }
         },
         logout: () => {
             storeUser();
@@ -97,7 +104,7 @@ export const iamStore = createStore((set, get) => {
                 user: {
                     ...state.user,
                     ...user,
-                }
+                },
             };
             /*
             if (state.user?.email && !updatedState.user.email) {
@@ -115,9 +122,9 @@ export const iamStore = createStore((set, get) => {
                         token,
                         headers: externalToken
                             ? {
-                                'X-External-Token': externalToken
+                                'X-External-Token': externalToken,
                             }
-                            : undefined
+                            : undefined,
                     });
                     const { credits, reservations: creditsReservations = [] } = creditsRaw;
                     let available = credits.quota !== null
@@ -126,7 +133,7 @@ export const iamStore = createStore((set, get) => {
                     available -= creditsReservations.reduce((consumed, reservation) => consumed + reservation.credits, 0);
                     set({
                         credits: { ...credits, available: Math.max(0, available) },
-                        creditsReservations: creditsReservations
+                        creditsReservations: creditsReservations,
                     });
                 }
                 catch (error) {
@@ -162,7 +169,7 @@ export const iamStore = createStore((set, get) => {
             }
         },
         refreshUserByToken: async (token) => {
-            const { iamRunUrl, logout } = get();
+            const { iamRunUrl, logout, isLoginInProgress } = get();
             try {
                 const data = await requestDatalayerAPI({
                     url: `${iamRunUrl}/api/iam/v1/whoami`,
@@ -188,16 +195,21 @@ export const iamStore = createStore((set, get) => {
                 else {
                     console.debug('Failed to fetch user identity.', error);
                 }
-                logout();
+                // Only logout if we're not in the middle of a login attempt
+                if (!isLoginInProgress) {
+                    logout();
+                }
             }
         },
-        setExternalToken: (externalToken) => set((state) => { return { externalToken }; }),
+        setExternalToken: (externalToken) => set((state) => {
+            return { externalToken };
+        }),
         setLogin: (user, token) => set((state) => {
             storeUser(user);
             storeToken(token);
             return {
                 user,
-                token
+                token,
             };
         }),
         setVersion: version => {
@@ -218,52 +230,57 @@ const creditsPoll = new Poll({
     frequency: {
         interval: 60 * 1000,
         backoff: true,
-        max: 600 * 1000
+        max: 600 * 1000,
     },
-    standby: () => (iamStore.getState().user?.id ? 'when-hidden' : true)
+    standby: () => (iamStore.getState().user?.id ? 'when-hidden' : true),
 });
 // Initialize the IAM store with the stored token if it is valid.
-iamStore
-    .getState()
-    .refreshUserByTokenStored()
-    .catch(reason => {
-    console.error('Failed to refresh to validate the stored token.', reason);
-})
-    .finally(() => {
-    const { externalToken, iamRunUrl, checkIAMToken, token } = iamStore.getState();
-    // If the stored token is invalid and an external token exists, try authenticating with it.
-    if (!token && externalToken) {
-        console.debug('Can not login with token - Trying with the external token.');
-        requestDatalayerAPI({
-            url: `${iamRunUrl}/api/iam/v1/login`,
-            method: 'POST',
-            body: { token: externalToken }
-        })
-            .then(response => {
-            if (response.token) {
-                checkIAMToken(response.token);
-            }
-        })
-            .catch(reason => {
-            console.debug('Can not login with token.', token, reason);
-        });
-    }
-    if (token) {
-        console.log('Logged in with token and external token.');
-    }
-    else {
-        console.debug('Failed to login with token and no external token available.');
-    }
-    // Start the credits poll in any case after trying to validate the user token.
-    creditsPoll.start();
-    // Force a refresh when the user comeback to the application tab
-    // Useful for checkout platform redirecting to another tab to add credits.
-    document.addEventListener('visibilitychange', () => {
-        if (!document.hidden && iamStore.getState().user?.id) {
-            creditsPoll.refresh();
+// Delay initialization slightly to allow apps to set up first
+setTimeout(() => {
+    iamStore
+        .getState()
+        .refreshUserByTokenStored()
+        .catch(reason => {
+        console.error('Failed to refresh to validate the stored token.', reason);
+    })
+        .finally(() => {
+        const { externalToken, iamRunUrl, checkIAMToken, token } = iamStore.getState();
+        // If the stored token is invalid and an external token exists, try authenticating with it.
+        if (!token && externalToken) {
+            console.debug('Can not login with token - Trying with the external token.');
+            requestDatalayerAPI({
+                url: `${iamRunUrl}/api/iam/v1/login`,
+                method: 'POST',
+                body: { token: externalToken },
+            })
+                .then(response => {
+                if (response.token) {
+                    checkIAMToken(response.token);
+                }
+            })
+                .catch(reason => {
+                console.debug('Can not login with token.', token, reason);
+            });
+        }
+        if (token) {
+            console.log('Logged in with token and external token.');
+        }
+        else {
+            console.debug('Failed to login with token and no external token available.');
+        }
+        // Start the credits poll in any case after trying to validate the user token.
+        creditsPoll.start();
+        // Force a refresh when the user comeback to the application tab
+        // Useful for checkout platform redirecting to another tab to add credits.
+        if (typeof document !== 'undefined') {
+            document.addEventListener('visibilitychange', () => {
+                if (!document.hidden && iamStore.getState().user?.id) {
+                    creditsPoll.refresh();
+                }
+            });
         }
     });
-});
+}, 100); // 100ms delay to allow app initialization
 // Connect the core store with the iam store.
 coreStore.subscribe((state, prevState) => {
     if (state.configuration?.iamRunUrl &&
@@ -273,14 +290,16 @@ coreStore.subscribe((state, prevState) => {
         iamStore.setState({ iamRunUrl });
         // Check the token is valid with the new server.
         if (iamStore.getState().externalToken) {
-            iamStore.getState()
+            iamStore
+                .getState()
                 .login(iamStore.getState().externalToken)
                 .catch(reason => {
                 console.error('Failed to refresh the user after updating the IAM RUN URL.', reason);
             });
         }
         else {
-            iamStore.getState()
+            iamStore
+                .getState()
                 .refreshUser()
                 .catch(reason => {
                 console.error('Failed to refresh the user after updating the IAM server URL.', reason);

package/lib/state/substates/JupyterLabState.js

@@ -9,7 +9,7 @@ export const jupyterLabStore = createStore((set, get) => ({
     setJupyterLabAdapter: (jupyterLabAdapter) => set((state) => ({ jupyterLabAdapter })),
     plugin: (id) => {
         return get().jupyterLabAdapter?.plugin(id);
-    }
+    },
 }));
 export function useJupyterLabStore(selector) {
     return useStore(jupyterLabStore, selector);

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

@@ -1,5 +1,5 @@
-import { ReactPortal } from "react";
-import { IAnyOrganization, IAnySpace, IAnyTeam, ISpaceItem } from "../../models";
+import { ReactPortal } from 'react';
+import { IAnyOrganization, IAnySpace, IAnyTeam, ISpaceItem } from '../../models';
 export type BannerDisplayVariant = 'danger' | 'info' | 'success' | 'warning';
 export type LeftSidebarVariant = 'codefeed' | 'course' | 'empty' | 'guess-account' | 'guess-space' | 'guess-spaces' | 'organization' | 'organization-space' | 'organization-spaces' | 'organizations' | 'public' | 'unchanged' | 'user' | 'user-space' | 'user-spaces';
 export type BackdropDisplay = {

package/lib/state/substates/LayoutState.js

@@ -17,8 +17,12 @@ export const layoutStore = createStore((set, get) => ({
     screenCapture: undefined,
     space: undefined,
     team: undefined,
-    hideBackdrop: () => set((state) => ({ backdrop: { open: false, message: undefined } })),
-    hideScreenshot: () => set((state) => ({ screenshot: { open: false, message: undefined } })),
+    hideBackdrop: () => set((state) => ({
+        backdrop: { open: false, message: undefined },
+    })),
+    hideScreenshot: () => set((state) => ({
+        screenshot: { open: false, message: undefined },
+    })),
     setBootstrapped: (bootstrapped) => set((state) => ({ bootstrapped })),
     showBackdrop: (message) => set((state) => ({ backdrop: { open: true, message } })),
     showScreenshot: (message) => set((state) => ({ screenshot: { open: true, message } })),
@@ -27,46 +31,55 @@ export const layoutStore = createStore((set, get) => ({
             timestamp: new Date(),
             message: bannerDisplay.message,
             variant: bannerDisplay.variant,
-        }
+        },
     })),
     setLeftPortal: (leftPortal) => set((state) => ({ leftPortal })),
     setRightPortal: (rightPortal) => set((state) => ({ rightPortal })),
-    resetLeftPortal: () => set((state) => ({ leftPortal: state.leftPortal?.pinned ? state.leftPortal : undefined, })),
-    resetRightPortal: () => set((state) => ({ rightPortal: state.rightPortal?.pinned ? state.rightPortal : undefined, })),
+    resetLeftPortal: () => set((state) => ({
+        leftPortal: state.leftPortal?.pinned ? state.leftPortal : undefined,
+    })),
+    resetRightPortal: () => set((state) => ({
+        rightPortal: state.rightPortal?.pinned ? state.rightPortal : undefined,
+    })),
     resetForcedLeftPortal: () => set((state) => ({ leftPortal: undefined })),
     resetForcedRightPortal: () => set((state) => ({ rightPortal: undefined })),
     setLeftSidebarVariant: (leftSidebarVariant) => set((state) => ({ leftSidebarVariant })),
     updateLayoutOrganization: (organization) => set((state) => {
-        return ({
-            organization: organization ? {
-                ...state.organization,
-                ...organization,
-            }
-                : undefined
-        });
+        return {
+            organization: organization
+                ? {
+                    ...state.organization,
+                    ...organization,
+                }
+                : undefined,
+        };
     }),
     updateLayoutTeam: (team) => set((state) => {
-        return ({
-            team: team ? {
-                ...state.team,
-                ...team,
-            }
-                : undefined
-        });
+        return {
+            team: team
+                ? {
+                    ...state.team,
+                    ...team,
+                }
+                : undefined,
+        };
     }),
     updateLayoutSpace: (space) => set((state) => {
-        return ({
-            space: space ? {
-                ...state.space,
-                ...space,
-            }
-                : undefined
-        });
+        return {
+            space: space
+                ? {
+                    ...state.space,
+                    ...space,
+                }
+                : undefined,
+        };
     }),
     setItem: (item) => set((state) => ({ item })),
-    triggerItemsRefresh: () => set((state) => ({ itemsRefreshCount: state.itemsRefreshCount + 1 })),
+    triggerItemsRefresh: () => set((state) => ({
+        itemsRefreshCount: state.itemsRefreshCount + 1,
+    })),
     setScreenCapture: (screenCapture) => set((state) => ({ screenCapture })),
-    reset: () => set((state) => ({ bootstrapped: false, })),
+    reset: () => set((state) => ({ bootstrapped: false })),
 }));
 export function useLayoutStore(selector) {
     return useStore(layoutStore, selector);

package/lib/state/substates/OrganizationState.js

@@ -7,7 +7,7 @@ import { useStore } from 'zustand';
 export const organizationStore = createStore((set, get) => ({
     organizations: [],
     updateOrganizations: (organizations) => set((state) => ({
-        organizations
+        organizations,
     })),
 }));
 export function useOrganizationStore(selector) {

package/lib/state/substates/RuntimesState.js

@@ -16,7 +16,7 @@ export const runtimesStore = createStore((set, get) => {
     return {
         configuration: {
             maxNotebookRuntimes: 5,
-            maxCellRuntimes: 3
+            maxCellRuntimes: 3,
         },
         setConfiguration: (configuration) => {
             set(state => JSONExt.deepEqual(state.configuration, configuration)
@@ -127,7 +127,7 @@ export const runtimesStore = createStore((set, get) => {
             if (version && !get().version) {
                 set(state => ({ version }));
             }
-        }
+        },
     };
 });
 // Poll remote kernels
@@ -137,12 +137,12 @@ const kernelsPoll = new Poll({
     frequency: {
         interval: 61 * 1000,
         backoff: true,
-        max: 300 * 1000
+        max: 300 * 1000,
     },
     name: '@datalayer/jupyter-kernels:KernelsManager#kernels',
     standby: () => iamStore.getState().token || runtimesStore.getState().runtimesRunUrl
         ? 'when-hidden'
-        : true
+        : true,
 });
 // Force refresh at expiration date if next tick is after it.
 runtimesStore.subscribe((state, prevState) => {
@@ -160,7 +160,8 @@ runtimesStore.subscribe((state, prevState) => {
 });
 coreStore.subscribe((state, prevState) => {
     if (state.configuration.runtimesRunUrl &&
-        state.configuration.runtimesRunUrl !== prevState.configuration.runtimesRunUrl) {
+        state.configuration.runtimesRunUrl !==
+            prevState.configuration.runtimesRunUrl) {
         const runtimesRunUrl = state.configuration.runtimesRunUrl;
         console.log(`Updating runtimesRunUrl with new value ${runtimesRunUrl}`);
         runtimesStore.setState({ runtimesRunUrl });

package/lib/state/substates/SpaceState.js

@@ -7,7 +7,7 @@ import { useStore } from 'zustand';
 export const spaceStore = createStore((set, get) => ({
     spaces: [],
     updateSpaces: (spaces) => set((state) => ({
-        spaces
+        spaces,
     })),
 }));
 export function useSpaceStore(selector) {

package/lib/state/substates/SurveysState.js

@@ -5,7 +5,7 @@
 import { createStore } from 'zustand/vanilla';
 import { useStore } from 'zustand';
 import { requestDatalayerAPI } from '../../api';
-import { asSurvey } from '../../models';
+import { asSurvey, } from '../../models';
 import { coreStore } from './CoreState';
 import { iamStore } from './IAMState';
 export const surveysStore = createStore((set, get) => ({
@@ -65,9 +65,9 @@ export const surveysStore = createStore((set, get) => ({
                     set((state) => ({ surveys }));
                 }
                 else {
-                    set((state) => ({ surveys: new Map([
-                            [survey.name, survey]
-                        ]) }));
+                    set((state) => ({
+                        surveys: new Map([[survey.name, survey]]),
+                    }));
                 }
             }
             else {

package/lib/state/substates/TeamState.js

@@ -8,7 +8,7 @@ import { TEAMS_MOCK } from '../../mocks';
 export const teamStore = createStore((set, get) => ({
     teams: TEAMS_MOCK,
     update: (teams) => set((state) => ({
-        teams
+        teams,
     })),
 }));
 export function useTeamStore(selector) {

package/lib/test-setup.js

@@ -5,7 +5,7 @@
 // Test setup for unit tests
 // Add any global test configuration here
 // Define webpack globals that are expected by some dependencies
-global.__webpack_public_path__ = "";
+global.__webpack_public_path__ = '';
 // Define other globals that might be needed
 global.global = globalThis;
 // Mock DragEvent and other DOM APIs not available in jsdom
@@ -13,7 +13,7 @@ class MockDragEvent extends Event {
     dataTransfer = null;
     constructor(type, init) {
         super(type, init);
-        this.dataTransfer = (init?.dataTransfer || null);
+        this.dataTransfer = init?.dataTransfer || null;
     }
 }
 // Mock DataTransfer if not available
@@ -24,7 +24,9 @@ class MockDataTransfer {
     items = [];
     types = [];
     clearData(format) { }
-    getData(format) { return ''; }
+    getData(format) {
+        return '';
+    }
     setData(format, data) { }
     setDragImage(image, x, y) { }
 }
@@ -53,5 +55,25 @@ vi.mock('@datalayer/jupyter-react', () => ({
         serviceManager: null,
     }),
     JupyterReactTheme: ({ children }) => children,
+    CollaborationProviderBase: class CollaborationProviderBase {
+    },
+    CollaborationStatus: {
+        IDLE: 'idle',
+        CONNECTING: 'connecting',
+        CONNECTED: 'connected',
+        DISCONNECTED: 'disconnected',
+    },
 }));
 vi.mock('@jupyter/web-components', () => ({}));
+vi.mock('@jupyter/ydoc', () => ({
+    YNotebook: class YNotebook {
+    },
+}));
+vi.mock('y-websocket', () => ({
+    WebsocketProvider: class WebsocketProvider {
+        constructor() { }
+        connect() { }
+        disconnect() { }
+        destroy() { }
+    },
+}));

package/lib/theme/DatalayerTheme.js

@@ -42,7 +42,7 @@ const datalayerThemeDefs = {
         dark: {
             colors: {},
             shadows: {},
-        }
+        },
     },
 };
 const { colorSchemes: primerSchemes, ...primerOthers } = cloneDeep(primerTheme);

package/lib/theme/DatalayerThemeProvider.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * Distributed under the terms of the Modified BSD License.
  */
 import { useEffect, useState } from 'react';
-import { BaseStyles, ThemeProvider as PrimerThemeProvider } from '@primer/react';
+import { BaseStyles, ThemeProvider as PrimerThemeProvider, } from '@primer/react';
 import { loadJupyterConfig, jupyterLabTheme } from '@datalayer/jupyter-react';
 import { datalayerTheme } from '../theme';
 import { useRuntimesStore } from '../state';
@@ -28,7 +28,9 @@ export function DatalayerThemeProvider(props) {
                 setColorMode(matches ? 'dark' : 'light');
             }
             function updateColorMode(themeManager) {
-                setColorMode(themeManager.theme && !themeManager.isLight(themeManager.theme) ? 'dark' : 'light');
+                setColorMode(themeManager.theme && !themeManager.isLight(themeManager.theme)
+                    ? 'dark'
+                    : 'light');
             }
             if (inJupyterLab) {
                 // TODO remove the try/catch for JupyterLab > 4.1.
@@ -48,22 +50,23 @@ export function DatalayerThemeProvider(props) {
             }
             else {
                 colorSchemeFromMedia({
-                    matches: window.matchMedia('(prefers-color-scheme: dark)').matches
+                    matches: window.matchMedia('(prefers-color-scheme: dark)').matches,
                 });
-                window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', colorSchemeFromMedia);
+                window
+                    .matchMedia('(prefers-color-scheme: dark)')
+                    .addEventListener('change', colorSchemeFromMedia);
                 return () => {
-                    window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', colorSchemeFromMedia);
+                    window
+                        .matchMedia('(prefers-color-scheme: dark)')
+                        .removeEventListener('change', colorSchemeFromMedia);
                 };
             }
         }
     }, [inJupyterLab, jupyterLabAdapter]);
-    return (inJupyterLab !== undefined ?
-        _jsx(PrimerThemeProvider, { colorMode: colorMode, theme: inJupyterLab ? jupyterLabTheme : datalayerTheme, ...rest, children: _jsx(BaseStyles, { style: {
-                    backgroundColor: 'var(--bgColor-default)',
-                    color: 'var(--fgColor-default)',
-                    fontSize: 'var(--text-body-size-medium)',
-                    ...baseStyles
-                }, children: children }) })
-        :
-            _jsx(_Fragment, {}));
+    return inJupyterLab !== undefined ? (_jsx(PrimerThemeProvider, { colorMode: colorMode, theme: inJupyterLab ? jupyterLabTheme : datalayerTheme, ...rest, children: _jsx(BaseStyles, { style: {
+                backgroundColor: 'var(--bgColor-default)',
+                color: 'var(--fgColor-default)',
+                fontSize: 'var(--text-body-size-medium)',
+                ...baseStyles,
+            }, children: children }) })) : (_jsx(_Fragment, {}));
 }

package/lib/theme/Palette.js

@@ -9,7 +9,7 @@ const JUPYTERLAB_COLLABORATORS_COLORS = {
     '--jp-collaborator-color4': '#00e4d0',
     '--jp-collaborator-color5': '#45d4ff',
     '--jp-collaborator-color6': '#e2b1ff',
-    '--jp-collaborator-color7': '#ff9de6'
+    '--jp-collaborator-color7': '#ff9de6',
 };
 export const jpCssToColor = (cssVariableName) => {
     return JUPYTERLAB_COLLABORATORS_COLORS[cssVariableName.replaceAll('var(', '').replaceAll(')', '')];

package/lib/utils/Avatar.js

@@ -26,8 +26,8 @@ export function stringAvatar(name) {
     };
 }
 export function getAvatarURL(url) {
-    return url ?
-        url.startsWith('https://www.gravatar.com/avatar')
+    return url
+        ? url.startsWith('https://www.gravatar.com/avatar')
             ? `${url}?v=4&s=200&d=${DEFAULT_AVATAR_URL_ENCODED}` // Use gravatar syntax - sizing works for Gravatar and GitHub
             : url
         : DEFAULT_AVATAR_URL; // This fallback should barely be used - hence we allow decoding the URI.

package/lib/utils/Browser.js

@@ -8,22 +8,22 @@ export const detectBrowser = () => {
     const userAgent = navigator.userAgent;
     let browserName;
     if (userAgent.match(/chrome|chromium|crios/i)) {
-        browserName = "chrome";
+        browserName = 'chrome';
     }
     else if (userAgent.match(/firefox|fxios/i)) {
-        browserName = "firefox";
+        browserName = 'firefox';
     }
     else if (userAgent.match(/safari/i)) {
-        browserName = "safari";
+        browserName = 'safari';
     }
     else if (userAgent.match(/opr\//i)) {
-        browserName = "opera";
+        browserName = 'opera';
     }
     else if (userAgent.match(/edg/i)) {
-        browserName = "edge";
+        browserName = 'edge';
     }
     else {
-        browserName = "Unknow browser.";
+        browserName = 'Unknow browser.';
     }
     return browserName;
 };

package/lib/utils/Cells.d.ts

@@ -1,2 +1,2 @@
-import { IDataset } from "../models";
+import { IDataset } from '../models';
 export declare const getDatasetCell: (dataset: IDataset) => string;

package/lib/utils/Cookie.js

@@ -16,7 +16,7 @@ export function getCookie(cname) {
         return cookie;
     }
     // From https://www.w3schools.com/js/js_cookies.asp
-    const name = cname + "=";
+    const name = cname + '=';
     const decodedCookie = decodeURIComponent(document.cookie);
     const ca = decodedCookie.split(';');
     for (let i = 0; i < ca.length; i++) {

package/lib/utils/Date.js

@@ -10,11 +10,11 @@ const units = {
     day: 24 * 60 * 60 * 1000,
     hour: 60 * 60 * 1000,
     minute: 60 * 1000,
-    second: 1000
+    second: 1000,
 };
 const rtf = new Intl.RelativeTimeFormat(undefined, {
     numeric: 'auto',
-    style: 'short'
+    style: 'short',
 });
 export const getRelativeTime = (d1, d2 = new Date()) => {
     const elapsed = d1.getTime() - d2.getTime();