@rspress-theme-anatole/theme-default 0.7.17 → 0.7.18

package/dist/bundle.js

@@ -4380,6 +4380,10 @@ function NavScreen(props) {
                         hasSocialLinks && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SocialLinks, {
                             socialLinks: socialLinks
                         })
+                        (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: "ml-2",
+                            children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(UserAuth, {})
+                        })
                     ]
                 })
             ]
@@ -4582,7 +4586,6 @@ function setCookie(name, value, days = 7) {
     expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
     document.cookie = `${name}=${encodeURIComponent(JSON.stringify(value))};expires=${expires.toUTCString()};path=/`;
 }
-
 function getCookie(name) {
     const nameEQ = name + "=";
     const ca = document.cookie.split(';');
@@ -4591,40 +4594,194 @@ function getCookie(name) {
         while (c.charAt(0) === ' ') c = c.substring(1, c.length);
         if (c.indexOf(nameEQ) === 0) {
             try {
-                return JSON.parse(decodeURIComponent(c.substring(nameEQ.length, c.length)));
+                const value = c.substring(nameEQ.length, c.length);
+                // Return raw value, decoding will be handled by parseKBGatewayUserContext
+                return decodeURIComponent(value);
             } catch (e) {
-                return null;
+                // If decodeURIComponent fails, return raw value
+                return c.substring(nameEQ.length, c.length);
             }
         }
     }
     return null;
 }
