commandbar

import { init } from 'commandbar'; // Initialize CommandBar with your organization ID. // This should typically run once when your application starts. const MY_ORG_ID = process.env.COMMANDBAR_ORG_ID ?? 'YOUR_ORGANIZATION_ID'; // Replace with your actual ID init(MY_ORG_ID); // Simulate a user authentication flow and boot CommandBar for the identified user. function initializeUserCommandBar(userID: string) { if (typeof window.CommandBar !== 'undefined' && window.CommandBar.boot) { window.CommandBar.boot(userID, { // Optional user properties for analytics and targeting plan: 'pro', signedUpDate: new Date().toISOString() }); console.log(`CommandBar booted for user: ${userID}`); // Example of adding a custom command window.CommandBar.addCommands([ { id: 'navigate-dashboard', name: 'Go to Dashboard', description: 'Navigates to the main user dashboard.', handler: () => { alert('Navigating to dashboard...'); // In a real app, you'd use your router here: e.g., router.push('/dashboard'); }, // You can add additional metadata for filtering, etc. category: 'Navigation' } ]); console.log('Custom command added: Go to Dashboard'); } else { console.error('CommandBar is not initialized or available globally.'); } } // Example usage: Call this function after a user logs in or is identified. const authenticatedUserID = 'user_12345'; // Replace with actual authenticated user ID initializeUserCommandBar(authenticatedUserID); // You can also boot for anonymous users if needed (pass null or an empty string for userID) // initializeUserCommandBar(null);