@fluxo-dev/shell 26.2.2 → 26.2.4

package/index.esm.js

@@ -15359,8 +15359,37 @@ const usePageTracker = sessionHub => {
   }, []); // Empty deps - crea l'observer UNA SOLA VOLTA
 };
 
+/**
+ * Hook per bloccare il pulsante "indietro" del browser
+ * quando la sessione corrente è in focus mode
+ */
+const useFocusModeBackButton = isInFocusMode => {
+  const handlePopState = useCallback$1(event => {
+    if (isInFocusMode) {
+      // Previeni la navigazione indietro
+      event.preventDefault();
+      // Ripristina lo stato corrente nella history
+      window.history.pushState(null, '', window.location.href);
+    }
+  }, [isInFocusMode]);
+  useEffect(() => {
+    if (!isInFocusMode) {
+      return;
+    }
+    // Aggiungi un entry nella history quando entriamo in focus mode
+    // Questo ci permette di intercettare il back button
+    window.history.pushState(null, '', window.location.href);
+    // Aggiungi il listener per l'evento popstate
+    window.addEventListener('popstate', handlePopState);
+    // Cleanup: rimuovi il listener quando usciamo dal focus mode
+    return () => {
+      window.removeEventListener('popstate', handlePopState);
+    };
+  }, [isInFocusMode, handlePopState]);
+};
+
 function AppContent(props) {
-  var _a;
+  var _a, _b;
   const sessionContext = useContext(ShellSessionContext);
   const currentSessionId = sessionContext.getCurrentSessionId();
   const isMobile = useMediaQuery('(max-width: 992px)');
@@ -15411,6 +15440,11 @@ function AppContent(props) {
   } = useSessionManager(props.withMultipleSessions, sessionContext);
   // Nuovo stato per gestire l'apertura della modal di conferma per la chiusura di tutte le sessioni
   const [confirmCloseAllModalOpen, setConfirmCloseAllModalOpen] = useState(false);
+  // Determina se la sessione corrente è in focus mode
+  const currentSession = sessionContext.sessions().find(s => s.id === currentSessionId);
+  const isCurrentSessionInFocusMode = (_a = currentSession === null || currentSession === void 0 ? void 0 : currentSession.focusMode) !== null && _a !== void 0 ? _a : false;
+  // Hook per bloccare il pulsante indietro del browser in focus mode
+  useFocusModeBackButton(props.withMultipleSessions && isCurrentSessionInFocusMode);
   // Funzione per controllare se gli indicatori devono essere disabilitati
   const getIndicatorStates = useCallback$1(() => {
     const sessions = sessionContext.sessions();
@@ -15722,7 +15756,7 @@ function AppContent(props) {
       value: true,
       children: jsx(Outlet, {})
     }), jsx(CloseSessionConfirmationModal, {
-      sessionTitle: sessionToClose ? ((_a = sessionContext.getSession(sessionToClose)) === null || _a === void 0 ? void 0 : _a.title) || '' : '',
+      sessionTitle: sessionToClose ? ((_b = sessionContext.getSession(sessionToClose)) === null || _b === void 0 ? void 0 : _b.title) || '' : '',
       sessionId: sessionToClose || '',
       opened: confirmCloseModalOpen,
       onConfirm: confirmCloseTab,
@@ -78647,9 +78681,20 @@ function LockedResource({
   }, [onResourceLocked, onResourceUnlocked]);
   // Funzione per eseguire il lock check
   const performLockCheck = React__default.useCallback((showLoader = true) => {
-    if (!FluxoClientSys.Instance.sessionHub || !FluxoClientSys.Instance.sessionHub.isConnected) {
+    // Verifica se SessionHub è disponibile
+    if (!FluxoClientSys.Instance.sessionHub) {
+      setIsLoading(false);
+      setError('Sistema di lock non disponibile');
+      setHasCheckedOnce(true);
       return;
     }
+    // Se non è connesso, aspetta la connessione invece di uscire
+    if (!FluxoClientSys.Instance.sessionHub.isConnected) {
+      if (showLoader) {
+        setIsLoading(true);
+      }
+      return; // Il check verrà riprovato quando si connette
+    }
     // Mostra il loader solo se richiesto (primo check)
     if (showLoader) {
       setIsLoading(true);
@@ -78693,19 +78738,18 @@ function LockedResource({
   useEffect(() => {
     performLockCheck(true); // Mostra il loader al primo check
   }, [performLockCheck]);
-  // Monitora lo stato di connessione e ri-esegui il check quando si riconnette
+  // Monitora lo stato di connessione e ri-esegui il check quando si connette
   useEffect(() => {
-    // Aspetta che il primo check sia completato prima di monitorare la connessione
-    if (!hasCheckedOnce) return;
+    if (!FluxoClientSys.Instance.sessionHub) return;
     const currentConnectionState = FluxoClientSys.Instance.sessionHub.isConnected;
     setIsConnected(currentConnectionState);
     // Polling per monitorare lo stato di connessione
     const interval = setInterval(() => {
       const newConnectionState = FluxoClientSys.Instance.sessionHub.isConnected;
-      // Solo se passa da disconnesso a connesso, ri-esegui il check
+      // Se passa da disconnesso a connesso (inclusa la prima connessione)
       if (newConnectionState && !isConnected) {
-        console.log('🔄 SessionHub riconnesso, ri-verifico il lock della risorsa:', resourceId);
-        performLockCheck(false); // Non mostrare il loader nei check successivi
+        // Se non ha ancora fatto check, mostra il loader, altrimenti no
+        performLockCheck(!hasCheckedOnce);
       }
       setIsConnected(newConnectionState);
     }, 2000);

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@fluxo-dev/shell",
-  "version": "26.2.2",
+  "version": "26.2.4",
   "peerDependencies": {
     "react": "^18.3.1",
     "@mantine/core": "^7.12.2",
     "react-router-dom": "^6.11.2",
     "react-redux": "^8.0.5",
     "@reduxjs/toolkit": "^1.9.1",
-    "@fluxo-dev/api-client-base": "^26.2.2",
-    "@fluxo-dev/shell-bi": "^26.2.2",
-    "@fluxo-dev/shell-hub": "^26.2.2",
-    "@fluxo-dev/shell-korebi": "^26.2.2",
-    "@fluxo-dev/shell-mfe": "^26.2.2",
-    "@fluxo-dev/shell-printing": "^26.2.2",
-    "@fluxo-dev/shell-reporting": "^26.2.2",
-    "@fluxo-dev/shell-workflow": "^26.2.2",
-    "@fluxo-dev/shell-ravify": "^26.2.2",
-    "@fluxo-dev/state": "^26.2.2",
-    "@fluxo-dev/ui-components": "^26.2.2",
+    "@fluxo-dev/api-client-base": "^26.2.4",
+    "@fluxo-dev/shell-bi": "^26.2.4",
+    "@fluxo-dev/shell-hub": "^26.2.4",
+    "@fluxo-dev/shell-korebi": "^26.2.4",
+    "@fluxo-dev/shell-mfe": "^26.2.4",
+    "@fluxo-dev/shell-printing": "^26.2.4",
+    "@fluxo-dev/shell-reporting": "^26.2.4",
+    "@fluxo-dev/shell-workflow": "^26.2.4",
+    "@fluxo-dev/shell-ravify": "^26.2.4",
+    "@fluxo-dev/state": "^26.2.4",
+    "@fluxo-dev/ui-components": "^26.2.4",
     "@scalar/api-reference-react": "0.9.1",
     "@devexpress/analytics-core": "23.1.3",
     "devexpress-dashboard": "23.1.3",

package/src/lib/layouts/main/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useDocumentTitleManager } from './useDocumentTitleManager';
 export { useScrollPositionManager } from './useScrollPositionManager';
 export { useSessionManager } from './useSessionManager';
+export { useFocusModeBackButton } from './useFocusModeBackButton';

package/src/lib/layouts/main/hooks/useFocusModeBackButton.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook per bloccare il pulsante "indietro" del browser
+ * quando la sessione corrente è in focus mode
+ */
+export declare const useFocusModeBackButton: (isInFocusMode: boolean) => void;