23 |
{t('title')}
24 |
25 | {t('message')}
26 |
27 |
28 | reset()} variant="default">
29 | {t('retry')}
30 |
31 | {
33 | // 从URL路径中获取当前locale
34 | const pathParts = window.location.pathname.split('/');
35 | const locale = pathParts[1] || 'en'; // 默认英语
36 | window.location.href = `/${locale}`;
37 | }}
38 | variant="outline"
39 | >
40 | {t('home')}
41 |
42 |
43 |
23 |
{t('title')}
24 |
25 | {t('message')}
26 |
27 |
28 | reset()} variant="default">
29 | {t('retry')}
30 |
31 | {
33 | // 从URL路径中获取当前locale
34 | const pathParts = window.location.pathname.split('/');
35 | const locale = pathParts[1] || 'en'; // 默认英语
36 | window.location.href = `/${locale}`;
37 | }}
38 | variant="outline"
39 | >
40 | {t('home')}
41 |
42 |
43 |
22 |
{t('title')}
23 |
24 | {t('message')}
25 |
26 |
27 | reset()} variant="default">
28 | {t('retry')}
29 |
30 | {
32 | // 从URL路径中获取当前locale
33 | const pathParts = window.location.pathname.split('/');
34 | const locale = pathParts[1] || 'en'; // 默认英语
35 | window.location.href = `/${locale}`;
36 | }}
37 | variant="outline"
38 | >
39 | {t('home')}
40 |
41 |
42 |
23 |
{t('title')}
24 |
25 | {t('message')}
26 |
27 |
28 | reset()} variant="default">
29 | {t('retry')}
30 |
31 | {
33 | // 从URL路径中获取当前locale
34 | const pathParts = window.location.pathname.split('/');
35 | const locale = pathParts[1] || 'en'; // 默认英语
36 | window.location.href = `/${locale}`;
37 | }}
38 | variant="outline"
39 | >
40 | {t('home')}
41 |
42 |
43 |
{
24 | const t = await getTranslations();
25 |
26 | return {
27 | title: {
28 | template: `%s | ${t("metadata.title")}`,
29 | default: t("metadata.title") || "",
30 | },
31 | description: t("metadata.description") || "",
32 | keywords: t("metadata.keywords") || "",
33 | icons: {
34 | icon: [
35 | { url: "/favicon.ico", sizes: "any" },
36 | { url: "/favicon-16x16.png", sizes: "16x16" },
37 | { url: "/favicon-32x32.png", sizes: "32x32" }
38 | ],
39 | apple: "/apple-icon.png",
40 | shortcut: "/shortcut-icon.png"
41 | },
42 | manifest: "/site.webmanifest",
43 | };
44 | }
45 |
46 | export default async function LocaleLayout({
47 | children,
48 | params: { locale },
49 | }: Readonly<{
50 | children: React.ReactNode;
51 | params: { locale: string };
52 | }>) {
53 | const messages = await getMessages();
54 |
55 | console.log('Current locale:', locale);
56 | console.log('Available messages:', Object.keys(messages));
57 |
58 | return (
59 |
60 |
61 |
62 |
63 |
64 |
70 | {children}
71 |
72 |
73 |
74 |
75 |
76 |
77 | );
78 | }
79 |
--------------------------------------------------------------------------------
/src/app/[locale]/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Skeleton } from '@/components/ui/skeleton';
2 |
3 | export default function LocaleLoading() {
4 | return (
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 |
10 |
404
11 |
{t('title')}
12 |
13 | {t('message')}
14 |
15 |
16 |
18 |
22 |
{t('title')}
23 |
24 | {t('message')}
25 |
26 |
27 | reset()} variant="default">
28 | {t('retry')}
29 |
30 | window.location.href = '/'} variant="outline">
31 | {t('home')}
32 |
33 |
34 |
6 |
7 |
8 |
9 |
10 |
11 |
13 |
14 |
20 |
出现了一些问题
21 |
22 | 很抱歉，我们遇到了一个错误。请尝试刷新页面或返回首页。
23 |
24 |
25 | reset()} variant="default">
26 | 重试
27 |
28 | {
30 | const locale = navigator.language.split('-')[0] || 'en';
31 | window.location.href = `/${locale}`;
32 | }}
33 | variant="outline"
34 | >
35 | 返回首页
36 |
37 |
38 |
22 |
出现了严重问题
23 |
24 | 很抱歉，我们遇到了一个严重错误。请尝试刷新页面或返回首页。
25 |
26 |
27 | reset()} variant="default">
28 | 重试
29 |
30 | {
32 | const locale = navigator.language.split('-')[0] || 'en';
33 | window.location.href = `/${locale}`;
34 | }}
35 | variant="outline"
36 | >
37 | 返回首页
38 |
39 |
40 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 |
9 |
404
10 |
u9875u9762u672au627eu5230
11 |
12 | u5f88u62b1u6b49uff0cu60a8u8bbfu95eeu7684u9875u9762u4e0du5b58u5728u6216u5df2u88abu79fbu9664u3002
13 |
14 |
{
16 | // 使用浏览器语言或默认语言
17 | const locale = navigator.language.split('-')[0] || 'en';
18 | window.location.href = `/${locale}`;
19 | }}
20 | variant="default"
21 | >
22 | 返回首页
23 |
24 |
{children} ;
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/blocks/blog-detail/crumb.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Post } from "@/types/post";
4 | import { motion } from "@/components/ui/motion";
5 | import { ChevronRight, Home } from "lucide-react";
6 | import Link from "next/link";
7 |
8 | export default function Crumb({ post }: { post: Post }) {
9 | return (
10 |
11 |
17 |
18 | Home
24 |
25 |
26 |
27 |
29 |
30 |
37 |
38 |
40 |
41 |
42 | {post.title}
43 |
44 |
45 |
46 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/src/components/blocks/crumb/index.tsx:
--------------------------------------------------------------------------------
1 | import { ChevronRight } from "lucide-react";
2 | import Link from "next/link";
3 | import { NavItem } from "@/types/blocks/base";
4 |
5 | export default function Crumb({ items }: { items: NavItem[] }) {
6 | return (
7 |
8 | {items.map((item, index) => {
9 | const isActive = item.is_active;
10 | return (
11 |
12 |
25 | );
26 | })}
27 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/blocks/empty/index.tsx:
--------------------------------------------------------------------------------
1 | export default function ({ message }: { message: string }) {
2 | return (
3 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/src/components/blocks/footer/index.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Footer as FooterType } from "@/types/blocks/footer";
4 | import { useTranslations } from "next-intl";
5 | import { motion } from "framer-motion";
6 |
7 | export default function Footer({ footer }: { footer: FooterType }) {
8 | const t = useTranslations("footer");
9 |
10 | if (footer.disabled) {
11 | return null;
12 | }
13 |
14 | return (
15 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/src/components/blocks/hero/announcement-bar.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { motion } from "@/components/ui/motion";
4 | import { Star } from "lucide-react";
5 |
6 | interface AnnouncementProps {
7 | label?: string;
8 | title?: string;
9 | }
10 |
11 | export function AnnouncementBar({ label, title }: AnnouncementProps) {
12 | if (!label && !title) return null;
13 |
14 | return (
15 |
21 |
22 | {label && (
23 |
24 | {label}
25 |
26 | )}
27 |
28 |
29 |
33 |
34 |
35 | {title}
36 |
37 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/src/components/blocks/hero/floating-image.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { motion } from '@/components/ui/motion';
4 | import { useState, useEffect } from 'react';
5 | import Image from 'next/image';
6 |
7 | interface FloatingImageProps {
8 | src: string;
9 | alt: string;
10 | width: number;
11 | height: number;
12 | className?: string;
13 | delay?: number;
14 | amplitude?: number; // 振幅大小
15 | duration?: number; // 动画周期
16 | }
17 |
18 | export default function FloatingImage({
19 | src,
20 | alt,
21 | width,
22 | height,
23 | className = '',
24 | delay = 0,
25 | amplitude = 10,
26 | duration = 6
27 | }: FloatingImageProps) {
28 | const [mounted, setMounted] = useState(false);
29 |
30 | useEffect(() => {
31 | setMounted(true);
32 | }, []);
33 |
34 | if (!mounted) return null;
35 |
36 | return (
37 |
60 |
61 |
69 |
70 | {/* Reflection effect */}
71 |
78 |
79 | );
80 | }
81 |
--------------------------------------------------------------------------------
/src/components/blocks/hero/happy-users.tsx:
--------------------------------------------------------------------------------
1 | import { Avatar, AvatarImage } from "@/components/ui/avatar";
2 |
3 | import { Star } from "lucide-react";
4 |
5 | export default function HappyUsers() {
6 | return (
7 |
8 |
9 | {Array.from({ length: 5 }).map((_, index) => (
10 |
11 |
16 | ))}
17 |
18 |
19 |
20 | {Array.from({ length: 5 }).map((_, index) => (
21 |
27 |
28 | from 99+ happy users
29 |
30 |
31 |
toast.success("Copied")}>
16 | {children}
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/blocks/table/dropdown.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import {
4 | DropdownMenu,
5 | DropdownMenuContent,
6 | DropdownMenuItem,
7 | DropdownMenuRadioGroup,
8 | DropdownMenuRadioItem,
9 | DropdownMenuSeparator,
10 | DropdownMenuShortcut,
11 | DropdownMenuSub,
12 | DropdownMenuSubContent,
13 | DropdownMenuSubTrigger,
14 | DropdownMenuTrigger,
15 | } from "@/components/ui/dropdown-menu";
16 |
17 | import { Button } from "@/components/ui/button";
18 | import Icon from "@/components/icon";
19 | import Link from "next/link";
20 | import { MoreHorizontal } from "lucide-react";
21 | import { NavItem } from "@/types/blocks/base";
22 |
23 | export default function ({ items }: { items: NavItem[] }) {
24 | return (
25 |
26 |
27 |
31 | Open menu
33 |
34 |
35 |
36 | {items.map((item) => {
37 | return (
38 |
39 |
48 | );
49 | })}
50 |
51 |
52 | );
53 | }
54 |
--------------------------------------------------------------------------------
/src/components/blocks/table/index.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Table,
3 | TableBody,
4 | TableCaption,
5 | TableCell,
6 | TableFooter,
7 | TableHead,
8 | TableHeader,
9 | TableRow,
10 | } from "@/components/ui/table";
11 |
12 | import Copy from "./copy";
13 | import { CopyToClipboard } from "react-copy-to-clipboard";
14 | import { TableColumn } from "@/types/blocks/table";
15 |
16 | export default function ({
17 | columns,
18 | data,
19 | empty_message,
20 | }: {
21 | columns?: TableColumn[];
22 | data?: any[];
23 | empty_message?: string;
24 | }) {
25 | if (!columns) {
26 | columns = [];
27 | }
28 |
29 | return (
30 |
31 |
32 |
33 | {columns &&
34 | columns.map((item: TableColumn, idx: number) => {
35 | return (
36 |
37 | {item.title}
38 |
39 | );
40 | })}
41 |
42 |
43 |
44 | {data && data.length > 0 ? (
45 | data.map((item: any, idx: number) => (
46 |
47 | {columns &&
48 | columns.map((column: TableColumn, iidx: number) => {
49 | const content = column.callback
50 | ? column.callback(item)
51 | : item[column.name as keyof typeof item];
52 | const value = item[column.name as keyof typeof item];
53 |
54 | if (column.type === "copy" && value) {
55 | return (
56 |
57 | {content}
58 |
59 | );
60 | }
61 |
62 | return (
63 |
64 | {content}
65 |
66 | );
67 | })}
68 |
69 | ))
70 | ) : (
71 |
72 |
73 |
74 |
{empty_message}
75 |
77 |
78 | )}
79 |
80 |
81 | );
82 | }
83 |
--------------------------------------------------------------------------------
/src/components/blocks/toolbar/index.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from "@/components/ui/button";
2 | import { Button as ButtonType } from "@/types/blocks/base";
3 | import Icon from "@/components/icon";
4 | import Link from "next/link";
5 |
6 | export default function Toolbar({ items }: { items?: ButtonType[] }) {
7 | return (
8 |
9 | {items?.map((item, idx) => (
10 |
16 |
25 | ))}
26 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/src/components/console/layout.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from "react";
2 | import { Sidebar } from "@/types/blocks/sidebar";
3 | import SidebarNav from "@/components/console/sidebar/nav";
4 |
5 | export default async function ConsoleLayout({
6 | children,
7 | sidebar,
8 | }: {
9 | children: ReactNode;
10 | sidebar?: Sidebar;
11 | }) {
12 | return (
13 |
14 |
15 |
16 | {sidebar?.nav?.items && (
17 |
20 | )}
21 |
{children}
22 |
23 |
24 |
28 | {items.map((item, index) => (
29 |
45 | );
46 | }
47 |
--------------------------------------------------------------------------------
/src/components/console/slots/form/index.tsx:
--------------------------------------------------------------------------------
1 | import Crumb from "@/components/blocks/crumb";
2 | import FormBlock from "@/components/blocks/form";
3 | import { Form as FormSlotType } from "@/types/slots/form";
4 | import { Separator } from "@/components/ui/separator";
5 | import Toolbar from "@/components/blocks/toolbar";
6 |
7 | export default function ({ ...form }: FormSlotType) {
8 | return (
9 |
10 | {form.crumb?.items &&
}
11 |
12 |
{form.title}
13 |
{form.description}
14 |
15 | {form.tip && (
16 |
17 | {form.tip.description || form.tip.title}
18 |
19 | )}
20 | {form.toolbar &&
}
21 |
22 |
23 |
9 |
10 |
{table.title}
11 |
{table.description}
12 |
13 | {table.tip && (
14 |
15 | {table.tip.description || table.tip.title}
16 |
17 | )}
18 | {table.toolbar &&
}
19 |
20 |
21 |
19 |
20 |
25 |
26 | {crumb.items.map((item, index) => {
27 | if (item.is_active) {
28 | return (
29 |
30 | {item.title}
31 |
32 | );
33 | }
34 |
35 | return (
36 |
37 |
38 |
45 |
47 | );
48 | })}
49 |
50 |
51 |
52 | )}
53 |
54 |
55 | );
56 | }
57 |
--------------------------------------------------------------------------------
/src/components/dashboard/layout.tsx:
--------------------------------------------------------------------------------
1 | import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
2 |
3 | import { ReactNode } from "react";
4 | import Sidebar from "@/components/dashboard/sidebar";
5 | import { Sidebar as SidebarType } from "@/types/blocks/sidebar";
6 |
7 | export default async function DashboardLayout({
8 | children,
9 | sidebar,
10 | }: {
11 | children: ReactNode;
12 | sidebar?: SidebarType;
13 | }) {
14 | return (
15 |
16 | {sidebar && {children}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/dashboard/sidebar/footer.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
4 |
5 | import Icon from "@/components/icon";
6 | import Link from "next/link";
7 | import { Social as SocialType } from "@/types/blocks/base";
8 |
9 | export default function ({ social }: { social: SocialType }) {
10 | const { open } = useSidebar();
11 |
12 | const handleTabChange = (value: string) => {
13 | console.log(value);
14 | };
15 |
16 | return (
17 | <>
18 | {open ? (
19 |
20 | {social?.items?.map((item, idx: number) => (
21 |
22 |
26 | ))}
27 |
12 |
13 |
14 |
19 |
24 |
26 | {brand?.title}
27 |
28 | {/* {open &&
31 |
32 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/dashboard/sidebar/index.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Sidebar,
3 | SidebarContent,
4 | SidebarFooter,
5 | SidebarHeader,
6 | SidebarRail,
7 | } from "@/components/ui/sidebar";
8 |
9 | import Footer from "./footer";
10 | import Header from "./header";
11 | import Nav from "./nav";
12 | import { Sidebar as SidebarType } from "@/types/blocks/sidebar";
13 | import User from "./user";
14 |
15 | export default function ({ sidebar }: { sidebar: SidebarType }) {
16 | if (sidebar.disabled) {
17 | return null;
18 | }
19 |
20 | return (
21 |
22 | {sidebar?.brand && (
23 |
24 |
25 |
26 | )}
27 |
28 |
29 | {sidebar?.nav &&
32 |
33 |
36 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/src/components/dashboard/slots/form/index.tsx:
--------------------------------------------------------------------------------
1 | import FormBlock from "@/components/blocks/form";
2 | import { Form as FormSlotType } from "@/types/slots/form";
3 | import Header from "@/components/dashboard/header";
4 |
5 | export default function ({ ...form }: FormSlotType) {
6 | return (
7 | <>
8 |
9 |
10 |
{form.title}
11 |
12 |
20 |
11 |
{table.title}
12 | {table.description && (
13 |
14 | {table.description}
15 |
16 | )}
17 | {table.tip && (
18 |
19 | {table.tip.description || table.tip.title}
20 |
21 | )}
22 | {table.toolbar &&
}
23 |
26 |
52 |
53 |
54 | {images.map((image) => (
55 |
56 |
57 |
58 |
63 |
65 |
66 |
67 |
{image.title}
68 |
{image.resolution}
69 |
71 | {image.avatar}
72 |
73 |
74 |
75 | ))}
76 |
77 |
78 |
34 |
37 | {localeNames[locale]}
40 | )}
41 |
42 |
43 | {Object.keys(localeNames).map((key: string) => {
44 | const name = localeNames[key];
45 | return (
46 |
47 | {name}
48 |
49 | );
50 | })}
51 |
52 |
53 | );
54 | }
55 |
--------------------------------------------------------------------------------
/src/components/markdown/index.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import "highlight.js/styles/atom-one-dark.min.css";
4 | import "./markdown.css";
5 |
6 | import MarkdownIt from "markdown-it";
7 | import React from "react";
8 | import hljs from "highlight.js";
9 |
10 | export default function Markdown({ content }: { content: string }) {
11 | const md: MarkdownIt = new MarkdownIt({
12 | highlight: function (str: string, lang: string) {
13 | if (lang && hljs.getLanguage(lang)) {
14 | try {
15 | return `${
16 | hljs.highlight(str, { language: lang, ignoreIllegals: true }).value
17 | }${md.utils.escapeHtml(str)}
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/markdown/markdown.css:
--------------------------------------------------------------------------------
1 | .markdown {
2 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
3 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
4 | sans-serif;
5 | line-height: 1.6;
6 | }
7 |
8 | .markdown h1,
9 | .markdown h2,
10 | .markdown h3,
11 | .markdown h4,
12 | .markdown h5,
13 | .markdown h6 {
14 | margin-top: 24px;
15 | margin-bottom: 16px;
16 | font-weight: 600;
17 | line-height: 1.25;
18 | }
19 |
20 | .markdown h1 {
21 | font-size: 2em;
22 | }
23 | .markdown h2 {
24 | font-size: 1.5em;
25 | }
26 | .markdown h3 {
27 | font-size: 1.25em;
28 | }
29 |
30 | .markdown p {
31 | margin-bottom: 16px;
32 | }
33 |
34 | .markdown a {
35 | color: #3182ce;
36 | text-decoration: none;
37 | }
38 |
39 | .markdown a:hover {
40 | text-decoration: underline;
41 | }
42 |
43 | .markdown pre {
44 | margin-bottom: 16px;
45 | padding: 16px;
46 | overflow: auto;
47 | font-size: 85%;
48 | line-height: 1.45;
49 | /* background-color: #1f2937; */
50 | border-radius: 6px;
51 | }
52 |
53 | .markdown code {
54 | font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
55 | font-size: 85%;
56 | }
57 |
58 | .markdown ul,
59 | .markdown ol {
60 | padding-left: 1em;
61 | margin-bottom: 16px;
62 | list-style-type: square;
63 | }
64 |
65 | .markdown img {
66 | max-width: 100%;
67 | box-sizing: border-box;
68 | }
69 |
--------------------------------------------------------------------------------
/src/components/sign/sign_in.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Button } from "@/components/ui/button";
4 | import { useAppContext } from "@/contexts/app";
5 | import { useTranslations } from "next-intl";
6 |
7 | export default function SignIn() {
8 | const t = useTranslations();
9 | const { setShowSignModal } = useAppContext();
10 |
11 | return (
12 | setShowSignModal(true)}
16 | >
17 | {t("user.sign_in")}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/sign/toggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import SignIn from "./sign_in";
4 | import User from "./user";
5 | import { useAppContext } from "@/contexts/app";
6 | import { useTranslations } from "next-intl";
7 |
8 | export default function SignToggle() {
9 | const t = useTranslations();
10 | const { user } = useAppContext();
11 |
12 | return (
13 |
14 | {user ?
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/components/sign/user.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 |
5 | import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
6 | import {
7 | DropdownMenu,
8 | DropdownMenuCheckboxItem,
9 | DropdownMenuContent,
10 | DropdownMenuItem,
11 | DropdownMenuLabel,
12 | DropdownMenuSeparator,
13 | DropdownMenuTrigger,
14 | } from "@/components/ui/dropdown-menu";
15 |
16 | import Link from "next/link";
17 | import { User } from "@/types/user";
18 | import { signOut } from "next-auth/react";
19 | import { useTranslations } from "next-intl";
20 |
21 | export default function ({ user }: { user: User }) {
22 | const t = useTranslations();
23 |
24 | return (
25 |
26 |
27 |
28 | {user.nickname}
30 |
31 |
32 |
33 |
34 | {user.nickname}
35 |
36 |
39 |
41 |
44 |
46 |
49 |
51 | signOut()}
56 | >
57 | {t("user.sign_out")}
58 |
59 |
60 |
61 | );
62 | }
63 |
--------------------------------------------------------------------------------
/src/components/theme-toggle.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { Moon, Sun } from "lucide-react";
5 | import { useTheme } from "next-themes";
6 |
7 | import { Button } from "@/components/ui/button";
8 | import {
9 | DropdownMenu,
10 | DropdownMenuContent,
11 | DropdownMenuItem,
12 | DropdownMenuTrigger,
13 | } from "@/components/ui/dropdown-menu";
14 |
15 | /**
16 | * 主题切换按钮组件
17 | * 允许用户在明亮模式和黑暗模式之间切换
18 | */
19 | export function ThemeToggle() {
20 | const { setTheme, theme } = useTheme();
21 |
22 | return (
23 |
24 |
25 |
30 | Toggle theme
33 |
34 |
35 |
36 | setTheme("light")}
38 | className="focus:bg-primary focus:text-primary-foreground dark:focus:bg-accent dark:focus:text-accent-foreground"
39 | >
40 | Light
41 |
42 | setTheme("dark")}
44 | className="focus:bg-primary focus:text-primary-foreground dark:focus:bg-accent dark:focus:text-accent-foreground"
45 | >
46 | Dark
47 |
48 | setTheme("system")}
50 | className="focus:bg-primary focus:text-primary-foreground dark:focus:bg-accent dark:focus:text-accent-foreground"
51 | >
52 | System
53 |
54 |
55 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/src/components/ui/accordion.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as AccordionPrimitive from "@radix-ui/react-accordion"
5 | import { ChevronDown } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | const Accordion = AccordionPrimitive.Root
10 |
11 | const AccordionItem = React.forwardRef<
12 | React.ElementRef,
13 | React.ComponentPropsWithoutRef
14 | >(({ className, ...props }, ref) => (
15 | ,
25 | React.ComponentPropsWithoutRef
26 | >(({ className, children, ...props }, ref) => (
27 |
28 | svg]:rotate-180",
32 | className
33 | )}
34 | {...props}
35 | >
36 | {children}
37 |
39 |
40 | ))
41 | AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
42 |
43 | const AccordionContent = React.forwardRef<
44 | React.ElementRef,
45 | React.ComponentPropsWithoutRef
46 | >(({ className, children, ...props }, ref) => (
47 |
52 | {children}
53 |
54 | ))
55 |
56 | AccordionContent.displayName = AccordionPrimitive.Content.displayName
57 |
58 | export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
59 |
--------------------------------------------------------------------------------
/src/components/ui/alert.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { cva, type VariantProps } from "class-variance-authority"
3 |
4 | import { cn } from "@/lib/utils"
5 |
6 | const alertVariants = cva(
7 | "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
8 | {
9 | variants: {
10 | variant: {
11 | default: "bg-background text-foreground",
12 | destructive:
13 | "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
14 | },
15 | },
16 | defaultVariants: {
17 | variant: "default",
18 | },
19 | }
20 | )
21 |
22 | const Alert = React.forwardRef<
23 | HTMLDivElement,
24 | React.HTMLAttributes & VariantProps
25 | >(({ className, variant, ...props }, ref) => (
26 |
32 | ))
33 | Alert.displayName = "Alert"
34 |
35 | const AlertTitle = React.forwardRef<
36 | HTMLParagraphElement,
37 | React.HTMLAttributes
38 | >(({ className, ...props }, ref) => (
39 |
50 | >(({ className, ...props }, ref) => (
51 |
56 | ))
57 | AlertDescription.displayName = "AlertDescription"
58 |
59 | export { Alert, AlertTitle, AlertDescription }
60 |
--------------------------------------------------------------------------------
/src/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as AvatarPrimitive from "@radix-ui/react-avatar"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Avatar = React.forwardRef<
9 | React.ElementRef,
10 | React.ComponentPropsWithoutRef
11 | >(({ className, ...props }, ref) => (
12 | ,
25 | React.ComponentPropsWithoutRef
26 | >(({ className, ...props }, ref) => (
27 | ,
37 | React.ComponentPropsWithoutRef
38 | >(({ className, ...props }, ref) => (
39 | ,
28 | VariantProps {}
29 |
30 | function Badge({ className, variant, ...props }: BadgeProps) {
31 | return (
32 |
33 | )
34 | }
35 |
36 | export { Badge, badgeVariants }
37 |
--------------------------------------------------------------------------------
/src/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 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
9 | {
10 | variants: {
11 | variant: {
12 | default: "bg-primary text-primary-foreground hover:bg-primary/90",
13 | destructive:
14 | "bg-destructive text-destructive-foreground hover:bg-destructive/90",
15 | outline:
16 | "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
17 | secondary:
18 | "bg-secondary text-secondary-foreground hover:bg-secondary/80",
19 | ghost: "hover:bg-accent hover:text-accent-foreground",
20 | link: "text-primary underline-offset-4 hover:underline",
21 | },
22 | size: {
23 | default: "h-10 px-4 py-2",
24 | sm: "h-9 rounded-md px-3",
25 | lg: "h-11 rounded-md px-8",
26 | icon: "h-10 w-10",
27 | },
28 | },
29 | defaultVariants: {
30 | variant: "default",
31 | size: "default",
32 | },
33 | }
34 | )
35 |
36 | export interface ButtonProps
37 | extends React.ButtonHTMLAttributes,
38 | VariantProps {
39 | asChild?: boolean
40 | }
41 |
42 | const Button = React.forwardRef(
43 | ({ className, variant, size, asChild = false, ...props }, ref) => {
44 | const Comp = asChild ? Slot : "button"
45 | return (
46 |
8 | >(({ className, ...props }, ref) => (
9 |
17 | ))
18 | Card.displayName = "Card"
19 |
20 | const CardHeader = React.forwardRef<
21 | HTMLDivElement,
22 | React.HTMLAttributes
23 | >(({ className, ...props }, ref) => (
24 |
29 | ))
30 | CardHeader.displayName = "CardHeader"
31 |
32 | const CardTitle = React.forwardRef<
33 | HTMLDivElement,
34 | React.HTMLAttributes
35 | >(({ className, ...props }, ref) => (
36 |
44 | ))
45 | CardTitle.displayName = "CardTitle"
46 |
47 | const CardDescription = React.forwardRef<
48 | HTMLDivElement,
49 | React.HTMLAttributes
50 | >(({ className, ...props }, ref) => (
51 |
56 | ))
57 | CardDescription.displayName = "CardDescription"
58 |
59 | const CardContent = React.forwardRef<
60 | HTMLDivElement,
61 | React.HTMLAttributes
62 | >(({ className, ...props }, ref) => (
63 |
64 | ))
65 | CardContent.displayName = "CardContent"
66 |
67 | const CardFooter = React.forwardRef<
68 | HTMLDivElement,
69 | React.HTMLAttributes
70 | >(({ className, ...props }, ref) => (
71 |
76 | ))
77 | CardFooter.displayName = "CardFooter"
78 |
79 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
80 |
--------------------------------------------------------------------------------
/src/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
4 |
5 | const Collapsible = CollapsiblePrimitive.Root
6 |
7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
8 |
9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
10 |
11 | export { Collapsible, CollapsibleTrigger, CollapsibleContent }
12 |
--------------------------------------------------------------------------------
/src/components/ui/icon.tsx:
--------------------------------------------------------------------------------
1 | import { icons } from "lucide-react";
2 |
3 | export const Icon = ({
4 | name,
5 | color,
6 | size,
7 | className,
8 | }: {
9 | name: keyof typeof icons;
10 | color: string;
11 | size: number;
12 | className?: string;
13 | }) => {
14 | const LucideIcon = icons[name as keyof typeof icons];
15 |
16 | return >(
6 | ({ className, type, ...props }, ref) => {
7 | return (
8 | ,
15 | React.ComponentPropsWithoutRef &
16 | VariantProps
17 | >(({ className, ...props }, ref) => (
18 |
64 | {children}
65 |
66 | );
67 | };
68 |
69 | export const SlideUp = ({
70 | children,
71 | delay = 0,
72 | duration = 0.5,
73 | ...props
74 | }: AnimationProps) => {
75 | return (
76 |
83 | {children}
84 |
85 | );
86 | };
87 |
88 | export const ScaleIn = ({
89 | children,
90 | delay = 0,
91 | duration = 0.5,
92 | ...props
93 | }: AnimationProps) => {
94 | return (
95 |
102 | {children}
103 |
104 | );
105 | };
106 |
--------------------------------------------------------------------------------
/src/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
5 | import { Circle } from "lucide-react"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | const RadioGroup = React.forwardRef<
10 | React.ElementRef,
11 | React.ComponentPropsWithoutRef
12 | >(({ className, ...props }, ref) => {
13 | return (
14 | ,
25 | React.ComponentPropsWithoutRef
26 | >(({ className, ...props }, ref) => {
27 | return (
28 |
36 |
37 |
39 |
40 | )
41 | })
42 | RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
43 |
44 | export { RadioGroup, RadioGroupItem }
45 |
--------------------------------------------------------------------------------
/src/components/ui/separator.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as SeparatorPrimitive from "@radix-ui/react-separator"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Separator = React.forwardRef<
9 | React.ElementRef,
10 | React.ComponentPropsWithoutRef
11 | >(
12 | (
13 | { className, orientation = "horizontal", decorative = true, ...props },
14 | ref
15 | ) => (
16 |
11 | });
12 |
13 | export const SharedBackground = () => {
14 | const [mounted, setMounted] = useState(false);
15 |
16 | useEffect(() => {
17 | setMounted(true);
18 | }, []);
19 |
20 | return (
21 |
22 | {/* 主要背景颜色和渐变 */}
23 |
30 |
31 | {/* 粒子背景 */}
32 | {mounted &&
}
33 |
34 | {/* 网格背景 */}
35 |
36 |
37 | {/* 装饰性光效 */}
38 |
39 |
40 |
41 | {/* 添加全局样式 */}
42 | {mounted && (
43 |
66 | )}
67 |
) {
7 | return (
8 |
12 | )
13 | }
14 |
15 | export { Skeleton }
16 |
--------------------------------------------------------------------------------
/src/components/ui/sonner.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import { useTheme } from "next-themes"
4 | import { Toaster as Sonner } from "sonner"
5 |
6 | type ToasterProps = React.ComponentProps
7 |
8 | const Toaster = ({ ...props }: ToasterProps) => {
9 | const { theme = "system" } = useTheme()
10 |
11 | return (
12 | ,
10 | React.ComponentPropsWithoutRef
11 | >(({ className, ...props }, ref) => (
12 |
20 |
26 | ))
27 | Switch.displayName = SwitchPrimitives.Root.displayName
28 |
29 | export { Switch }
30 |
--------------------------------------------------------------------------------
/src/components/ui/tabs.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as TabsPrimitive from "@radix-ui/react-tabs"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Tabs = TabsPrimitive.Root
9 |
10 | const TabsList = React.forwardRef<
11 | React.ElementRef,
12 | React.ComponentPropsWithoutRef
13 | >(({ className, ...props }, ref) => (
14 | ,
27 | React.ComponentPropsWithoutRef
28 | >(({ className, ...props }, ref) => (
29 | ,
42 | React.ComponentPropsWithoutRef
43 | >(({ className, ...props }, ref) => (
44 | ,
16 | React.ComponentPropsWithoutRef
17 | >(({ className, sideOffset = 4, ...props }, ref) => (
18 | ("dark");
32 | const [showSignModal, setShowSignModal] = useState(false);
33 | const [user, setUser] = useState(null);
34 |
35 | useEffect(() => {
36 | if (session && session.user) {
37 | setUser(session.user);
38 | }
39 | }, [session]);
40 |
41 | return (
42 |
52 | {children}
53 |
54 | );
55 | };
56 |
--------------------------------------------------------------------------------
/src/contexts/theme.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { ReactNode } from "react";
4 | import { ThemeProvider as NextThemesProvider } from "next-themes";
5 | import type { ThemeProviderProps } from "next-themes";
6 |
7 | /**
8 | * 主题提供者组件
9 | * 提供应用的主题管理功能，使用next-themes实现
10 | * 支持明亮和黑暗模式切换
11 | */
12 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
13 | return (
14 |
15 | {children}
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/data/install.sql:
--------------------------------------------------------------------------------
1 | CREATE TABLE users (
2 | id SERIAL PRIMARY KEY,
3 | uuid VARCHAR(255) UNIQUE NOT NULL,
4 | email VARCHAR(255) NOT NULL,
5 | created_at timestamptz,
6 | nickname VARCHAR(255),
7 | avatar_url VARCHAR(255),
8 | locale VARCHAR(50),
9 | signin_type VARCHAR(50),
10 | signin_ip VARCHAR(255),
11 | signin_provider VARCHAR(50),
12 | signin_openid VARCHAR(255),
13 | UNIQUE (email, signin_provider)
14 | );
15 |
16 | CREATE TABLE orders (
17 | id SERIAL PRIMARY KEY,
18 | order_no VARCHAR(255) UNIQUE NOT NULL,
19 | created_at timestamptz,
20 | user_uuid VARCHAR(255) NOT NULL DEFAULT '',
21 | user_email VARCHAR(255) NOT NULL DEFAULT '',
22 | amount INT NOT NULL,
23 | interval VARCHAR(50),
24 | expired_at timestamptz,
25 | status VARCHAR(50) NOT NULL,
26 | stripe_session_id VARCHAR(255),
27 | credits INT NOT NULL,
28 | currency VARCHAR(50),
29 | sub_id VARCHAR(255),
30 | sub_interval_count int,
31 | sub_cycle_anchor int,
32 | sub_period_end int,
33 | sub_period_start int,
34 | sub_times int,
35 | product_id VARCHAR(255),
36 | product_name VARCHAR(255),
37 | valid_months int,
38 | order_detail TEXT,
39 | paid_at timestamptz,
40 | paid_email VARCHAR(255),
41 | paid_detail TEXT
42 | );
43 |
44 |
45 | CREATE TABLE apikeys (
46 | id SERIAL PRIMARY KEY,
47 | api_key VARCHAR(255) UNIQUE NOT NULL,
48 | title VARCHAR(100),
49 | user_uuid VARCHAR(255) NOT NULL,
50 | created_at timestamptz,
51 | status VARCHAR(50)
52 | );
53 |
54 | CREATE TABLE credits (
55 | id SERIAL PRIMARY KEY,
56 | trans_no VARCHAR(255) UNIQUE NOT NULL,
57 | created_at timestamptz,
58 | user_uuid VARCHAR(255) NOT NULL,
59 | trans_type VARCHAR(50) NOT NULL,
60 | credits INT NOT NULL,
61 | order_no VARCHAR(255),
62 | expired_at timestamptz
63 | );
64 |
65 | CREATE TABLE posts (
66 | id SERIAL PRIMARY KEY,
67 | uuid VARCHAR(255) UNIQUE NOT NULL,
68 | slug VARCHAR(255),
69 | title VARCHAR(255),
70 | description TEXT,
71 | content TEXT,
72 | created_at timestamptz,
73 | updated_at timestamptz,
74 | status VARCHAR(50),
75 | cover_url VARCHAR(255),
76 | author_name VARCHAR(255),
77 | author_avatar_url VARCHAR(255),
78 | locale VARCHAR(50)
79 | );
--------------------------------------------------------------------------------
/src/hooks/use-mobile.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | const MOBILE_BREAKPOINT = 768
4 |
5 | export function useIsMobile() {
6 | const [isMobile, setIsMobile] = React.useState(undefined)
7 |
8 | React.useEffect(() => {
9 | const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
10 | const onChange = () => {
11 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
12 | }
13 | mql.addEventListener("change", onChange)
14 | setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
15 | return () => mql.removeEventListener("change", onChange)
16 | }, [])
17 |
18 | return !!isMobile
19 | }
20 |
--------------------------------------------------------------------------------
/src/hooks/useMediaQuery.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | export function useMediaQuery(query: string): boolean {
4 | const [matches, setMatches] = useState(false);
5 |
6 | useEffect(() => {
7 | const mediaQuery = window.matchMedia(query);
8 |
9 | // Initial check
10 | setMatches(mediaQuery.matches);
11 |
12 | // Create a callback function to handle changes
13 | const handleChange = (event: MediaQueryListEvent) => {
14 | setMatches(event.matches);
15 | };
16 |
17 | // Add the listener
18 | mediaQuery.addEventListener("change", handleChange);
19 |
20 | // Clean up
21 | return () => {
22 | mediaQuery.removeEventListener("change", handleChange);
23 | };
24 | }, [query]);
25 |
26 | return matches;
27 | }
28 |
--------------------------------------------------------------------------------
/src/hooks/useOneTapLogin.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import googleOneTap from "google-one-tap";
4 | import { signIn } from "next-auth/react";
5 | import { useEffect } from "react";
6 | import { useSession } from "next-auth/react";
7 |
8 | export default function () {
9 | const { data: session, status } = useSession();
10 |
11 | const oneTapLogin = async function () {
12 | const options = {
13 | client_id: process.env.NEXT_PUBLIC_AUTH_GOOGLE_ID,
14 | auto_select: false,
15 | cancel_on_tap_outside: false,
16 | context: "signin",
17 | };
18 |
19 | // console.log("onetap login trigger", options);
20 |
21 | googleOneTap(options, (response: any) => {
22 | console.log("onetap login ok", response);
23 | handleLogin(response.credential);
24 | });
25 | };
26 |
27 | const handleLogin = async function (credentials: string) {
28 | const res = await signIn("google-one-tap", {
29 | credential: credentials,
30 | redirect: false,
31 | });
32 | console.log("signIn ok", res);
33 | };
34 |
35 | useEffect(() => {
36 | // console.log("one tap login status", status, session);
37 |
38 | if (status === "unauthenticated") {
39 | oneTapLogin();
40 |
41 | const intervalId = setInterval(() => {
42 | oneTapLogin();
43 | }, 3000);
44 |
45 | return () => {
46 | clearInterval(intervalId);
47 | };
48 | }
49 | }, [status]);
50 |
51 | return <>;
52 | }
53 |
--------------------------------------------------------------------------------
/src/i18n.ts:
--------------------------------------------------------------------------------
1 | import { getRequestConfig } from 'next-intl/server';
2 |
3 | export default getRequestConfig(async ({ locale }: { locale: string }) => {
4 | // 加载当前语言的消息
5 | const messages = (await import(`./i18n/messages/${locale}.json`)).default;
6 |
7 | return {
8 | messages,
9 | };
10 | });
11 |
--------------------------------------------------------------------------------
/src/i18n/locale.ts:
--------------------------------------------------------------------------------
1 | import { Pathnames } from "next-intl/routing";
2 |
3 | export const locales = ["en", "zh"];
4 |
5 | export const localeNames: any = {
6 | en: "English",
7 | zh: "中文",
8 | };
9 |
10 | export const defaultLocale = "en";
11 |
12 | export const localePrefix = "as-needed";
13 |
14 | export const localeDetection =
15 | process.env.NEXT_PUBLIC_LOCALE_DETECTION === "true";
16 |
17 | export const pathnames = {
18 | en: {
19 | "privacy-policy": "/privacy-policy",
20 | "terms-of-service": "/terms-of-service",
21 | },
22 | } satisfies Pathnames;
23 |
--------------------------------------------------------------------------------
/src/i18n/request.ts:
--------------------------------------------------------------------------------
1 | import { getRequestConfig } from "next-intl/server";
2 | import { routing } from "./routing";
3 |
4 | export default getRequestConfig(async ({ requestLocale }) => {
5 | let locale = await requestLocale;
6 | if (!locale || !routing.locales.includes(locale as any)) {
7 | locale = routing.defaultLocale;
8 | }
9 |
10 | if (["zh-CN"].includes(locale)) {
11 | locale = "zh";
12 | }
13 |
14 | if (!routing.locales.includes(locale as any)) {
15 | locale = "en";
16 | }
17 |
18 | try {
19 | const messages = (await import(`./messages/${locale.toLowerCase()}.json`))
20 | .default;
21 | return {
22 | locale: locale,
23 | messages: messages,
24 | };
25 | } catch (e) {
26 | return {
27 | locale: "en",
28 | messages: (await import(`./messages/en.json`)).default,
29 | };
30 | }
31 | });
32 |
--------------------------------------------------------------------------------
/src/i18n/routing.ts:
--------------------------------------------------------------------------------
1 | import {
2 | defaultLocale,
3 | localeDetection,
4 | localePrefix,
5 | locales,
6 | pathnames,
7 | } from "./locale";
8 |
9 | import { createSharedPathnamesNavigation } from "next-intl/navigation";
10 | import { defineRouting } from "next-intl/routing";
11 |
12 | export const routing = defineRouting({
13 | locales,
14 | defaultLocale,
15 | localePrefix,
16 | pathnames,
17 | localeDetection,
18 | });
19 |
20 | export const { Link, redirect, usePathname, useRouter } =
21 | createSharedPathnamesNavigation(routing);
22 |
--------------------------------------------------------------------------------
/src/i18n/utils.ts:
--------------------------------------------------------------------------------
1 | import { getTranslations as getNextIntlTranslations } from 'next-intl/server';
2 |
3 | /**
4 | * 获取翻译函数，用于服务器端API路由
5 | * @param locale 语言代码
6 | * @returns 翻译函数
7 | */
8 | export async function getTranslations(locale: string) {
9 | // 默认使用英文
10 | const finalLocale = locale || 'en';
11 |
12 | // 获取翻译函数
13 | const messages = await import(`./messages/${finalLocale}.json`);
14 |
15 | // 简单包装翻译函数，处理无翻译键的情况
16 | return function translate(key: string, params?: Record) {
17 | try {
18 | // 分割键路径
19 | const parts = key.split('.');
20 | let current: any = messages;
21 |
22 | // 遍历路径查找翻译
23 | for (const part of parts) {
24 | if (current[part] === undefined) {
25 | // 如果翻译不存在，返回键名
26 | console.warn(`Translation key not found: ${key}`);
27 | return key;
28 | }
29 | current = current[part];
30 | }
31 |
32 | // 如果有参数，进行简单替换
33 | if (params && typeof current === 'string') {
34 | return Object.entries(params).reduce((result, [key, value]) => {
35 | return result.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), String(value));
36 | }, current);
37 | }
38 |
39 | return current;
40 | } catch (error) {
41 | console.error(`Error in translation for key: ${key}`, error);
42 | return key;
43 | }
44 | };
45 | }
46 |
--------------------------------------------------------------------------------
/src/lib/cache.ts:
--------------------------------------------------------------------------------
1 | import { getTimestamp } from "./time";
2 |
3 | // get data from cache
4 | export const cacheGet = (key: string): string | null => {
5 | let valueWithExpires = localStorage.getItem(key);
6 | if (!valueWithExpires) {
7 | return null;
8 | }
9 |
10 | let valueArr = valueWithExpires.split(":");
11 | if (!valueArr || valueArr.length < 2) {
12 | return null;
13 | }
14 |
15 | const expiresAt = Number(valueArr[0]);
16 | const currTimestamp = getTimestamp();
17 |
18 | if (expiresAt !== -1 && expiresAt < currTimestamp) {
19 | // value expired
20 | cacheRemove(key);
21 |
22 | return null;
23 | }
24 |
25 | const searchStr = valueArr[0] + ":";
26 | const value = valueWithExpires.replace(searchStr, "");
27 |
28 | return value;
29 | };
30 |
31 | // set data to cache
32 | // expiresAt: absolute timestamp, -1 means no expire
33 | export const cacheSet = (key: string, value: string, expiresAt: number) => {
34 | const valueWithExpires = expiresAt + ":" + value;
35 |
36 | localStorage.setItem(key, valueWithExpires);
37 | };
38 |
39 | // remove data from cache
40 | export const cacheRemove = (key: string) => {
41 | localStorage.removeItem(key);
42 | };
43 |
44 | // clear all datas from cache
45 | export const cacheClear = () => {
46 | localStorage.clear();
47 | };
48 |
--------------------------------------------------------------------------------
/src/lib/hash.ts:
--------------------------------------------------------------------------------
1 | import { SnowflakeIdv1 } from "simple-flakeid";
2 | import { v4 as uuidv4 } from "uuid";
3 |
4 | export function getUuid(): string {
5 | return uuidv4();
6 | }
7 |
8 | export function getUniSeq(prefix: string = ""): string {
9 | const timestamp = Date.now().toString(36);
10 | const randomPart = Math.random().toString(36).substring(2, 8);
11 |
12 | return `${prefix}${randomPart}${timestamp}`;
13 | }
14 |
15 | export function getNonceStr(length: number): string {
16 | const characters =
17 | "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
18 | let result = "";
19 | const charactersLength = characters.length;
20 |
21 | for (let i = 0; i < length; i++) {
22 | const randomIndex = Math.floor(Math.random() * charactersLength);
23 | result += characters[randomIndex];
24 | }
25 |
26 | return result;
27 | }
28 |
29 | export function getSnowId(): string {
30 | const gen = new SnowflakeIdv1({ workerId: 1 });
31 | const snowId = gen.NextId();
32 |
33 | return snowId.toString();
34 | }
35 |
--------------------------------------------------------------------------------
/src/lib/ip.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { headers } from "next/headers";
4 |
5 | export async function getClientIp() {
6 | const h = headers();
7 |
8 | const ip =
9 | h.get("cf-connecting-ip") || // Cloudflare IP
10 | h.get("x-real-ip") || // Vercel or other reverse proxies
11 | (h.get("x-forwarded-for") || "127.0.0.1").split(",")[0]; // Standard header
12 |
13 | return ip;
14 | }
15 |
--------------------------------------------------------------------------------
/src/lib/resp.ts:
--------------------------------------------------------------------------------
1 | import { getTranslations } from 'next-intl/server';
2 |
3 | // 响应状态码常量
4 | const RESPONSE_STATUS = {
5 | SUCCESS: 0,
6 | ERROR: 1
7 | };
8 |
9 | export const respData = (data: T) => {
10 | return Response.json({ code: RESPONSE_STATUS.SUCCESS, data });
11 | };
12 |
13 | export const respOk = () => {
14 | return Response.json({ code: RESPONSE_STATUS.SUCCESS, message: "ok" });
15 | };
16 |
17 | export async function respErr(messageKey: string, locale: string = 'en') {
18 | try {
19 | // 尝试获取翻译
20 | const t = await getTranslations({ locale, namespace: 'api.errors' });
21 | const translatedMessage = t(messageKey, { fallback: messageKey });
22 |
23 | return Response.json({ code: RESPONSE_STATUS.ERROR, message: translatedMessage });
24 | } catch (error) {
25 | // 如果翻译失败，返回原始消息
26 | console.error('Translation error:', error);
27 | return Response.json({ code: RESPONSE_STATUS.ERROR, message: messageKey });
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/lib/time.ts:
--------------------------------------------------------------------------------
1 | export function getIsoTimestr(): string {
2 | return new Date().toISOString();
3 | }
4 |
5 | export const getTimestamp = () => {
6 | let time = Date.parse(new Date().toUTCString());
7 |
8 | return time / 1000;
9 | };
10 |
11 | export const getMillisecond = () => {
12 | let time = new Date().getTime();
13 |
14 | return time;
15 | };
16 |
17 | export const getOneYearLaterTimestr = () => {
18 | const currentDate = new Date();
19 | const oneYearLater = new Date(currentDate);
20 | oneYearLater.setFullYear(currentDate.getFullYear() + 1);
21 |
22 | return oneYearLater.toISOString();
23 | };
24 |
--------------------------------------------------------------------------------
/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from "clsx";
2 | import { twMerge } from "tailwind-merge";
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs));
6 | }
7 |
--------------------------------------------------------------------------------
/src/mdx-components.tsx:
--------------------------------------------------------------------------------
1 | import type { MDXComponents } from "mdx/types";
2 |
3 | export function useMDXComponents(components: MDXComponents): MDXComponents {
4 | return {
5 | ...components,
6 | };
7 | }
8 |
--------------------------------------------------------------------------------
/src/middleware.ts:
--------------------------------------------------------------------------------
1 | import createMiddleware from "next-intl/middleware";
2 |
3 | // 简化路由配置，减少可能的错误
4 | export default createMiddleware({
5 | locales: ["en", "zh"],
6 | defaultLocale: "en",
7 | localePrefix: "as-needed"
8 | });
9 |
10 | export const config = {
11 | matcher: [
12 | "/",
13 | "/(en|zh)/:path*",
14 | "/((?!privacy-policy|terms-of-service|api|_next|_vercel|.*\\..*).*)",
15 | ],
16 | };
17 |
--------------------------------------------------------------------------------
/src/models/apikey.ts:
--------------------------------------------------------------------------------
1 | import { Apikey } from "@/types/apikey";
2 | import { getSupabaseClient } from "@/models/db";
3 |
4 | export enum ApikeyStatus {
5 | Created = "created",
6 | Deleted = "deleted",
7 | }
8 |
9 | export async function insertApikey(apikey: Apikey) {
10 | const supabase = getSupabaseClient();
11 | const { data, error } = await supabase.from("apikeys").insert(apikey);
12 |
13 | if (error) throw error;
14 |
15 | return data;
16 | }
17 |
18 | export async function getUserApikeys(
19 | user_uuid: string,
20 | page: number = 1,
21 | limit: number = 50
22 | ): Promise {
23 | const offset = (page - 1) * limit;
24 |
25 | const supabase = getSupabaseClient();
26 | const { data, error } = await supabase
27 | .from("apikeys")
28 | .select("*")
29 | .eq("user_uuid", user_uuid)
30 | .neq("status", ApikeyStatus.Deleted)
31 | .order("created_at", { ascending: false })
32 | .range(offset, offset + limit - 1);
33 |
34 | if (error) {
35 | return undefined;
36 | }
37 |
38 | return data;
39 | }
40 |
41 | export async function getUserUuidByApiKey(
42 | apiKey: string
43 | ): Promise {
44 | const supabase = getSupabaseClient();
45 | const { data, error } = await supabase
46 | .from("apikeys")
47 | .select("user_uuid")
48 | .eq("api_key", apiKey)
49 | .eq("status", ApikeyStatus.Created)
50 | .limit(1)
51 | .single();
52 |
53 | if (error) {
54 | return undefined;
55 | }
56 |
57 | return data?.user_uuid;
58 | }
59 |
--------------------------------------------------------------------------------
/src/models/credit.ts:
--------------------------------------------------------------------------------
1 | import { Credit } from "@/types/credit";
2 | import { getSupabaseClient } from "@/models/db";
3 |
4 | export async function insertCredit(credit: Credit) {
5 | const supabase = getSupabaseClient();
6 | const { data, error } = await supabase.from("credits").insert(credit);
7 |
8 | if (error) {
9 | throw error;
10 | }
11 |
12 | return data;
13 | }
14 |
15 | export async function findCreditByTransNo(
16 | trans_no: string
17 | ): Promise {
18 | const supabase = getSupabaseClient();
19 | const { data, error } = await supabase
20 | .from("credits")
21 | .select("*")
22 | .eq("trans_no", trans_no)
23 | .limit(1)
24 | .single();
25 |
26 | if (error) {
27 | return undefined;
28 | }
29 |
30 | return data;
31 | }
32 |
33 | export async function getUserValidCredits(
34 | user_uuid: string
35 | ): Promise {
36 | const now = new Date().toISOString();
37 | const supabase = getSupabaseClient();
38 | const { data, error } = await supabase
39 | .from("credits")
40 | .select("*")
41 | .eq("user_uuid", user_uuid)
42 | .gte("expired_at", now)
43 | .order("expired_at", { ascending: true });
44 |
45 | if (error) {
46 | return undefined;
47 | }
48 |
49 | return data;
50 | }
51 |
52 | export async function getCreditsByUserUuid(
53 | user_uuid: string,
54 | page: number = 1,
55 | limit: number = 50
56 | ): Promise {
57 | const supabase = getSupabaseClient();
58 | const { data, error } = await supabase
59 | .from("credits")
60 | .select("*")
61 | .eq("user_uuid", user_uuid)
62 | .order("created_at", { ascending: false })
63 | .range((page - 1) * limit, page * limit - 1);
64 |
65 | if (error) {
66 | return undefined;
67 | }
68 |
69 | return data;
70 | }
71 |
--------------------------------------------------------------------------------
/src/models/db.ts:
--------------------------------------------------------------------------------
1 | import { createClient } from "@supabase/supabase-js";
2 |
3 | export function getSupabaseClient() {
4 | const supabaseUrl = process.env.SUPABASE_URL || "";
5 |
6 | let supabaseKey = process.env.SUPABASE_ANON_KEY || "";
7 | if (process.env.SUPABASE_SERVICE_ROLE_KEY) {
8 | supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY;
9 | }
10 |
11 | if (!supabaseUrl || !supabaseKey) {
12 | throw new Error("Supabase URL or key is not set");
13 | }
14 |
15 | const client = createClient(supabaseUrl, supabaseKey);
16 |
17 | return client;
18 | }
19 |
--------------------------------------------------------------------------------
/src/models/post.ts:
--------------------------------------------------------------------------------
1 | import { Post } from "@/types/post";
2 | import { getSupabaseClient } from "./db";
3 |
4 | export enum PostStatus {
5 | Created = "created",
6 | Deleted = "deleted",
7 | Online = "online",
8 | Offline = "offline",
9 | }
10 |
11 | export async function insertPost(post: Post) {
12 | const supabase = getSupabaseClient();
13 | const { data, error } = await supabase.from("posts").insert(post);
14 |
15 | if (error) {
16 | throw error;
17 | }
18 |
19 | return data;
20 | }
21 |
22 | export async function updatePost(uuid: string, post: Partial) {
23 | const supabase = getSupabaseClient();
24 | const { data, error } = await supabase
25 | .from("posts")
26 | .update(post)
27 | .eq("uuid", uuid);
28 |
29 | if (error) {
30 | throw error;
31 | }
32 |
33 | return data;
34 | }
35 |
36 | export async function findPostByUuid(uuid: string): Promise {
37 | const supabase = getSupabaseClient();
38 | const { data, error } = await supabase
39 | .from("posts")
40 | .select("*")
41 | .eq("uuid", uuid)
42 | .limit(1)
43 | .single();
44 |
45 | if (error) {
46 | return undefined;
47 | }
48 |
49 | return data;
50 | }
51 |
52 | export async function findPostBySlug(
53 | slug: string,
54 | locale: string
55 | ): Promise {
56 | const supabase = getSupabaseClient();
57 | const { data, error } = await supabase
58 | .from("posts")
59 | .select("*")
60 | .eq("slug", slug)
61 | .eq("locale", locale)
62 | .limit(1)
63 | .single();
64 |
65 | if (error) {
66 | return undefined;
67 | }
68 |
69 | return data;
70 | }
71 |
72 | export async function getAllPosts(
73 | page: number = 1,
74 | limit: number = 50
75 | ): Promise {
76 | const supabase = getSupabaseClient();
77 | const { data, error } = await supabase
78 | .from("posts")
79 | .select("*")
80 | .order("created_at", { ascending: false })
81 | .range((page - 1) * limit, page * limit - 1);
82 |
83 | if (error) {
84 | return [];
85 | }
86 |
87 | return data;
88 | }
89 |
90 | export async function getPostsByLocale(
91 | locale: string,
92 | page: number = 1,
93 | limit: number = 50
94 | ): Promise {
95 | const supabase = getSupabaseClient();
96 | const { data, error } = await supabase
97 | .from("posts")
98 | .select("*")
99 | .eq("locale", locale)
100 | .eq("status", PostStatus.Online)
101 | .order("created_at", { ascending: false })
102 | .range((page - 1) * limit, page * limit - 1);
103 |
104 | if (error) {
105 | return [];
106 | }
107 |
108 | return data;
109 | }
110 |
--------------------------------------------------------------------------------
/src/models/user.ts:
--------------------------------------------------------------------------------
1 | import { User } from "@/types/user";
2 | import { getSupabaseClient } from "./db";
3 |
4 | export async function insertUser(user: User) {
5 | const supabase = getSupabaseClient();
6 | const { data, error } = await supabase.from("users").insert(user);
7 |
8 | if (error) {
9 | throw error;
10 | }
11 |
12 | return data;
13 | }
14 |
15 | export async function findUserByEmail(
16 | email: string
17 | ): Promise {
18 | const supabase = getSupabaseClient();
19 | const { data, error } = await supabase
20 | .from("users")
21 | .select("*")
22 | .eq("email", email)
23 | .limit(1)
24 | .single();
25 |
26 | if (error) {
27 | return undefined;
28 | }
29 |
30 | return data;
31 | }
32 |
33 | export async function findUserByUuid(uuid: string): Promise {
34 | const supabase = getSupabaseClient();
35 | const { data, error } = await supabase
36 | .from("users")
37 | .select("*")
38 | .eq("uuid", uuid)
39 | .single();
40 |
41 | if (error) {
42 | return undefined;
43 | }
44 |
45 | return data;
46 | }
47 |
48 | export async function getUsers(
49 | page: number = 1,
50 | limit: number = 50
51 | ): Promise {
52 | if (page < 1) page = 1;
53 | if (limit <= 0) limit = 50;
54 |
55 | const offset = (page - 1) * limit;
56 | const supabase = getSupabaseClient();
57 |
58 | const { data, error } = await supabase
59 | .from("users")
60 | .select("*")
61 | .order("created_at", { ascending: false })
62 | .range(offset, offset + limit - 1);
63 |
64 | if (error) {
65 | return undefined;
66 | }
67 |
68 | return data;
69 | }
70 |
--------------------------------------------------------------------------------
/src/providers/image/index.ts:
--------------------------------------------------------------------------------
1 | export * from './v1';
2 |
--------------------------------------------------------------------------------
/src/providers/image/v1/implementations/flux.ts:
--------------------------------------------------------------------------------
1 | import { ImageModel } from '../interface';
2 | import { ImageModelOptions, ImageModelWarning } from '../types';
3 | import { checkCredits, consumeCredits, OperationType } from '@/services/credit';
4 |
5 | interface FluxAPIResponse {
6 | images: Array<{
7 | url: string;
8 | b64_json?: string;
9 | }>;
10 | timings?: {
11 | total_time: number;
12 | };
13 | seed?: number;
14 | }
15 |
16 | export class FluxImageProvider implements ImageModel {
17 | readonly provider = 'flux';
18 | readonly modelId = 'black-forest-labs/FLUX.1-dev'; // 更新为 FLUX.1-dev 模型
19 | readonly maxImagesPerCall = 1;
20 | readonly creditsPerImage = 10;
21 |
22 | private readonly apiKey: string;
23 | private readonly apiEndpoint = 'https://api.siliconflow.cn/v1/images/generations';
24 |
25 | constructor() {
26 | this.apiKey = process.env.FLUX_API_KEY || '';
27 |
28 | if (!this.apiKey) {
29 | throw new Error('Flux API Token 缺失');
30 | }
31 | }
32 |
33 | async doGenerate(options: ImageModelOptions): Promise<{
34 | images: Array;
35 | warnings: Array;
36 | }> {
37 | // 使用积分检查函数
38 | await checkCredits(options.user_uuid, OperationType.IMAGE_GENERATION, this.provider);
39 |
40 | try {
41 | console.log('Calling Flux API with options:', {
42 | model: this.modelId,
43 | prompt: options.prompt,
44 | size: options.size
45 | });
46 |
47 | // 调用硅基流动 API
48 | const response = await fetch(this.apiEndpoint, {
49 | method: 'POST',
50 | headers: {
51 | 'Authorization': `Bearer ${this.apiKey}`,
52 | 'Content-Type': 'application/json'
53 | },
54 | body: JSON.stringify({
55 | model: this.modelId,
56 | prompt: options.prompt,
57 | seed: Math.floor(Math.random() * 9999999999),
58 | width: options.size?.width || 1024, // FLUX.1-dev 支持更高分辨率
59 | height: options.size?.height || 1024,
60 | num_images: 1,
61 | steps: 30,
62 | cfg_scale: 7.5,
63 | style_preset: "photographic",
64 | negative_prompt: "ugly, blurry, low quality, distorted, disfigured"
65 | })
66 | });
67 |
68 | if (!response.ok) {
69 | const errorText = await response.text();
70 | console.error('API Error:', errorText);
71 | throw new Error(`API 调用失败: ${response.statusText}. Details: ${errorText}`);
72 | }
73 |
74 | const result = await response.json() as FluxAPIResponse;
75 | console.log('Flux API Response:', result);
76 |
77 | // 使用积分扣除函数
78 | await consumeCredits(options.user_uuid, OperationType.IMAGE_GENERATION, this.provider);
79 |
80 | // 从响应中提取图片 URL
81 | const imageUrls = result.images.map(img => img.url);
82 |
83 | return {
84 | images: imageUrls,
85 | warnings: []
86 | };
87 | } catch (error: any) {
88 | console.error('Image generation error:', error);
89 | throw new Error(`图片生成失败: ${error.message}`);
90 | }
91 | }
92 | }
93 |
--------------------------------------------------------------------------------
/src/providers/image/v1/index.ts:
--------------------------------------------------------------------------------
1 | export type { ImageModel } from './interface';
2 | export type { ImageModelOptions, ImageModelWarning } from './types';
3 | export { FluxImageProvider } from './implementations/flux';
4 |
--------------------------------------------------------------------------------
/src/providers/image/v1/interface.ts:
--------------------------------------------------------------------------------
1 | import { ImageModelOptions, ImageModelWarning } from "./types";
2 |
3 | export interface ImageModel {
4 | readonly provider: string;
5 | readonly modelId: string;
6 | readonly maxImagesPerCall: number;
7 | readonly creditsPerImage: number;
8 |
9 | doGenerate(options: ImageModelOptions): Promise<{
10 | images: Array;
11 | warnings: Array;
12 | }>;
13 | }
14 |
--------------------------------------------------------------------------------
/src/providers/image/v1/types.ts:
--------------------------------------------------------------------------------
1 | export type ImageModelOptions = {
2 | prompt: string;
3 | user_uuid: string;
4 | n?: number;
5 | size?: {
6 | width: number;
7 | height: number;
8 | };
9 | style?: string;
10 | };
11 |
12 | export type ImageModelWarning = {
13 | type: string;
14 | message: string;
15 | };
16 |
--------------------------------------------------------------------------------
/src/providers/index.ts:
--------------------------------------------------------------------------------
1 | export * from './image';
2 |
--------------------------------------------------------------------------------
/src/services/apikey.ts:
--------------------------------------------------------------------------------
1 | export function getApiKey(req: Request) {
2 | const auth = req.headers.get("Authorization");
3 | if (!auth) {
4 | return "";
5 | }
6 |
7 | return auth.replace("Bearer ", "");
8 | }
9 |
--------------------------------------------------------------------------------
/src/services/constant.ts:
--------------------------------------------------------------------------------
1 | export const CacheKey = {
2 | Theme: "THEME",
3 | };
4 |
--------------------------------------------------------------------------------
/src/services/order.ts:
--------------------------------------------------------------------------------
1 | import { CreditsTransType, increaseCredits } from "./credit";
2 | import { findOrderByOrderNo, updateOrderStatus } from "@/models/order";
3 | import { getIsoTimestr, getOneYearLaterTimestr } from "@/lib/time";
4 |
5 | import Stripe from "stripe";
6 |
7 | export async function handleOrderSession(session: Stripe.Checkout.Session) {
8 | try {
9 | if (
10 | !session ||
11 | !session.metadata ||
12 | !session.metadata.order_no ||
13 | session.payment_status !== "paid"
14 | ) {
15 | throw new Error("invalid session");
16 | }
17 |
18 | const order_no = session.metadata.order_no;
19 | const paid_email =
20 | session.customer_details?.email || session.customer_email || "";
21 | const paid_detail = JSON.stringify(session);
22 |
23 | const order = await findOrderByOrderNo(order_no);
24 | if (!order || order.status !== "created") {
25 | throw new Error("invalid order");
26 | }
27 |
28 | const paid_at = getIsoTimestr();
29 | await updateOrderStatus(order_no, "paid", paid_at, paid_email, paid_detail);
30 |
31 | if (order.user_uuid && order.credits > 0) {
32 | // increase credits for paied order
33 | await increaseCredits({
34 | user_uuid: order.user_uuid,
35 | trans_type: CreditsTransType.OrderPay,
36 | credits: order.credits,
37 | expired_at: order.expired_at,
38 | order_no: order_no,
39 | });
40 | }
41 |
42 | console.log(
43 | "handle order session successed: ",
44 | order_no,
45 | paid_at,
46 | paid_email,
47 | paid_detail
48 | );
49 | } catch (e) {
50 | console.log("handle order session failed: ", e);
51 | throw e;
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/src/services/page.ts:
--------------------------------------------------------------------------------
1 | import { LandingPage } from "@/types/pages/landing";
2 |
3 | export async function getLandingPage(locale: string): Promise {
4 | try {
5 | if (locale === "zh-CN") {
6 | locale = "zh";
7 | }
8 | return await import(
9 | `@/i18n/pages/landing/${locale.toLowerCase()}.json`
10 | ).then((module) => module.default);
11 | } catch (error) {
12 | console.warn(`Failed to load ${locale}.json, falling back to en.json`);
13 | return await import("@/i18n/pages/landing/en.json").then(
14 | (module) => module.default as LandingPage
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/services/user.ts:
--------------------------------------------------------------------------------
1 | import { CreditsAmount, CreditsTransType } from "./credit";
2 | import { findUserByEmail, findUserByUuid, insertUser } from "@/models/user";
3 |
4 | import { User } from "@/types/user";
5 | import { auth } from "@/auth";
6 | import { getOneYearLaterTimestr } from "@/lib/time";
7 | import { getUserUuidByApiKey } from "@/models/apikey";
8 | import { headers } from "next/headers";
9 | import { increaseCredits } from "./credit";
10 |
11 | export async function saveUser(user: User) {
12 | try {
13 | const existUser = await findUserByEmail(user.email);
14 | if (!existUser) {
15 | await insertUser(user);
16 |
17 | // increase credits for new user, expire in one year
18 | await increaseCredits({
19 | user_uuid: user.uuid || "",
20 | trans_type: CreditsTransType.NewUser,
21 | credits: CreditsAmount.NewUserGet,
22 | expired_at: getOneYearLaterTimestr(),
23 | });
24 | } else {
25 | user.id = existUser.id;
26 | user.uuid = existUser.uuid;
27 | user.created_at = existUser.created_at;
28 | }
29 |
30 | return user;
31 | } catch (e) {
32 | console.log("save user failed: ", e);
33 | throw e;
34 | }
35 | }
36 |
37 | export async function getUserUuid() {
38 | let user_uuid = "";
39 |
40 | const token = getBearerToken();
41 |
42 | if (token) {
43 | // api key
44 | if (token.startsWith("sk-")) {
45 | const user_uuid = await getUserUuidByApiKey(token);
46 |
47 | return user_uuid || "";
48 | }
49 | }
50 |
51 | const session = await auth();
52 | if (session && session.user && session.user.uuid) {
53 | user_uuid = session.user.uuid;
54 | }
55 |
56 | return user_uuid;
57 | }
58 |
59 | export function getBearerToken() {
60 | const h = headers();
61 | const auth = h.get("Authorization");
62 | if (!auth) {
63 | return "";
64 | }
65 |
66 | return auth.replace("Bearer ", "");
67 | }
68 |
69 | export async function getUserEmail() {
70 | let user_email = "";
71 |
72 | const session = await auth();
73 | if (session && session.user && session.user.email) {
74 | user_email = session.user.email;
75 | }
76 |
77 | return user_email;
78 | }
79 |
80 | export async function getUserInfo() {
81 | let user_uuid = await getUserUuid();
82 |
83 | if (!user_uuid) {
84 | return;
85 | }
86 |
87 | const user = await findUserByUuid(user_uuid);
88 |
89 | return user;
90 | }
91 |
--------------------------------------------------------------------------------
/src/types/apikey.d.ts:
--------------------------------------------------------------------------------
1 | export interface Apikey {
2 | api_key: string;
3 | title: string;
4 | user_uuid: string;
5 | created_at: string;
6 | status: string;
7 | }
8 |
--------------------------------------------------------------------------------
/src/types/blocks/base.d.ts:
--------------------------------------------------------------------------------
1 | import { ReactNode } from "react";
2 |
3 | export type ButtonType = "button" | "link";
4 |
5 | export type ButtonVariant =
6 | | "secondary"
7 | | "link"
8 | | "default"
9 | | "destructive"
10 | | "outline"
11 | | "ghost"
12 | | null
13 | | undefined;
14 |
15 | export type ButtonSize = "sm" | "md" | "lg";
16 |
17 | export interface Button {
18 | title?: string;
19 | icon?: string;
20 | url?: string;
21 | target?: string;
22 | type?: ButtonType;
23 | variant?: ButtonVariant;
24 | size?: ButtonSize;
25 | className?: string;
26 | }
27 |
28 | export interface Image {
29 | src?: string;
30 | alt?: string;
31 | className?: string;
32 | }
33 |
34 | export interface Brand {
35 | title?: string;
36 | description?: string;
37 | logo?: Image;
38 | url?: string;
39 | target?: string;
40 | }
41 |
42 | export interface NavItem {
43 | name?: string;
44 | title?: string;
45 | description?: string;
46 | icon?: string;
47 | image?: Image;
48 | url?: string;
49 | target?: string;
50 | is_active?: boolean;
51 | is_expand?: boolean;
52 | className?: string;
53 | children?: NavItem[];
54 | }
55 |
56 | export interface Nav {
57 | name?: string;
58 | title?: string;
59 | icon?: string;
60 | image?: Image;
61 | className?: string;
62 | items?: NavItem[];
63 | }
64 |
65 | export interface Crumb {
66 | items?: NavItem[];
67 | }
68 |
69 | export interface Toolbar {
70 | items?: Button[];
71 | }
72 |
73 | export interface Tip {
74 | title?: string;
75 | description?: string;
76 | icon?: string;
77 | type?: "info" | "warning" | "error";
78 | }
79 |
80 | export interface SocialItem {
81 | title: string;
82 | icon?: string;
83 | url?: string;
84 | target?: string;
85 | }
86 |
87 | export interface Social {
88 | items?: SocialItem[];
89 | }
90 |
91 | export interface AgreementItem {
92 | title?: string;
93 | url?: string;
94 | target?: string;
95 | }
96 |
97 | export interface Agreement {
98 | items?: AgreementItem[];
99 | }
100 |
--------------------------------------------------------------------------------
/src/types/blocks/blog.d.ts:
--------------------------------------------------------------------------------
1 | import { Image } from "@/types/blocks/base";
2 |
3 | export interface BlogItem {
4 | slug?: string;
5 | title?: string;
6 | description?: string;
7 | author_name?: string;
8 | author_avatar_url?: string;
9 | created_at?: string;
10 | locale?: string;
11 | cover_url?: string;
12 | content?: string;
13 | url?: string;
14 | target?: string;
15 | }
16 |
17 | export interface Blog {
18 | disabled?: boolean;
19 | name?: string;
20 | title?: string;
21 | description?: string;
22 | label?: string;
23 | icon?: string;
24 | image?: Image;
25 | buttons?: Button[];
26 | items?: BlogItem[];
27 | read_more_text?: string;
28 | }
29 |
--------------------------------------------------------------------------------
/src/types/blocks/footer.d.ts:
--------------------------------------------------------------------------------
1 | import { Brand, Social, Nav, Agreement } from "@/types/blocks/base";
2 |
3 | export interface Footer {
4 | disabled?: boolean;
5 | name?: string;
6 | brand?: Brand;
7 | nav?: Nav;
8 | copyright?: string;
9 | social?: Social;
10 | agreement?: Agreement;
11 | }
12 |
--------------------------------------------------------------------------------
/src/types/blocks/form.d.ts:
--------------------------------------------------------------------------------
1 | import { Button } from "@/types/blocks/base";
2 |
3 | type ValidationRule = {
4 | required?: boolean;
5 | min?: number;
6 | max?: number;
7 | message?: string;
8 | email?: boolean;
9 | };
10 |
11 | export interface FormField {
12 | name?: string;
13 | title?: string;
14 | type?:
15 | | "text"
16 | | "textarea"
17 | | "number"
18 | | "email"
19 | | "password"
20 | | "select"
21 | | "url"
22 | | "code_editor"
23 | | "markdown_editor";
24 | placeholder?: string;
25 | options?: {
26 | title: string;
27 | value: string;
28 | }[];
29 | value?: string;
30 | tip?: string;
31 | attributes?: Record;
32 | validation?: ValidationRule;
33 | }
34 |
35 | export interface FormSubmit {
36 | button?: Button;
37 | handler?: (
38 | data: FormData,
39 | passby?: any
40 | ) => Promise<
41 | | {
42 | status: "success" | "error";
43 | message: string;
44 | redirect_url?: string;
45 | }
46 | | undefined
47 | | void
48 | >;
49 | }
50 |
51 | export interface Form {
52 | fields: FormField[];
53 | data?: any;
54 | submit?: FormSubmit;
55 | }
56 |
--------------------------------------------------------------------------------
/src/types/blocks/header.d.ts:
--------------------------------------------------------------------------------
1 | import { Button, Brand, Nav } from "@/types/blocks/base";
2 |
3 | export interface Header {
4 | disabled?: boolean;
5 | name?: string;
6 | brand?: Brand;
7 | nav?: Nav;
8 | buttons?: Button[];
9 | className?: string;
10 | show_sign?: boolean;
11 | show_locale?: boolean;
12 | show_theme?: boolean;
13 | }
14 |
--------------------------------------------------------------------------------
/src/types/blocks/hero.d.ts:
--------------------------------------------------------------------------------
1 | import { Button, Image } from "@/types/blocks/base";
2 |
3 | export interface Announcement {
4 | title?: string;
5 | description?: string;
6 | label?: string;
7 | url?: string;
8 | target?: string;
9 | }
10 |
11 | export interface Button {
12 | title?: string;
13 | url?: string;
14 | target?: string;
15 | icon?: string;
16 | type?: 'primary' | 'secondary';
17 | }
18 |
19 | export interface Hero {
20 | name?: string;
21 | disabled?: boolean;
22 | announcement?: Announcement;
23 | title?: string;
24 | highlight_text?: string;
25 | description?: string;
26 | buttons?: Button[];
27 | image?: Image;
28 | tip?: string;
29 | show_happy_users?: boolean;
30 | show_badge?: boolean;
31 | }
32 |
--------------------------------------------------------------------------------
/src/types/blocks/pricing.d.ts:
--------------------------------------------------------------------------------
1 | import { Button } from "@/types/blocks/base/button";
2 |
3 | export interface PricingGroup {
4 | name?: string;
5 | title?: string;
6 | description?: string;
7 | label?: string;
8 | }
9 |
10 | export interface PricingItem {
11 | title?: string;
12 | description?: string;
13 | label?: string;
14 | price?: string;
15 | original_price?: string;
16 | currency?: string;
17 | unit?: string;
18 | features_title?: string;
19 | features?: string[];
20 | button?: Button;
21 | tip?: string;
22 | is_featured?: boolean;
23 | interval: "month" | "year" | "one-time";
24 | product_id: string;
25 | product_name?: string;
26 | amount: number;
27 | cn_amount?: number;
28 | currency: string;
29 | credits?: number;
30 | valid_months?: number;
31 | group?: string;
32 | }
33 |
34 | export interface Pricing {
35 | disabled?: boolean;
36 | name?: string;
37 | title?: string;
38 | description?: string;
39 | items?: PricingItem[];
40 | groups?: PricingGroup[];
41 | }
42 |
--------------------------------------------------------------------------------
/src/types/blocks/section.d.ts:
--------------------------------------------------------------------------------
1 | import { Image, Button } from "@/types/blocks/base";
2 |
3 | export interface SectionItem {
4 | title?: string;
5 | description?: string;
6 | label?: string;
7 | icon?: string;
8 | image?: Image;
9 | buttons?: Button[];
10 | url?: string;
11 | target?: string;
12 | children?: SectionItem[];
13 | }
14 |
15 | export interface Section {
16 | disabled?: boolean;
17 | name?: string;
18 | title?: string;
19 | description?: string;
20 | label?: string;
21 | icon?: string;
22 | image?: Image;
23 | buttons?: Button[];
24 | items?: SectionItem[];
25 | }
26 |
--------------------------------------------------------------------------------
/src/types/blocks/sidebar.d.ts:
--------------------------------------------------------------------------------
1 | import { Brand, Nav, Social } from "@/types/blocks/base";
2 |
3 | export interface Sidebar {
4 | disabled?: boolean;
5 | brand?: Brand;
6 | nav?: Nav;
7 | library?: ReactNode;
8 | social?: Social;
9 | }
10 |
--------------------------------------------------------------------------------
/src/types/blocks/table.d.ts:
--------------------------------------------------------------------------------
1 | export interface TableColumn {
2 | name?: string;
3 | title?: string;
4 | type?: string;
5 | options?: any[];
6 | className?: string;
7 | callback?: (item: any) => any;
8 | }
9 |
10 | export interface Table {
11 | columns: TableColumn[];
12 | data: any[];
13 | }
14 |
--------------------------------------------------------------------------------
/src/types/context.d.ts:
--------------------------------------------------------------------------------
1 | import { ReactNode } from "react";
2 |
3 | export interface ContextValue {
4 | [propName: string]: any;
5 | }
6 |
--------------------------------------------------------------------------------
/src/types/credit.d.ts:
--------------------------------------------------------------------------------
1 | export interface Credit {
2 | trans_no: string;
3 | created_at: string;
4 | user_uuid: string;
5 | trans_type: string;
6 | credits: number;
7 | order_no: string;
8 | expired_at?: string;
9 | }
10 |
--------------------------------------------------------------------------------
/src/types/global.d.ts:
--------------------------------------------------------------------------------
1 | declare module "google-one-tap";
2 |
--------------------------------------------------------------------------------
/src/types/mdx.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.mdx" {
2 | import type { ReactElement } from "react";
3 | const content: (props: any) => ReactElement;
4 | export default content;
5 | }
6 |
--------------------------------------------------------------------------------
/src/types/next-auth.d.ts:
--------------------------------------------------------------------------------
1 | import "next-auth";
2 |
3 | declare module "next-auth" {
4 | interface JWT {
5 | user?: {
6 | uuid?: string;
7 | nickname?: string;
8 | avatar_url?: string;
9 | created_at?: string;
10 | };
11 | }
12 |
13 | interface Session {
14 | user: {
15 | uuid?: string;
16 | nickname?: string;
17 | avatar_url?: string;
18 | created_at?: string;
19 | } & DefaultSession["user"];
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/types/order.d.ts:
--------------------------------------------------------------------------------
1 | export interface Order {
2 | order_no: string;
3 | created_at: string;
4 | user_uuid: string;
5 | user_email: string;
6 | amount: number;
7 | interval: string;
8 | expired_at: string;
9 | status: string;
10 | stripe_session_id?: string;
11 | credits: number;
12 | currency: string;
13 | sub_id?: string;
14 | sub_interval_count?: number;
15 | sub_cycle_anchor?: number;
16 | sub_period_end?: number;
17 | sub_period_start?: number;
18 | sub_times?: number;
19 | product_id?: string;
20 | product_name?: string;
21 | valid_months?: number;
22 | order_detail?: string;
23 | paid_at?: string;
24 | paid_email?: string;
25 | paid_detail?: string;
26 | }
27 |
--------------------------------------------------------------------------------
/src/types/pages/landing.d.ts:
--------------------------------------------------------------------------------
1 | import { Header } from "@/types/blocks/header";
2 | import { Hero } from "@/types/blocks/hero";
3 | import { Section } from "@/types/blocks/section";
4 | import { Footer } from "@/types/blocks/footer";
5 |
6 | export interface LandingPage {
7 | header?: Header;
8 | hero?: Hero;
9 | branding?: Section;
10 | introduce?: Section;
11 | benefit?: Section;
12 | usage?: Section;
13 | feature?: Section;
14 | showcase?: Section;
15 | stats?: Section;
16 | pricing?: Pricing;
17 | testimonial?: Section;
18 | faq?: Section;
19 | cta?: Section;
20 | footer?: Footer;
21 | }
22 |
--------------------------------------------------------------------------------
/src/types/post.d.ts:
--------------------------------------------------------------------------------
1 | export interface Post {
2 | uuid?: string;
3 | slug?: string;
4 | title?: string;
5 | description?: string;
6 | content?: string;
7 | created_at?: string;
8 | updated_at?: string;
9 | status?: string;
10 | cover_url?: string;
11 | author_name?: string;
12 | author_avatar_url?: string;
13 | locale?: string;
14 | reading_time?: number;
15 | related_posts?: Post[];
16 | }
17 |
--------------------------------------------------------------------------------
/src/types/slots/base.d.ts:
--------------------------------------------------------------------------------
1 | import { Crumb, Toolbar, Tip } from "@/types/blocks/base";
2 |
3 | export interface Slot {
4 | title?: string;
5 | description?: string;
6 | tip?: Tip;
7 | crumb?: Crumb;
8 | toolbar?: Toolbar;
9 | loading?: boolean;
10 | data?: any;
11 | passby?: any;
12 | }
13 |
--------------------------------------------------------------------------------
/src/types/slots/form.d.ts:
--------------------------------------------------------------------------------
1 | import { FormField, FormSubmit } from "@/types/blocks/form";
2 | import { Slot } from "@/types/slots/base";
3 |
4 | export interface Form extends Slot {
5 | fields?: FormField[];
6 | submit?: FormSubmit;
7 | }
8 |
--------------------------------------------------------------------------------
/src/types/slots/table.d.ts:
--------------------------------------------------------------------------------
1 | import { TableColumn } from "@/types/blocks/table";
2 | import { Slot } from "@/types/slots/base";
3 |
4 | export interface Table extends Slot {
5 | columns?: TableColumn[];
6 | empty_message?: string;
7 | }
8 |
--------------------------------------------------------------------------------
/src/types/user.d.ts:
--------------------------------------------------------------------------------
1 | export interface User {
2 | id?: number;
3 | uuid?: string;
4 | email: string;
5 | created_at?: string;
6 | nickname: string;
7 | avatar_url: string;
8 | locale?: string;
9 | signin_type?: string;
10 | signin_ip?: string;
11 | signin_provider?: string;
12 | signin_openid?: string;
13 | credits?: UserCredits;
14 | }
15 |
16 | export interface UserCredits {
17 | one_time_credits?: number;
18 | monthly_credits?: number;
19 | total_credits?: number;
20 | used_credits?: number;
21 | left_credits: number;
22 | free_credits?: number;
23 | is_recharged?: boolean;
24 | is_pro?: boolean;
25 | }
26 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": ["dom", "dom.iterable", "esnext"],
4 | "allowJs": true,
5 | "skipLibCheck": true,
6 | "strict": true,
7 | "noEmit": true,
8 | "esModuleInterop": true,
9 | "module": "esnext",
10 | "moduleResolution": "bundler",
11 | "resolveJsonModule": true,
12 | "isolatedModules": true,
13 | "jsx": "preserve",
14 | "incremental": true,
15 | "plugins": [
16 | {
17 | "name": "next"
18 | }
19 | ],
20 | "paths": {
21 | "@/*": ["./src/*"]
22 | }
23 | },
24 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25 | "exclude": ["node_modules"]
26 | }
27 |
--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "framework": "nextjs",
3 | "functions": {
4 | "app/api/**/*": {
5 | "maxDuration": 60
6 | }
7 | }
8 | }
--------------------------------------------------------------------------------
16 | 
*/}
36 |
37 |