-
+
+ {crossfadeActive && (
+
+ )}
+
+ {!videoEnded && (
+
);
}
diff --git a/src/mediaConfig.ts b/src/mediaConfig.ts
index fe854cc..1cc2069 100644
--- a/src/mediaConfig.ts
+++ b/src/mediaConfig.ts
@@ -1,5 +1,6 @@
export interface MediaConfig {
unlockVideoUrl: string;
+ mapImageUrl: string;
incorrectUrl: string;
unlockConfirmUrl: string;
celebrationPopUrl: string;
@@ -9,6 +10,7 @@ export interface MediaConfig {
export const DEFAULT_MEDIA_CONFIG: MediaConfig = {
unlockVideoUrl: '/media/unlock.mp4',
+ mapImageUrl: '/media/artifact-room-map.jpg',
incorrectUrl: '/media/incorrect.mp3',
unlockConfirmUrl: '/media/unlock-confirm.mp3',
celebrationPopUrl: '/media/celebration-pop.mp3',
@@ -20,6 +22,7 @@ export function mergeMediaConfig(partial: Partial
| null): MediaCon
if (!partial) return DEFAULT_MEDIA_CONFIG;
return {
unlockVideoUrl: partial.unlockVideoUrl ?? DEFAULT_MEDIA_CONFIG.unlockVideoUrl,
+ mapImageUrl: partial.mapImageUrl ?? DEFAULT_MEDIA_CONFIG.mapImageUrl,
incorrectUrl: partial.incorrectUrl ?? DEFAULT_MEDIA_CONFIG.incorrectUrl,
unlockConfirmUrl: partial.unlockConfirmUrl ?? DEFAULT_MEDIA_CONFIG.unlockConfirmUrl,
celebrationPopUrl: partial.celebrationPopUrl ?? DEFAULT_MEDIA_CONFIG.celebrationPopUrl,
diff --git a/src/puzzle2Config.ts b/src/puzzle2Config.ts
new file mode 100644
index 0000000..422f013
--- /dev/null
+++ b/src/puzzle2Config.ts
@@ -0,0 +1,15 @@
+/** Correct museum exit path — artifact slugs in order (puzzle 5). */
+export const CORRECT_PATH: readonly string[] = [
+ 'obelisk',
+ 'goddess-isis',
+ 'canopic-jars',
+ 'pyramid-of-giza',
+ 'map-of-the-nile',
+ 'howard-carter-excavating-king-tut',
+ 'bust-of-nefertiti',
+ 'god-osiris',
+] as const;
+
+export const SLOT_COUNT = CORRECT_PATH.length;
+
+export const ARTIFACTS_BASE_URL = '/media/artifacts';
diff --git a/src/useArtifactManifest.ts b/src/useArtifactManifest.ts
new file mode 100644
index 0000000..fe0ae70
--- /dev/null
+++ b/src/useArtifactManifest.ts
@@ -0,0 +1,38 @@
+import { useEffect, useState } from 'react';
+import { ARTIFACTS_BASE_URL } from './puzzle2Config';
+
+export interface ArtifactEntry {
+ slug: string;
+ name: string;
+ file: string;
+ width: number;
+ height: number;
+}
+
+export function useArtifactManifest(): ArtifactEntry[] | null {
+ const [manifest, setManifest] = useState(null);
+
+ useEffect(() => {
+ let cancelled = false;
+
+ fetch(`${ARTIFACTS_BASE_URL}/manifest.json`)
+ .then((res) => (res.ok ? res.json() : null))
+ .then((data: ArtifactEntry[] | null) => {
+ if (cancelled || !data) return;
+ setManifest(data);
+ })
+ .catch(() => {
+ /* manifest unavailable until setup script runs */
+ });
+
+ return () => {
+ cancelled = true;
+ };
+ }, []);
+
+ return manifest;
+}
+
+export function artifactImageUrl(file: string): string {
+ return `${ARTIFACTS_BASE_URL}/${encodeURIComponent(file)}`;
+}