feat: Implement new Next.js frontend with an embedded Leaflet map dashboard, city markers, and Polymarket API integration.
This commit is contained in:
2569718930@qq.com
@@ -0,0 +1,53 @@
|
||||
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 params = new URLSearchParams();
|
||||
const forceRefresh = req.nextUrl.searchParams.get("force_refresh");
|
||||
const targetDate = req.nextUrl.searchParams.get("target_date");
|
||||
|
||||
if (forceRefresh != null) {
|
||||
params.set("force_refresh", forceRefresh);
|
||||
}
|
||||
if (targetDate) {
|
||||
params.set("target_date", targetDate);
|
||||
}
|
||||
|
||||
const qs = params.toString();
|
||||
const url = `${API_BASE}/api/polymarket/${encodeURIComponent(name)}${qs ? `?${qs}` : ""}`;
|
||||
|
||||
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 polymarket snapshot", detail: String(error) },
|
||||
{ status: 500 },
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -3,7 +3,7 @@ export default function HomePage() {
|
||||
<main className="h-screen w-screen overflow-hidden bg-black">
|
||||
<iframe
|
||||
title="PolyWeather Legacy Dashboard"
|
||||
src="/legacy/index.html"
|
||||
src="/legacy/index.html?v=market-v1"
|
||||
className="h-full w-full border-0"
|
||||
/>
|
||||
</main>
|
||||
|
||||
@@ -108,6 +108,14 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="market-section">
|
||||
<h3>Market Prices</h3>
|
||||
<div id="marketSummary" class="market-summary"></div>
|
||||
<div id="marketBook" class="market-book">
|
||||
<!-- Dynamically populated -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Multi-Model Comparison ── -->
|
||||
<section class="models-section">
|
||||
<h3>🔬 多模型预报</h3>
|
||||
|
||||
@@ -1051,20 +1051,20 @@ function renderMarketPrices(data) {
|
||||
|
||||
if (snapshot.loading && markets.length === 0) {
|
||||
summary.innerHTML =
|
||||
'<span class="market-muted">姝ｅ湪鍔犺浇褰撳ぉ Polymarket 鐩樺彛...</span>';
|
||||
'<span class="market-muted">Loading current Polymarket markets...</span>';
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
|
||||
if (snapshot.fetch_error && markets.length === 0) {
|
||||
summary.innerHTML = `<span class="market-error">鐩樺彛鍔犺浇澶辫触: ${escapeHtml(snapshot.fetch_error)}</span>`;
|
||||
summary.innerHTML = `<span class="market-error">Market load failed: ${escapeHtml(snapshot.fetch_error)}</span>`;
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
|
||||
if (markets.length === 0) {
|
||||
summary.innerHTML =
|
||||
'<span class="market-muted">褰撳ぉ鏆傛棤鍙敤鐨?Polymarket 甯傚満浠锋牸</span>';
|
||||
'<span class="market-muted">No Polymarket markets for this date</span>';
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
@@ -1088,12 +1088,12 @@ function renderMarketPrices(data) {
|
||||
|
||||
summary.innerHTML = `
|
||||
<div class="market-summary-main">
|
||||
<span>${escapeHtml(targetDate)} · ${markets.length} 涓悎绾?/span>
|
||||
<span>涔板叆 = best ask</span>
|
||||
<span>鍗栧嚭 = best bid</span>
|
||||
${updatedAt ? `<span>鏇存柊 ${escapeHtml(updatedAt)}</span>` : ""}
|
||||
<span>${escapeHtml(targetDate)} - ${markets.length} markets</span>
|
||||
<span>Buy = best ask</span>
|
||||
<span>Sell = best bid</span>
|
||||
${updatedAt ? `<span>Updated ${escapeHtml(updatedAt)}</span>` : ""}
|
||||
</div>
|
||||
${primaryUrl ? `<a href="${escapeHtml(primaryUrl)}" target="_blank" rel="noreferrer">鎵撳紑 Polymarket</a>` : ""}
|
||||
${primaryUrl ? `<a href="${escapeHtml(primaryUrl)}" target="_blank" rel="noreferrer">Open Polymarket</a>` : ""}
|
||||
`;
|
||||
|
||||
container.innerHTML = markets
|
||||
@@ -1125,11 +1125,11 @@ function renderMarketPrices(data) {
|
||||
</div>
|
||||
<div class="market-side-prices">
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">涔板叆</div>
|
||||
<div class="market-price-label">Buy</div>
|
||||
<div class="market-price-value">${formatCents(yes.buy_price)}</div>
|
||||
</div>
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">鍗栧嚭</div>
|
||||
<div class="market-price-label">Sell</div>
|
||||
<div class="market-price-value">${formatCents(yes.sell_price)}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1141,11 +1141,11 @@ function renderMarketPrices(data) {
|
||||
</div>
|
||||
<div class="market-side-prices">
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">涔板叆</div>
|
||||
<div class="market-price-label">Buy</div>
|
||||
<div class="market-price-value">${formatCents(no.buy_price)}</div>
|
||||
</div>
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">鍗栧嚭</div>
|
||||
<div class="market-price-label">Sell</div>
|
||||
<div class="market-price-value">${formatCents(no.sell_price)}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+12
-12
@@ -1051,20 +1051,20 @@ function renderMarketPrices(data) {
|
||||
|
||||
if (snapshot.loading && markets.length === 0) {
|
||||
summary.innerHTML =
|
||||
'<span class="market-muted">姝ｅ湪鍔犺浇褰撳ぉ Polymarket 鐩樺彛...</span>';
|
||||
'<span class="market-muted">Loading current Polymarket markets...</span>';
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
|
||||
if (snapshot.fetch_error && markets.length === 0) {
|
||||
summary.innerHTML = `<span class="market-error">鐩樺彛鍔犺浇澶辫触: ${escapeHtml(snapshot.fetch_error)}</span>`;
|
||||
summary.innerHTML = `<span class="market-error">Market load failed: ${escapeHtml(snapshot.fetch_error)}</span>`;
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
|
||||
if (markets.length === 0) {
|
||||
summary.innerHTML =
|
||||
'<span class="market-muted">褰撳ぉ鏆傛棤鍙敤鐨?Polymarket 甯傚満浠锋牸</span>';
|
||||
'<span class="market-muted">No Polymarket markets for this date</span>';
|
||||
container.innerHTML = "";
|
||||
return;
|
||||
}
|
||||
@@ -1088,12 +1088,12 @@ function renderMarketPrices(data) {
|
||||
|
||||
summary.innerHTML = `
|
||||
<div class="market-summary-main">
|
||||
<span>${escapeHtml(targetDate)} · ${markets.length} 涓悎绾?/span>
|
||||
<span>涔板叆 = best ask</span>
|
||||
<span>鍗栧嚭 = best bid</span>
|
||||
${updatedAt ? `<span>鏇存柊 ${escapeHtml(updatedAt)}</span>` : ""}
|
||||
<span>${escapeHtml(targetDate)} - ${markets.length} markets</span>
|
||||
<span>Buy = best ask</span>
|
||||
<span>Sell = best bid</span>
|
||||
${updatedAt ? `<span>Updated ${escapeHtml(updatedAt)}</span>` : ""}
|
||||
</div>
|
||||
${primaryUrl ? `<a href="${escapeHtml(primaryUrl)}" target="_blank" rel="noreferrer">鎵撳紑 Polymarket</a>` : ""}
|
||||
${primaryUrl ? `<a href="${escapeHtml(primaryUrl)}" target="_blank" rel="noreferrer">Open Polymarket</a>` : ""}
|
||||
`;
|
||||
|
||||
container.innerHTML = markets
|
||||
@@ -1125,11 +1125,11 @@ function renderMarketPrices(data) {
|
||||
</div>
|
||||
<div class="market-side-prices">
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">涔板叆</div>
|
||||
<div class="market-price-label">Buy</div>
|
||||
<div class="market-price-value">${formatCents(yes.buy_price)}</div>
|
||||
</div>
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">鍗栧嚭</div>
|
||||
<div class="market-price-label">Sell</div>
|
||||
<div class="market-price-value">${formatCents(yes.sell_price)}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1141,11 +1141,11 @@ function renderMarketPrices(data) {
|
||||
</div>
|
||||
<div class="market-side-prices">
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">涔板叆</div>
|
||||
<div class="market-price-label">Buy</div>
|
||||
<div class="market-price-value">${formatCents(no.buy_price)}</div>
|
||||
</div>
|
||||
<div class="market-price-chip">
|
||||
<div class="market-price-label">鍗栧嚭</div>
|
||||
<div class="market-price-label">Sell</div>
|
||||
<div class="market-price-value">${formatCents(no.sell_price)}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user