mei/catapi-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Compare commits

base: mei:main
Branches Tags
mei:main
mei:v0.1
..
compare: mei:v0.1
Branches Tags
mei:main
mei:v0.1

No commits in common. "main" and "v0.1" have entirely different histories.
main ... v0.1

4 changed files with 47 additions and 60 deletions
Show Stats Expand all files Collapse all files

63
components/api-docs.tsx
View File

@ -20,20 +20,27 @@ import { ExternalLink, GitCommit } from "lucide-react";
export default function ApiDocsComponent() {
const [activePage, setActivePage] = useState("home");
const [imageCount, setImageCount] = useState<number | null>(null);
const [announcements, setAnnouncements] = useState<
Array<{ date: string; content: string }>
>([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchData = async () => {
setLoading(true);
try {
const [imageCountResponse] = await Promise.all([
fetch("/?api=total-pic")
const [imageCountResponse, announcementsResponse] = await Promise.all([
fetch("/?api=total-pic"),
fetch("/?api=announcements"),
]);
const imageCountData = await imageCountResponse.json();
const announcementsData = await announcementsResponse.json();
setImageCount(imageCountData.count);
setAnnouncements(announcementsData.announcements);
} catch (error) {
console.error("Failed to fetch data:", error);
setImageCount(null);
setAnnouncements([]);
} finally {
setLoading(false);
}
@ -112,7 +119,7 @@ export default function ApiDocsComponent() {
];
const friendlyLinks = [
{ name: "mei的网络日志", url: "https://mei.lv" }
{ name: "mei的网络日志", url: "https://mmeiblog.cn" }
];
const HomePage = () => (
@ -137,6 +144,16 @@ export default function ApiDocsComponent() {
<p className="mt-4 text-gray-600">
用于实践我最新学到的技术，也能勉强保证服务可用性（但被打了可扛不住）。
</p>
<p className="mt-4 text-gray-600">
如果你觉得这个API有什么不完善的地方或者说你有什么更好的想♂法，可以发送邮箱至{" "}
<a
href="mailto:i@mmeiblog.cn"
className="text-blue-600 hover:underline"
>
i@mmeiblog.cn
</a>
。
</p>
</CardContent>
</Card>
@ -145,17 +162,26 @@ export default function ApiDocsComponent() {
<CardTitle className="text-2xl font-bold">站点公告</CardTitle>
</CardHeader>
<CardContent className="p-6">
<div
className="mb-4 last:mb-0 bg-gray-50 p-4 rounded-lg"
>
<Badge
variant="outline"
className="bg-teal-100 text-teal-800 mb-2"
{loading ? (
<Skeleton className="h-20 w-full" />
) : announcements.length > 0 ? (
announcements.map((announcement, index) => (
<div
key={index}
className="mb-4 last:mb-0 bg-gray-50 p-4 rounded-lg"
>
2024-10-03
</Badge>
<p className="text-gray-700">目前API已由无数据库的屎山代码重构为使用 Mysql 的高性能代码</p>
</div>
<Badge
variant="outline"
className="bg-teal-100 text-teal-800 mb-2"
>
{announcement.date}
</Badge>
<p className="text-gray-700">{announcement.content}</p>
</div>
))
) : (
<p className="text-gray-500 italic">暂无公告</p>
)}
</CardContent>
</Card>
@ -198,7 +224,7 @@ export default function ApiDocsComponent() {
</CardHeader>
<CardContent className="p-6">
<p className="text-gray-700">
此 API 提供随机二次元图片，不定期更新!
此 API 提供随机二次元图片，不定期更新！
</p>
<p className="mt-4 text-gray-600">
图片总数:{" "}
@ -257,7 +283,7 @@ export default function ApiDocsComponent() {
<TableCell>{endpoint.id}</TableCell>
<TableCell>{endpoint.device}</TableCell>
<TableCell>{endpoint.method}</TableCell>
<TableCell><a href = {endpoint.url}>{endpoint.url}</a></TableCell>
<TableCell>{endpoint.url}</TableCell>
<TableCell>{endpoint.description}</TableCell>
</TableRow>
))}
@ -348,11 +374,14 @@ export default function ApiDocsComponent() {
<div className="container mx-auto px-6 py-4">
<div className="flex justify-between items-center">
<p className="text-gray-600">
&copy; 2024 mei. All rights reserved.
&copy; 2024 Cat API. All rights reserved.
</p>
<div className="flex items-center text-gray-500">
<GitCommit className="w-5 h-5 mr-2" />
<span className="text-sm">{process.env.NEXT_PUBLIC_BUILD_ID || 'dev'}</span>
<span className="text-sm">
{process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA?.slice(0, 7) ||
"dev"}
</span>
</div>
</div>
</div>

4
next.config.mjs
View File

@ -1,6 +1,4 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
output: 'export'
};
const nextConfig = {};
export default nextConfig;

1
package.json
View File

@ -3,7 +3,6 @@
"version": "0.1.0",
"private": true,
"scripts": {
"prebuild": "node scripts/generate-build-id.js",
"dev": "next dev",
"build": "next build",
"start": "next start",

39
scripts/generate-build-id.js
View File

@ -1,39 +0,0 @@
import fs from 'fs';
import path from 'path';
import crypto from 'crypto';
import { fileURLToPath } from 'url';
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const generateProjectHash = () => {
const hash = crypto.createHash('sha256');
const walk = (dir) => {
const files = fs.readdirSync(dir);
files.forEach(file => {
const filePath = path.join(dir, file);
const stat = fs.statSync(filePath);
if (stat.isDirectory()) {
walk(filePath);
} else {
hash.update(fs.readFileSync(filePath));
}
});
};
walk(path.join(__dirname, '..'));
return hash.digest('hex').substring(0, 7); // 使用前10个字符作为短哈希
};
const generateBuildId = () => {
const projectHash = generateProjectHash();
const envFilePath = path.join(__dirname, '..', '.env.local');
if (fs.existsSync(envFilePath)) {
fs.unlinkSync(envFilePath);
}
fs.writeFileSync(envFilePath, `NEXT_PUBLIC_BUILD_ID=${projectHash}`);
console.log(`Build ID generated: ${projectHash}`);
};
generateBuildId();