lan
3196972596
This commit implements a major architectural refactor to improve modularity, type safety, and maintainability across the codebase.
Key changes include:
- **Responsive System Refactor**: Migrated from a monolithic `useResponsive` hook to a set of specialized, granular hooks (`useBreakpoint`, `useOrientation`, `usePlatform`, etc.) located in `src/presentation/hooks/responsive`. This reduces unnecessary re-renders and improves developer experience.
- **Core Service Restructuring**: Introduced a new directory structure for services, including dedicated folders for `datasources`, `mappers`, and domain-specific types (`message`, `post`).
- **Data Layer Improvements**:
- Centralized JSON parsing logic in `src/database/core/jsonUtils.ts`.
- Cleaned up repository implementations by removing redundant local utility functions.
- Refactored `MessageMapper` to use the new centralized JSON utility.
- **Type System Cleanup**:
- Decomposed the large `src/types/dto.ts` into a modular `src/types/dto/` directory.
- Simplified `src/types/index.ts` and introduced backward-compatible aliases for core entities.
- **Utility Consolidation**:
- Created a centralized `src/utils/formatTime.ts` to replace fragmented date formatting logic across various screens and components.
- Removed deprecated responsive utility files in favor of the new hook-based system.
- **Service Logic Refinement**: Refactored `ApiClient` and `WebSocketService` to use a centralized `showVerificationModal` service, removing duplicated state management for verification prompts.
29 lines
822 B
TypeScript
29 lines
822 B
TypeScript
import { useEffect } from 'react';
|
|
import { useWindowDimensions } from 'react-native';
|
|
import { Redirect } from 'expo-router';
|
|
|
|
import { AppDesktopShell } from '../../src/app-navigation/AppDesktopShell';
|
|
import { AppRouteStack } from '../../src/app-navigation/AppRouteStack';
|
|
import { BREAKPOINTS } from '../../src/hooks';
|
|
import { messageManager, useAuthStore } from '../../src/stores';
|
|
|
|
export default function AppLayoutWeb() {
|
|
const { width } = useWindowDimensions();
|
|
const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
|
|
const useDesktopShell = width >= BREAKPOINTS.desktop;
|
|
|
|
useEffect(() => {
|
|
messageManager.initialize();
|
|
}, []);
|
|
|
|
if (!isAuthenticated) {
|
|
return <Redirect href="/login" />;
|
|
}
|
|
|
|
if (useDesktopShell) {
|
|
return <AppDesktopShell />;
|
|
}
|
|
|
|
return <AppRouteStack />;
|
|
}
|