Add public market brief content assets
This commit is contained in:
2569718930@qq.com
@@ -0,0 +1,91 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { useEffect, type ReactNode } from "react";
|
||||
|
||||
type PublicContentEvent =
|
||||
| "brief_view"
|
||||
| "brief_cta_click"
|
||||
| "methodology_view"
|
||||
| "social_outbound_click";
|
||||
|
||||
type AnalyticsPayload = Record<string, unknown>;
|
||||
|
||||
async function emitPublicContentEvent(
|
||||
eventType: PublicContentEvent,
|
||||
payload: AnalyticsPayload,
|
||||
onceKey?: string,
|
||||
) {
|
||||
const { markAnalyticsOnce, trackAppEvent } = await import("@/lib/app-analytics");
|
||||
if (onceKey && !markAnalyticsOnce(`public-content:${onceKey}`)) return;
|
||||
trackAppEvent(eventType, payload);
|
||||
}
|
||||
|
||||
export function PublicContentAnalytics({
|
||||
eventType,
|
||||
onceKey,
|
||||
payload,
|
||||
}: {
|
||||
eventType: PublicContentEvent;
|
||||
onceKey?: string;
|
||||
payload: AnalyticsPayload;
|
||||
}) {
|
||||
const payloadKey = JSON.stringify(payload);
|
||||
|
||||
useEffect(() => {
|
||||
const parsedPayload = JSON.parse(payloadKey) as AnalyticsPayload;
|
||||
void emitPublicContentEvent(eventType, parsedPayload, onceKey);
|
||||
}, [eventType, onceKey, payloadKey]);
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
export function PublicContentCta({
|
||||
children,
|
||||
className,
|
||||
href,
|
||||
payload,
|
||||
}: {
|
||||
children: ReactNode;
|
||||
className?: string;
|
||||
href: string;
|
||||
payload: AnalyticsPayload;
|
||||
}) {
|
||||
return (
|
||||
<Link
|
||||
className={className}
|
||||
href={href}
|
||||
onClick={() => {
|
||||
void emitPublicContentEvent("brief_cta_click", payload);
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
export function PublicContentOutboundLink({
|
||||
children,
|
||||
className,
|
||||
href,
|
||||
payload,
|
||||
}: {
|
||||
children: ReactNode;
|
||||
className?: string;
|
||||
href: string;
|
||||
payload: AnalyticsPayload;
|
||||
}) {
|
||||
return (
|
||||
<a
|
||||
className={className}
|
||||
href={href}
|
||||
onClick={() => {
|
||||
void emitPublicContentEvent("social_outbound_click", payload);
|
||||
}}
|
||||
rel="noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,467 @@
|
||||
import Link from "next/link";
|
||||
import {
|
||||
METHODOLOGY_PAGES,
|
||||
PUBLIC_BRIEFS,
|
||||
SOURCE_PAGES,
|
||||
absolutePublicUrl,
|
||||
briefPath,
|
||||
methodologyPath,
|
||||
sourcePath,
|
||||
type MethodologyPage,
|
||||
type PublicBrief,
|
||||
type SourcePage,
|
||||
} from "@/content/public-content";
|
||||
import {
|
||||
PublicContentAnalytics,
|
||||
PublicContentCta,
|
||||
PublicContentOutboundLink,
|
||||
} from "./PublicContentAnalytics";
|
||||
|
||||
const pageShell =
|
||||
"min-h-screen bg-[#f4f7fb] text-slate-950";
|
||||
const contentWrap =
|
||||
"mx-auto flex w-full max-w-6xl flex-col gap-8 px-4 py-6 sm:px-6 lg:px-8";
|
||||
const panel =
|
||||
"rounded-lg border border-slate-200 bg-white shadow-[0_1px_3px_rgba(15,23,42,0.05)]";
|
||||
const sectionTitle =
|
||||
"text-sm font-semibold uppercase tracking-[0.08em] text-slate-500";
|
||||
const bodyText = "text-sm leading-6 text-slate-700";
|
||||
const primaryButton =
|
||||
"inline-flex min-h-10 items-center justify-center rounded-md bg-slate-950 px-4 py-2 text-sm font-semibold text-white transition hover:bg-slate-800";
|
||||
const secondaryButton =
|
||||
"inline-flex min-h-10 items-center justify-center rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-semibold text-slate-900 transition hover:border-slate-400 hover:bg-slate-50";
|
||||
|
||||
function PublicHeader() {
|
||||
return (
|
||||
<header className="border-b border-slate-200 bg-white/90">
|
||||
<div className="mx-auto flex w-full max-w-6xl flex-col gap-3 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6 lg:px-8">
|
||||
<Link className="text-base font-black text-slate-950" href="/">
|
||||
PolyWeather
|
||||
</Link>
|
||||
<nav className="flex flex-wrap gap-2 text-sm font-semibold text-slate-700">
|
||||
<Link className="rounded-md px-2.5 py-1.5 hover:bg-slate-100" href="/briefs">
|
||||
Briefs
|
||||
</Link>
|
||||
<Link className="rounded-md px-2.5 py-1.5 hover:bg-slate-100" href="/methodology">
|
||||
Methodology
|
||||
</Link>
|
||||
<Link className="rounded-md px-2.5 py-1.5 hover:bg-slate-100" href="/sources">
|
||||
Sources
|
||||
</Link>
|
||||
<Link className="rounded-md px-2.5 py-1.5 hover:bg-slate-100" href="/docs/intro">
|
||||
Docs
|
||||
</Link>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
|
||||
function PageIntro({
|
||||
eyebrow,
|
||||
title,
|
||||
description,
|
||||
}: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
description: string;
|
||||
}) {
|
||||
return (
|
||||
<section className="grid gap-4 border-b border-slate-200 bg-white">
|
||||
<div className={`${contentWrap} py-10 sm:py-12`}>
|
||||
<p className={sectionTitle}>{eyebrow}</p>
|
||||
<div className="max-w-3xl space-y-4">
|
||||
<h1 className="text-3xl font-black leading-tight text-slate-950 sm:text-4xl">
|
||||
{title}
|
||||
</h1>
|
||||
<p className="text-base leading-7 text-slate-700">{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function SourceLinks({ slugs }: { slugs: string[] }) {
|
||||
return (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{slugs.map((slug) => {
|
||||
const source = SOURCE_PAGES.find((entry) => entry.slug === slug);
|
||||
if (!source) return null;
|
||||
return (
|
||||
<Link
|
||||
className="rounded-md border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-slate-700 hover:border-slate-300 hover:bg-slate-50"
|
||||
href={sourcePath(source)}
|
||||
key={slug}
|
||||
>
|
||||
{source.title}
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function MethodologyLinks({ slugs }: { slugs: string[] }) {
|
||||
return (
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{slugs.map((slug) => {
|
||||
const page = METHODOLOGY_PAGES.find((entry) => entry.slug === slug);
|
||||
if (!page) return null;
|
||||
return (
|
||||
<Link
|
||||
className="rounded-md border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-slate-700 hover:border-slate-300 hover:bg-slate-50"
|
||||
href={methodologyPath(page)}
|
||||
key={slug}
|
||||
>
|
||||
{page.title}
|
||||
</Link>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function BriefCard({ brief }: { brief: PublicBrief }) {
|
||||
return (
|
||||
<article className={`${panel} flex flex-col gap-5 p-5`}>
|
||||
<div className="flex flex-wrap items-start justify-between gap-3">
|
||||
<div>
|
||||
<p className="text-xs font-semibold uppercase tracking-[0.08em] text-blue-700">
|
||||
{brief.cityName} / {brief.date}
|
||||
</p>
|
||||
<h2 className="mt-2 text-xl font-black text-slate-950">
|
||||
<Link href={briefPath(brief)}>{brief.title}</Link>
|
||||
</h2>
|
||||
</div>
|
||||
<span className="rounded-md bg-emerald-50 px-2.5 py-1 text-xs font-bold text-emerald-800">
|
||||
{brief.settlementSource}
|
||||
</span>
|
||||
</div>
|
||||
<p className={bodyText}>{brief.description}</p>
|
||||
<div className="grid gap-3 sm:grid-cols-3">
|
||||
{brief.signals.map((signal) => (
|
||||
<div className="rounded-md border border-slate-200 bg-slate-50 p-3" key={signal.label}>
|
||||
<p className="text-xs font-semibold text-slate-500">{signal.label}</p>
|
||||
<p className="mt-1 font-mono text-lg font-bold text-slate-950">{signal.value}</p>
|
||||
<p className="mt-1 text-xs leading-5 text-slate-600">{signal.detail}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="flex flex-wrap items-center gap-3">
|
||||
<Link className={secondaryButton} href={briefPath(brief)}>
|
||||
Read brief
|
||||
</Link>
|
||||
<SourceLinks slugs={brief.sourceSlugs.slice(0, 2)} />
|
||||
</div>
|
||||
</article>
|
||||
);
|
||||
}
|
||||
|
||||
export function BriefsIndexPageView() {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicHeader />
|
||||
<PageIntro
|
||||
description="Public Weather Market Brief pages turn selected city-market reads into indexable evidence: settlement source, DEB context, model disagreement, freshness notes, and a clear research disclaimer."
|
||||
eyebrow="Weather Market Brief"
|
||||
title="Public market briefs for temperature judgment"
|
||||
/>
|
||||
<div className={contentWrap}>
|
||||
<section className="grid gap-4">
|
||||
{PUBLIC_BRIEFS.map((brief) => (
|
||||
<BriefCard brief={brief} key={`${brief.city}-${brief.date}`} />
|
||||
))}
|
||||
</section>
|
||||
<section className={`${panel} grid gap-5 p-5 md:grid-cols-2`}>
|
||||
<div>
|
||||
<p className={sectionTitle}>Methodology</p>
|
||||
<h2 className="mt-2 text-2xl font-black text-slate-950">
|
||||
How the public read is produced
|
||||
</h2>
|
||||
<p className={`${bodyText} mt-3`}>
|
||||
Briefs cross-link to the DEB methodology and settlement-source priority pages so readers can audit why PolyWeather does not treat generic city forecasts as market truth.
|
||||
</p>
|
||||
<div className="mt-4">
|
||||
<MethodologyLinks slugs={["deb", "settlement-sources"]} />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p className={sectionTitle}>Source notes</p>
|
||||
<h2 className="mt-2 text-2xl font-black text-slate-950">
|
||||
Official-source context
|
||||
</h2>
|
||||
<p className={`${bodyText} mt-3`}>
|
||||
Source pages explain why MGM, METAR, HKO, NOAA, and model guidance are displayed separately in PolyWeather workflows.
|
||||
</p>
|
||||
<div className="mt-4">
|
||||
<SourceLinks slugs={["mgm", "metar", "hko", "noaa"]} />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function BriefDetailPageView({ brief }: { brief: PublicBrief }) {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicContentAnalytics
|
||||
eventType="brief_view"
|
||||
onceKey={`brief:${brief.city}:${brief.date}`}
|
||||
payload={{ city: brief.city, date: brief.date, source: brief.settlementSource }}
|
||||
/>
|
||||
<PublicHeader />
|
||||
<PageIntro
|
||||
description={brief.description}
|
||||
eyebrow={`${brief.cityName}, ${brief.countryName} / ${brief.date}`}
|
||||
title={brief.title}
|
||||
/>
|
||||
<div className={contentWrap}>
|
||||
<section className="grid gap-5 lg:grid-cols-[1.6fr_0.9fr]">
|
||||
<article className={`${panel} p-5`}>
|
||||
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{brief.signals.map((signal) => (
|
||||
<div className="rounded-md border border-slate-200 bg-slate-50 p-4" key={signal.label}>
|
||||
<p className="text-xs font-semibold text-slate-500">{signal.label}</p>
|
||||
<p className="mt-1 font-mono text-2xl font-black text-slate-950">{signal.value}</p>
|
||||
<p className="mt-2 text-xs leading-5 text-slate-600">{signal.detail}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="mt-6 grid gap-5">
|
||||
<BriefSection title="DEB read" body={brief.debRead} />
|
||||
<BriefSection title="Settlement-source read" body={brief.sourceRead} />
|
||||
<BriefSection title="Model context" body={brief.modelRead} />
|
||||
<BriefSection title="Risk notes" body={brief.riskRead} />
|
||||
</div>
|
||||
</article>
|
||||
<aside className={`${panel} h-fit p-5`}>
|
||||
<p className={sectionTitle}>Snapshot</p>
|
||||
<dl className="mt-4 grid gap-3 text-sm">
|
||||
<InfoRow label="Market" value={brief.market} />
|
||||
<InfoRow label="Settlement source" value={brief.settlementSource} />
|
||||
<InfoRow label="Updated" value={formatDateTime(brief.updatedAt)} />
|
||||
<InfoRow label="Freshness" value={brief.dataFreshness} />
|
||||
</dl>
|
||||
<div className="mt-5 flex flex-col gap-3">
|
||||
<PublicContentCta
|
||||
className={primaryButton}
|
||||
href="/terminal"
|
||||
payload={{ city: brief.city, date: brief.date, cta: "terminal" }}
|
||||
>
|
||||
{brief.primaryCtaLabel}
|
||||
</PublicContentCta>
|
||||
<Link className={secondaryButton} href="/briefs">
|
||||
All public briefs
|
||||
</Link>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section className="grid gap-5 lg:grid-cols-[1fr_1fr]">
|
||||
<div className={`${panel} p-5`}>
|
||||
<p className={sectionTitle}>Checks before acting</p>
|
||||
<ul className="mt-4 grid gap-3">
|
||||
{brief.checkpoints.map((checkpoint) => (
|
||||
<li className={bodyText} key={checkpoint}>
|
||||
{checkpoint}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
<div className={`${panel} p-5`}>
|
||||
<p className={sectionTitle}>Distribution copy</p>
|
||||
<p className={`${bodyText} mt-4`}>{brief.distributionText}</p>
|
||||
<div className="mt-4">
|
||||
<PublicContentOutboundLink
|
||||
className={secondaryButton}
|
||||
href={`https://twitter.com/intent/tweet?text=${encodeURIComponent(brief.distributionText)}&url=${encodeURIComponent(absolutePublicUrl(briefPath(brief)))}`}
|
||||
payload={{ city: brief.city, date: brief.date, destination: "x_intent" }}
|
||||
>
|
||||
Share on X
|
||||
</PublicContentOutboundLink>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className={`${panel} grid gap-5 p-5 md:grid-cols-2`}>
|
||||
<div>
|
||||
<p className={sectionTitle}>Methodology links</p>
|
||||
<div className="mt-4">
|
||||
<MethodologyLinks slugs={brief.methodologySlugs} />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p className={sectionTitle}>Source links</p>
|
||||
<div className="mt-4">
|
||||
<SourceLinks slugs={brief.sourceSlugs} />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<p className="rounded-md border border-amber-200 bg-amber-50 p-4 text-sm leading-6 text-amber-900">
|
||||
{brief.notFinancialAdvice}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function BriefSection({ body, title }: { body: string; title: string }) {
|
||||
return (
|
||||
<section>
|
||||
<h2 className="text-lg font-black text-slate-950">{title}</h2>
|
||||
<p className={`${bodyText} mt-2`}>{body}</p>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function InfoRow({ label, value }: { label: string; value: string }) {
|
||||
return (
|
||||
<div className="grid gap-1 border-b border-slate-100 pb-3 last:border-b-0 last:pb-0">
|
||||
<dt className="text-xs font-semibold uppercase tracking-[0.08em] text-slate-500">{label}</dt>
|
||||
<dd className="leading-6 text-slate-800">{value}</dd>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function MethodologyIndexPageView() {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicHeader />
|
||||
<PageIntro
|
||||
description="Public methodology pages explain how PolyWeather handles DEB blending, settlement-source priority, freshness, and source reconciliation for prediction-market weather analysis."
|
||||
eyebrow="Methodology"
|
||||
title="How PolyWeather reads weather markets"
|
||||
/>
|
||||
<div className={contentWrap}>
|
||||
<section className="grid gap-4 md:grid-cols-2">
|
||||
{METHODOLOGY_PAGES.map((page) => (
|
||||
<article className={`${panel} p-5`} key={page.slug}>
|
||||
<p className={sectionTitle}>{formatDate(page.updatedAt)}</p>
|
||||
<h2 className="mt-2 text-2xl font-black text-slate-950">
|
||||
<Link href={methodologyPath(page)}>{page.title}</Link>
|
||||
</h2>
|
||||
<p className={`${bodyText} mt-3`}>{page.description}</p>
|
||||
<Link className={`${secondaryButton} mt-5`} href={methodologyPath(page)}>
|
||||
Read methodology
|
||||
</Link>
|
||||
</article>
|
||||
))}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function MethodologyDetailPageView({ page }: { page: MethodologyPage }) {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicContentAnalytics
|
||||
eventType="methodology_view"
|
||||
onceKey={`methodology:${page.slug}`}
|
||||
payload={{ slug: page.slug, content_type: "methodology" }}
|
||||
/>
|
||||
<PublicHeader />
|
||||
<PageIntro description={page.description} eyebrow="Methodology" title={page.title} />
|
||||
<div className={contentWrap}>
|
||||
<article className={`${panel} p-5`}>
|
||||
<p className="max-w-3xl text-base leading-7 text-slate-700">{page.summary}</p>
|
||||
<div className="mt-8 grid gap-8">
|
||||
{page.sections.map((section) => (
|
||||
<section key={section.heading}>
|
||||
<h2 className="text-xl font-black text-slate-950">{section.heading}</h2>
|
||||
<p className={`${bodyText} mt-3`}>{section.body}</p>
|
||||
<ul className="mt-4 grid gap-3">
|
||||
{section.bullets.map((bullet) => (
|
||||
<li className={bodyText} key={bullet}>
|
||||
{bullet}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</section>
|
||||
))}
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function SourcesIndexPageView() {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicHeader />
|
||||
<PageIntro
|
||||
description="Source pages separate official observations, airport observations, and model guidance so readers can inspect why PolyWeather prioritizes settlement-relevant evidence."
|
||||
eyebrow="Sources"
|
||||
title="Weather source notes for public audit"
|
||||
/>
|
||||
<div className={contentWrap}>
|
||||
<section className="grid gap-4 md:grid-cols-2">
|
||||
{SOURCE_PAGES.map((source) => (
|
||||
<article className={`${panel} p-5`} key={source.slug}>
|
||||
<p className={sectionTitle}>{source.operator}</p>
|
||||
<h2 className="mt-2 text-2xl font-black text-slate-950">
|
||||
<Link href={sourcePath(source)}>{source.title}</Link>
|
||||
</h2>
|
||||
<p className={`${bodyText} mt-3`}>{source.description}</p>
|
||||
<Link className={`${secondaryButton} mt-5`} href={sourcePath(source)}>
|
||||
Read source note
|
||||
</Link>
|
||||
</article>
|
||||
))}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function SourceDetailPageView({ source }: { source: SourcePage }) {
|
||||
return (
|
||||
<div className={pageShell}>
|
||||
<PublicHeader />
|
||||
<PageIntro description={source.description} eyebrow="Source note" title={source.title} />
|
||||
<div className={contentWrap}>
|
||||
<article className={`${panel} grid gap-6 p-5 lg:grid-cols-[0.9fr_1.4fr]`}>
|
||||
<dl className="grid gap-3 text-sm">
|
||||
<InfoRow label="Operator" value={source.operator} />
|
||||
<InfoRow label="Coverage" value={source.coverage} />
|
||||
<InfoRow label="Cadence" value={source.cadence} />
|
||||
<InfoRow label="Settlement use" value={source.settlementUse} />
|
||||
</dl>
|
||||
<div>
|
||||
<p className={sectionTitle}>Reliability notes</p>
|
||||
<ul className="mt-4 grid gap-3">
|
||||
{source.reliabilityNotes.map((note) => (
|
||||
<li className={bodyText} key={note}>
|
||||
{note}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
<div className="mt-6">
|
||||
<p className={sectionTitle}>Related methodology</p>
|
||||
<div className="mt-4">
|
||||
<MethodologyLinks slugs={source.relatedMethodologySlugs} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function formatDateTime(value: string) {
|
||||
return new Intl.DateTimeFormat("en", {
|
||||
dateStyle: "medium",
|
||||
timeStyle: "short",
|
||||
}).format(new Date(value));
|
||||
}
|
||||
|
||||
function formatDate(value: string) {
|
||||
return new Intl.DateTimeFormat("en", {
|
||||
dateStyle: "medium",
|
||||
}).format(new Date(value));
|
||||
}
|
||||
@@ -0,0 +1,110 @@
|
||||
import fs from "node:fs";
|
||||
import path from "node:path";
|
||||
|
||||
function assert(condition: unknown, message: string) {
|
||||
if (!condition) throw new Error(message);
|
||||
}
|
||||
|
||||
export function runTests() {
|
||||
const root = process.cwd();
|
||||
const contentPath = path.join(root, "content", "public-content.ts");
|
||||
const briefsIndexPath = path.join(root, "app", "briefs", "page.tsx");
|
||||
const briefDetailPath = path.join(root, "app", "briefs", "[city]", "[date]", "page.tsx");
|
||||
const methodologyIndexPath = path.join(root, "app", "methodology", "page.tsx");
|
||||
const methodologyDetailPath = path.join(root, "app", "methodology", "[slug]", "page.tsx");
|
||||
const sourcesIndexPath = path.join(root, "app", "sources", "page.tsx");
|
||||
const sourceDetailPath = path.join(root, "app", "sources", "[slug]", "page.tsx");
|
||||
const analyticsPath = path.join(root, "lib", "app-analytics.ts");
|
||||
const analyticsIslandPath = path.join(root, "components", "public-content", "PublicContentAnalytics.tsx");
|
||||
const publicPagesPath = path.join(root, "components", "public-content", "PublicContentPages.tsx");
|
||||
const sitemapPath = path.join(root, "app", "sitemap.ts");
|
||||
|
||||
for (const requiredPath of [
|
||||
contentPath,
|
||||
briefsIndexPath,
|
||||
briefDetailPath,
|
||||
methodologyIndexPath,
|
||||
methodologyDetailPath,
|
||||
sourcesIndexPath,
|
||||
sourceDetailPath,
|
||||
analyticsIslandPath,
|
||||
publicPagesPath,
|
||||
]) {
|
||||
assert(fs.existsSync(requiredPath), `${path.relative(root, requiredPath)} must exist`);
|
||||
}
|
||||
|
||||
const content = fs.readFileSync(contentPath, "utf8");
|
||||
const briefDetail = fs.readFileSync(briefDetailPath, "utf8");
|
||||
const methodologyDetail = fs.readFileSync(methodologyDetailPath, "utf8");
|
||||
const sourceDetail = fs.readFileSync(sourceDetailPath, "utf8");
|
||||
const analytics = fs.readFileSync(analyticsPath, "utf8");
|
||||
const analyticsIsland = fs.readFileSync(analyticsIslandPath, "utf8");
|
||||
const publicPages = fs.readFileSync(publicPagesPath, "utf8");
|
||||
const sitemap = fs.readFileSync(sitemapPath, "utf8");
|
||||
const briefsIndex = fs.readFileSync(briefsIndexPath, "utf8");
|
||||
|
||||
assert(
|
||||
content.includes("PUBLIC_BRIEFS") &&
|
||||
content.includes("METHODOLOGY_PAGES") &&
|
||||
content.includes("SOURCE_PAGES") &&
|
||||
content.includes('"ankara"') &&
|
||||
content.includes('"deb"') &&
|
||||
content.includes('"mgm"'),
|
||||
"public content module must define sample briefs plus DEB and MGM public pages",
|
||||
);
|
||||
assert(
|
||||
content.includes("notFinancialAdvice") &&
|
||||
content.includes("updatedAt") &&
|
||||
content.includes("settlementSource") &&
|
||||
content.includes("distributionText"),
|
||||
"public briefs must carry disclaimer, freshness, settlement source, and shareable distribution copy",
|
||||
);
|
||||
assert(
|
||||
briefDetail.includes("generateStaticParams") &&
|
||||
briefDetail.includes("generateMetadata") &&
|
||||
briefDetail.includes("application/ld+json") &&
|
||||
briefDetail.includes("BreadcrumbList") &&
|
||||
briefDetail.includes("Article") &&
|
||||
briefDetail.includes("notFound()"),
|
||||
"brief detail route must be statically indexable with metadata, JSON-LD, breadcrumbs, and 404 handling",
|
||||
);
|
||||
assert(
|
||||
methodologyDetail.includes("generateStaticParams") &&
|
||||
methodologyDetail.includes("TechArticle") &&
|
||||
methodologyDetail.includes("application/ld+json") &&
|
||||
sourceDetail.includes("Dataset") &&
|
||||
sourceDetail.includes("application/ld+json"),
|
||||
"methodology and source detail routes must expose structured data for GEO/SEO",
|
||||
);
|
||||
assert(
|
||||
publicPages.includes('MethodologyLinks slugs={["deb", "settlement-sources"]}') &&
|
||||
publicPages.includes('SourceLinks slugs={["mgm", "metar", "hko", "noaa"]}') &&
|
||||
briefsIndex.includes("Weather Market Brief"),
|
||||
"brief index must cross-link to DEB methodology and settlement source pages",
|
||||
);
|
||||
assert(
|
||||
analytics.includes('"brief_view"') &&
|
||||
analytics.includes('"brief_cta_click"') &&
|
||||
analytics.includes('"methodology_view"') &&
|
||||
analytics.includes('"social_outbound_click"'),
|
||||
"analytics event union must include public content acquisition events",
|
||||
);
|
||||
assert(
|
||||
analyticsIsland.startsWith('"use client"') &&
|
||||
analyticsIsland.includes("trackAppEvent") &&
|
||||
analyticsIsland.includes("brief_view") &&
|
||||
analyticsIsland.includes("brief_cta_click") &&
|
||||
analyticsIsland.includes("methodology_view") &&
|
||||
analyticsIsland.includes("social_outbound_click"),
|
||||
"public content analytics must be isolated in a client island and emit the new events",
|
||||
);
|
||||
assert(
|
||||
sitemap.includes("PUBLIC_BRIEFS") &&
|
||||
sitemap.includes("METHODOLOGY_PAGES") &&
|
||||
sitemap.includes("SOURCE_PAGES") &&
|
||||
sitemap.includes("/briefs") &&
|
||||
sitemap.includes("/methodology/") &&
|
||||
sitemap.includes("/sources/"),
|
||||
"sitemap must enumerate public content assets for search and answer engines",
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user