my-fleetbo-react-v1 1.0.7 → 1.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "my-fleetbo-react-v1",
    "private": false,
-   "version": "1.0.7",
+   "version": "1.0.8",
    "description": "React template optimized for the Fleetbo ecosystem.",
    "author": "Jean Aubain Noucti",
    "license": "MIT",

package/src/@fleetbo/hooks/useStartupEffect.js

@@ -75,8 +75,14 @@ export const useStartupEffect = () => {
             }, 500);
         } 
         else {
+            // Sentinelle de sécurité active pour le mode Standalone Web App
             setTimeout(() => {
-                if (!isReadyRef.current) setError("Running outside of Fleetbo Environment.");
+                if (!isReadyRef.current) {
+                    setError("Running outside of Fleetbo Environment.");
+                    
+                    // ⚡ COUPE-CIRCUIT : On désamorce le timeout de 15s immédiatement
+                    if (timer) clearTimeout(timer); 
+                }
             }, 2000);
         }
 

package/src/App.jsx

@@ -115,9 +115,9 @@ function App() {
                             <Route path="/tab3" element={<Tab3 />} />
 
                             {/* FLEETBO_ROUTES */}
-                            <Route path="/mocks/sampletab1" element={<SampleTab1 />} />
-                            <Route path="/mocks/sampletab2" element={<SampleTab2 />} />
-                            <Route path="/mocks/sampletab3" element={<SampleTab3 />} />
+                            <Route path="/sampletab1" element={<SampleTab1 />} />
+                            <Route path="/sampletab2" element={<SampleTab2 />} />
+                            <Route path="/sampletab3" element={<SampleTab3 />} />
                             {/* FLEETBO_DYNAMIC ROUTES */}
 
                             <Route path="*" element={<NotFound />} />

package/src/app/mocks/login/Login.jsx

@@ -12,17 +12,33 @@ import { PageConfig } from '@fleetbo';
 
 const DEFAULT_TAB = 'tab1';
 
-const Login = ({ sessionData: sessionDataProp }) => {
-    const sessionData = sessionDataProp || (() => {
-        try {
-            const s = localStorage.getItem('fleetbo_session');
-            return s ? JSON.parse(s) : null;
-        } catch (e) { return null; }
-    })();
-
+const Login = () => {
+    const [appInfo, setAppInfo] = useState(null);
     const [phoneNumber, setPhoneNumber] = useState('');
     const [loadingLog, setLoadingLog] = useState(false);
 
+    useEffect(() => {
+        const checkStatus = async () => {
+            if (window.Fleetbo && typeof window.Fleetbo.checkAuthStatusAndRedirect === 'function') {
+                try {
+                    const res = await window.Fleetbo.checkAuthStatusAndRedirect();
+                    if (res && res.success) {
+                        setAppInfo({
+                            name: res.appName || 'Fleetbo App',
+                            description: res.description || 'DevTool Workspace'
+                        });
+                        if (res.isLoggedIn) {
+                            window.Fleetbo.openView('Tab1', true);
+                        }
+                    }
+                } catch (err) {
+                    console.error("Infrastructure connection error:", err);
+                }
+            }
+        };
+        checkStatus();
+    }, []);
+
     const handleVerifyPhoneNumber = async () => {
         if (!phoneNumber.trim()) return;
         setLoadingLog(true);
@@ -46,14 +62,14 @@ const Login = ({ sessionData: sessionDataProp }) => {
 
             <div className="login-passerelle-container" style={{ animation: 'fadeIn 0.5s ease-in-out' }}>
                 <div className="login-passerelle-box">
-                    {sessionData ? (
+                    {appInfo ? (
                         <div className="w-100 d-flex flex-column align-items-center text-center" style={{ maxWidth: '340px' }}>
                             <img className="mb-3" src={logo} alt="logo" style={{ width: '50px', height: '50px' }} />
                             <h3 className="fw-bold mb-1" style={{ fontSize: '19px', color: '#4c8a69' }}>
-                                {sessionData.appName || "Fleetbo"}
+                                {appInfo.name || "Fleetbo"}
                             </h3>
                             <p className="text-muted mb-4" style={{ fontSize: '13px' }}>
-                                {sessionData.description || "Mobile Cloud OS"}
+                                {appInfo.description || "Mobile Cloud OS"}
                             </p>
                             
                             <input