正在施工中……
-在搜索栏输入BV号或AV号，可以查询目前数据库收集到的信息~
-404
-咦……页面去哪里了(ﾟДﾟ≡ﾟдﾟ)!?
-
-
-
-
- - 视频信息: av{aid} -
- -
-
-
- 基本信息
-
-
-
-
-
-
-
- 播放量历史数据
- { - snapshots && snapshots.length > 0 ? ( -
-
-
-
-
- ) : (
- | 创建时间 | -观看 | -硬币 | -点赞 | -收藏 | -分享 | -弹幕 | -评论 | -
|---|---|---|---|---|---|---|---|
| - {format(new Date(snapshot.created_at), "yyyy-MM-dd HH:mm:ss", { - locale: zhCN, - })} - | -{snapshot.views} | -{snapshot.coins} | -{snapshot.likes} | -{snapshot.favorites} | -{snapshot.shares} | -{snapshot.danmakus} | -{snapshot.replies} | -
暂无历史数据。
- ) - } -
- 
-
-
- - {data.title} -
-
- {data.bvid} · av{data.aid}
-
- 发布于
- {format(new Date(data.pubdate * 1000), "yyyy-MM-dd HH:mm:ss")}
-
- 播放：{(data.stat?.view ?? 0).toLocaleString()} ·
- 弹幕：{(data.stat?.danmaku ?? 0).toLocaleString()}
-
- 分区: {data.tname}, tid{data.tid} · v2: {data.tname_v2}, tid{data.tid_v2}
-
简介
-{data.desc}
-
-
-
- 统计数据
-
-
- 中 V 档案馆的软件在 AGPL 3.0 下许可，请见：
-{projectLicense}
- 本项目引入的其它项目项目的许可详情如下：
-{tpLicense}
-
-
- 无法连接到服务器，请检查你的网络连接后重试。
-
-
- - - - 首页 - -
-登录
-- 没有账户？ - - 注册 - - -
-{translateErrorMessage(e.errors[0], e.path)}
-- 无法登录： - - {res.i18n - ? t.rich(res.i18n.key, { - ...res.i18n.values, - support: (chunks: string) => {chunks} - }) - : res.message} - -
-无法登录。
-
- 错误信息：
-
- {error.message}
-
无法登录。
-
- 错误信息：
-
{JSON.stringify(error)}
-
- 正在施工中……
-在搜索栏输入BV号或AV号，可以查询目前数据库收集到的信息~
-无法连接到服务器，请检查你的网络连接后重试。
-
-
- - - - 首页 - -
-欢迎
-
- 欢迎来到中 V 档案馆。
-
- 这里是中文虚拟歌手相关信息的收集站与档案馆。
-
- 注册一个账号，
-
- 让我们一起见证中 V 的历史，现在，与未来。
-
- 已有账户？ - - 登录 - - -
-注册信息填写有误，请检查后重新提交。
- 错误信息: --
-
- {e.errors.map((item, i) => {
- return
- {translateErrorMessage(item, e.inner[i].path)} ; - })} -
无法为你注册账户。
-
- 错误信息:
- {res.i18n
- ? t.rich(res.i18n.key, {
- ...res.i18n.values,
- support: (chunks: string) => {chunks}
- })
- : res.message}
-
无法为你注册账户。
-
- 错误信息：
-
- {error.message}
-
无法为你注册账户。
-
- 错误信息：
-
{JSON.stringify(error)}
-
-
-
- - 视频信息:{" "} - - av{videoInfo.aid} - -
- -
-
-
- 基本信息
-
-
-
-
-
-
-
- 播放量历史数据
- {snapshots && snapshots.length > 0 ? ( -
-
-
-
-
- ) : (
- | 创建时间 | -观看 | -硬币 | -点赞 | -收藏 | -分享 | -弹幕 | -评论 | -
|---|---|---|---|---|---|---|---|
| - {DateTime.fromJSDate(snapshot.created_at).toFormat( - "yyyy-MM-dd HH:mm:ss" - )} - | -{snapshot.views} | -{snapshot.coins} | -{snapshot.likes} | -- {snapshot.favorites} - | -{snapshot.shares} | -- {snapshot.danmakus} - | -- {snapshot.replies} - | -
暂无历史数据。
- )} -
-
- 开始测试
-
- ) : null}
-
- {isBenchmarking && (
- <>
-
-
-
-
- )}
-
- );
-};
diff --git a/packages/next/app/[locale]/test-vdf/page.tsx b/packages/next/app/[locale]/test-vdf/page.tsx
deleted file mode 100644
index 007ebb9..0000000
--- a/packages/next/app/[locale]/test-vdf/page.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { VDFtestCard } from "./TestCard";
-import HeaderServer from "@/components/shell/HeaderServer";
-
-export default async function VdfBenchmarkPage() {
- return (
- <>
- VDF 基准测试
- - {!bigintSupported ? ( -⚠️ 您的浏览器不支持 BigInt，无法运行基准测试。
- ) : !isBenchmarking ? ( -- 正在测试: {currentTestIndex + 1}/{testCombinations.length} -
- {currentN !== null && currentDifficulty !== null && ( - <> -密钥长度: {currentN.toString(2).length} 比特
-难度: {currentDifficulty.toLocaleString()}
-
-
-
-
-
-
- )}
-
- )}
-
- {benchmarkResults.length > 0 && !isBenchmarking && (
- <>
- 测试结果
-
- 测试在 {(getAccumulatedTime() / 1000).toFixed(3)} 秒内完成.
- 速度: {Math.round(calculateSpeed()).toLocaleString()} 迭代 / 秒.
-
- 速度是在 N = {speedSample?.N.toString(2).length} bits, T = {speedSample?.difficulty}{" "}
- 的测试中测量的.
-
-
- {browserInfo && <>浏览器版本：{browserInfo}}
-
| - 耗时 (ms) - | -- N (bits) - | -- T (迭代) - | -
|---|---|---|
| {result.time.toFixed(2)} | -{result.N.toString(2).length} | -{Number(result.difficulty)} | -
-
-
- );
-}
diff --git a/packages/next/app/[locale]/user/[uid]/profile/LogoutButton.tsx b/packages/next/app/[locale]/user/[uid]/profile/LogoutButton.tsx
deleted file mode 100644
index cab7781..0000000
--- a/packages/next/app/[locale]/user/[uid]/profile/LogoutButton.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-"use client";
-
-import { FilledButton } from "@/components/ui/Buttons/FilledButton";
-import { Dialog, DialogButton, DialogButtonGroup, DialogHeadline, DialogSupportingText } from "@/components/ui/Dialog";
-import { Portal } from "@/components/utils/Portal";
-import { useRouter } from "@/i18n/navigation";
-import { useState } from "react";
-
-export const LogoutButton: React.FC = () => {
- const [showDialog, setShowDialog] = useState(false);
- const router = useRouter();
- return (
- <>
-
-
- 关于本页
-
-
-
- 这是一个性能测试页面，
-
- 旨在测试我们的一个 VDF (Verifiable Delayed Function, 可验证延迟函数) 实现的性能。
-
- 这是一个数学函数，它驱动了整个网站的验证码（CAPTCHA）。
-
- 通过使用该函数，我们可以让您无需通过点选图片或滑动滑块既可完成验证，
- 同时防御我们的网站，使其免受自动程序的攻击。
-
-
- 点击按钮，会自动测试并展示结果。
-
-
- 你可以将结果发送至邮箱：
- contact@alikia2x.com 或 QQ：
- 1559913735，并附上自己的设备信息
- （例如，手机型号、电脑的 CPU 型号等）。
-
- 我们会根据测试结果，优化我们的实现，使性能更优。
-
- 感谢你的支持！
-
-
- 于 - {DateTime.fromJSDate(user.createdAt).toFormat("yyyy-MM-dd HH:mm:ss")} - 注册。 -
- ); -}; - -export default async function ProfilePage({ params }: { params: Promise<{ uid: string }> }) { - const { uid } = await params; - const t = await getTranslations("profile_page"); - let parsedUID: number; - - try { - uidSchema.validate(uid); - parsedUID = parseInt(uid); - } catch (error) { - return notFound(); - } - - const user = await getUserProfile(parsedUID); - - if (!user) { - return notFound(); - } - - const displayName = user.nickname || user.username; - const loggedIn = user.isLoggedIn; - - return ( - <> -- {displayName} - - UID{user.uid} - -
-权限组：{t(`role.${user.role}`)}
- {loggedIn &&
- {title}
- {description?.toLocaleString() ?? "N/A"}
-
- );
-};
-
-export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise
-
-
-
- );
-};
-
-export default async function VideoPage({ params }: { params: Promise<{ id: string }> }) {
- const { id } = await params;
- return (
- - {data.title || data.bvid} -
- -
-
- {data.bvid} · av{data.aid}
-
-
- 发布于 {DateTime.fromSeconds(data.pubdate).toFormat("yyyy-MM-dd HH:mm:ss")}
-
- 播放：{(data.stat?.view ?? 0).toLocaleString()} ·{" "}
- 弹幕：{(data.stat?.danmaku ?? 0).toLocaleString()}
-
-
- 分区: {data.tname}, tid{data.tid} · v2: {data.tname_v2}, tid
- {data.tid_v2}
-
-
简介
-
- {data.desc}
-
-
-
-
- 统计数据
-
-
- 正在努力加载中……
-
-
-
-);
diff --git a/packages/next/components/icons/CloseIcon.tsx b/packages/next/components/icons/CloseIcon.tsx
deleted file mode 100644
index 88b2ffb..0000000
--- a/packages/next/components/icons/CloseIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const CloseIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/HomeIcon.tsx b/packages/next/components/icons/HomeIcon.tsx
deleted file mode 100644
index f95154f..0000000
--- a/packages/next/components/icons/HomeIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const HomeIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/InfoIcon.tsx b/packages/next/components/icons/InfoIcon.tsx
deleted file mode 100644
index f2b312a..0000000
--- a/packages/next/components/icons/InfoIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const InfoIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/LeftArrow.tsx b/packages/next/components/icons/LeftArrow.tsx
deleted file mode 100644
index 8d8cfcd..0000000
--- a/packages/next/components/icons/LeftArrow.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-export const LeftArrow: React.FC
-
-
-);
-
-export default LoadingSpinner;
diff --git a/packages/next/components/icons/LoginIcon.tsx b/packages/next/components/icons/LoginIcon.tsx
deleted file mode 100644
index 0554d21..0000000
--- a/packages/next/components/icons/LoginIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const LoginIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/MenuIcon.tsx b/packages/next/components/icons/MenuIcon.tsx
deleted file mode 100644
index 5977c8c..0000000
--- a/packages/next/components/icons/MenuIcon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-
-export const MenuIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/RegisterIcon.tsx b/packages/next/components/icons/RegisterIcon.tsx
deleted file mode 100644
index 5cd344c..0000000
--- a/packages/next/components/icons/RegisterIcon.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const RegisterIcon: React.FC
-
-
-);
diff --git a/packages/next/components/icons/RightArrow.tsx b/packages/next/components/icons/RightArrow.tsx
deleted file mode 100644
index 9c4784b..0000000
--- a/packages/next/components/icons/RightArrow.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-export const RightArrow: React.FC
-
-
-);
diff --git a/packages/next/components/shell/Header.tsx b/packages/next/components/shell/Header.tsx
deleted file mode 100644
index f1f5b58..0000000
--- a/packages/next/components/shell/Header.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-"use client";
-
-import TitleLight from "@/public/icons/标题-浅色.svg";
-import TitleDark from "@/public/icons/标题-深色.svg";
-import LogoMobileLight from "@/public/icons/TitleBar Mobile Light.svg";
-import LogoMobileDark from "@/public/icons/TitleBar Mobile Dark.svg";
-import DarkModeImage from "@/components/utils/DarkModeImage";
-import React, { useState } from "react";
-import { NavigationDrawer } from "@/components/ui/NavigatinDrawer";
-import { Portal } from "@/components/utils/Portal";
-import { SearchBox } from "@/components/ui/SearchBox";
-import { MenuIcon } from "@/components/icons/MenuIcon";
-import { SearchIcon } from "@/components/icons/SearchIcon";
-import { InfoIcon } from "@/components/icons/InfoIcon";
-import { HomeIcon } from "@/components/icons/HomeIcon";
-import { TextButton } from "@/components/ui/Buttons/TextButton";
-import { Link } from "@/i18n/navigation";
-import { LoginIcon } from "../icons/LoginIcon";
-import { AccountIcon } from "../icons/AccountIcon";
-import { User } from "@/lib/userAuth";
-
-interface HeaderProps {
- user: User | null;
-}
-
-export const HeaderDestop = ({ user }: HeaderProps) => {
- return (
-
-
- );
-};
-
-export const HeaderMobile = ({ user }: HeaderProps) => {
- const [showDrawer, setShowDrawer] = useState(false);
- const [showsearchBox, setShowsearchBox] = useState(false);
-
- return (
- <>
-
-
-
-
-
- {user ? (
- {user.nickname || user.username}
- ) : (
- 登录
- )}
-
- 关于
-
-
-
-
-
-
-
-
-
-
- {user ? (
-
-
-
-
- ) : (
-
-
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {!showsearchBox && (
-
- )}
- {!showsearchBox && (
- setShowsearchBox(false)} />}
- {!showsearchBox && (
-
- )}
-
-
- );
-};
-
-export const Header = (props: HeaderProps) => {
- return (
- <>
-
-
-
- )}
- {showsearchBox && - {children} -
- ); -}; - -export const DialogSupportingText: React.FC
- {children}
-
- );
-};
-
-export const DialogButton: React.FC
- {React.Children.map(children, (child, index) => {
- if (React.isValidElement(child) && child.type === DialogButton) {
- return React.cloneElement(child, {
- index: index
- });
- }
- return child;
- })}
-
- );
-};
-
-const useCompabilityCheck = () => {
- const [supported, setSupported] = useState(false);
-
- useEffect(() => {
- const parser = new UAParser(navigator.userAgent);
- const result = parser.getResult();
-
- const { name: browserName, version: browserVersion } = result.browser;
-
- let isSupported = false;
-
- if (!browserVersion) {
- return;
- }
- const [major] = browserVersion.split(".").map(Number);
-
- switch (browserName) {
- case "Chromium":
- isSupported = major >= 107;
- break;
- case "Firefox":
- isSupported = major >= 66;
- break;
- case "Safari":
- isSupported = major >= 16;
- break;
- default:
- isSupported = false;
- break;
- }
-
- setSupported(isSupported);
- }, []);
-
- return supported;
-};
-
-export const Dialog: React.FC
-
-
-
-
- )}
-
-
- {children}
-
-
-
-
- );
-};
diff --git a/packages/next/components/ui/TextField.css b/packages/next/components/ui/TextField.css
deleted file mode 100644
index 0288cc8..0000000
--- a/packages/next/components/ui/TextField.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@import "tailwindcss";
-
-.border-middle-idle-empty {
- @apply border-y-[1px];
-}
-
-.border-middle-idle {
- @apply border-y-[1px] border-t-0;
-}
-
-.border-middle-focus {
- @apply border-primary dark:border-dark-primary border-y-2 border-t-0;
-}
diff --git a/packages/next/components/ui/TextField.tsx b/packages/next/components/ui/TextField.tsx
deleted file mode 100644
index a40795b..0000000
--- a/packages/next/components/ui/TextField.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-
-interface InputProps extends React.HTMLAttributes
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-const TextField: React.FC
-
- {(supportingText || maxChar) && (
-
-
-
-
-
- setFocus(true)}
- onBlur={() => setFocus(false)}
- onChange={handleValueChange}
- type={type}
- value={inputText}
- />
-
-
- {labelText}
-
-
-
-
-
- {supportingText && {supportingText}}
- {maxChar && (
- maxChar ? "text-red-500" : ""}`}>
- {inputText.length}/{maxChar}
-
- )}
-
- )}
- 404
-{t("title")}
- {t("back_to_home")} -
- {children({
- p: (chunks: ReactNode) =>
- );
-}
diff --git a/packages/next/components/utils/Portal.tsx b/packages/next/components/utils/Portal.tsx
deleted file mode 100644
index d76d2d7..0000000
--- a/packages/next/components/utils/Portal.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-
-export const Portal = ({ children }: { children: React.ReactNode }) => {
- const documentNotUndefined = typeof document !== "undefined";
- // Ensure portal root exists in your HTML
- const portalRoot = documentNotUndefined ? document.getElementById("portal-root") : null;
-
- if (!portalRoot) {
- return null;
- }
-
- return ReactDOM.createPortal(children, portalRoot);
-};
diff --git a/packages/next/components/utils/ripple.css b/packages/next/components/utils/ripple.css
deleted file mode 100644
index 4f44890..0000000
--- a/packages/next/components/utils/ripple.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.ripple {
- position: absolute;
- border-radius: 50%;
- transform: scale(0);
- opacity: 0.2;
- animation: ripple-effect 0.8s linear;
- background-color: currentColor;
-}
-
-@keyframes ripple-effect {
- to {
- transform: scale(4);
- opacity: 0;
- }
-}
diff --git a/packages/next/components/utils/useKeyboardEvents.tsx b/packages/next/components/utils/useKeyboardEvents.tsx
deleted file mode 100644
index 2b709d6..0000000
--- a/packages/next/components/utils/useKeyboardEvents.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useEffect, useCallback } from "react";
-
-export type KeyboardShortcut = {
- key: string;
- callback: () => void;
- preventDefault?: boolean;
-};
-
-export function useKeyboardShortcuts(shortcuts: KeyboardShortcut[]): void {
- const handleKeyDown = useCallback(
- (event: KeyboardEvent) => {
- shortcuts.forEach((shortcut) => {
- if (event.key === shortcut.key) {
- if (shortcut.preventDefault) {
- event.preventDefault();
- }
- shortcut.callback();
- }
- });
- },
- [shortcuts]
- );
-
- useEffect(() => {
- document.addEventListener("keydown", handleKeyDown);
-
- return () => {
- document.removeEventListener("keydown", handleKeyDown);
- };
- }, [handleKeyDown]);
-}
diff --git a/packages/next/components/utils/useRipple.tsx b/packages/next/components/utils/useRipple.tsx
deleted file mode 100644
index 10887e8..0000000
--- a/packages/next/components/utils/useRipple.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import "./ripple.css";
-
-import { useCallback, useRef } from "react";
-
-interface UseRippleOptions {
- ripple?: boolean;
-}
-
-const useRipple = ({ ripple = true }: UseRippleOptions = {}) => {
- const isTouchEventRef = useRef(false);
-
- const resetTouchFlag = useCallback(() => {
- isTouchEventRef.current = false;
- }, []);
-
- const handleMouseDown = useCallback(
- (event: React.MouseEvent{chunks}
, - b: (chunks: ReactNode) => {chunks}, - i: (chunks: ReactNode) => {chunks} - })} -
-
-
-
-
-
-
-
-
-
-
-
+
+ {" "}
+ {props.children}
+
+ );
+};
+
+export const Layout: Component
+ {props.children}
+
+ );
+};
diff --git a/packages/solid/src/components/shell/Navigation.tsx b/packages/solid/src/components/shell/Navigation.tsx
new file mode 100644
index 0000000..15231be
--- /dev/null
+++ b/packages/solid/src/components/shell/Navigation.tsx
@@ -0,0 +1,50 @@
+import { createSignal, For } from "solid-js";
+import { HomeIcon } from "../icons/Home";
+import { MusicIcon } from "../icons/Music";
+import { NavigationRail, NavigationRailAction, NavigationRailActions, NavigationRailMenu } from "@m3-components/solid";
+import { A } from "@solidjs/router";
+import { AlbumIcon } from "~/components/icons/Album";
+
+export const [activeTab, setActiveTab] = createSignal(-1);
+export const [navigationExpanded, setNavigationExpanded] = createSignal(false);
+export const actions = [
+ {
+ icon: {children}
+ {children}
{scripts}
diff --git a/packages/solid/src/routes/[...404].tsx b/packages/solid/src/routes/[...404].tsx
index 4ea71ec..3745912 100644
--- a/packages/solid/src/routes/[...404].tsx
+++ b/packages/solid/src/routes/[...404].tsx
@@ -1,19 +1,20 @@
import { Title } from "@solidjs/meta";
import { HttpStatusCode } from "@solidjs/start";
+import { Layout } from "~/components/shell/Layout";
+import { A } from "@solidjs/router";
export default function NotFound() {
- return (
- Page Not Found
-- Visit{" "} - - start.solidjs.com - {" "} - to learn how to build SolidStart apps. -
-404
+咦……页面去哪里了(ﾟДﾟ≡ﾟдﾟ)!?
+ + 带我回首页！ + +
-
- );
+ return