xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-02 08:06:38 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #1 from sijinhui/dev

Browse Source 
添加一个管理页面
This commit is contained in:
sijinhui 2023-12-20 13:53:12 +08:00 committed by GitHub
commit 26302aeed6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
15 changed files with 258 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.dockerignore
View File

@ -1,8 +1 @@
# local env files
.env*.local
# docker-compose env files
.env
*.key
*.key.pub
node_modules

2
.github/workflows/dockerToHub-dev.yml vendored
View File

@ -56,7 +56,7 @@ jobs:
with:
host: tx.xiaosi.cc #服务器地址
username: root #用户名
password: ${{ secrets.SERVER_PASSWORD }} #私钥 安全问题一定都以变量的方式传递！！！
key: ${{ secrets.SSH_PRIVATE_KEY }} #私钥 安全问题一定都以变量的方式传递！！！
envs: SERVER_WORKDIR,ALY_DOCKER_PASSWORD,ALY_DOCKER_USERNAME,DOCKER_ENV #使用工作目录变量
script: |
cd $SERVER_WORKDIR #进入到工作目录

1
Dockerfile
View File

@ -28,7 +28,6 @@ ENV CODE=""
WORKDIR /app
COPY . .
RUN rm -rf ./node_modules
COPY --from=deps /app/node_modules ./node_modules
RUN yarn build

11
app/api/logs/[...path]/route.ts
View File

