my-fleetbo-react-v1 1.0.6 → 1.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "my-fleetbo-react-v1",
    "private": false,
-   "version": "1.0.6",
+   "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

@@ -3,19 +3,19 @@ import { Routes, Route, Navigate, useLocation } from "react-router-dom";
 import { useStartupEffect } from '@fleetbo/hooks/useStartupEffect';
 
 // Application views
-import Tab1           from "./app/tabs/Tab1";
-import Tab2           from "./app/tabs/Tab2";
-import Tab3           from "./app/tabs/Tab3";
-import Welcome        from "./app/tabs/Welcome";
+import Tab1           from "./app/mocks/tabs/Tab1";
+import Tab2           from "./app/mocks/tabs/Tab2";
+import Tab3           from "./app/mocks/tabs/Tab3";
+import Tabs           from "./app/mocks/tabs/Tabs";
 import AuthRouter     from "./app/core/AuthRouter";
 import NotFound       from './app/core/NotFound';
 
 // FLEETBO_IMPORTS
 import Login          from "./app/mocks/login/Login";
 import LoginWeb       from "./app/mocks/login/LoginWeb";
-import SampleTab1     from './app/mocks/SampleTab1';
-import SampleTab2     from './app/mocks/SampleTab2';
-import SampleTab3     from './app/mocks/SampleTab3';
+import SampleTab1     from './app/mocks/sample/SampleTab1';
+import SampleTab2     from './app/mocks/sample/SampleTab2';
+import SampleTab3     from './app/mocks/sample/SampleTab3';
 // FLEETBO_MORE_IMPORTS
 
 const TabRedirector = ({ children }) => {
@@ -84,7 +84,7 @@ function App() {
     const isActuallyAuthenticated = isAuthenticated || iframeAuthOverride;
 
     if (isNavbarRoute) {
-        return isActuallyAuthenticated ? <Welcome /> : null;
+        return isActuallyAuthenticated ? <Tabs /> : null;
     }
 
     return (
@@ -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 

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

@@ -307,7 +307,7 @@ export default function LoginWeb() {
 
                 <div className="gatekeeper-panel">
                     <div className="form-box">
-                        <h2 className="gatekeeper-title">Workspace Login</h2>
+                        <h2 className="gatekeeper-title">Workspace Aubain</h2>
                         <p className="gatekeeper-subtitle">
                             Target Infrastructure: <span style={{ color: '#0E904D', fontWeight: '600' }}>{appInfo.name}</span>
                         </p>

package/src/app/mocks/{SampleTab1.jsx → sample/SampleTab1.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function SampleTab() {
+export default function SampleTab1() {
     return (
         <div 
             className="d-flex flex-column justify-content-center align-items-center w-100"

package/src/app/mocks/{SampleTab2.jsx → sample/SampleTab2.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function SampleTab() {
+export default function SampleTab2() {
     return (
         <div 
             className="d-flex flex-column justify-content-center align-items-center w-100"

package/src/app/mocks/{SampleTab3.jsx → sample/SampleTab3.jsx}

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default function SampleTab() {
+export default function SampleTab3() {
     return (
         <div 
             className="d-flex flex-column justify-content-center align-items-center w-100"

package/src/app/{tabs → mocks/tabs}/Tab1.jsx

@@ -1,13 +1,3 @@
-/**
- * Tab1.jsx — Fleetbo JS in Action
- * Quick ref:
- *   Fleetbo.openView('Module', true)       → Full Native view/tab (120 FPS)
- *   Fleetbo.exec('Module', 'action', {})   → Native overlay (Atomic)
- *   Fleetbo.add(db, col, json)             → Write documents to Mongo BaaS
- *   Fleetbo.getDocsG(db, col)              → Read documents (General collection)
- *   Fleetbo.delete(db, col, id)            → Absolute document annihilation
- */
-
 import { useEffect, useState } from 'react';
 import { PageConfig } from '@fleetbo';
  

package/src/app/{tabs → mocks/tabs}/Tab3.jsx

@@ -1,6 +1,3 @@
-/**
- * Fleetbo Tab Redirect or Not
- */
 import { useEffect, useState } from 'react';
 import { PageConfig } from '@fleetbo';
    

package/src/app/{tabs/Welcome.jsx → mocks/tabs/Tabs.jsx}

@@ -25,7 +25,7 @@ const getInitialTab = () => {
   return localStorage.getItem("activeTab") || 'Tab1';
 };
 
-const Welcome = () => {
+const Tab = () => {
   const location = useLocation(); 
 
   const [navbarType, setNavbarType] = useState(getNavbarType);
@@ -171,4 +171,4 @@ const Welcome = () => {
   );
 };
 
-export default Welcome;
+export default Tab;