-
 function deleteCookie(name) {
     document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/`;
 }
+// Decode Base64 string (supports Unicode)
+function decodeBase64(base64String) {
+    try {
+        // Handle URL-safe base64
+        let base64 = base64String.replace(/-/g, '+').replace(/_/g, '/');
+        
+        // Add padding if needed
+        while (base64.length % 4) {
+            base64 += '=';
+        }
+        
+        // Decode base64 to binary string
+        const binaryString = atob(base64);
+        
+        // Convert binary string to UTF-8
+        const bytes = new Uint8Array(binaryString.length);
+        for (let i = 0; i < binaryString.length; i++) {
+            bytes[i] = binaryString.charCodeAt(i);
+        }
+        
+        // Decode UTF-8 bytes to string
+        const decoder = new TextDecoder('utf-8');
+        return decoder.decode(bytes);
+    } catch (e) {
+        console.warn('Failed to decode base64:', e);
+        return null;
+    }
+}
+// Parse KBGateway-User-Context cookie (Base64 encoded)
+function parseKBGatewayUserContext(cookieValue) {
+    if (!cookieValue) return null;
+    
+    try {
+        // First, decode Base64
+        const decodedString = decodeBase64(cookieValue);
+        
+        if (!decodedString) {
+            console.warn('Failed to decode Base64 cookie value');
+            return null;
+        }
+        
+        // Parse the decoded JSON string
+        const parsed = JSON.parse(decodedString);
 
+        let username = parsed.name || parsed.email || 'User';
+        if (username.includes('@')) {
+            username = username.split('@')[0];
+        }
+        username = username.charAt(0).toUpperCase() + username.slice(1);
+        
+        return {
+            username: username,
+            email: parsed.email || null,
+            avatar: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAAXNSR0IArs4c6QAAAsJJREFUSEullU1IFHEYxp9ndpc+KHLzAyyDIIjO+TEzqWDtbFYXK/Bi0Cm61Ck6iEFsFEhFtyKiY2SBh0AIyZ1VQ2P/q3hMKIgOkUJahgRG6+4bo7kfzs7OSnPb+b/v8/s/78csscVHLP0T7dShUmkSNa5BoCMTvMexyZmNGG6FIRE9CnIElE7GUyMbuXLSPIKsvAegFeh9pa0anN9bg0SNHxCEQSwhrqoJiDgalpH1uOwAbXWhYohEmpvBwFReTEzaKSXRliaINu1VEdqKlUPWb1sYL7SVJifMFmiS+m+IWGYPIM9dQtQuomr/AJa+rHpAhmirroqciNtFTtMph0T04yBHi0H8iXBDDQcHM74QscxeQPo9p1DYx0Sy/98AvATQCOABbfW44hEWy3BKESgz6hnaKlhuFco6Ecu4A+CG7y4J7jKhej2b73UgjY0hhEMrPi420jOYW97J2dk/pfQ8nUjUvAWRm74ucoXnbcaTJeNLQny22JtrqwAB1/aXhkTMh6BcqdhF3s0jxpNXN+e5INLdHSixXI65Z9DQj2PJj3jXehTI9EFwznWR8IGgsxuF790Qy3gN4ExB0AraTu1iLOYqg7S27saOzHcAofx2YphxVZhf/BWWGDRMru1FHh6SPRxOLXtOYYdxEEF8LjgXtKkgY/neFDkRS58G2JRLELxiQp33641YxgcAhwvyZphQOZ0cRE631yKd/lYkGEjv45uZeX+I3gZwoiguFKrj8MSC8y4PsYwxAB1FgZKtYWLKqXnZRzrb65FJz20KektbremtQSTSUg1qiy4lTZo4ksr9V3v2JWpcguCp63x1ey3HxxfXIZaRBGC4gsgFxpN1vk4sw/mc5Ccsn6BoK5NytqMKv34veQoRXYyrIU8XEf0yyCee+duCeymWPgewvuxts+zhaPLF5hixzOuA3Pfp2PxfA8n5ENhQazEAAAAASUVORK5CYII="
+        };
+    } catch (e) {
+        console.warn('Failed to parse KBGateway-User-Context:', e);
+        
+        // Try parsing without Base64 decoding (in case it's not encoded)
+        try {
+            const parsed = JSON.parse(cookieValue);
+            let username = parsed.name || parsed.email || 'User';
+            if (username.includes('@')) {
+                username = username.split('@')[0];
+            }
+            username = username.charAt(0).toUpperCase() + username.slice(1);
+            
+            return {
+                username: username,
+                email: parsed.email || null,
+                avatar: parsed.Avatar || parsed.avatar || null
+            };
+        } catch (e2) {
+            console.warn('Failed to parse as JSON:', e2);
+            return null;
+        }
+    }
+}
+// LocalStorage key for user data
+const USER_STORAGE_KEY = 'kb_user_data';
+// Get user data from localStorage
+function getUserFromStorage() {
+    if (typeof localStorage === 'undefined') return null;
+    
+    try {
+        const storedData = localStorage.getItem(USER_STORAGE_KEY);
+        if (storedData) {
+            return JSON.parse(storedData);
+        }
+    } catch (e) {
+        console.warn('Failed to get user from localStorage:', e);
+        localStorage.removeItem(USER_STORAGE_KEY);
+    }
+    return null;
+}
+// Save user data to localStorage
+function saveUserToStorage(userData) {
+    if (typeof localStorage === 'undefined') return;
+    
+    try {
+        if (userData) {
+            localStorage.setItem(USER_STORAGE_KEY, JSON.stringify(userData));
+        } else {
+            localStorage.removeItem(USER_STORAGE_KEY);
+        }
+    } catch (e) {
+        console.warn('Failed to save user to localStorage:', e);
+    }
+}
+// Remove user data from localStorage
+function removeUserFromStorage() {
+    if (typeof localStorage === 'undefined') return;
+    localStorage.removeItem(USER_STORAGE_KEY);
+}
+// Sync cookie to localStorage and return user data
+function syncCookieToStorage(cookieName) {
+    const cookieValue = getCookie(cookieName);
+    const userData = parseKBGatewayUserContext(cookieValue);
+    
+    if (userData) {
+        saveUserToStorage(userData);
+    } else {
+        removeUserFromStorage();
+    }
+    
+    return userData;
+}
 // User Authentication Component
 function UserAuth() {
     const { siteData } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
-    const [user, setUser] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
-    const [showDropdown, setShowDropdown] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const dropdownRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    
+
     // Get sign in URL from site config
-    const signInUrl = siteData?.themeConfig?.auth?.signInUrl;
+    const signInUrl = siteData?.auth?.signInUrl;
+
+    // Cookie name for KBGateway
+    const KB_COOKIE_NAME = 'KBGateway-User-Context';
+
+    const [user, setUser] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(() => {
+        if (typeof document === 'undefined') return null;
+        
+        // 1. First try to get from localStorage (instant, no flicker)
+        const storedUser = getUserFromStorage();
+        if (storedUser) {
+            return storedUser;
+        }
+        
+        // 2. If not in localStorage, check cookie and sync
+        return syncCookieToStorage(KB_COOKIE_NAME);
+    });
+
+    const [showDropdown, setShowDropdown] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     
+    // Sync cookie to localStorage on mount and periodically check for changes
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(() => {
-        // Check for user cookie on component mount
-        const userData = getCookie('user_auth');
+        // Sync cookie to localStorage on mount
+        const userData = syncCookieToStorage(KB_COOKIE_NAME);
         if (userData) {
             setUser(userData);
         }
         
         // Listen for storage events to sync across tabs
-        const handleStorageChange = () => {
-            const userData = getCookie('user_auth');
-            setUser(userData);
+        const handleStorageChange = (e) => {
+            if (e.key === USER_STORAGE_KEY) {
+                if (e.newValue) {
+                    try {
+                        setUser(JSON.parse(e.newValue));
+                    } catch (err) {
+                        setUser(null);
+                    }
+                } else {
+                    setUser(null);
+                }
+            }
         };
         
         window.addEventListener('storage', handleStorageChange);
@@ -4650,8 +4807,14 @@ function UserAuth() {
         }
         
         try {
+            // Center the popup window
+            const width = 600;
+            const height = 600;
+            const left = window.top.outerWidth / 2 + window.top.screenX - width / 2;
+            const top = window.top.outerHeight / 2 + window.top.screenY - height / 2;
+
             // Open sign in URL in new window/tab
-            const authWindow = window.open(signInUrl, '_blank', 'width=600,height=600');
+            const authWindow = window.open(signInUrl, '_blank', `width=${width},height=${height},left=${left},top=${top}`);
             
             // Listen for messages from auth window
             const handleMessage = (event) => {
@@ -4660,10 +4823,12 @@ function UserAuth() {
                 if (event.data && event.data.type === 'AUTH_SUCCESS') {
                     const userData = {
                         username: event.data.username,
+                        email: event.data.email,
                         avatar: event.data.avatar
                     };
                     
-                    setCookie('user_auth', userData);
+                    // Save to localStorage
+                    saveUserToStorage(userData);
                     setUser(userData);
                     authWindow.close();
                     
@@ -4674,19 +4839,41 @@ function UserAuth() {
             
             window.addEventListener('message', handleMessage);
             
-            // Fallback: poll for cookie changes (in case postMessage isn't used)
+            // Poll for KBGateway-User-Context cookie
             const pollInterval = setInterval(() => {
-                if (authWindow.closed) {
+                // Sync cookie to localStorage and get user data
+                const userData = syncCookieToStorage(KB_COOKIE_NAME);
+                
+                if (userData) {
+                    setUser(userData);
                     clearInterval(pollInterval);
                     window.removeEventListener('message', handleMessage);
                     
-                    // Check if user data was set
-                    const userData = getCookie('user_auth');
-                    if (userData) {
-                        setUser(userData);
+                    // Close popup if still open
+                    if (authWindow && !authWindow.closed) {
+                        authWindow.close();
                     }
                 }
-            }, 1000);
+                
+                // Also check if popup was closed manually
+                if (authWindow && authWindow.closed) {
+                    clearInterval(pollInterval);
+                    window.removeEventListener('message', handleMessage);
+                    
+                    // Final sync cookie to localStorage
+                    const finalUserData = syncCookieToStorage(KB_COOKIE_NAME);
+                    if (finalUserData) {
+                        setUser(finalUserData);
+                    }
+                }
+            }, 500); // Check every 500ms
+            
+            // Timeout after 5 minutes
+            setTimeout(() => {
+                clearInterval(pollInterval);
+                window.removeEventListener('message', handleMessage);
+            }, 300000);
+            
             
         } catch (error) {
             console.error('Sign in error:', error);
@@ -4694,7 +4881,8 @@ function UserAuth() {
     };
     
     const handleSignOut = () => {
-        deleteCookie('user_auth');
+        deleteCookie(KB_COOKIE_NAME);
+        removeUserFromStorage();
         setUser(null);
         setShowDropdown(false);
     };
@@ -4710,44 +4898,47 @@ function UserAuth() {
             children: "Sign in"
         });
     }
+
+    const userAvatar = user.avatar ?? "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAAXNSR0IArs4c6QAAAsJJREFUSEullU1IFHEYxp9ndpc+KHLzAyyDIIjO+TEzqWDtbFYXK/Bi0Cm61Ck6iEFsFEhFtyKiY2SBh0AIyZ1VQ2P/q3hMKIgOkUJahgRG6+4bo7kfzs7OSnPb+b/v8/s/78csscVHLP0T7dShUmkSNa5BoCMTvMexyZmNGG6FIRE9CnIElE7GUyMbuXLSPIKsvAegFeh9pa0anN9bg0SNHxCEQSwhrqoJiDgalpH1uOwAbXWhYohEmpvBwFReTEzaKSXRliaINu1VEdqKlUPWb1sYL7SVJifMFmiS+m+IWGYPIM9dQtQuomr/AJa+rHpAhmirroqciNtFTtMph0T04yBHi0H8iXBDDQcHM74QscxeQPo9p1DYx0Sy/98AvATQCOABbfW44hEWy3BKESgz6hnaKlhuFco6Ecu4A+CG7y4J7jKhej2b73UgjY0hhEMrPi420jOYW97J2dk/pfQ8nUjUvAWRm74ucoXnbcaTJeNLQny22JtrqwAB1/aXhkTMh6BcqdhF3s0jxpNXN+e5INLdHSixXI65Z9DQj2PJj3jXehTI9EFwznWR8IGgsxuF790Qy3gN4ExB0AraTu1iLOYqg7S27saOzHcAofx2YphxVZhf/BWWGDRMru1FHh6SPRxOLXtOYYdxEEF8LjgXtKkgY/neFDkRS58G2JRLELxiQp33641YxgcAhwvyZphQOZ0cRE631yKd/lYkGEjv45uZeX+I3gZwoiguFKrj8MSC8y4PsYwxAB1FgZKtYWLKqXnZRzrb65FJz20KektbremtQSTSUg1qiy4lTZo4ksr9V3v2JWpcguCp63x1ey3HxxfXIZaRBGC4gsgFxpN1vk4sw/mc5Ccsn6BoK5NytqMKv34veQoRXYyrIU8XEf0yyCee+duCeymWPgewvuxts+zhaPLF5hixzOuA3Pfp2PxfA8n5ENhQazEAAAAASUVORK5CYII=";
     
     return (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "relative",
         ref: dropdownRef,
         children: [
-            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 onClick: () => setShowDropdown(!showDropdown),
-                className: "flex items-center gap-2 px-3 py-2 text-sm font-medium text-text-1 hover:text-text-2 transition-colors duration-200 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800",
+                className: `flex items-center gap-2 rounded-md cursor-pointer hover:scale-110 transition-transform duration-200`,
                 children: [
-                    user.avatar && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
-                        src: user.avatar.startsWith('data:') ? user.avatar : `data:image/png;base64,${user.avatar}`,
+                    userAvatar && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
+                        src: userAvatar.startsWith('data:') ? userAvatar : `data:image/png;base64,${userAvatar}`,
                         alt: "User Avatar",
-                        className: "w-6 h-6 rounded-full object-cover"
-                    }),
-                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                        children: user.username
+                        className: `w-full h-full rounded-full object-cover`,
+                        style: {border: showDropdown ? '2px solid rgb(239, 72, 61)' : '', width: '28px', height: '28px' }
                     }),
-                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
-                        className: `w-4 h-4 transition-transform ${showDropdown ? 'rotate-180' : ''}`,
-                        fill: "none",
-                        stroke: "currentColor",
-                        viewBox: "0 0 24 24",
-                        children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            strokeWidth: 2,
-                            d: "M19 9l-7 7-7-7"
-                        })
-                    })
                 ]
             }),
             showDropdown && (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: "absolute right-0 mt-2 w-48 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg z-50",
-                children: (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
-                    onClick: handleSignOut,
-                    className: "w-full text-left px-4 py-2 text-sm text-text-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md",
-                    children: "Sign out"
-                })
+                className: "absolute right-0 mt-2 w-60 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-50 overflow-hidden",
+                children: [
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                        className: "px-4 py-3",
+                        style:{paddingBottom: '0.5rem'},
+                        children: [
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", { className: "font-semibold text-gray-900 dark:text-gray-100", children: user.username }),
+                            (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: user.email || '' })
+                        ]
+                    }),
+
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: "border-t border-gray-200 dark:border-gray-700"
+                    }),
+
+                    (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
+                        onClick: handleSignOut,
+                        className: "w-full text-left px-4 py-2 text-sm text-gray-900 font-bold bg-white hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",
+                        children: "Sign out"
+                    })
+                ]
             })
         ]
     });
@@ -5830,7 +6021,6 @@ function SearchPanel({ focused, setFocused }) {
         const excludedPaths = ['index.html', 'index', 'what-is-coming-in-cloud', 'what-is-coming-in-cloud.html', 'solution-pages'];
         
         if (productName && !excludedPaths.includes(productName)) {
-            
             return {
                 scopeType: 'product',
                 productName: productName,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,8 +21,8 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.17",
-    "@rspress-theme-anatole/shared": "0.7.17",
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.7.18",
+    "@rspress-theme-anatole/shared": "0.7.18",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",