39 |
60 | )
61 | }
62 |
--------------------------------------------------------------------------------
/components/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { Slot } from "@radix-ui/react-slot"
3 | import { cva, type VariantProps } from "class-variance-authority"
4 |
5 | import { cn } from "@/lib/utils"
6 |
7 | const buttonVariants = cva(
8 | "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
9 | {
10 | variants: {
11 | variant: {
12 | default:
13 | "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
14 | destructive:
15 | "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
16 | outline:
17 | "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
18 | secondary:
19 | "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
20 | ghost:
21 | "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
22 | link: "text-primary underline-offset-4 hover:underline",
23 | },
24 | size: {
25 | default: "h-9 px-4 py-2 has-[>svg]:px-3",
26 | sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
27 | lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
28 | icon: "size-9",
29 | },
30 | },
31 | defaultVariants: {
32 | variant: "default",
33 | size: "default",
34 | },
35 | }
36 | )
37 |
38 | function Button({
39 | className,
40 | variant,
41 | size,
42 | asChild = false,
43 | ...props
44 | }: React.ComponentProps<"button"> &
45 | VariantProps
40 |
45 |
46 | {article?.title}
41 |
42 |
44 |
47 |
50 |
51 | 导读:
48 |{article?.summary}
49 |
52 |
55 |
56 | 章节目录
53 |
57 |
59 |
20 |
26 |
27 |
28 | `
29 |
30 | interface LoadingPromiseProps {
31 | message: string
32 | description: string
33 | }
34 |
35 | function EmailSubscription() {
36 | const [email, setEmail] = useState('')
37 |
38 | async function sendSubscriptionEmail() {
39 | // 判断是否是一个合法的邮箱
40 | if (!emailRegex.test(email)) {
41 | toast.warning('请输入合法的邮箱地址')
42 | return
43 | }
44 |
45 | const loadingPromise = new Promise首先感谢您订阅我的博客！
21 |我会不定期更新自己在 vue 、react 相关的实践!
22 |如果您有任何问题或建议，可以使用邮件或留言板与我联系。
23 |再次感谢您的支持！
24 |祝您生活愉快！
25 |
71 | setEmail(e.target.value)}
75 | placeholder="输入您的邮箱"
76 | className="rounded-r-none"
77 | >
78 |
79 |
82 |
83 | )
84 | }
85 |
86 | export { EmailSubscription }
87 |
--------------------------------------------------------------------------------
/app/article/components/publish-dialog/form-cover-upload.tsx:
--------------------------------------------------------------------------------
1 | import { ChangeEvent } from 'react'
2 | import { Control, useWatch, useFormContext } from 'react-hook-form'
3 | import { FormField, FormItem, FormLabel } from '@/components/ui/form'
4 | import Image from 'next/image'
5 | import { toast } from 'sonner'
6 | import { uploadFile } from '@/app/actions/image-kit'
7 | import { FormValues } from './form'
8 |
9 | export function FormCoverUpload({ control }: { control: Control建议尺寸: 192×128 px（仅在首页展示）
69 |
25 |
36 | )
37 | }
38 |
39 | function Subscription({ className }: { className: string }) {
40 | return (
41 | 快速链接
26 |-
27 | {routerList.map((item) => (
28 |
- 29 | 30 | {item.name} 31 | 32 | 33 | ))} 34 |
42 |
58 | )
59 | }
60 |
61 | function Copyright({ githubUserName }: { githubUserName: string }) {
62 | return (
63 | 订阅
43 |可以及时获取我的最新动态
44 | 45 |
46 |
57 | RSS 订阅
54 |
64 |
70 | Released under the MIT License.
71 |
72 |
78 | Copyright © 2024-present {githubUserName}.
79 |
80 |
81 | )
82 | }
83 |
--------------------------------------------------------------------------------
/lib/github/user-info.ts:
--------------------------------------------------------------------------------
1 | import { createCacheData } from '../cache-data'
2 | import { TimeInSeconds } from '../enums'
3 | import { ApiRes } from '../utils'
4 |
5 | export interface GithubUserInfo {
6 | login: string
7 | id: number
8 | node_id: string
9 | avatar_url: string
10 | gravatar_id: string
11 | url: string
12 | html_url: string
13 | followers_url: string
14 | following_url: string
15 | gists_url: string
16 | starred_url: string
17 | subscriptions_url: string
18 | organizations_url: string
19 | repos_url: string
20 | events_url: string
21 | received_events_url: string
22 | type: string
23 | site_admin: boolean
24 | name: string
25 | company: string
26 | blog: string
27 | location: string
28 | email: string
29 | hireable: string
30 | bio: string
31 | twitter_username: string
32 | public_repos: number
33 | public_gists: number
34 | followers: number
35 | following: number
36 | created_at: string
37 | updated_at: string
38 | }
39 |
40 | const GITHUB_USER_NAME = process.env.NEXT_PUBLIC_GITHUB_USER_NAME
41 | const GITHUB_API_URL = `https://api.github.com/users/${GITHUB_USER_NAME}`
42 | const GITHUB_API_TOKEN = process.env.GITHUB_API_TOKEN
43 |
44 | export async function getGithubUserInfo(): PromiseNo repositories found.
12 | )
13 | }
14 |
15 | function ProjectInfo({ repos }: { repos: GithubPinnedRepoInfo[] }) {
16 | return (
17 |
18 | {repos.map((repo) => (
19 |
51 | )
52 | }
53 |
54 | export async function GithubProject() {
55 | let repos: GithubPinnedRepoInfo[] = []
56 |
57 | try {
58 | const res = await getCacheDataByKey
23 |
24 |
49 | ))}
50 | {repo.name}
25 |26 | {repo.description || 'No description available'} 27 |
28 |
29 |
30 |
47 |
48 | No articles found.
10 | } 11 | 12 | function ArticleList({ articles }: { articles: Article[] }) { 13 | return ( 14 |
15 | {articles?.map((article) => (
16 |
51 | )
52 | }
53 |
54 | async function getJueJinArticles() {
55 | try {
56 | const res = await fetch(`${process.env.NEXT_PUBLIC_SITE_URL}/api/articles/all`, {
57 | next: { revalidate: TimeInSeconds.oneHour }
58 | })
59 | const json = await res.json()
60 | return json.code === 0 ? json.data : []
61 | } catch {
62 | return []
63 | }
64 | }
65 |
66 | export async function JueJinArticles() {
67 | const list = (await getJueJinArticles()) as Article[]
68 |
69 | // 先安收藏数排序获取前六个，然后根据创建时间排序
70 | const articles = list
71 | .sort((a, b) => b.likes - a.likes)
72 | .slice(0, 6)
73 | .sort((a, b) => dayjs(b.createdAt).unix() - dayjs(a.createdAt).unix())
74 |
75 | return (
76 |
20 |
25 |
49 | ))}
50 | {article.title}
26 |27 | {article.summary || 'No description available'} 28 |
29 |
30 |
31 |
47 |
48 |
86 |
89 | updateArticleInfo((d) => {
90 | d.title = e.target.value
91 | })
92 | }
93 | placeholder="输入文章标题..."
94 | className="bg-white !text-2xl text-black font-medium border-none rounded-none shadow-none ring-0 !ring-offset-0 focus-visible:ring-0"
95 | />
96 |
97 |
98 |
99 |
100 |
101 | )
102 | }
103 |
104 | export { LayoutHeader }
105 |
--------------------------------------------------------------------------------
/app/(main)/article/[id]/anchor/index.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import React, { useEffect, useState, useRef } from 'react'
4 | import { generateUUID } from '@/lib/utils'
5 | import './index.css'
6 |
7 | interface Heading {
8 | id: string
9 | text: string
10 | level: string
11 | }
12 |
13 | interface AnchorProps {
14 | content: string
15 | }
16 |
17 | export const Anchor: React.FC
95 |
106 | )
107 | }
108 |
--------------------------------------------------------------------------------
/app/api/auth/[...nextauth]/authOptions.ts:
--------------------------------------------------------------------------------
1 | import type { AuthOptions } from 'next-auth'
2 | import GitHubProvider from 'next-auth/providers/github'
3 | import CredentialsProvider from 'next-auth/providers/credentials'
4 | import EmailProvider from 'next-auth/providers/email'
5 | import { PrismaAdapter } from '@auth/prisma-adapter'
6 | import { prisma } from '@/lib/prisma'
7 | import { AnyObject } from '@/types'
8 | import { generateUUID } from '@/lib/utils'
9 |
10 | const AUTH_GITHUB_CLIENT_ID = process.env.AUTH_GITHUB_CLIENT_ID
11 | const AUTH_GITHUB_CLIENT_SECRET = process.env.AUTH_GITHUB_CLIENT_SECRET
12 |
13 | function createAvatar() {
14 | return `https://api.dicebear.com/7.x/bottts-neutral/svg?seed=${generateUUID()}&size=64`
15 | }
16 |
17 | // 更新用户头像-这里不走接口，更安全
18 | async function updateUserProfilePicture(user?: AnyObject) {
19 | if (!user) {
20 | return
21 | }
22 |
23 | try {
24 | await prisma.user.update({
25 | where: {
26 | id: user.id
27 | },
28 | data: {
29 | image: user.image
30 | }
31 | })
32 | } catch (error) {
33 | console.error(error)
34 | }
35 | }
36 |
37 | export const authOptions: AuthOptions = {
38 | adapter: PrismaAdapter(prisma),
39 | providers: [
40 | CredentialsProvider({
41 | name: 'Credentials',
42 | credentials: {
43 | account: { label: 'Account', type: 'text' },
44 | password: { label: 'Password', type: 'password' }
45 | },
46 | async authorize(credentials) {
47 | const user = await prisma.user.findUnique({
48 | where: { email: credentials?.account, password: credentials?.password }
49 | })
50 |
51 | if (!user) {
52 | return null
53 | } else {
54 | return {
55 | id: user.id,
56 | name: user?.name,
57 | email: user?.email,
58 | image: user?.image,
59 | role: user.role
60 | }
61 | }
62 | }
63 | }),
64 | GitHubProvider({
65 | clientId: AUTH_GITHUB_CLIENT_ID ?? '',
66 | clientSecret: AUTH_GITHUB_CLIENT_SECRET ?? '',
67 | httpOptions: {
68 | timeout: 20000 // 将超时时间设置为10秒（10000毫秒）
69 | }
70 | }),
71 | EmailProvider({
72 | server: {
73 | host: process.env.EMAIL_SERVER_HOST,
74 | port: parseInt(process.env.EMAIL_SERVER_PORT as string),
75 | auth: {
76 | user: process.env.EMAIL_SERVER_USER,
77 | pass: process.env.EMAIL_SERVER_PASSWORD
78 | }
79 | },
80 | from: process.env.EMAIL_FROM
81 | })
82 | ],
83 | pages: {
84 | signIn: '/',
85 | verifyRequest: '/auth/verify-request'
86 | },
87 | session: {
88 | strategy: 'jwt',
89 | maxAge: 24 * 60 * 60 // 过期时间,
90 | },
91 | secret: process.env.NEXTAUTH_SECRET,
92 | callbacks: {
93 | async signIn({ user }) {
94 | // 登录没有头像则设置一个默认头像
95 | if (!user?.image) {
96 | user.image = createAvatar()
97 | updateUserProfilePicture(user)
98 | }
99 | return true
100 | },
101 | async redirect({ baseUrl }) {
102 | return baseUrl
103 | },
104 | async jwt({ token, user }) {
105 | // 如果 user 存在，存储角色信息
106 | if (user) {
107 | token.role = user.role // 将角色存储到 token 中
108 | token.id = user.id // 将用户 id 存储到 token 中
109 | }
110 | return token
111 | },
112 | async session({ session, token }) {
113 | if (token?.role) {
114 | session.user.role = token.role as string
115 | }
116 |
117 | if (token?.id) {
118 | session.user.id = token.id as string
119 | }
120 | return session
121 | }
122 | }
123 | }
124 |
--------------------------------------------------------------------------------
/app/actions/image-kit.ts:
--------------------------------------------------------------------------------
1 | 'use server'
2 |
3 | import { ApiRes } from '@/lib/utils'
4 | import jwt from 'jsonwebtoken'
5 | import { getFileHash } from '@/lib/utils'
6 | import dayjs from 'dayjs'
7 |
8 | interface ImagekitUploadFileRes {
9 | fileId: string
10 | name: string
11 | size: string
12 | versionInfo: {
13 | id: string
14 | name: string
15 | }
16 | filePath: string
17 | url: string
18 | fileType: string
19 | height: number
20 | width: number
21 | thumbnailUrl: string
22 | AITags: null | string
23 | }
24 |
25 | // 根据 hash 获取图片信息
26 | export async function getFileInfoByHash(
27 | fileHash: string
28 | ): Promise-
96 | {headings.map((heading) => (
97 |
- 101 | handleScroll(heading.id)}>{heading.text} 102 | 103 | ))} 104 |
{info.title}
17 | 18 |{info.summary}
19 | 20 |
21 |
40 |
41 | )
42 | }
43 |
44 | const ArticleList = ({ articleInfo }: { articleInfo: GroupedArticles }) => (
45 | <>
46 | {Object.entries(articleInfo)
47 | .sort(([a], [b]) => Number(b) - Number(a))
48 | .map(([year, articles]) => (
49 |
22 |
37 |
38 |
39 | 23 | 24 | {info.likes} 25 |
26 | 27 |28 | 29 | {info.favorites} 30 |
31 | 32 |33 | 34 | {info.views} 35 |
36 |
50 |
68 | ))}
69 |
70 | )
71 |
72 | const groupArticlesByYear = (articles: Article[]): GroupedArticles => {
73 | return articles.reduce((acc: GroupedArticles, article: Article) => {
74 | const year = new Date(article.createdAt).getFullYear().toString()
75 | acc[year] = [...(acc[year] || []), article]
76 | return acc
77 | }, {})
78 | }
79 |
80 | async function getArticles() {
81 | try {
82 | const res = await fetch(`${process.env.NEXT_PUBLIC_SITE_URL}/api/articles/all`, {
83 | next: { revalidate: TimeInSeconds.oneHour } // 缓存 1小时 or 使用 cache: 'no-store' 不缓存
84 | })
85 |
86 | if (!res.ok) {
87 | throw new Error('Failed to fetch articles')
88 | }
89 |
90 | const data = await res.json()
91 | if (data.code !== 0) {
92 | throw new Error(data.message || '获取全部文章失败!')
93 | }
94 |
95 | return groupArticlesByYear(data.data ?? [])
96 | } catch (error) {
97 | console.error('Failed to fetch articles:', error)
98 | throw error
99 | }
100 | }
101 |
102 | export default async function ArticlesPage() {
103 | let articles: GroupedArticles = {}
104 |
105 | try {
106 | articles = await getArticles()
107 | } catch (error) {
108 | return (
109 |
51 |
56 |
57 | {year}
52 |53 | {articles.length ?? 0} 篇 54 |
55 |
58 | {articles.map((article) => (
59 |
63 |
65 | ))}
66 |
67 |
110 |
116 | )
117 | }
118 |
119 | return (
120 |
111 |
115 | 112 | {error instanceof Error ? error.message : '获取全部文章失败!'} 113 |
114 |
121 | {Object.keys(articles).length > 0 ?
123 | )
124 | }
125 |
--------------------------------------------------------------------------------
/components/ui/dialog.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as DialogPrimitive from "@radix-ui/react-dialog"
5 | import { XIcon } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | function Dialog({
10 | ...props
11 | }: React.ComponentProps153 | {body} 154 |
155 | ) 156 | } 157 | 158 | export { 159 | useFormField, 160 | Form, 161 | FormItem, 162 | FormLabel, 163 | FormControl, 164 | FormDescription, 165 | FormMessage, 166 | FormField, 167 | } 168 | -------------------------------------------------------------------------------- /components/layout/header.tsx: -------------------------------------------------------------------------------- 1 | 'use client' 2 | 3 | import { Icon } from '@iconify/react' 4 | import { signOut, useSession } from 'next-auth/react' 5 | import { routerList } from '@/lib/routers' 6 | import Link from 'next/link' 7 | import { useState, useEffect } from 'react' 8 | import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar' 9 | import { BlogLogo } from '@/components/blog-logo' 10 | import { Session } from 'next-auth' 11 | import { 12 | DropdownMenu, 13 | DropdownMenuContent, 14 | DropdownMenuItem, 15 | DropdownMenuLabel, 16 | DropdownMenuSeparator, 17 | DropdownMenuTrigger 18 | } from '@/components/ui/dropdown-menu' 19 | import { LoginDialog } from '@/components/login-dialog' 20 | import { usePathname } from 'next/navigation' 21 | 22 | function NavList() { 23 | const pathname = usePathname() 24 | 25 | return ( 26 |-
27 | {routerList.map((item) => (
28 |
-
29 |
33 |
34 | {item.name} 35 | 36 |
37 | ))}
38 |
47 |
48 | {session?.user?.name ?? 'll'}
50 |
51 |
52 | {session?.user?.name ?? 'll'}
53 |
54 |
65 |
68 |
74 |
77 |
100 |
101 |
119 |
107 | {status === 'unauthenticated' && (
108 |
109 |
114 | )}
115 |
116 | {status === 'authenticated' &&
118 |
110 |
113 |
33 |
35 | )
36 | }
37 |
38 | interface MessageControlsProps {
39 | messageLength: number
40 | messageView: boolean
41 | onToggleView: () => void
42 | onSendMsg: () => void
43 | }
44 |
45 | function MessageControls({
46 | messageLength,
47 | messageView,
48 | onToggleView,
49 | onSendMsg
50 | }: MessageControlsProps) {
51 | return (
52 |
53 |
85 | )
86 | }
87 |
88 | interface AddMessageProps {
89 | setMessages: Dispatch支持 Markdown 格式
54 |
55 |
57 |
58 |
59 |
66 | {messageView ? '关闭预览' : '预览一下'}
67 |
68 |
69 |
70 |
71 |
72 |
73 |
80 | 发送
81 |
82 |
83 |
84 | {messageLength} / 1000
56 |
138 | {status === 'authenticated' ? (
139 |
155 |
159 |
160 | )}
161 |
162 | )
163 | }
164 |
165 | export { AddMessage }
166 | export default AddMessage
167 |
--------------------------------------------------------------------------------
/app/(main)/home/UserProfile.tsx:
--------------------------------------------------------------------------------
1 | import { Icon } from '@iconify/react'
2 | import Link from 'next/link'
3 | import Image from 'next/image'
4 | import userIcon from '@/public/user-icon.png'
5 | import type { GithubUserInfo } from '@/lib/github/user-info'
6 | import { GithubUserInfoCacheDataKey } from '@/lib/github/user-info'
7 | import { getCacheDataByKey } from '@/lib/cache-data'
8 | import type { JuejinUserInfo } from '@/lib/juejin/fetch-user-info'
9 | import { fetchJuejinUserInfo } from '@/lib/juejin/fetch-user-info'
10 | import { TimeInSeconds } from '@/lib/enums'
11 |
12 | // 统计项组件
13 | const StatItem = ({ icon, label, value }: { icon: string; label: string; value?: number }) => (
14 |
140 | {messageView ? (
141 | setMessageView(!messageView)}
150 | onSendMsg={sendMsg}
151 | />
152 |
153 | ) : (
154 |
15 |
19 | )
20 |
21 | // 社交媒体链接配置
22 | const SOCIAL_LINKS = {
23 | juejin: {
24 | url: 'https://juejin.cn/user/712139266339694',
25 | icon: 'simple-icons:juejin',
26 | label: '掘金'
27 | },
28 | github: {
29 | url: 'https://github.com/vaebe',
30 | icon: 'mdi:github',
31 | label: 'GitHub'
32 | }
33 | } as const
34 |
35 | interface SocialStatsSectionProps {
36 | platform: keyof typeof SOCIAL_LINKS
37 | stats: { icon: string; label: string; value?: number }[]
38 | }
39 |
40 | // 社交媒体统计区块
41 | const SocialStatsSection = ({ platform, stats }: SocialStatsSectionProps) => (
42 |
43 |
49 |
50 |
53 |
54 |
60 | )
61 |
62 | function GitHubSocialStatsSection({ info }: { info?: GithubUserInfo }) {
63 | return (
64 |
50 |
53 |
54 |
55 | {stats.map((stat, index) => (
56 |
59 |
116 |
131 | )
132 |
133 | export async function UserProfile() {
134 | let githubUserInfo: GithubUserInfo | undefined
135 | try {
136 | const res = await getCacheDataByKey
125 |
130 | 126 | {githubUserInfo?.login ?? 'Loading...'} 127 |
128 |{Userdescription}
129 |
149 |
156 | )
157 | }
158 |
--------------------------------------------------------------------------------
/app/globals.css:
--------------------------------------------------------------------------------
1 | @import 'tailwindcss';
2 |
3 | @plugin "tailwindcss-animate";
4 |
5 | @custom-variant dark (&:is(.dark *));
6 |
7 | @theme {
8 | --font-sans: var(--font-geist-sans);
9 | --font-mono: var(--font-geist-mono);
10 | }
11 |
12 | :root {
13 | --radius: 0.625rem;
14 |
15 | --background: oklch(1 0 0);
16 |
17 | --foreground: oklch(0.145 0 0);
18 |
19 | --card: oklch(1 0 0);
20 |
21 | --card-foreground: oklch(0.145 0 0);
22 |
23 | --popover: oklch(1 0 0);
24 |
25 | --popover-foreground: oklch(0.145 0 0);
26 |
27 | --primary: oklch(0.205 0 0);
28 |
29 | --primary-foreground: oklch(0.985 0 0);
30 |
31 | --secondary: oklch(0.97 0 0);
32 |
33 | --secondary-foreground: oklch(0.205 0 0);
34 |
35 | --muted: oklch(0.97 0 0);
36 |
37 | --muted-foreground: oklch(0.556 0 0);
38 |
39 | --accent: oklch(0.97 0 0);
40 |
41 | --accent-foreground: oklch(0.205 0 0);
42 |
43 | --destructive: oklch(0.577 0.245 27.325);
44 |
45 | --border: oklch(0.922 0 0);
46 |
47 | --input: oklch(0.922 0 0);
48 |
49 | --ring: oklch(0.708 0 0);
50 |
51 | --chart-1: oklch(0.646 0.222 41.116);
52 |
53 | --chart-2: oklch(0.6 0.118 184.704);
54 |
55 | --chart-3: oklch(0.398 0.07 227.392);
56 |
57 | --chart-4: oklch(0.828 0.189 84.429);
58 |
59 | --chart-5: oklch(0.769 0.188 70.08);
60 |
61 | --sidebar: oklch(0.985 0 0);
62 |
63 | --sidebar-foreground: oklch(0.145 0 0);
64 |
65 | --sidebar-primary: oklch(0.205 0 0);
66 |
67 | --sidebar-primary-foreground: oklch(0.985 0 0);
68 |
69 | --sidebar-accent: oklch(0.97 0 0);
70 |
71 | --sidebar-accent-foreground: oklch(0.205 0 0);
72 |
73 | --sidebar-border: oklch(0.922 0 0);
74 |
75 | --sidebar-ring: oklch(0.708 0 0);
76 | }
77 |
78 | .dark {
79 | --background: oklch(0.145 0 0);
80 |
81 | --foreground: oklch(0.985 0 0);
82 |
83 | --card: oklch(0.205 0 0);
84 |
85 | --card-foreground: oklch(0.985 0 0);
86 |
87 | --popover: oklch(0.205 0 0);
88 |
89 | --popover-foreground: oklch(0.985 0 0);
90 |
91 | --primary: oklch(0.922 0 0);
92 |
93 | --primary-foreground: oklch(0.205 0 0);
94 |
95 | --secondary: oklch(0.269 0 0);
96 |
97 | --secondary-foreground: oklch(0.985 0 0);
98 |
99 | --muted: oklch(0.269 0 0);
100 |
101 | --muted-foreground: oklch(0.708 0 0);
102 |
103 | --accent: oklch(0.269 0 0);
104 |
105 | --accent-foreground: oklch(0.985 0 0);
106 |
107 | --destructive: oklch(0.704 0.191 22.216);
108 |
109 | --border: oklch(1 0 0 / 10%);
110 |
111 | --input: oklch(1 0 0 / 15%);
112 |
113 | --ring: oklch(0.556 0 0);
114 |
115 | --chart-1: oklch(0.488 0.243 264.376);
116 |
117 | --chart-2: oklch(0.696 0.17 162.48);
118 |
119 | --chart-3: oklch(0.769 0.188 70.08);
120 |
121 | --chart-4: oklch(0.627 0.265 303.9);
122 |
123 | --chart-5: oklch(0.645 0.246 16.439);
124 |
125 | --sidebar: oklch(0.205 0 0);
126 |
127 | --sidebar-foreground: oklch(0.985 0 0);
128 |
129 | --sidebar-primary: oklch(0.488 0.243 264.376);
130 |
131 | --sidebar-primary-foreground: oklch(0.985 0 0);
132 |
133 | --sidebar-accent: oklch(0.269 0 0);
134 |
135 | --sidebar-accent-foreground: oklch(0.985 0 0);
136 |
137 | --sidebar-border: oklch(1 0 0 / 10%);
138 |
139 | --sidebar-ring: oklch(0.556 0 0);
140 | }
141 |
142 | @theme inline {
143 | --radius-sm: calc(var(--radius) - 4px);
144 |
145 | --radius-md: calc(var(--radius) - 2px);
146 |
147 | --radius-lg: var(--radius);
148 |
149 | --radius-xl: calc(var(--radius) + 4px);
150 |
151 | --color-background: var(--background);
152 |
153 | --color-foreground: var(--foreground);
154 |
155 | --color-card: var(--card);
156 |
157 | --color-card-foreground: var(--card-foreground);
158 |
159 | --color-popover: var(--popover);
160 |
161 | --color-popover-foreground: var(--popover-foreground);
162 |
163 | --color-primary: var(--primary);
164 |
165 | --color-primary-foreground: var(--primary-foreground);
166 |
167 | --color-secondary: var(--secondary);
168 |
169 | --color-secondary-foreground: var(--secondary-foreground);
170 |
171 | --color-muted: var(--muted);
172 |
173 | --color-muted-foreground: var(--muted-foreground);
174 |
175 | --color-accent: var(--accent);
176 |
177 | --color-accent-foreground: var(--accent-foreground);
178 |
179 | --color-destructive: var(--destructive);
180 |
181 | --color-border: var(--border);
182 |
183 | --color-input: var(--input);
184 |
185 | --color-ring: var(--ring);
186 |
187 | --color-chart-1: var(--chart-1);
188 |
189 | --color-chart-2: var(--chart-2);
190 |
191 | --color-chart-3: var(--chart-3);
192 |
193 | --color-chart-4: var(--chart-4);
194 |
195 | --color-chart-5: var(--chart-5);
196 |
197 | --color-sidebar: var(--sidebar);
198 |
199 | --color-sidebar-foreground: var(--sidebar-foreground);
200 |
201 | --color-sidebar-primary: var(--sidebar-primary);
202 |
203 | --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
204 |
205 | --color-sidebar-accent: var(--sidebar-accent);
206 |
207 | --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
208 |
209 | --color-sidebar-border: var(--sidebar-border);
210 |
211 | --color-sidebar-ring: var(--sidebar-ring);
212 | }
213 |
214 | @layer base {
215 | * {
216 | @apply border-border outline-ring/50;
217 | }
218 |
219 | body {
220 | @apply bg-background text-foreground;
221 | }
222 | }
223 |
224 | /* Chrome, Edge, Safari 和其他 WebKit 内核的浏览器 */
225 | ::-webkit-scrollbar {
226 | width: 0;
227 | background: transparent;
228 | }
229 |
230 | /* Firefox */
231 | * {
232 | scrollbar-width: none;
233 | -ms-overflow-style: none;
234 | }
235 |
236 |
237 | @keyframes gradient-x {
238 | 0% {
239 | background-position: 0% 50%;
240 | }
241 |
242 | 50% {
243 | background-position: 100% 50%;
244 | }
245 |
246 | 100% {
247 | background-position: 0% 50%;
248 | }
249 | }
250 |
251 | .gradient-anim {
252 | background-size: 200% 200%;
253 | animation: gradient-x 3s ease infinite;
254 | }
--------------------------------------------------------------------------------
/prisma/migrations/20250907134927_init/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE `article` (
3 | `id` VARCHAR(191) NOT NULL,
4 | `userId` INTEGER NOT NULL,
5 | `title` TEXT NOT NULL,
6 | `content` LONGTEXT NOT NULL,
7 | `classify` TEXT NULL,
8 | `coverImg` TEXT NULL,
9 | `summary` TEXT NOT NULL,
10 | `source` TEXT NULL,
11 | `views` INTEGER NOT NULL DEFAULT 1,
12 | `likes` INTEGER NOT NULL DEFAULT 1,
13 | `favorites` INTEGER NOT NULL DEFAULT 1,
14 | `showNumber` INTEGER NOT NULL DEFAULT 1,
15 | `status` TEXT NOT NULL,
16 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
17 | `updatedAt` DATETIME(3) NULL,
18 | `deletedAt` DATETIME(3) NULL,
19 | `isDeleted` INTEGER NULL DEFAULT 0,
20 |
21 | UNIQUE INDEX `article_id_key`(`id`),
22 | PRIMARY KEY (`id`)
23 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
24 |
25 | -- CreateTable
26 | CREATE TABLE `user` (
27 | `id` VARCHAR(191) NOT NULL,
28 | `name` VARCHAR(191) NULL,
29 | `username` VARCHAR(191) NULL,
30 | `email` VARCHAR(191) NULL,
31 | `password` TEXT NULL,
32 | `role` VARCHAR(191) NULL DEFAULT '01',
33 | `emailVerified` DATETIME(3) NULL,
34 | `image` VARCHAR(191) NULL,
35 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
36 | `updatedAt` DATETIME(3) NOT NULL,
37 |
38 | UNIQUE INDEX `user_username_key`(`username`),
39 | UNIQUE INDEX `user_email_key`(`email`),
40 | PRIMARY KEY (`id`)
41 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
42 |
43 | -- CreateTable
44 | CREATE TABLE `account` (
45 | `id` VARCHAR(191) NOT NULL,
46 | `userId` VARCHAR(191) NOT NULL,
47 | `type` VARCHAR(191) NOT NULL,
48 | `provider` VARCHAR(191) NOT NULL,
49 | `providerAccountId` VARCHAR(191) NOT NULL,
50 | `refresh_token` TEXT NULL,
51 | `access_token` TEXT NULL,
52 | `expires_at` INTEGER NULL,
53 | `token_type` VARCHAR(191) NULL,
54 | `scope` VARCHAR(191) NULL,
55 | `id_token` TEXT NULL,
56 | `session_state` VARCHAR(191) NULL,
57 | `refresh_token_expires_in` INTEGER NULL,
58 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
59 | `updatedAt` DATETIME(3) NOT NULL,
60 |
61 | UNIQUE INDEX `account_userId_key`(`userId`),
62 | INDEX `account_userId_idx`(`userId`),
63 | UNIQUE INDEX `account_provider_providerAccountId_key`(`provider`, `providerAccountId`),
64 | PRIMARY KEY (`id`)
65 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
66 |
67 | -- CreateTable
68 | CREATE TABLE `session` (
69 | `id` VARCHAR(191) NOT NULL,
70 | `sessionToken` VARCHAR(191) NOT NULL,
71 | `userId` VARCHAR(191) NOT NULL,
72 | `expires` DATETIME(3) NOT NULL,
73 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
74 | `updatedAt` DATETIME(3) NOT NULL,
75 |
76 | UNIQUE INDEX `session_sessionToken_key`(`sessionToken`),
77 | INDEX `session_userId_idx`(`userId`),
78 | PRIMARY KEY (`id`)
79 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
80 |
81 | -- CreateTable
82 | CREATE TABLE `verification_token` (
83 | `identifier` VARCHAR(191) NOT NULL,
84 | `token` VARCHAR(191) NOT NULL,
85 | `expires` DATETIME(3) NOT NULL,
86 |
87 | UNIQUE INDEX `verification_token_identifier_token_key`(`identifier`, `token`)
88 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
89 |
90 | -- CreateTable
91 | CREATE TABLE `authenticator` (
92 | `credentialID` VARCHAR(191) NOT NULL,
93 | `userId` VARCHAR(191) NOT NULL,
94 | `providerAccountId` VARCHAR(191) NOT NULL,
95 | `credentialPublicKey` VARCHAR(191) NOT NULL,
96 | `counter` INTEGER NOT NULL,
97 | `credentialDeviceType` VARCHAR(191) NOT NULL,
98 | `credentialBackedUp` BOOLEAN NOT NULL,
99 | `transports` VARCHAR(191) NULL,
100 |
101 | UNIQUE INDEX `authenticator_credentialID_key`(`credentialID`),
102 | PRIMARY KEY (`userId`, `credentialID`)
103 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
104 |
105 | -- CreateTable
106 | CREATE TABLE `message` (
107 | `id` VARCHAR(191) NOT NULL,
108 | `content` VARCHAR(191) NOT NULL,
109 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
110 | `updatedAt` DATETIME(3) NOT NULL,
111 | `deletedAt` DATETIME(3) NULL,
112 | `authorId` VARCHAR(191) NOT NULL,
113 |
114 | PRIMARY KEY (`id`)
115 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
116 |
117 | -- CreateTable
118 | CREATE TABLE `subscriber` (
119 | `id` VARCHAR(191) NOT NULL,
120 | `email` VARCHAR(191) NOT NULL,
121 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
122 | `updatedAt` DATETIME(3) NOT NULL,
123 | `deletedAt` DATETIME(3) NULL,
124 |
125 | UNIQUE INDEX `subscriber_email_key`(`email`),
126 | PRIMARY KEY (`id`)
127 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
128 |
129 | -- CreateTable
130 | CREATE TABLE `cache-data` (
131 | `id` VARCHAR(191) NOT NULL,
132 | `key` VARCHAR(191) NOT NULL,
133 | `data` LONGTEXT NOT NULL,
134 | `desc` TEXT NOT NULL,
135 | `createdAt` DATETIME(3) NOT NULL DEFAULT CURRENT_TIMESTAMP(3),
136 | `updatedAt` DATETIME(3) NOT NULL,
137 | `deletedAt` DATETIME(3) NULL,
138 |
139 | UNIQUE INDEX `cache-data_key_key`(`key`),
140 | PRIMARY KEY (`id`)
141 | ) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
142 |
143 | -- AddForeignKey
144 | ALTER TABLE `account` ADD CONSTRAINT `account_userId_fkey` FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON DELETE RESTRICT ON UPDATE CASCADE;
145 |
146 | -- AddForeignKey
147 | ALTER TABLE `session` ADD CONSTRAINT `session_userId_fkey` FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON DELETE RESTRICT ON UPDATE CASCADE;
148 |
149 | -- AddForeignKey
150 | ALTER TABLE `authenticator` ADD CONSTRAINT `authenticator_userId_fkey` FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON DELETE CASCADE ON UPDATE CASCADE;
151 |
152 | -- AddForeignKey
153 | ALTER TABLE `message` ADD CONSTRAINT `message_authorId_fkey` FOREIGN KEY (`authorId`) REFERENCES `user`(`id`) ON DELETE RESTRICT ON UPDATE CASCADE;
154 |
--------------------------------------------------------------------------------
/components/ui/select.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SelectPrimitive from "@radix-ui/react-select"
5 | import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | function Select({
10 | ...props
11 | }: React.ComponentProps
152 |
155 |