@gen3/workspaces 0.12.45 → 0.12.46

package/dist/index/cjs/index.js

@@ -5,7 +5,6 @@ var React = require('react');
 var frontend = require('@gen3/frontend');
 var core = require('@mantine/core');
 var react = require('@iconify-icon/react');
-var cookiesNext = require('cookies-next');
 var core$1 = require('@gen3/core');
 var useDeepCompare = require('use-deep-compare');
 var notifications = require('@mantine/notifications');
@@ -177,13 +176,74 @@ const FreeWorkspace = ({ assetBaseUrl = '/api/workspace-assets/free', onReady, o
     const [loading, setLoading] = React.useState(true);
     const [loadError, setLoadError] = React.useState(false);
     const [retryCount, setRetryCount] = React.useState(0);
+    const [jupyterReady, setJupyterReady] = React.useState(false);
     const iframeRef = React.useRef(null);
+    const broadcastChannelRef = React.useRef(null);
     const url = `${assetBaseUrl}/lab/index.html`;
     const handleRetry = React.useCallback(()=>{
         setLoadError(false);
         setLoading(true);
         setRetryCount((n)=>n + 1);
     }, []);
+    // set up BroadcastChannel
+    React.useEffect(()=>{
+        if (!broadcastChannelRef?.current) {
+            broadcastChannelRef.current = new BroadcastChannel(frontend.ACTIVITY_CHANNEL);
+        }
+        return ()=>{
+            if (broadcastChannelRef.current) {
+                broadcastChannelRef.current.close();
+                broadcastChannelRef.current = null;
+            }
+        };
+    }, []);
+    // Handle setting up iframe event listeners
+    React.useEffect(()=>{
+        if (!jupyterReady) return;
+        const updateUserActivity = ()=>{
+            const timestamp = Date.now();
+            if (broadcastChannelRef.current) {
+                broadcastChannelRef.current.postMessage({
+                    type: 'activity-update',
+                    timestamp
+                });
+            }
+        };
+        const iframe = iframeRef.current;
+        if (!iframe?.contentWindow) {
+            return;
+        }
+        try {
+            const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+            if (iframeDoc) {
+                iframeDoc.addEventListener('mousedown', updateUserActivity);
+                iframeDoc.addEventListener('keypress', updateUserActivity);
+                iframeDoc.addEventListener('scroll', updateUserActivity);
+                iframeDoc.addEventListener('click', updateUserActivity);
+                iframeDoc.addEventListener('touchstart', updateUserActivity);
+            }
+        } catch (error) {
+            console.warn('Cannot access iframe content - cross-origin restriction', error);
+        }
+        return ()=>{
+            if (iframe?.contentWindow) {
+                try {
+                    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+                    if (iframeDoc) {
+                        iframeDoc.removeEventListener('mousedown', updateUserActivity);
+                        iframeDoc.removeEventListener('keypress', updateUserActivity);
+                        iframeDoc.removeEventListener('scroll', updateUserActivity);
+                        iframeDoc.removeEventListener('click', updateUserActivity);
+                        iframeDoc.removeEventListener('touchstart', updateUserActivity);
+                    }
+                } catch  {
+                // Ignore cleanup errors
+                }
+            }
+        };
+    }, [
+        jupyterReady
+    ]);
     if (loadError) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {
             children: /*#__PURE__*/ jsxRuntime.jsxs(core.Card, {
@@ -235,6 +295,7 @@ const FreeWorkspace = ({ assetBaseUrl = '/api/workspace-assets/free', onReady, o
                 className: "min-h-0 flex-1 border-0",
                 onLoad: ()=>{
                     setLoading(false);
+                    setJupyterReady(true);
                     onReady?.();
                 },
                 onError: ()=>{
@@ -634,7 +695,9 @@ const workspaceShutdownAlertLimit = 30000; // 5 minutes: 5 * 60 * 1000 TODO Figu
     ]);
     useDeepCompare.useDeepCompareEffect(()=>{
         // TODO: add better error logging
-        console.log('useJEGWorkspaceResourceMonitor', error);
+        if (error) {
+            console.log('useJEGWorkspaceResourceMonitor', error);
+        }
     }, [
         error
     ]);
@@ -996,6 +1059,7 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
     const [retryCount, setRetryCount] = React.useState(0);
     const [jupyterReady, setJupyterReady] = React.useState(false);
     const iframeRef = React.useRef(null);
+    const broadcastChannelRef = React.useRef(null);
     const { status } = useMicroContainerReduxContext();
     const normalizedBase = assetBaseUrl.replace(/\/$/, '');
     // Scoped notebook path for session isolation
@@ -1015,11 +1079,71 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
         const userHash = btoa(userId || 'anonymous').substring(0, 8);
         scopedNotebookPath = `/workspace/${userHash}/${notebookName}.ipynb`;
     }
-    if (process.env.NODE_ENV === 'development') {
-        // NOTE: This cookie can only be accessed from the client side
-        // in development mode. Otherwise, the cookie is set as httpOnly
-        cookiesNext.getCookie('credentials_token');
-    }
+    // let accessToken = undefined;
+    // if (process.env.NODE_ENV === 'development') {
+    //   // NOTE: This cookie can only be accessed from the client side
+    //   // in development mode. Otherwise, the cookie is set as httpOnly
+    //   accessToken = getCookie('credentials_token');
+    // }
+    // set up BroadcastChannel
+    React.useEffect(()=>{
+        if (!broadcastChannelRef?.current) {
+            broadcastChannelRef.current = new BroadcastChannel(frontend.ACTIVITY_CHANNEL);
+        }
+        return ()=>{
+            if (broadcastChannelRef.current) {
+                broadcastChannelRef.current.close();
+                broadcastChannelRef.current = null;
+            }
+        };
+    }, []);
+    // Handle setting up iframe event listeners
+    React.useEffect(()=>{
+        if (!jupyterReady) return;
+        const updateUserActivity = ()=>{
+            const timestamp = Date.now();
+            if (broadcastChannelRef.current) {
+                broadcastChannelRef.current.postMessage({
+                    type: 'activity-update',
+                    timestamp
+                });
+            }
+        };
+        const iframe = iframeRef.current;
+        if (!iframe?.contentWindow) {
+            return;
+        }
+        try {
+            const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+            if (iframeDoc) {
+                iframeDoc.addEventListener('mousedown', updateUserActivity);
+                iframeDoc.addEventListener('keypress', updateUserActivity);
+                iframeDoc.addEventListener('scroll', updateUserActivity);
+                iframeDoc.addEventListener('click', updateUserActivity);
+                iframeDoc.addEventListener('touchstart', updateUserActivity);
+            }
+        } catch (error) {
+            console.warn('Cannot access iframe content - cross-origin restriction', error);
+        }
+        return ()=>{
+            if (iframe?.contentWindow) {
+                try {
+                    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+                    if (iframeDoc) {
+                        iframeDoc.removeEventListener('mousedown', updateUserActivity);
+                        iframeDoc.removeEventListener('keypress', updateUserActivity);
+                        iframeDoc.removeEventListener('scroll', updateUserActivity);
+                        iframeDoc.removeEventListener('click', updateUserActivity);
+                        iframeDoc.removeEventListener('touchstart', updateUserActivity);
+                    }
+                } catch  {
+                // Ignore cleanup errors
+                }
+            }
+        };
+    }, [
+        jupyterReady
+    ]);
     /* ---- Wait for JupyterLite app inside the iframe --------------- */ React.useEffect(()=>{
         if (!iframeRef.current || loadError) return;
         if (jupyterReady) return;
@@ -1211,6 +1335,7 @@ const MicroContainerReduxPanel = ({ compact = false })=>{
                     className: "min-h-0 flex-1 border-0",
                     onLoad: ()=>{
                         setLoading(false);
+                        setJupyterReady(true);
                     },
                     onError: ()=>{
                         setLoadError(true);