fix: stabilize library paths and subscription matching

2026-10-04 04:26:38 +08:00 · 2026-06-28 12:15:10 +08:00
parent e4abb03ca5
commit a97dc35790
102 changed files with 4582 additions and 1519 deletions
@@ -0,0 +1,204 @@
+import { Link } from 'react-router-dom'
+import { Menu, MessageSquareText, Search, Sparkles } from 'lucide-react'
+
+import type { PlayProfile, User } from '../types'
+import { LayoutSearchBox } from './LayoutSearchBox'
+import { LayoutThemeToggle } from './LayoutThemeToggle'
+import { LayoutUserMenu } from './LayoutUserMenu'
+import type { useLayoutProfiles } from './useLayoutProfiles'
+import type { useLayoutSearch } from './useLayoutSearch'
+import type { ThemeMode, useThemeMode } from './useThemeMode'
+
+type LayoutSearchState = ReturnType<typeof useLayoutSearch>
+type LayoutProfileState = ReturnType<typeof useLayoutProfiles>
+type LayoutThemeState = ReturnType<typeof useThemeMode>
+
+type LayoutPermissionState = {
+  can: (key: string) => boolean
+  isAdmin: boolean
+}
+
+type LayoutHeaderProps = {
+  search: LayoutSearchState
+  permissions: LayoutPermissionState
+  theme: LayoutThemeState
+  onOpenMobileDrawer: () => void
+  user: User | null | undefined
+  activeProfileId: string | null
+  profile: LayoutProfileState
+  onLogout: () => void
+}
+
+export function LayoutHeader({
+  search,
+  permissions,
+  theme,
+  onOpenMobileDrawer,
+  user,
+  activeProfileId,
+  profile,
+  onLogout,
+}: LayoutHeaderProps) {
+  return (
+    <header className="flex h-20 shrink-0 items-center justify-between border-b border-[var(--app-border)] bg-[var(--app-header-bg)] px-4 backdrop-blur-md z-30 md:px-8">
+      <LayoutHeaderSearch search={search} onOpenMobileDrawer={onOpenMobileDrawer} />
+      <LayoutHeaderActions
+        permissions={permissions}
+        themeMode={theme.mode}
+        onThemeChange={theme.setMode}
+        user={user}
+        isProfileOpen={profile.isProfileOpen}
+        profiles={profile.profiles}
+        activeProfileId={activeProfileId}
+        activeProfile={profile.activeProfile}
+        onToggleProfile={() => profile.setIsProfileOpen((open) => !open)}
+        onCloseProfile={() => profile.setIsProfileOpen(false)}
+        onUseDefaultProfile={profile.useDefaultProfile}
+        onSwitchProfile={profile.switchProfile}
+        onLogout={onLogout}
+      />
+    </header>
+  )
+}
+
+function LayoutHeaderSearch({
+  search,
+  onOpenMobileDrawer,
+}: {
+  search: LayoutSearchState
+  onOpenMobileDrawer: () => void
+}) {
+  return (
+    <div className="flex items-center gap-3 flex-1 max-w-lg md:gap-4">
+      <button
+        onClick={onOpenMobileDrawer}
+        className="rounded-xl border border-[var(--app-border)] p-2.5 text-[var(--app-muted)] hover:bg-[var(--app-hover)] hover:text-[var(--app-text)] transition-colors lg:hidden"
+      >
+        <Menu size={18} />
+      </button>
+      <LayoutSearchBox
+        query={search.query}
+        focused={search.focused}
+        loading={search.loading}
+        error={search.error}
+        cards={search.cards}
+        total={search.total}
+        onQueryChange={search.setQuery}
+        onFocusedChange={search.setFocused}
+        onSubmit={search.submit}
+      />
+    </div>
+  )
+}
+
+type LayoutHeaderActionsProps = {
+  permissions: LayoutPermissionState
+  themeMode: ThemeMode
+  onThemeChange: (mode: ThemeMode) => void
+  user: User | null | undefined
+  isProfileOpen: boolean
+  profiles: PlayProfile[]
+  activeProfileId: string | null
+  activeProfile: PlayProfile | null
+  onToggleProfile: () => void
+  onCloseProfile: () => void
+  onUseDefaultProfile: () => void
+  onSwitchProfile: (profile: PlayProfile) => void
+  onLogout: () => void
+}
+
+function LayoutHeaderActions({
+  permissions,
+  themeMode,
+  onThemeChange,
+  user,
+  isProfileOpen,
+  profiles,
+  activeProfileId,
+  activeProfile,
+  onToggleProfile,
+  onCloseProfile,
+  onUseDefaultProfile,
+  onSwitchProfile,
+  onLogout,
+}: LayoutHeaderActionsProps) {
+  return (
+    <div className="flex shrink-0 items-center gap-2 sm:gap-3 md:gap-4">
+      <LayoutQuickActions permissions={permissions} />
+      <LayoutThemeToggle mode={themeMode} onChange={onThemeChange} />
+      <span className="hidden h-6 w-px bg-[var(--app-border)] sm:block" />
+      <LayoutProfileMenu
+        user={user}
+        isProfileOpen={isProfileOpen}
+        profiles={profiles}
+        activeProfileId={activeProfileId}
+        activeProfile={activeProfile}
+        onToggleProfile={onToggleProfile}
+        onCloseProfile={onCloseProfile}
+        onUseDefaultProfile={onUseDefaultProfile}
+        onSwitchProfile={onSwitchProfile}
+        onLogout={onLogout}
+      />
+    </div>
+  )
+}
+
+function LayoutQuickActions({ permissions }: { permissions: LayoutPermissionState }) {
+  return (
+    <>
+      <Link
+        to="/search"
+        className="rounded-xl border border-[var(--app-border)] p-2.5 text-[var(--app-muted)] hover:bg-[var(--app-hover)] hover:text-[var(--app-text)] transition-colors sm:hidden"
+      >
+        <Search size={18} />
+      </Link>
+      {permissions.can('can_view_discover') && (
+        <Link
+          to="/discover"
+          className="hidden md:flex items-center gap-2 rounded-xl border border-[var(--app-border)] px-4 py-2.5 text-xs font-bold text-[var(--app-muted)] hover:bg-[var(--app-hover)] hover:text-[var(--app-text)] transition-all"
+        >
+          <Sparkles size={14} className="text-brand-500" />
+          <span>发现新片</span>
+        </Link>
+      )}
+      {permissions.isAdmin && (
+        <Link
+          to="/notify-channels"
+          title="通知配置"
+          aria-label="打开通知配置"
+          className="relative rounded-xl border border-[var(--app-border)] p-2.5 text-[var(--app-muted)] hover:bg-[var(--app-hover)] hover:text-[var(--app-text)] transition-all"
+        >
+          <MessageSquareText size={18} />
+        </Link>
+      )}
+    </>
+  )
+}
+
+function LayoutProfileMenu({
+  user,
+  isProfileOpen,
+  profiles,
+  activeProfileId,
+  activeProfile,
+  onToggleProfile,
+  onCloseProfile,
+  onUseDefaultProfile,
+  onSwitchProfile,
+  onLogout,
+}: Omit<LayoutHeaderActionsProps, 'permissions' | 'themeMode' | 'onThemeChange'>) {
+  return (
+    <LayoutUserMenu
+      user={user}
+      isOpen={isProfileOpen}
+      profiles={profiles}
+      activeProfileId={activeProfileId}
+      activeProfile={activeProfile}
+      onToggle={onToggleProfile}
+      onClose={onCloseProfile}
+      onUseDefaultProfile={onUseDefaultProfile}
+      onSwitchProfile={onSwitchProfile}
+      onLogout={onLogout}
+    />
+  )
+}