import { Switch, Route, useLocation, Redirect } from "wouter";
import { queryClient } from "./lib/queryClient";
import { QueryClientProvider } from "@tanstack/react-query";
import { Toaster } from "@/components/ui/toaster";
import { TooltipProvider } from "@/components/ui/tooltip";
import { useEffect, lazy, Suspense } from "react";
import { preloadCriticalImages } from "@/utils/image-preloader";
import { errorHandler } from "@/utils/error-handler";
import { usePerformance } from "@/hooks/use-performance";
import { initializeCriticalPerformance, monitorPerformanceBudget } from "@/utils/performance-critical";
import { SuspenseFallback } from "@/components/ui/enhanced-loading";
import { ErrorBoundary } from "@/components/ErrorBoundary";
import { RouteErrorBoundary } from "@/components/RouteErrorBoundary";
import { NetworkStatus } from "@/components/NetworkStatus";
import NotFound from "@/pages/not-found";
import Home from "@/pages/Home";
import AuthPage from "@/pages/auth-page";
const About = lazy(() => import('./pages/About'));
const Products = lazy(() => import('./pages/Products'));
const ROICalculator = lazy(() => import('./pages/ROICalculator'));
const Technology = lazy(() => import('./pages/Technology'));
const Team = lazy(() => import('./pages/Team'));
const Contact = lazy(() => import('./pages/Contact'));
const Portfolio = lazy(() => import('./pages/Portfolio'));
const TechnicalData = lazy(() => import('./pages/TechnicalData'));
const BookAppointment = lazy(() => import('./pages/BookAppointment'));
const Financing = lazy(() => import('./pages/Financing'));
const AdminDashboard = lazy(() => import('./pages/admin-dashboard'));
const ClientDashboard = lazy(() => import('./pages/client-dashboard'));
const AnalyticsDashboard = lazy(() => import('./pages/AnalyticsDashboard'));
const CRM = lazy(() => import('./pages/CRM'));
const CrmLogin = lazy(() => import('./pages/crm-login'));
const EnterpriseCARM = lazy(() => import('./pages/EnterpriseCARM'));
const Cart = lazy(() => import('./pages/Cart'));
const Checkout = lazy(() => import('./pages/Checkout'));
const OrderConfirmation = lazy(() => import('./pages/OrderConfirmation'));
const Commerce = lazy(() => import('./pages/Commerce'));
const ProductComparison = lazy(() => import('./pages/ProductComparison'));
const ResidentialSolar = lazy(() => import('./pages/ResidentialSolar'));
const CommercialSolar = lazy(() => import('./pages/CommercialSolar'));
const HybridSolar = lazy(() => import('./pages/HybridSolar'));
const LithiumBattery = lazy(() => import('./pages/LithiumBattery'));
const EnergyConservation = lazy(() => import('./pages/EnergyConservation'));
const BatteryStorage = lazy(() => import('./pages/BatteryStorage').then(m => ({ default: m.default })));
const Maintenance = lazy(() => import('./pages/Maintenance'));
const Repairs = lazy(() => import('./pages/Repairs'));
const InventoryPage = lazy(() => import('./pages/inventory'));
const RAGDocumentsPage = lazy(() => import('./pages/rag-documents'));
const ChatPage = lazy(() => import('./pages/chat'));
const DocumentChatInterface = lazy(() => import('./pages/DocumentChatInterface'));
const AdminCRM = lazy(() => import('./pages/AdminCRM'));
// Customer Portal Pages
const CustomerDashboard = lazy(() => import('./pages/portal/CustomerDashboard'));
const CustomerAppointments = lazy(() => import('./pages/portal/CustomerAppointments'));
const CustomerActivity = lazy(() => import('./pages/portal/CustomerActivity'));
const CustomerAccount = lazy(() => import('./pages/portal/CustomerAccount'));
import { AuthProvider } from "@/hooks/use-auth";
import { ProtectedRoute } from "@/components/ProtectedRoute";
import { SmoothScrollWrapper } from "@/components/ui/smooth-scroll-wrapper";
import { FormModalProvider } from "@/contexts/FormModalContext";
import { CartProvider } from "@/contexts/CartContext";
function Router() {
const [location] = useLocation();
const { metrics, isGoodPerformance } = usePerformance();
// Preload images when routes change
useEffect(() => {
const timer = setTimeout(() => {
if (location === '/') {
// Home page already preloads critical images
}
}, 200);
return () => clearTimeout(timer);
}, [location]);
// Log route performance issues (reduced frequency)
useEffect(() => {
if (metrics.largestContentfulPaint && metrics.largestContentfulPaint > 5000) {
// Performance issue already logged in performance monitor
}
}, [location, metrics]);
return (
{/* Redirects for old URLs to new structure */}
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{() => }
{/* Core Marketing Pages */}
}>
}>
}>
}>
}>
{/* Services Pages */}
}>
}>
}>
}>
}>
}>
}>
}>
{/* Commerce Pages */}
}>
}>
}>
}>
}>
{/* Resources Pages */}
}>
}>
}>
}>
{/* Platform Pages */}
}>
}>
}>
{/* Customer Portal Pages */}
}>
}>
}>
}>
{/* Legacy routes - temporarily kept for compatibility - will be removed later */}
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
}>
{/* Solar CRM Admin Dashboard */}
}>
{/* Fallback to 404 */}
);
}
function App() {
const { metrics } = usePerformance();
// Preload critical images once when app loads
useEffect(() => {
// Initialize error handler
// Removed forced dark mode - let user preference or system decide
// document.documentElement.classList.add('dark');
// document.body.style.backgroundColor = '#000';
// document.body.classList.add('dark');
// Defer expensive operations to not block initial render
setTimeout(() => {
preloadCriticalImages();
}, 100);
// Enhanced performance monitoring with error reporting
if (typeof window !== 'undefined') {
// Report largest contentful paint for performance monitoring
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1];
if (lastEntry && lastEntry.startTime > 0) {
// Only report extremely slow LCP (>15s) to reduce noise
// Regular performance tracking is handled by usePerformance hook
if (lastEntry.startTime > 15000) {
errorHandler.reportManualError(
`Very slow LCP detected: ${Math.round(lastEntry.startTime)}ms`,
'js_error'
);
}
}
});
try {
observer.observe({ type: 'largest-contentful-paint', buffered: true });
} catch (error) {
}
}
}, []);
return (
);
}
export default App;