create-next-imagicma 0.1.11 → 0.1.13

package/template/app/error.tsx

@@ -1,93 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useEffect(() => {
-    // 保持 Next.js 默认的错误日志行为
-    console.error(error);
-  }, [error]);
-
-  const isDev = process.env.NODE_ENV === "development";
-  const digest = error?.digest;
-  const message = isDev ? (error?.message || "发生未知错误").trim() : "";
-
-  return (
-    <div
-      className="relative flex min-h-screen items-center justify-center overflow-hidden bg-gradient-to-br from-indigo-600 via-purple-600 to-sky-600 px-6 py-16 text-white"
-      role="alert"
-    >
-      <div className="absolute inset-0 bg-[radial-gradient(60%_60%_at_50%_40%,rgba(255,255,255,0.20),transparent_60%)]" />
-      <main className="relative w-full max-w-xl rounded-3xl border border-white/15 bg-white/10 p-10 shadow-2xl backdrop-blur-xl">
-        <div className="flex flex-col items-center text-center">
-          <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-white/10">
-            <svg
-              viewBox="0 0 24 24"
-              className="h-9 w-9 text-white/90"
-              fill="none"
-              aria-hidden="true"
-            >
-              <path
-                d="M12 9v5"
-                stroke="currentColor"
-                strokeWidth="1.8"
-                strokeLinecap="round"
-              />
-              <path
-                d="M12 17.5h.01"
-                stroke="currentColor"
-                strokeWidth="2.2"
-                strokeLinecap="round"
-              />
-              <path
-                d="M10.3 4.7 2.4 18.3a1.3 1.3 0 0 0 1.1 2h16.9a1.3 1.3 0 0 0 1.1-2L13.7 4.7a1.3 1.3 0 0 0-2.3 0Z"
-                stroke="currentColor"
-                strokeWidth="1.2"
-                strokeLinejoin="round"
-                opacity="0.85"
-              />
-            </svg>
-          </div>
-
-          <h1 className="mt-6 text-3xl font-semibold tracking-tight">
-            预览暂时不可用
-          </h1>
-          <p className="mt-4 max-w-md text-base leading-7 text-white/80">
-            检测到错误。修复后可点击“重试”恢复，或直接刷新页面。
-          </p>
-
-          {isDev && message ? (
-            <pre className="mt-6 w-full max-h-40 overflow-auto rounded-2xl border border-white/10 bg-black/25 p-4 text-left text-sm leading-6 text-white/85 shadow-inner">
-              <code>{message}</code>
-            </pre>
-          ) : digest ? (
-            <p className="mt-6 text-sm text-white/70">{`Digest: ${digest}`}</p>
-          ) : null}
-
-          <div className="mt-8 flex w-full flex-col gap-3 sm:flex-row sm:justify-center">
-            <button
-              type="button"
-              className="inline-flex h-11 w-full items-center justify-center rounded-full bg-white px-5 text-sm font-medium text-black transition-colors hover:bg-white/90 sm:w-auto"
-              onClick={() => reset()}
-            >
-              重试
-            </button>
-            <button
-              type="button"
-              className="inline-flex h-11 w-full items-center justify-center rounded-full border border-white/20 bg-white/10 px-5 text-sm font-medium text-white transition-colors hover:bg-white/15 sm:w-auto"
-              onClick={() => window.location.reload()}
-            >
-              刷新页面
-            </button>
-          </div>
-        </div>
-      </main>
-    </div>
-  );
-}