Sylvain Duchesne
5a29938130
- Port modern clean theme (DM Sans, orange accent, app-* CSS classes) and screen redesigns from festipod-mockups; replace sketchy Ubuntu theme. New shared components: BottomNav, EventCover, EventMeetingPoints, Toast, AvatarStack, Tag, RelevanceIcon. - Restructure from prototyping shell to real mobile web app: path-based routing (History API), Gallery/DemoMode/PhoneFrame removed, Storybook setup for screen/component browsing. - ConnectScreen ported from mockup (QR-based user connection); routed at /profile/connect, wired from FriendsListScreen. - Dev-only auto-seed of NG wallet when empty (gated on NODE_ENV !== 'production'); bootstrapWallet already self-checks for non-empty ngSet so safe even in race conditions. - Render-based @ui test infrastructure: happy-dom + LocalDataProvider + RouterProvider via src/shared/test-harness/renderHelper.tsx, exposed on the world as renderedDoc. world.hasText/hasField/hasElement prefer the rendered DOM and fall back to source for backward compatibility. - Migrate 25 brittle @ui assertions from regex-on-source to DOM queries; delete implementation-detail tests (showDuplicateWarning, importableEvents, importedFrom — anti-patterns per the new contract). Update feature files where the UI changed: "Mes amis" → "Mon réseau", "Mes événements à venir" → "À venir" on home, Thématique removed from create-event wizard, etc. - Path-based @e2e steps (pushState + popstate dispatch) replacing the legacy "#/demo/…" hash routing tied to the deleted Gallery. - Add .project/knowledge/test-layer-contracts.md defining the role of each test layer (@ui = display with seed data + DOM, @data = mutations through NG broker, @e2e = critical user journeys) with anti-patterns and migration consequences. Test status: 75 passed / 71 skipped (explicit "non implémenté") / 2 failed (pre-existing @wip on ngSet.delete() NG ORM limitation). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
57 lines
3.2 KiB
TypeScript
57 lines
3.2 KiB
TypeScript
// Screen registry — used by Storybook and tests
|
|
// Screens no longer receive props; they use useNavigate/useParams hooks from the router.
|
|
|
|
// Home module
|
|
import { HomeScreen } from '../modules/home/screens/HomeScreen';
|
|
import { SettingsScreen } from '../modules/home/screens/SettingsScreen';
|
|
|
|
// Auth module
|
|
import { LoginScreen } from '../modules/auth/screens/LoginScreen';
|
|
import { WelcomeScreen } from '../modules/auth/screens/WelcomeScreen';
|
|
|
|
// Event module
|
|
import { EventsScreen } from '../modules/event/screens/EventsScreen';
|
|
import { EventDetailScreen } from '../modules/event/screens/EventDetailScreen';
|
|
import { CreateEventScreen } from '../modules/event/screens/CreateEventScreen';
|
|
import { UpdateEventScreen } from '../modules/event/screens/UpdateEventScreen';
|
|
import { InviteScreen } from '../modules/event/screens/InviteScreen';
|
|
import { ParticipantsListScreen } from '../modules/event/screens/ParticipantsListScreen';
|
|
import { MeetingPointsScreen } from '../modules/event/screens/MeetingPointsScreen';
|
|
|
|
// User module
|
|
import { ProfileScreen } from '../modules/user/screens/ProfileScreen';
|
|
import { UpdateProfileScreen } from '../modules/user/screens/UpdateProfileScreen';
|
|
import { UserProfileScreen } from '../modules/user/screens/UserProfileScreen';
|
|
import { FriendsListScreen } from '../modules/user/screens/FriendsListScreen';
|
|
import { ShareProfileScreen } from '../modules/user/screens/ShareProfileScreen';
|
|
|
|
export interface Screen {
|
|
id: string;
|
|
name: string;
|
|
path: string;
|
|
component: React.ComponentType;
|
|
}
|
|
|
|
export const screens: Screen[] = [
|
|
{ id: 'welcome', name: 'Bienvenue', path: '/', component: WelcomeScreen },
|
|
{ id: 'login', name: 'Connexion', path: '/login', component: LoginScreen },
|
|
{ id: 'home', name: 'Accueil', path: '/home', component: HomeScreen },
|
|
{ id: 'events', name: 'Découvrir', path: '/events', component: EventsScreen },
|
|
{ id: 'create-event', name: 'Relayer événement', path: '/events/new', component: CreateEventScreen },
|
|
{ id: 'event-detail', name: 'Détail événement', path: '/events/:id', component: EventDetailScreen },
|
|
{ id: 'update-event', name: 'Modifier événement', path: '/events/:id/edit', component: UpdateEventScreen },
|
|
{ id: 'invite', name: 'Inviter des amis', path: '/events/:id/invite', component: InviteScreen },
|
|
{ id: 'participants', name: 'Participants', path: '/events/:id/participants', component: ParticipantsListScreen },
|
|
{ id: 'meeting-points', name: 'Points de rencontre', path: '/events/:id/meeting-points', component: MeetingPointsScreen },
|
|
{ id: 'profile', name: 'Mon profil', path: '/profile', component: ProfileScreen },
|
|
{ id: 'edit-profile', name: 'Modifier profil', path: '/profile/edit', component: UpdateProfileScreen },
|
|
{ id: 'friends', name: 'Mon réseau', path: '/profile/friends', component: FriendsListScreen },
|
|
{ id: 'share-profile', name: 'Partager profil', path: '/profile/share', component: ShareProfileScreen },
|
|
{ id: 'user-profile', name: 'Profil utilisateur', path: '/users/:id', component: UserProfileScreen },
|
|
{ id: 'settings', name: 'Paramètres', path: '/settings', component: SettingsScreen },
|
|
];
|
|
|
|
export function getScreen(id: string): Screen | undefined {
|
|
return screens.find(s => s.id === id);
|
|
}
|