/**

* Java Engineering Masterclass - Main Application

* Production-grade React + TypeScript application

*/

import { NavigationProvider, ConsoleProvider, SearchProvider, useNavigation, isModuleView } from './contexts';

import { Layout, ModuleHub, ModuleTabs } from './components';

import { GCModule, ThreadsModule, JITModule, JMMModule, StaticModule, ArchitectureModule, PlatformModule, JDBCModule, ServletModule, StreamsModule } from './features';

import type { ModuleId } from './types';

/**

* Module Renderer Component

* Renders the appropriate module based on current navigation state

*/

function ModuleRenderer() {

const { currentView } = useNavigation();

if (!isModuleView(currentView)) {

return <ModuleHub />;

}

// Module component mapping (OCP - easily extensible)

const moduleComponents: Record<ModuleId, React.ComponentType> = {

gc: GCModule,

threads: ThreadsModule,

jit: JITModule,

jmm: JMMModule,

static: StaticModule,

architecture: ArchitectureModule,

platform: PlatformModule,

jdbc: JDBCModule,

servlet: ServletModule,

streams: StreamsModule,

};

const ModuleComponent = moduleComponents[currentView];

return <ModuleComponent />;

}

/**

* App Layout Wrapper

* Provides navigation tabs for module views

*/

function AppContent() {

const { currentView } = useNavigation();

const showModuleNav = isModuleView(currentView);

return (

<Layout moduleNav={showModuleNav ? <ModuleTabs /> : undefined}>

<ModuleRenderer />

</Layout>

);

}

/**

* Root Application Component

* Wrapped with all required context providers

*/

function App() {

return (

<NavigationProvider>

<ConsoleProvider>

<SearchProvider>

<AppContent />

</SearchProvider>

</ConsoleProvider>

</NavigationProvider>

);

}

export default App;