拆分大文件

src/components/platform-entry/PlatformEntryFlowShellImpl.tsx

@@ -27,8 +27,16 @@ import type {
 } from '../../../packages/shared/src/contracts/puzzleAgentSession';
 import type { PuzzleRunSnapshot } from '../../../packages/shared/src/contracts/puzzleRuntimeSession';
 import type { PuzzleWorkSummary } from '../../../packages/shared/src/contracts/puzzleWorkSummary';
-import type { CustomWorldLibraryEntry } from '../../../packages/shared/src/contracts/runtime';
+import type {
+  CustomWorldGalleryCard,
+  CustomWorldLibraryEntry,
+} from '../../../packages/shared/src/contracts/runtime';
+import type { PublicUserSummary } from '../../../packages/shared/src/contracts/auth';
 import { buildCustomWorldPlayableCharacters } from '../../data/characterPresets';
+import {
+  getPublicAuthUserByCode,
+  getPublicAuthUserById,
+} from '../../services/authService';
 import {
   createBigFishCreationSession,
   executeBigFishCreationAction,
@@ -57,6 +65,7 @@ import {
 } from '../../services/puzzle-runtime';
 import { listPuzzleWorks } from '../../services/puzzle-works';
 import { deleteRpgEntryWorldProfile } from '../../services/rpg-entry';
+import { getRpgEntryWorldGalleryDetailByCode } from '../../services/rpg-entry/rpgEntryLibraryClient';
 import { rpgCreationPreviewAdapter } from '../../services/rpg-creation/rpgCreationPreviewAdapter';
 import type { CustomWorldProfile } from '../../types';
 import { useAuthUi } from '../auth/AuthUiContext';
@@ -173,6 +182,10 @@ export function PlatformEntryFlowShellImpl({
   const [puzzleError, setPuzzleError] = useState<string | null>(null);
   const [isPuzzleBusy, setIsPuzzleBusy] = useState(false);
   const [isPuzzleLoadingLibrary, setIsPuzzleLoadingLibrary] = useState(false);
+  const [isSearchingPublicCode, setIsSearchingPublicCode] = useState(false);
+  const [publicSearchError, setPublicSearchError] = useState<string | null>(null);
+  const [searchedPublicUser, setSearchedPublicUser] =
+    useState<PublicUserSummary | null>(null);
   const [deletingCreationWorkId, setDeletingCreationWorkId] = useState<
     string | null
   >(null);
@@ -377,6 +390,86 @@ export function PlatformEntryFlowShellImpl({
     [authUi],
   );
 
+  const handlePublicCodeSearch = useCallback(
+    async (keyword: string) => {
+      const normalizedKeyword = keyword.trim();
+      if (!normalizedKeyword) {
+        return;
+      }
+
+      setIsSearchingPublicCode(true);
+      setPublicSearchError(null);
+      setSearchedPublicUser(null);
+
+      const upperKeyword = normalizedKeyword.toUpperCase();
+      const shouldSearchUserIdFirst = /^user[_-][a-z0-9_-]+$/iu.test(normalizedKeyword);
+      const shouldSearchWorkFirst =
+        !shouldSearchUserIdFirst &&
+        (upperKeyword.startsWith('CW') || /^\d{1,8}$/u.test(normalizedKeyword));
+      const shouldSearchUserFirst =
+        shouldSearchUserIdFirst || upperKeyword.startsWith('SY') || !shouldSearchWorkFirst;
+
+      const tryOpenGalleryEntry = async () => {
+        const entry = await getRpgEntryWorldGalleryDetailByCode(normalizedKeyword);
+        await detailNavigation.openGalleryDetail({
+          ownerUserId: entry.ownerUserId,
+          profileId: entry.profileId,
+          publicWorkCode: entry.publicWorkCode,
+          authorPublicUserCode: entry.authorPublicUserCode,
+          visibility: 'published',
+          publishedAt: entry.publishedAt,
+          updatedAt: entry.updatedAt,
+          authorDisplayName: entry.authorDisplayName,
+          worldName: entry.worldName,
+          subtitle: entry.subtitle,
+          summaryText: entry.summaryText,
+          coverImageSrc: entry.coverImageSrc,
+          themeMode: entry.themeMode,
+          playableNpcCount: entry.playableNpcCount,
+          landmarkCount: entry.landmarkCount,
+        } satisfies CustomWorldGalleryCard);
+      };
+
+      try {
+        if (shouldSearchUserIdFirst) {
+          const user = await getPublicAuthUserById(normalizedKeyword);
+          setSearchedPublicUser(user);
+          return;
+        }
+
+        if (shouldSearchWorkFirst) {
+          try {
+            await tryOpenGalleryEntry();
+            return;
+          } catch {}
+        }
+
+        if (shouldSearchUserFirst) {
+          try {
+            const user = await getPublicAuthUserByCode(normalizedKeyword);
+            setSearchedPublicUser(user);
+            return;
+          } catch {}
+        }
+
+        if (!shouldSearchWorkFirst) {
+          await tryOpenGalleryEntry();
+          return;
+        }
+
+        const user = await getPublicAuthUserByCode(normalizedKeyword);
+        setSearchedPublicUser(user);
+      } catch (error) {
+        setPublicSearchError(
+          resolveRpgCreationErrorMessage(error, '未找到对应的叙世号或作品号。'),
+        );
+      } finally {
+        setIsSearchingPublicCode(false);
+      }
+    },
+    [detailNavigation],
+  );
+
   const prepareCreationLaunch = useCallback(() => {
     if (sessionController.isCreatingAgentSession) {
       return false;
@@ -1309,6 +1402,10 @@ export function PlatformEntryFlowShellImpl({
                   detailNavigation.openLibraryDetail(entry);
                 });
               }}
+              onSearchPublicCode={(keyword) => {
+                void handlePublicCodeSearch(keyword);
+              }}
+              isSearchingPublicCode={isSearchingPublicCode}
               onOpenProfileDashboardCard={() => {
                 if (platformBootstrap.dashboardError) {
                   void platformBootstrap.refreshProfileDashboard();
@@ -1795,6 +1892,54 @@ export function PlatformEntryFlowShellImpl({
           });
         }}
       />
+      <AnimatePresence>
+        {(searchedPublicUser || publicSearchError) && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            className="fixed inset-0 z-50 flex items-center justify-center bg-black/45 p-4"
+          >
+            <div className="platform-surface w-full max-w-md rounded-[1.6rem] p-5">
+              <div className="flex items-start justify-between gap-4">
+                <div>
+                  <div className="text-sm font-semibold text-[var(--platform-text-soft)]">
+                    公开编号搜索
+                  </div>
+                  <div className="mt-1 text-xl font-black text-[var(--platform-text-strong)]">
+                    {publicSearchError ? '未找到结果' : '命中用户'}
+                  </div>
+                </div>
+                <button
+                  type="button"
+                  onClick={() => {
+                    setSearchedPublicUser(null);
+                    setPublicSearchError(null);
+                  }}
+                  className="platform-icon-button"
+                  aria-label="关闭搜索结果"
+                >
+                  ×
+                </button>
+              </div>
+              {publicSearchError ? (
+                <div className="mt-4 text-sm leading-6 text-[var(--platform-text-soft)]">
+                  {publicSearchError}
+                </div>
+              ) : searchedPublicUser ? (
+                <div className="mt-4 rounded-[1.2rem] border border-[var(--platform-line-soft)] p-4">
+                  <div className="text-lg font-bold text-[var(--platform-text-strong)]">
+                    {searchedPublicUser.displayName}
+                  </div>
+                  <div className="mt-2 text-sm text-[var(--platform-text-soft)]">
+                    叙世号 {searchedPublicUser.publicUserCode}
+                  </div>
+                </div>
+              ) : null}
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
     </>
   );
 }