feat: Implement initial weather dashboard with interactive map, city details, and API integration.

2026-03-09 10:36:03 +08:00
parent d162b91ed9
commit 283a935f24
35 changed files with 5962 additions and 2098 deletions
@@ -0,0 +1,40 @@
+import { NextRequest, NextResponse } from "next/server";
+
+const API_BASE = process.env.POLYWEATHER_API_BASE_URL;
+
+export async function GET(
+  req: NextRequest,
+  context: { params: Promise<{ name: string }> },
+) {
+  if (!API_BASE) {
+    return NextResponse.json(
+      { error: "POLYWEATHER_API_BASE_URL is not configured" },
+      { status: 500 },
+    );
+  }
+
+  const { name } = await context.params;
+  const forceRefresh = req.nextUrl.searchParams.get("force_refresh") ?? "false";
+  const url = `${API_BASE}/api/city/${encodeURIComponent(name)}/summary?force_refresh=${forceRefresh}`;
+
+  try {
+    const res = await fetch(url, {
+      headers: { Accept: "application/json" },
+      cache: "no-store",
+    });
+    if (!res.ok) {
+      const raw = await res.text();
+      return NextResponse.json(
+        { error: `Backend returned ${res.status}`, detail: raw.slice(0, 300) },
+        { status: 502 },
+      );
+    }
+    const data = await res.json();
+    return NextResponse.json(data);
+  } catch (error) {
+    return NextResponse.json(
+      { error: "Failed to fetch city summary", detail: String(error) },
+      { status: 500 },
+    );
+  }
+}
@@ -13,6 +13,18 @@ export default function RootLayout({
 }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="zh-CN" className="dark">
+      <head>
+        <link
+          rel="stylesheet"
+          href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+        />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
+          rel="stylesheet"
+        />
+      </head>
      <body className="min-h-screen font-sans antialiased">
        {children}
        <Analytics />
@@ -1,12 +1,12 @@
-export default function HomePage() {
-  return (
-    <main className="h-screen w-screen overflow-hidden bg-black">
-      <iframe
-        title="PolyWeather Legacy Dashboard"
-      src="/legacy/index.html?v=legacy-v19"
-        className="h-full w-full border-0"
-      />
-    </main>
-  );
-}
+import type { Metadata } from "next";
+import { DashboardEntry } from "@/components/dashboard/DashboardEntry";

+export const metadata: Metadata = {
+  title: "PolyWeather - 天气衍生品智能地图",
+  description:
+    "PolyWeather 天气衍生品智能地图，聚合 METAR、MGM、DEB、多模型预报与历史对账分析。",
+};
+
+export default function HomePage() {
+  return <DashboardEntry />;
+}