Add user played work stats for puzzle and big fish

2026-04-28 12:58:31 +08:00
parent bb4100fca4
commit 377d7d0412
21 changed files with 1028 additions and 82 deletions
--- a/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
+++ b/src/components/platform-entry/PlatformEntryFlowShellImpl.tsx
@@ -36,6 +36,8 @@ import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/p
 import type {
  CustomWorldGalleryCard,
  CustomWorldLibraryEntry,
+  ProfilePlayedWorkSummary,
+  ProfilePlayStatsResponse,
 } from '../../../packages/shared/src/contracts/runtime';
 import { buildCustomWorldPlayableCharacters } from '../../data/characterPresets';
 import {
@@ -55,6 +57,7 @@ import {
 import { listBigFishGallery } from '../../services/big-fish-gallery';
 import {
  advanceLocalBigFishRuntimeRun,
+  recordBigFishPlay,
  startLocalBigFishRuntimeRun,
 } from '../../services/big-fish-runtime';
 import {
@@ -105,6 +108,7 @@ import {
  deleteRpgEntryWorldProfile,
  getRpgEntryWorldGalleryDetailByCode,
 } from '../../services/rpg-entry/rpgEntryLibraryClient';
+import { getRpgProfilePlayStats } from '../../services/rpg-entry/rpgProfileClient';
 import type { CustomWorldProfile } from '../../types';
 import { useAuthUi } from '../auth/AuthUiContext';
 import {
@@ -152,6 +156,8 @@ type AgentResultBlockerView = {
  message: string;
 };

+type BigFishRuntimeSessionSource = 'draft' | 'work' | null;
+
 const AGENT_RESULT_STRUCTURAL_BLOCKER_CODES = new Set([
  'publish_missing_world_hook',
  'publish_missing_player_premise',
@@ -429,6 +435,13 @@ export function PlatformEntryFlowShellImpl({
    title: string;
    publicWorkCode: string;
  } | null>(null);
+  const [bigFishRuntimeWork, setBigFishRuntimeWork] =
+    useState<BigFishWorkSummary | null>(null);
+  const [bigFishRuntimeStartedAt, setBigFishRuntimeStartedAt] = useState<
+    number | null
+  >(null);
+  const [bigFishRuntimeSessionSource, setBigFishRuntimeSessionSource] =
+    useState<BigFishRuntimeSessionSource>(null);
  const [isBigFishLoadingLibrary, setIsBigFishLoadingLibrary] = useState(false);
  const [bigFishGenerationState, setBigFishGenerationState] =
    useState<MiniGameDraftGenerationState | null>(null);
@@ -461,6 +474,14 @@ export function PlatformEntryFlowShellImpl({
  const [deletingCreationWorkId, setDeletingCreationWorkId] = useState<
    string | null
  >(null);
+  const [profilePlayStats, setProfilePlayStats] =
+    useState<ProfilePlayStatsResponse | null>(null);
+  const [profilePlayStatsError, setProfilePlayStatsError] = useState<
+    string | null
+  >(null);
+  const [isProfilePlayStatsLoading, setIsProfilePlayStatsLoading] =
+    useState(false);
+  const [isProfilePlayStatsOpen, setIsProfilePlayStatsOpen] = useState(false);
  const hadReadableProtectedDataRef = useRef(false);
  const hasInitialAgentSession = Boolean(
    readCustomWorldAgentUiState().activeSessionId &&
@@ -973,7 +994,6 @@ export function PlatformEntryFlowShellImpl({
  const bigFishError = bigFishFlow.error;
  const setBigFishError = bigFishFlow.setError;
  const isBigFishBusy = bigFishFlow.isBusy;
-  const setIsBigFishBusy = bigFishFlow.setIsBusy;
  const streamingBigFishReplyText = bigFishFlow.streamingReplyText;
  const isStreamingBigFishReply = bigFishFlow.isStreamingReply;

@@ -1021,6 +1041,9 @@ export function PlatformEntryFlowShellImpl({
    setBigFishWorks([]);
    setBigFishRun(null);
    setBigFishRuntimeShare(null);
+    setBigFishRuntimeWork(null);
+    setBigFishRuntimeStartedAt(null);
+    setBigFishRuntimeSessionSource(null);
    setBigFishGenerationState(null);
    setBigFishError(null);
    setPuzzleOperation(null);
@@ -1032,6 +1055,9 @@ export function PlatformEntryFlowShellImpl({
    setIsPuzzleNextLevelGenerating(false);
    setPuzzleError(null);
    setDeletingCreationWorkId(null);
+    setProfilePlayStats(null);
+    setProfilePlayStatsError(null);
+    setIsProfilePlayStatsOpen(false);
    resetRpgSessionViewState();
    setRpgGeneratedCustomWorldProfile(null);
    setRpgCustomWorldError(null);
@@ -1100,6 +1126,9 @@ export function PlatformEntryFlowShellImpl({

  const leaveBigFishFlow = useCallback(() => {
    setBigFishRun(null);
+    setBigFishRuntimeWork(null);
+    setBigFishRuntimeStartedAt(null);
+    setBigFishRuntimeSessionSource(null);
    setBigFishGenerationState(null);
    bigFishFlow.leaveFlow();
  }, [bigFishFlow]);
@@ -1136,22 +1165,56 @@ export function PlatformEntryFlowShellImpl({
      return;
    }

+    const sessionId = bigFishSession.sessionId;
    setBigFishError(null);
    setBigFishRuntimeShare(null);
+    setBigFishRuntimeWork(null);
+    setBigFishRuntimeStartedAt(Date.now());
+    setBigFishRuntimeSessionSource('draft');
    setBigFishRun(startLocalBigFishRuntimeRun({ session: bigFishSession }));
    setSelectionStage('big-fish-runtime');
-  }, [bigFishSession, setSelectionStage]);
+    void recordBigFishPlay(sessionId, { elapsedMs: 0 }).catch((error) => {
+      setBigFishError(
+        resolveBigFishErrorMessage(error, '记录大鱼吃小鱼游玩失败。'),
+      );
+    });
+  }, [bigFishSession, resolveBigFishErrorMessage, setSelectionStage]);

  const restartBigFishRun = useCallback(() => {
    if (!bigFishSession && !bigFishRun) {
      return;
    }

+    const sessionId = bigFishSession?.sessionId ?? bigFishRun?.sessionId;
+    if (!sessionId) {
+      return;
+    }
+
    setBigFishError(null);
-    setBigFishRuntimeShare(null);
-    setBigFishRun(startLocalBigFishRuntimeRun({ session: bigFishSession }));
+    if (bigFishSession) {
+      setBigFishRuntimeShare(null);
+    }
+    setBigFishRuntimeStartedAt(Date.now());
+    setBigFishRuntimeSessionSource(bigFishSession ? 'draft' : 'work');
+    setBigFishRun(
+      startLocalBigFishRuntimeRun({
+        session: bigFishSession,
+        work: bigFishRuntimeWork,
+      }),
+    );
    setSelectionStage('big-fish-runtime');
-  }, [bigFishRun, bigFishSession, setSelectionStage]);
+    void recordBigFishPlay(sessionId, { elapsedMs: 0 }).catch((error) => {
+      setBigFishError(
+        resolveBigFishErrorMessage(error, '记录大鱼吃小鱼游玩失败。'),
+      );
+    });
+  }, [
+    bigFishRun,
+    bigFishRuntimeWork,
+    bigFishSession,
+    resolveBigFishErrorMessage,
+    setSelectionStage,
+  ]);

  const startPuzzleRunFromProfile = useCallback(
    async (profileId: string) => {
@@ -1241,12 +1304,33 @@ export function PlatformEntryFlowShellImpl({
      }

      setBigFishRun((currentRun) =>
-        currentRun ? advanceLocalBigFishRuntimeRun(currentRun, payload) : currentRun,
+        currentRun
+          ? advanceLocalBigFishRuntimeRun(currentRun, payload)
+          : currentRun,
      );
    },
    [bigFishRun],
  );

+  const reportBigFishObservedPlayTime = useCallback(() => {
+    const sessionId = bigFishRun?.sessionId?.trim();
+    if (!sessionId || !bigFishRuntimeStartedAt) {
+      return;
+    }
+
+    const elapsedMs = Math.max(1_000, Date.now() - bigFishRuntimeStartedAt);
+    setBigFishRuntimeStartedAt(null);
+    void recordBigFishPlay(sessionId, { elapsedMs }).catch((error) => {
+      setBigFishError(
+        resolveBigFishErrorMessage(error, '记录大鱼吃小鱼游玩时长失败。'),
+      );
+    });
+  }, [
+    bigFishRun?.sessionId,
+    bigFishRuntimeStartedAt,
+    resolveBigFishErrorMessage,
+  ]);
+
  const swapPuzzlePiecesInRun = useCallback(
    (payload: { firstPieceId: string; secondPieceId: string }) => {
      if (!puzzleRun || isPuzzleBusy) {
@@ -1303,7 +1387,9 @@ export function PlatformEntryFlowShellImpl({
      })
      .catch((error) => {
        submittedPuzzleLeaderboardKeysRef.current.delete(submitKey);
-        setPuzzleError(resolvePuzzleErrorMessage(error, '提交拼图排行榜失败。'));
+        setPuzzleError(
+          resolvePuzzleErrorMessage(error, '提交拼图排行榜失败。'),
+        );
      })
      .finally(() => {
        setIsPuzzleLeaderboardBusy(false);
@@ -1673,26 +1759,34 @@ export function PlatformEntryFlowShellImpl({

  const startBigFishRunFromWork = useCallback(
    (item: BigFishWorkSummary) => {
-    const sessionId = item.sourceSessionId?.trim();
-    if (!sessionId) {
-      setBigFishError('当前作品缺少会话信息，暂时无法进入玩法。');
-      return;
-    }
+      const sessionId = item.sourceSessionId?.trim();
+      if (!sessionId) {
+        setBigFishError('当前作品缺少会话信息，暂时无法进入玩法。');
+        return;
+      }

-    const publicWorkCode = buildBigFishPublicWorkCode(item.sourceSessionId);
-    setBigFishError(null);
-    bigFishFlow.setSession(null);
-    setBigFishRuntimeShare({
-      title: item.title,
-      publicWorkCode,
-    });
-    setBigFishRun(startLocalBigFishRuntimeRun({ work: item }));
-    setSelectionStage('big-fish-runtime');
-    pushAppHistoryPath(
-      buildPublicWorkStagePath('big-fish-runtime', publicWorkCode),
-    );
-  },
-    [bigFishFlow, setSelectionStage],
+      const publicWorkCode = buildBigFishPublicWorkCode(item.sourceSessionId);
+      setBigFishError(null);
+      bigFishFlow.setSession(null);
+      setBigFishRuntimeWork(item);
+      setBigFishRuntimeShare({
+        title: item.title,
+        publicWorkCode,
+      });
+      setBigFishRuntimeStartedAt(Date.now());
+      setBigFishRuntimeSessionSource('work');
+      setBigFishRun(startLocalBigFishRuntimeRun({ work: item }));
+      setSelectionStage('big-fish-runtime');
+      pushAppHistoryPath(
+        buildPublicWorkStagePath('big-fish-runtime', publicWorkCode),
+      );
+      void recordBigFishPlay(sessionId, { elapsedMs: 0 }).catch((error) => {
+        setBigFishError(
+          resolveBigFishErrorMessage(error, '记录大鱼吃小鱼游玩失败。'),
+        );
+      });
+    },
+    [bigFishFlow, resolveBigFishErrorMessage, setSelectionStage],
  );

  const handlePublicCodeSearch = useCallback(
@@ -1841,6 +1935,118 @@ export function PlatformEntryFlowShellImpl({
    ],
  );

+  const openProfilePlayedWorks = useCallback(() => {
+    setIsProfilePlayStatsOpen(true);
+    setIsProfilePlayStatsLoading(true);
+    setProfilePlayStatsError(null);
+
+    void getRpgProfilePlayStats()
+      .then(setProfilePlayStats)
+      .catch((error) => {
+        setProfilePlayStats(null);
+        setProfilePlayStatsError(
+          resolveRpgCreationErrorMessage(error, '读取玩过作品失败。'),
+        );
+      })
+      .finally(() => {
+        setIsProfilePlayStatsLoading(false);
+      });
+  }, []);
+
+  const openPlayedWork = useCallback(
+    (work: ProfilePlayedWorkSummary) => {
+      const worldType = (work.worldType ?? '').toLowerCase();
+      setIsProfilePlayStatsOpen(false);
+
+      if (worldType === 'puzzle' || work.worldKey.startsWith('puzzle:')) {
+        const profileId =
+          work.profileId ?? work.worldKey.replace(/^puzzle:/u, '');
+        if (profileId) {
+          void openPuzzleDetail(profileId, { tab: 'profile' });
+        }
+        return;
+      }
+
+      if (
+        worldType === 'big_fish' ||
+        worldType === 'big-fish' ||
+        work.worldKey.startsWith('big-fish:')
+      ) {
+        const sessionId =
+          work.profileId ?? work.worldKey.replace(/^big-fish:/u, '');
+        if (!sessionId) {
+          return;
+        }
+        void refreshBigFishGallery()
+          .then((entries) => {
+            const matchedEntry = entries.find(
+              (entry) => entry.sourceSessionId === sessionId,
+            );
+            if (matchedEntry) {
+              startBigFishRunFromWork(matchedEntry);
+              return;
+            }
+            startBigFishRunFromWork({
+              workId: `big-fish:${sessionId}`,
+              sourceSessionId: sessionId,
+              ownerUserId: work.ownerUserId ?? '',
+              title: work.worldTitle,
+              subtitle: work.worldSubtitle,
+              summary: work.worldSubtitle,
+              coverImageSrc: null,
+              status: 'published',
+              updatedAt: work.lastPlayedAt,
+              publishReady: true,
+              levelCount: 0,
+              levelMainImageReadyCount: 0,
+              levelMotionReadyCount: 0,
+              backgroundReady: false,
+            });
+          })
+          .catch((error) => {
+            setBigFishError(
+              resolveBigFishErrorMessage(error, '进入大鱼吃小鱼作品失败。'),
+            );
+          });
+        return;
+      }
+
+      const profileId = work.profileId ?? work.worldKey;
+      const ownerUserId = work.ownerUserId;
+      if (!ownerUserId || !profileId) {
+        return;
+      }
+
+      runProtectedAction(() => {
+        void detailNavigation.openGalleryDetail({
+          ownerUserId,
+          profileId,
+          publicWorkCode: null,
+          authorPublicUserCode: null,
+          visibility: 'published',
+          publishedAt: work.firstPlayedAt,
+          updatedAt: work.lastPlayedAt,
+          authorDisplayName: work.worldSubtitle,
+          worldName: work.worldTitle,
+          subtitle: work.worldSubtitle,
+          summaryText: '',
+          coverImageSrc: null,
+          themeMode: 'martial',
+          playableNpcCount: 0,
+          landmarkCount: 0,
+        });
+      });
+    },
+    [
+      detailNavigation,
+      openPuzzleDetail,
+      refreshBigFishGallery,
+      resolveBigFishErrorMessage,
+      runProtectedAction,
+      startBigFishRunFromWork,
+    ],
+  );
+
  useEffect(() => {
    const publicWorkCode = initialPublicWorkCode?.trim();
    if (
@@ -2096,7 +2302,19 @@ export function PlatformEntryFlowShellImpl({
                void handlePublicCodeSearch(keyword);
              }}
              isSearchingPublicCode={isSearchingPublicCode}
-              onOpenProfileDashboardCard={() => {
+              profilePlayStats={profilePlayStats}
+              isProfilePlayStatsOpen={isProfilePlayStatsOpen}
+              isProfilePlayStatsLoading={isProfilePlayStatsLoading}
+              profilePlayStatsError={profilePlayStatsError}
+              onCloseProfilePlayStats={() => {
+                setIsProfilePlayStatsOpen(false);
+              }}
+              onOpenPlayedWork={openPlayedWork}
+              onOpenProfileDashboardCard={(cardKey) => {
+                if (cardKey === 'playedWorks') {
+                  openProfilePlayedWorks();
+                  return;
+                }
                if (platformBootstrap.dashboardError) {
                  void platformBootstrap.refreshProfileDashboard();
                }
@@ -2349,11 +2567,15 @@ export function PlatformEntryFlowShellImpl({
                isBusy={isBigFishBusy}
                error={bigFishError}
                onBack={() => {
+                  reportBigFishObservedPlayTime();
                  setSelectionStage(
-                    bigFishSession ? 'big-fish-result' : 'platform',
+                    bigFishRuntimeSessionSource === 'draft'
+                      ? 'big-fish-result'
+                      : 'platform',
                  );
                }}
                onRestart={() => {
+                  reportBigFishObservedPlayTime();
                  void restartBigFishRun();
                }}
                onSubmitInput={submitBigFishInput}
@@ -2517,17 +2739,17 @@ export function PlatformEntryFlowShellImpl({
            <Suspense
              fallback={<LazyPanelFallback label="正在加载拼图玩法..." />}
            >
-            <PuzzleRuntimeShell
-              run={puzzleRun}
-              isBusy={
-                isPuzzleBusy ||
-                isPuzzleNextLevelGenerating ||
-                isPuzzleLeaderboardBusy
-              }
-              error={puzzleError}
-              onBack={() => {
-                setSelectionStage(puzzleRuntimeReturnStage);
-              }}
+              <PuzzleRuntimeShell
+                run={puzzleRun}
+                isBusy={
+                  isPuzzleBusy ||
+                  isPuzzleNextLevelGenerating ||
+                  isPuzzleLeaderboardBusy
+                }
+                error={puzzleError}
+                onBack={() => {
+                  setSelectionStage(puzzleRuntimeReturnStage);
+                }}
                onSwapPieces={(payload) => {
                  void swapPuzzlePiecesInRun(payload);
                }}