将项目文件整理到 refer 目录

2026-07-03 22:26:00 +08:00
parent 49880e785f
commit 9f57af4d37
1223 changed files with 98 additions and 0 deletions
@@ -1,78 +0,0 @@
-import { createContext, useContext, useEffect, useState } from 'react'
-import { storage } from '@/lib/storage'
-
-export type Theme = 'light' | 'dark' | 'system'
-export type ResolvedTheme = 'light' | 'dark'
-
-interface ThemeContextValue {
-  theme: Theme
-  resolved: ResolvedTheme
-  setTheme: (theme: Theme) => void
-}
-
-const ThemeContext = createContext<ThemeContextValue | null>(null)
-
-function resolveTheme(theme: Theme): ResolvedTheme {
-  if (theme !== 'system') return theme
-  if (typeof window === 'undefined') return 'dark'
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-}
-
-function updateMetaThemeColor(resolved: ResolvedTheme) {
-  if (typeof document === 'undefined') return
-  const meta = document.querySelector('meta[name="theme-color"]')
-  if (!meta) return
-  // 暗色保持品牌紫, 浅色使用浅色背景避免状态栏突兀
-  meta.setAttribute('content', resolved === 'dark' ? '#8B5CF6' : '#FAFAFA')
-}
-
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [theme, setThemeState] = useState<Theme>(() => {
-    const saved = storage.theme.get('system')
-    return saved === 'light' || saved === 'dark' || saved === 'system' ? saved : 'system'
-  })
-  const [resolved, setResolved] = useState<ResolvedTheme>(() => resolveTheme(theme))
-
-  useEffect(() => {
-    const nextResolved = resolveTheme(theme)
-    setResolved(nextResolved)
-
-    const root = document.documentElement
-    root.classList.remove('light', 'dark')
-    root.classList.add(nextResolved)
-    storage.theme.set(theme)
-    updateMetaThemeColor(nextResolved)
-  }, [theme])
-
-  useEffect(() => {
-    if (theme !== 'system') return
-    const media = window.matchMedia('(prefers-color-scheme: dark)')
-    const handler = () => {
-      const nextResolved = resolveTheme('system')
-      setResolved(nextResolved)
-      document.documentElement.classList.remove('light', 'dark')
-      document.documentElement.classList.add(nextResolved)
-      updateMetaThemeColor(nextResolved)
-    }
-    media.addEventListener('change', handler)
-    return () => media.removeEventListener('change', handler)
-  }, [theme])
-
-  const setTheme = (next: Theme) => {
-    setThemeState(next)
-  }
-
-  return (
-    <ThemeContext.Provider value={{ theme, resolved, setTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  )
-}
-
-export function useTheme(): ThemeContextValue {
-  const ctx = useContext(ThemeContext)
-  if (!ctx) {
-    throw new Error('useTheme must be used within ThemeProvider')
-  }
-  return ctx
-}