Merge remote-tracking branch 'origin/develop' into feat/mission-2

# Conflicts: # package-lock.json # package.json # src/App.tsx # src/components/three/interaction/CentralObject.tsx # src/components/three/interaction/VillageoisHelperObject.tsx # src/managers/GameStepManager.ts # src/stateManager/AudioManager.ts # src/world/World.tsx # src/world/player/PlayerController.tsx
2026-05-11 17:46:42 +02:00
parent f7b968abe7 e05c67ee73
commit 91ebea8d99
945 changed files with 26164 additions and 1569 deletions
@@ -0,0 +1,76 @@
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { Canvas } from "@react-three/fiber";
+import * as THREE from "three";
+import { DebugPerf } from "@/components/debug/DebugPerf";
+import { DialogMessage } from "@/components/ui/DialogMessage";
+import { GameUI } from "@/components/ui/GameUI";
+import { BienvenueDisplay, IntroUI } from "@/components/ui/IntroUI";
+import { SceneLoadingOverlay } from "@/components/ui/SceneLoadingOverlay";
+import { useMissionFlowStore } from "@/managers/stores/useMissionFlowStore";
+import { HandTrackingProvider } from "@/providers/gameplay/HandTrackingProvider";
+import {
+  INITIAL_SCENE_LOADING_STATE,
+  type SceneLoadingState,
+} from "@/types/world/sceneLoading";
+import { World } from "@/world/World";
+
+export function HomePage(): React.JSX.Element {
+  const dialogMessage = useMissionFlowStore((state) => state.dialogMessage);
+  const hideDialog = useMissionFlowStore((state) => state.hideDialog);
+  const [sceneLoadingState, setSceneLoadingState] = useState<SceneLoadingState>(
+    INITIAL_SCENE_LOADING_STATE,
+  );
+
+  useEffect(() => {
+    if (!dialogMessage) return undefined;
+
+    const timeoutId = window.setTimeout(() => {
+      hideDialog();
+    }, 3000);
+
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [dialogMessage, hideDialog]);
+
+  const handleSceneLoadingStateChange = useCallback(
+    (nextState: SceneLoadingState) => {
+      setSceneLoadingState((currentState) => {
+        const shouldRestartProgress = currentState.status === "ready";
+
+        return {
+          ...nextState,
+          progress: shouldRestartProgress
+            ? nextState.progress
+            : Math.max(currentState.progress, nextState.progress),
+        };
+      });
+    },
+    [],
+  );
+
+  return (
+    <HandTrackingProvider>
+      <Canvas
+        camera={{ position: [85, 60, 85], fov: 42 }}
+        shadows={{ type: THREE.PCFShadowMap }}
+      >
+        <Suspense fallback={null}>
+          <World onLoadingStateChange={handleSceneLoadingStateChange} />
+          <DebugPerf />
+        </Suspense>
+      </Canvas>
+      <GameUI />
+      <IntroUI />
+      <BienvenueDisplay />
+      {dialogMessage ? (
+        <DialogMessage
+          message={dialogMessage}
+          duration={3000}
+          onClose={hideDialog}
+        />
+      ) : null}
+      <SceneLoadingOverlay state={sceneLoadingState} />
+    </HandTrackingProvider>
+  );
+}