From ec3c324ef2931f6aa2f694a92f95eab2bac07832 Mon Sep 17 00:00:00 2001
From: sijinhui <sijinhui@qq.com>
Date: Tue, 19 Dec 2023 23:44:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=98=E6=9C=89=E9=81=97=E7=95=99bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/api/logs/[...path]/route.ts          |  12 +-
 app/app/(admin)/admin/page.tsx           |  30 +----
 app/app/(admin)/admin/usage-analysis.tsx | 133 +++++++++++++++++++++++
 middleware.ts                            |   8 ++
 4 files changed, 157 insertions(+), 26 deletions(-)
 create mode 100644 app/app/(admin)/admin/usage-analysis.tsx

diff --git a/app/api/logs/[...path]/route.ts b/app/api/logs/[...path]/route.ts
index 47b6951da..2e1f1fc77 100644
--- a/app/api/logs/[...path]/route.ts
+++ b/app/api/logs/[...path]/route.ts
@@ -2,6 +2,16 @@ 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();
+  });
+  return cleanedObj;
+}
+
 async function handle(
   req: NextRequest,
   { params }: { params: { path: string[] } },
@@ -13,7 +23,7 @@ async function handle(
     }
     // console.log("===========4", request_data);
     await prisma.logEntry.create({
-      data: request_data,
+      data: cleanObjectKeys(request_data),
     });
   } catch (e) {
     return NextResponse.json({ status: 0 });
diff --git a/app/app/(admin)/admin/page.tsx b/app/app/(admin)/admin/page.tsx
index 9e0f43e2c..c32d89fa9 100644
--- a/app/app/(admin)/admin/page.tsx
+++ b/app/app/(admin)/admin/page.tsx
@@ -1,37 +1,17 @@
-"use client";
+// "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={1} numColSpanLg={2}>
-        <Card>
-          <Text>Title</Text>
-          {/*<AreaChart*/}
-          {/*    className="mt-6 h-28"*/}
-          {/*    data={data}*/}
-          {/*    index="Month"*/}
-          {/*    valueFormatter={(number: number) =>*/}
-          {/*        `${Intl.NumberFormat("us").format(number).toString()}`*/}
-          {/*    }*/}
-          {/*    categories={["Total Visitors"]}*/}
-          {/*    colors={["blue"]}*/}
-          {/*    showXAxis={true}*/}
-          {/*    showGridLines={false}*/}
-          {/*    startEndOnly={true}*/}
-          {/*    showYAxis={false}*/}
-          {/*    showLegend={false}*/}
-          {/*/>*/}
-        </Card>
+      <Col numColSpan={2} numColSpanLg={3}>
+        <UsageAnalysis />
       </Col>
-      <Card>
-        <Text>Title</Text>
-        <Metric>KPI 2</Metric>
-      </Card>
       <Col>
         <Card>
           <Text>Title</Text>
-          <Metric>KPI 3</Metric>
+          <Metric>KPI 2</Metric>
         </Card>
       </Col>
     </Grid>
diff --git a/app/app/(admin)/admin/usage-analysis.tsx b/app/app/(admin)/admin/usage-analysis.tsx
new file mode 100644
index 000000000..e43c3ccfd
--- /dev/null
+++ b/app/app/(admin)/admin/usage-analysis.tsx
@@ -0,0 +1,133 @@
+// "use client";
+import { BarList, Bold, Card, Flex, Text, Title } from "@tremor/react";
+import prisma from "@/lib/prisma";
+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 表示 '小于等于'
+      },
+    },
+  });
+  console.log("======", todayLog);
+
+  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>
+        );
+      },
+    },
+  ];
+  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={data} className="mt-2" />
+    </Card>
+  );
+}
diff --git a/middleware.ts b/middleware.ts
index cafb99b3b..4c7990da2 100644
--- a/middleware.ts
+++ b/middleware.ts
@@ -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') {