@ -2,6 +2,17 @@ import { NextRequest, NextResponse } from "next/server";
import prisma from "@/lib/prisma";
import { insertUser } from "@/lib/auth";
// function cleanObjectKeys(input: { [key: string]: string }): {
// [key: string]: string;
// } {
// const cleanedObj: { [key: string]: string } = {};
// Object.keys(input).forEach((key) => {
// cleanedObj[key] = input[key].trim();
// });
// console.log('========', input, cleanedObj)
// return cleanedObj;
// }
async function handle(
req: NextRequest,
{ params }: { params: { path: string[] } },

19
app/app/(admin)/admin/page.tsx Normal file
View File

@ -0,0 +1,19 @@
// "use client";
import { Grid, Col, Card, Text, AreaChart, Metric } from "@tremor/react";
import UsageAnalysis from "./usage-analysis";
export default function AdminPage() {
return (
<Grid numItems={1} numItemsSm={2} numItemsLg={3} className="gap-2">
<Col numColSpan={2} numColSpanLg={3}>
<UsageAnalysis />
</Col>
<Col>
<Card>
<Text>Title</Text>
<Metric>KPI 2</Metric>
</Card>
</Col>
</Grid>
);
}

171
app/app/(admin)/admin/usage-analysis.tsx Normal file
View File

@ -0,0 +1,171 @@
// "use client";
import { BarList, Bold, Card, Flex, Text, Title } from "@tremor/react";
import prisma from "@/lib/prisma";
import { estimateTokenLength } from "@/app/utils/token";
function HandleLogData(todayLog: [{ userName: string; logEntry: string }]) {
const data1 = todayLog.map((log) => {
return {
name: log.userName ?? "unknown",
value: estimateTokenLength(log.logEntry ?? ""),
};
});
type Accumulator = {
[key: string]: number;
};
const data2 = data1.reduce<Accumulator>((acc, item) => {
if (acc[item.name]) {
acc[item.name] += item.value;
} else {
acc[item.name] = item.value;
}
return acc;
}, {});
const data3 = Object.entries(data2)
.map(([name, value]) => ({
name,
value,
}))
.sort((a, b) => {
return b.value - a.value;
});
return data3;
}
export default async function UsageAnalysis() {
// 今天日期的开始和结束
const startDate = new Date();
startDate.setHours(0, 0, 0, 0);
const endDate = new Date();
endDate.setHours(23, 59, 59, 999);
const todayLog = await prisma.logEntry.findMany({
where: {
createdAt: {
gte: startDate, // gte 表示 '大于等于'
lte: endDate, // lte 表示 '小于等于'
},
},
include: {
user: true,
},
});
// @ts-ignore
const log_data = HandleLogData(todayLog);
// console.log("======", log_data);
// const data = [
// {
// name: "Twitter",
// value: 456,
// href: "https://twitter.com/tremorlabs",
// icon: function TwitterIcon() {
// return (
// <svg
// xmlns="http://www.w3.org/2000/svg"
// className="mr-2.5 fill-blue-500"
// viewBox="0 0 24 24"
// width="20"
// height="20"
// >
// <path fill="none" d="M0 0h24v24H0z" />
// <path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z" />
// </svg>
// );
// },
// },
// {
// name: "Google",
// value: 351,
// href: "https://google.com",
// icon: function GoogleIcon() {
// return (
// <svg
// xmlns="http://www.w3.org/2000/svg"
// className="mr-2.5 fill-slate-500"
// viewBox="0 0 24 24"
// width="20"
// height="20"
// >
// <path fill="none" d="M0 0h24v24H0z" />
// <path d="M3.064 7.51A9.996 9.996 0 0 1 12 2c2.695 0 4.959.99 6.69 2.605l-2.867 2.868C14.786 6.482 13.468 5.977 12 5.977c-2.605 0-4.81 1.76-5.595 4.123-.2.6-.314 1.24-.314 1.9 0 .66.114 1.3.314 1.9.786 2.364 2.99 4.123 5.595 4.123 1.345 0 2.49-.355 3.386-.955a4.6 4.6 0 0 0 1.996-3.018H12v-3.868h9.418c.118.654.182 1.336.182 2.045 0 3.046-1.09 5.61-2.982 7.35C16.964 21.105 14.7 22 12 22A9.996 9.996 0 0 1 2 12c0-1.614.386-3.14 1.064-4.49z" />
// </svg>
// );
// },
// },
// {
// name: "GitHub",
// value: 271,
// href: "https://github.com/tremorlabs/tremor",
// icon: function GitHubIcon() {
// return (
// <svg
// xmlns="http://www.w3.org/2000/svg"
// className="mr-2.5 fill-slate-900"
// viewBox="0 0 24 24"
// width="20"
// height="20"
// >
// <path fill="none" d="M0 0h24v24H0z" />
// <path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z" />
// </svg>
// );
// },
// },
// {
// name: "Reddit",
// value: 191,
// href: "https://reddit.com",
// icon: function RedditIcon() {
// return (
// <svg
// xmlns="http://www.w3.org/2000/svg"
// className="mr-2.5 fill-orange-500"
// viewBox="0 0 24 24"
// width="20"
// height="20"
// >
// <path fill="none" d="M0 0h24v24H0z" />
// <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm6.67-10a1.46 1.46 0 0 0-2.47-1 7.12 7.12 0 0 0-3.85-1.23L13 6.65l2.14.45a1 1 0 1 0 .13-.61L12.82 6a.31.31 0 0 0-.37.24l-.74 3.47a7.14 7.14 0 0 0-3.9 1.23 1.46 1.46 0 1 0-1.61 2.39 2.87 2.87 0 0 0 0 .44c0 2.24 2.61 4.06 5.83 4.06s5.83-1.82 5.83-4.06a2.87 2.87 0 0 0 0-.44 1.46 1.46 0 0 0 .81-1.33zm-10 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5.81 2.75a3.84 3.84 0 0 1-2.47.77 3.84 3.84 0 0 1-2.47-.77.27.27 0 0 1 .38-.38A3.27 3.27 0 0 0 12 16a3.28 3.28 0 0 0 2.09-.61.28.28 0 1 1 .39.4v-.04zm-.18-1.71a1 1 0 1 1 1-1 1 1 0 0 1-1.01 1.04l.01-.04z" />
// </svg>
// );
// },
// },
// {
// name: "Youtube",
// value: 91,
// href: "https://www.youtube.com/@tremorlabs3079",
// icon: function YouTubeIcon() {
// return (
// <svg
// xmlns="http://www.w3.org/2000/svg"
// className="mr-2.5 fill-red-500"
// viewBox="0 0 24 24"
// width="20"
// height="20"
// >
// <path fill="none" d="M0 0h24v24H0z" />
// <path d="M21.543 6.498C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.896 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.107 4 12 4 12 4s5.896 0 7.605.476c.945.266 1.687 1.04 1.938 2.022zM10 15.5l6-3.5-6-3.5v7z" />
// </svg>
// );
// },
// },
// ];
// @ts-ignore
return (
<Card className="max-w-lg">
<Title>Website Analytics</Title>
<Flex className="mt-4">
<Text>
<Bold>Source</Bold>
</Text>
<Text>
<Bold>Visits</Bold>
</Text>
</Flex>
<BarList data={log_data} className="mt-2" />
</Card>
);
}

24
app/app/(admin)/layout.tsx Normal file
View File

@ -0,0 +1,24 @@
import "@/app/app/login.scss";
import { Metadata } from "next";
import { ReactNode } from "react";
export const metadata: Metadata = {
title: "Admin | 管理页面",
};
export default async function AdminLayout({
children,
}: {
children: ReactNode;
}) {
return (
<div className="flex max-w-screen-xl flex-col space-y-12 p-8">
<div className="flex flex-col space-y-6">
<h1 className="font-cal text-3xl font-bold dark:text-white">
Admin Page
</h1>
{children}
</div>
</div>
);
}

2
app/app/(auth)/layout.tsx
View File

@ -1,4 +1,4 @@
import "@/app/styles/login.scss";
import "@/app/app/login.scss";
import { Metadata } from "next";
import { ReactNode } from "react";
// import { useEffect } from "react";

0
app/styles/login.scss → app/app/login.scss
View File

4
app/constant.ts
View File

@ -92,7 +92,7 @@ Latex inline: $x^2$
Latex block: $$e=mc^2$$
`;
export const SUMMARIZE_MODEL = "gpt-3.5-turbo-16k";
export const SUMMARIZE_MODEL = "gpt-3.5-turbo-1106";
export const KnowledgeCutOffDate: Record<string, string> = {
default: "2021-09",
@ -133,7 +133,7 @@ export const DEFAULT_MODELS = [
{
name: "gpt-4-all",
describe: "GPT-4全能版,联网绘图多模态,又慢又贵",
available: true,
available: false,
},
// {
// name: "gpt-4v",

6
lib/auth.ts
View File

@ -251,6 +251,12 @@ function isPinYin(input: string): boolean {
export function isName(input: string): boolean {
const denyList = [
"suibian",
]
if (denyList.includes(input)) {
return false;
}
return isEmail(input) || isHanZi(input) || isPinYin(input);
}

13
middleware.ts
View File

@ -22,6 +22,14 @@ export default async function middleware(req: NextRequest) {
return NextResponse.redirect(new URL("/login", req.url));
} else if (session) {
if (path.startsWith("/login") || path.startsWith('/app/login')) return NextResponse.redirect(new URL("/", req.url));
// admin 认证
const admin_user = ["sijinhui", "司金辉"]
// @ts-ignore
if ((path.startsWith("/admin") || path.startsWith("/app/admin")) && !admin_user.includes(session?.user?.name)) {
return NextResponse.redirect(new URL("/", req.url));
} else {
console.log('[admin]', session?.user)
}
}
if (path == '/login') {
@ -29,6 +37,11 @@ export default async function middleware(req: NextRequest) {
new URL(`/app${path}`, req.url),
);
}
if (path == "/admin") {
return NextResponse.rewrite(
new URL(`/app${path}`, req.url),
);
}
if (req.method == 'POST' && (path.startsWith("/api/openai/") || path.startsWith("/api/midjourney"))) {
// 重写header，添加用户名

8
package.json
View File

@ -3,7 +3,7 @@
"private": false,
"license": "mit",
"scripts": {
"dev": "npx prisma generate && npx prisma db push && next dev",
"dev": "npx prisma generate && npx prisma db push && next dev",
"build": "npx next telemetry disable && npx prisma generate && cross-env BUILD_MODE=standalone next build",
"start": "next start",
"lint": "next lint",
@ -17,10 +17,11 @@
},
"dependencies": {
"@fortaine/fetch-event-source": "^3.0.6",
"@hello-pangea/dnd": "^16.3.0",
"@next-auth/prisma-adapter": "^1.0.7",
"@prisma/client": "^5.7.0",
"@hello-pangea/dnd": "^16.5.0",
"@svgr/webpack": "^8.1.0",
"@tremor/react": "^3.12.1",
"@vercel/analytics": "^1.1.1",
"emoji-picker-react": "^4.5.15",
"fuse.js": "^7.0.0",
@ -50,7 +51,8 @@
"devDependencies": {
"@tailwindcss/forms": "^0.5.7",
"@tailwindcss/typography": "^0.5.10",
"@tauri-apps/cli": "^1.4.0",
"@tauri-apps/cli": "^1.5.8",
"@types/node": "^20.9.0",
"@types/react": "^18.2.14",
"@types/react-dom": "^18.2.7",
"@types/react-katex": "^3.0.0",

6
prisma/schema.prisma
View File

@ -65,10 +65,10 @@ model Session {
model LogEntry {
id Int @id @default(autoincrement())
ip String? @db.Char(25)
ip String? @db.VarChar(25)
path String? @db.Text
model String? @db.Char(25)
userName String? @db.Char(50)
model String? @db.VarChar(25)
userName String? @db.VarChar(50)
createdAt DateTime @default(now())
logEntry String? @db.Text
user User? @relation(fields: [userName], references: [name], onDelete: NoAction)

1
tailwind.config.js
View File

@ -5,6 +5,7 @@ module.exports = {
content: [
// "./app/**/*.{js,ts,jsx,tsx,mdx}",
"./app/app/**/*.{js,ts,jsx,tsx,mdx}",
"./node_modules/@tremor/**/*.{js,ts,jsx,tsx}", // Tremor module
],
theme: {
extend: {