- {signal.label} -
-- {signal.title} -
-{signal.body}
-
-
-
+
+
-
-
-
-
-
-
+
-
+
diff --git a/src/app/digest/unsubscribe/page.tsx b/src/app/digest/unsubscribe/page.tsx
index 3844f21..7f09338 100644
--- a/src/app/digest/unsubscribe/page.tsx
+++ b/src/app/digest/unsubscribe/page.tsx
@@ -1,8 +1,7 @@
import type { Metadata } from 'next'
import Link from 'next/link'
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import { CenteredShell, FileCard } from '@/components/review/review-ui'
import { unsubscribeFromDigest } from '@/lib/actions'
export const metadata: Metadata = {
@@ -29,97 +28,67 @@ export default async function UnsubscribePage({
const hasValidToken = UUID.test(token)
return (
-
+ auth/sign-in
+
+ github only
- ~/auth/sign-in.sh
- secure
-
- welcome back
+
-
- $ auth --login --provider github
-
-
- welcome back
+
+ Welcome back.
-
- we use github sign-in only — same account you use to ship code. +
+ We use GitHub sign-in only, the same account you use to ship code.
{error && ( -- → - error: {error} +
+ Could not sign in with GitHub. Try again in a moment.
)} -
-
+ {'// no email, no password, no spam.'}
-{'// we read your public profile and email only.'}
--
+
- No password and no spam. +
- We read your public profile and email only. +
- new here?
- same button works for new accounts.
+
+ New here?
+ The same button creates your account.
-
-
-
-
-
-
-
-
-
-
-
-
- ~/digest/unsubscribe.sh
-
-
-
- {isDone ? (
- <>
-
+
+
-
+
+
)
}
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
index 1518182..2aab35d 100644
--- a/src/app/global-error.tsx
+++ b/src/app/global-error.tsx
@@ -45,25 +45,24 @@ export default function GlobalError({
maxWidth: '460px',
background: 'var(--shade)',
border: '1px solid var(--line)',
- borderRadius: '6px',
+ borderRadius: '12px',
overflow: 'hidden',
}}
>
- $ digest --unsubscribe
-
- - unsubscribed. -
-- Your email was removed. No more weekly digests will be sent to it. -
- - ) : isError ? ( - <> -
- $ digest --unsubscribe
-
- - something broke. -
-- Could not unsubscribe right now. Try the link from your email again in a minute. -
- - ) : hasValidToken ? ( - <> -
- $ digest --unsubscribe --confirm
-
- - stop the weekly digest? -
-- Confirm to remove your email from the StackPulse weekly digest list. -
- - - ) : ( - <> -
- $ digest --unsubscribe
-
- - invalid link. -
-- This unsubscribe link is missing its token. Use the link from the bottom of a - digest email. -
- - )} +
+ {isDone ? (
+ <>
+
- + Unsubscribed. +
++ Your email was removed. No more weekly digests will be sent to it. +
+ + ) : isError ? ( + <> ++ Could not unsubscribe. +
++ Something went wrong on our side. Try the link from your email again in a minute. +
+ + ) : hasValidToken ? ( + <> ++ Stop the weekly digest? +
++ Confirm to remove your email from the StackPulse weekly digest list. +
+ + + ) : ( + <> ++ Invalid link. +
++ This unsubscribe link is missing its token. Use the link from the bottom of a + digest email. +
+ + )} -
-
- cd ~ → back to stackpulse
-
-
+
+
+ Back to StackPulse
+
-
-
-
- ~/fatal
+ app/root.tsx
+ fatal
diff --git a/src/app/globals.css b/src/app/globals.css
index 9b5079b..20b9ad3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -84,6 +84,26 @@
}
}
+ /* Homepage hero: the removed line strikes through, then the added line lands */
+ --animate-diff-strike: diff-strike 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.5s both;
+ --animate-diff-land: diff-land 0.55s cubic-bezier(0.16, 1, 0.3, 1) 1.05s both;
+
+ @keyframes diff-strike {
+ from {
+ transform: scaleX(0);
+ }
+ to {
+ transform: scaleX(1);
+ }
+ }
+
+ @keyframes diff-land {
+ from {
+ opacity: 0;
+ transform: translateY(-0.25em);
+ }
+ }
+
/* Logo: beats rise off the feed line, flagged beat pings once */
@keyframes logo-rise {
from {
@@ -519,8 +539,8 @@ a:not([class]):hover {
letter-spacing: -0.01em;
}
.legal-prose h2::before {
- content: '§ ';
- color: var(--lime);
+ content: '## ';
+ color: var(--fade);
}
.legal-prose p {
margin-bottom: 1rem;
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 4c6709a..e830f69 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,7 +1,7 @@
import type { Metadata } from 'next'
import Link from 'next/link'
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+
+import { CenteredShell, DiffLine, DiffLines, FileCard, button } from '@/components/review/review-ui'
export const metadata: Metadata = {
title: '404 — route not found',
@@ -10,62 +10,29 @@ export const metadata: Metadata = {
export default function NotFound() {
return (
-
-
-
-
-
-
- ',
- title: 'pick your stack',
+ title: 'Pick your stack',
body: 'Paste your package.json and follow your whole stack in one click, choose from 90+ registry stacks, or add any GitHub repo URL.',
},
{
- n: '02',
- cmd: 'pulse --watch',
- title: 'we watch the releases',
+ title: 'StackPulse watches the releases',
body: 'Every new GitHub release for your stack is fetched twice a day, parsed, and run through an AI summariser tuned for changelogs and migration notes.',
},
{
- n: '03',
- cmd: 'feed --read',
- title: 'review upgrade risk',
+ title: 'Review the upgrade risk',
body: 'Read one feed with breaking changes, deprecations, new APIs, and source links called out before you update production dependencies.',
},
]
const trackedStacks = [
- { name: 'react', slug: 'react', icon: ReactIcon },
- { name: 'next', slug: 'nextjs', icon: SourceCodeIcon },
- { name: 'tailwind', slug: 'tailwindcss', icon: TailwindcssIcon },
- { name: 'shadcn', slug: 'shadcn-ui', icon: ShadcnIcon },
- { name: 'typescript', slug: 'typescript', icon: Typescript03Icon },
- { name: 'drizzle', slug: 'drizzle-orm', icon: Database02Icon },
- { name: 'remix', slug: 'remix', icon: ServerStack01Icon },
- { name: 'astro', slug: 'astro', icon: RocketIcon },
- { name: 'vite', slug: 'vite', icon: ZapIcon },
- { name: 'bun', slug: 'bun', icon: Package01Icon },
- { name: 'svelte', slug: 'svelte', icon: Flag03Icon },
- { name: 'solid', slug: 'solidjs', icon: Atom01Icon },
+ { name: 'react', slug: 'react' },
+ { name: 'next', slug: 'nextjs' },
+ { name: 'tailwind', slug: 'tailwindcss' },
+ { name: 'shadcn', slug: 'shadcn-ui' },
+ { name: 'typescript', slug: 'typescript' },
+ { name: 'drizzle', slug: 'drizzle-orm' },
+ { name: 'remix', slug: 'remix' },
+ { name: 'astro', slug: 'astro' },
+ { name: 'vite', slug: 'vite' },
+ { name: 'bun', slug: 'bun' },
+ { name: 'svelte', slug: 'svelte' },
+ { name: 'solid', slug: 'solidjs' },
]
const releaseSignals = [
{
+ tone: 'breaking',
label: 'breaking changes',
title: 'Find the release notes that can break production.',
body: 'StackPulse highlights risky changes from upstream changelogs so you can scan the impact before bumping a framework, package, or tool.',
},
{
+ tone: 'deprecation',
label: 'deprecations',
title: 'Catch deprecated APIs before they disappear.',
body: 'Follow the libraries in your stack and surface removals, renamed options, and migration warnings in the same place as normal releases.',
},
{
+ tone: 'migration',
label: 'upgrade notes',
title: 'Turn long changelogs into practical next steps.',
body: 'Each digest keeps the important context close: what changed, why it matters, and where to read the original release before changing code.',
},
]
+const delivery = [
+ {
+ title: 'Weekly digest',
+ body: 'One email on Mondays with what shipped in the stacks you follow.',
+ },
+ {
+ title: 'Slack or Discord',
+ body: 'Send new releases above an importance threshold to one webhook.',
+ },
+ {
+ title: 'Ask about a release',
+ body: 'Signed in, ask follow-up questions about a specific upgrade.',
+ },
+ {
+ title: 'Public stack pages',
+ body: 'Source-linked release history for every stack in the registry.',
+ },
+]
+
+// Illustrative rows for the homepage review. Labelled "example" where they render.
+const exampleReleases: { stack: string; version: string; signal: string; comment?: string }[] = [
+ {
+ stack: 'next',
+ version: 'v16.2.6',
+ signal: 'breaking',
+ comment:
+ 'Migration impact highlighted. Read the summary and the source release before you bump.',
+ },
+ {
+ stack: 'drizzle-orm',
+ version: 'v0.45.2',
+ signal: 'deprecation',
+ comment: 'Deprecated options called out. Plan the replacement before the next major.',
+ },
+ { stack: 'tailwindcss', version: 'v4.0.0', signal: 'migration' },
+ { stack: 'react', version: 'v19.2.0', signal: 'feature' },
+ { stack: 'better-auth', version: 'v1.6.10', signal: 'feature' },
+]
+
+const files = [
+ { id: 'feed', path: 'releases/since-last-read.diff', stat: '+5' },
+ { id: 'how-it-works', path: 'how-it-works.sh', stat: '+6' },
+ { id: 'signals', path: 'review/signals.md', stat: '3 comments' },
+ { id: 'registry', path: 'registry.json', stat: '+12' },
+ { id: 'mcp', path: '.mcp.json', stat: '+1' },
+ { id: 'pricing', path: 'pricing.diff', stat: '+3' },
+ { id: 'faq', path: 'FAQ.md', stat: '4 threads' },
+]
+
const faqItems = [
{
question: 'What is StackPulse?',
@@ -174,306 +217,313 @@ export default async function LandingPage() {
dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }}
/>
-
-
-
+
-
+
-
-
-
-
-
- ~/router
- ● 404
-
-
-
- http 404}>
+ 404}>
+
+ @@ route lookup @@
+
+ /the-page-you-wanted
+
+
+
-
+
+
)
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b39c37..8393989 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,81 +1,124 @@
import Link from 'next/link'
-import { redirect } from 'next/navigation'
-import { getAuth } from '@/lib/auth'
import { headers } from 'next/headers'
-import {
- ReactIcon,
- TailwindcssIcon,
- Typescript03Icon,
- Database02Icon,
- SourceCodeIcon,
- ZapIcon,
- ShadcnIcon,
- ServerStack01Icon,
- RocketIcon,
- Package01Icon,
- Atom01Icon,
- Flag03Icon,
-} from 'hugeicons-react'
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import { redirect } from 'next/navigation'
+import { GithubIcon } from 'hugeicons-react'
+
import { DigestSignupForm } from '@/components/landing/digest-signup-form'
-import { StackPulseHero } from '@/components/stack-pulse-hero'
+import {
+ Badge,
+ Checks,
+ DiffLine,
+ DiffLines,
+ FileCard,
+ MergeBox,
+ ReviewComment,
+ button,
+} from '@/components/review/review-ui'
+import { SiteFooter } from '@/components/site/site-footer'
+import { SiteHeader } from '@/components/site/site-header'
+import { getAuth } from '@/lib/auth'
import { getLandingStats } from '@/lib/landing-stats'
const steps = [
{
- n: '01',
- cmd: 'stack add
- $
- cd
- ./the-page-you-wanted
-
-
- bash: cd: no such file or directory
-
-
-
- 404
-
- - this route doesn't exist — it may have moved, or never shipped. -
- -
-
- $
- cd ~/
-
-
- open dashboard
-
-
+
+
- 404
++ This route doesn't exist. It may have moved, or it never shipped. +
+
+
+ Go home
+
+
+ Open the feed
+
+
-
- $ stackpulse --stats
-
- {stats.releases.toLocaleString()}{' '}
- releases distilled
-
-
- {stats.breaking.toLocaleString()}{' '}
- with breaking changes
-
-
- {stats.stacks.toLocaleString()}{' '}
- stacks in registry
+
-
-
- {/* How it works */}
-
-
-
- {/* Tracked stacks */}
-
-
+
- )}
-
- {/* Release signals */}
-
+ your-week.md
+
+ +1 -1
-
-
-
-
-
- - § release_intelligence -
- - source-backed -
-
- - Release notes are easy to miss. Breaking changes are not. -
-- StackPulse is built for developers who need to know when a framework release, - dependency update, or package changelog contains work that can affect production code. + - + + Read every changelog. + +
++ + Review what breaks. +
- {releaseSignals.map((signal) => (
-
-
- ))}
-
-
-
-
-
-
- - § how_it_works -
- - 3 steps -- How StackPulse tracks GitHub releases and turns them into AI-summarised digests. -
-
- {steps.map((s) => (
-
-
-
- ))}
-
- {s.n}
- step
-
-
- $
- {s.cmd.split(' ')[0]}{' '}
- {s.cmd.split(' ').slice(1).join(' ')}
-
- - {s.title} -
-{s.body}
- -
-
-
-
-
- - § tracked_stacks -
- - + custom repos -- Frameworks and libraries StackPulse tracks out of the box, plus support for any custom - GitHub repository. -
-
-
-
-
-
-
-
- ~/registry.json
- 90+ stacks in registry
-
-
- {trackedStacks.map(({ name, slug, icon: Icon }) => (
-
-
- {name}
+
+
-
+
+
- + Track GitHub releases for the libraries you ship with. StackPulse reads every + changelog and leaves review comments on the ones that matter: breaking changes, + deprecations, and migration notes, each linked to its source. +
+
+
+
+ Sign in with GitHub
- ))}
+
+ Browse the public feed
+
+
+ Source ↗
+
+
- missing one? add any github repo from onboarding
-
- add custom →
-
+
- {/* CTA bar */}
-
+
checks
+ {stats && stats.releases > 0 ? ( +
-
)
}
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
index d7792ac..a582498 100644
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -8,7 +8,7 @@ export const metadata: Metadata = {
export default function PrivacyPage() {
return (
-
- ready?
-
- - stop missing upgrade work. -
-- Free, open-source, no paywall. Sign in with GitHub and start tracking framework - releases, breaking changes, and deprecation notes in under a minute. +
+
+
+
+ {steps.map((step, i) => (
+
+
- {/* FAQ */}
-
-
+
-
+
+
+
+ [
+
+ {trackedStacks.map((stack, i) => (
+
+
+ "{stack.name}"
+
+ ,
+
+ ))}
+
+
+ {'// …and more. Missing one? '}
+
+ Add any public GitHub repo
+
+
+
+
+ ]
+
+
+
-
+
+
+
+ example}
+ title="Your feed, as a review"
>
- $
- ./browse-public-feed
-
-
-
+ @@ 5 releases since your last read @@
+ {exampleReleases.map((release, i) => (
+
+
+ +6}
+ title="How it works"
>
- $
- ./track-my-stack
-
-
-
+
+
+ {release.stack}
+ @
+ {release.version}
+ {!release.comment && (
+
+ {release.signal}
+
+ )}
+
+ {release.comment && (
+
+ {release.comment}
+
+ )}
+
+ ))}
+
+
-
-
+
+
+ # {i + 1}. {step.title}
+
+
+
+ {step.body}
+
+
+ ))}
+
-
+ - § faq -
- - searchable answers -
+ {releaseSignals.map((signal) => (
+
+ {signal.title}{' '}
+ {signal.body}
+
+ ))}
+
+ -
+ {delivery.map((item) => (
+
-
+
{item.title}
+{item.body}
+
+ ))}
+
- {faqItems.map((item) => (
-
-
- ))}
-
- {item.question}
-- {item.answer} -
-
StackPulse is a non-profit, open-source service that helps developers track GitHub release
notes for the libraries they use. We try to collect as little as possible. This page
diff --git a/src/app/skills/[slug]/page.tsx b/src/app/skills/[slug]/page.tsx
index 7e4f1c2..d604b55 100644
--- a/src/app/skills/[slug]/page.tsx
+++ b/src/app/skills/[slug]/page.tsx
@@ -1,6 +1,6 @@
import type { Metadata } from 'next'
-import Link from 'next/link'
import { notFound } from 'next/navigation'
+import { PageIntro } from '@/components/review/review-ui'
import { SkillDate, SkillPanel, SkillShell, UpdateRows } from '@/components/skills/skill-ui'
import { SKILL_CATALOG, skillSourceUrl } from '@/lib/skill-catalog'
import { getPublicSkill, skillCheckLabel } from '@/lib/public-skills'
@@ -28,14 +28,15 @@ export default async function SkillPage({ params }: Props) {
const { skill, updates } = data
return (
{skill.description}
{skill.repository}
diff --git a/src/app/skills/[slug]/updates/[updateId]/page.tsx b/src/app/skills/[slug]/updates/[updateId]/page.tsx
index ce6b61d..b1f2c01 100644
--- a/src/app/skills/[slug]/updates/[updateId]/page.tsx
+++ b/src/app/skills/[slug]/updates/[updateId]/page.tsx
@@ -1,6 +1,6 @@
import type { Metadata } from 'next'
-import Link from 'next/link'
import { notFound } from 'next/navigation'
+import { PageIntro } from '@/components/review/review-ui'
import { SkillDate, SkillPanel, SkillShell } from '@/components/skills/skill-ui'
import { getPublicSkillUpdate, skillAnalysisLabel } from '@/lib/public-skills'
@@ -37,20 +37,28 @@ export default async function SkillUpdatePage({ params }: Props) {
}
return (
- {update.previousRevision.slice(0, 7)} → {update.newRevision.slice(0, 7)}
-
- {skillAnalysisLabel(update.analysisStatus)} · detected{' '}
-
+ Detected
- reading skill revisions…
-
- § agent skill intelligence · phase 1
-
- Source changes, potential behavior shifts, and advisory update assessments for ten curated
- skills. Compare immutable revisions before changing your pinned copy.
-
- {data.tech.description || `Follow ${data.tech.name} releases from GitHub.`} StackPulse
- turns upstream changelogs into scannable summaries with risky changes, deprecations,
- migration notes, and source links.
-
- no releases have been indexed for this stack yet.
-
- follow it from the dashboard to start collecting release notes.
-
- no releases match the {signalFilter} filter.
-
- try viewing all indexed releases for this stack.
- {label} {body} {release.title}
- Detailed notes have not been indexed for this release yet.
+ {release.publishedAt && (
+
+ Published{' '}
+
+ Detailed notes have not been indexed for this release yet.
+
- Enter the version you run today. StackPulse lines up every stored breaking change,
- deprecation, security note, and migration step between it and{' '}
- {plan.latest ? (
- {plan.latest.version}
- ) : (
- 'the latest release'
- )}
- .
-
- {skill.name}
- .
-
-
- {skill.name}
- .
-
-
- instructions change.
-
-
- understand the impact.
-
+
{[
['curated', skills.length],
['baselined', skills.filter((s) => s.baselineRevision).length],
diff --git a/src/app/stacks/[slug]/loading.tsx b/src/app/stacks/[slug]/loading.tsx
index 6cef2f0..de7980a 100644
--- a/src/app/stacks/[slug]/loading.tsx
+++ b/src/app/stacks/[slug]/loading.tsx
@@ -1,10 +1,6 @@
-import Link from 'next/link'
-import { ArrowLeft01Icon } from 'hugeicons-react'
-
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
-import { Skeleton } from '@/components/ui/skeleton'
+import { SiteHeader } from '@/components/site/site-header'
import { PulseLoader } from '@/components/ui/pulse-loader'
+import { Skeleton } from '@/components/ui/skeleton'
// `params` and `searchParams` are URL-specific, so Partial Prefetching shares this App
// Shell across every stack link instead of rendering every slug ahead of time. Chrome and
@@ -12,103 +8,66 @@ import { PulseLoader } from '@/components/ui/pulse-loader'
export default function StackPageLoading() {
return (
-
- #
- stacks
- /
-
+
+
-
-
+ stackpulse
+ /
+ stacks
+ /
+
+
+
-
-
-
+
-
- {['releases', 'breaking', 'security', 'deprecated', 'migrations'].map((label) => (
-
-
-
- {label}
+
-
-
+
-
+
+
+ {['releases', 'breaking', 'security', 'deprecated', 'migrations'].map((label) => (
+
- ))}
-
+
- {label}
+
-
- ))}
-
-
+ ))}
-
-
-
- # latest_releases
-
-
- source-backed
-
- {['all', 'breaking', 'deprecation', 'migration', 'security'].map((signal) => (
-
+
+
+ Latest releases
+
+
{Array.from({ length: 3 }).map((_, i) => (
-
-
+
))}
diff --git a/src/app/stacks/[slug]/page.tsx b/src/app/stacks/[slug]/page.tsx
index 529a1aa..7150e22 100644
--- a/src/app/stacks/[slug]/page.tsx
+++ b/src/app/stacks/[slug]/page.tsx
@@ -1,12 +1,22 @@
import type { Metadata } from 'next'
import Link from 'next/link'
import { notFound } from 'next/navigation'
-import { ArrowLeft01Icon, ArrowUp01Icon, Link01Icon, RssIcon } from 'hugeicons-react'
+import { ArrowUp01Icon, GitCompareIcon, Link01Icon, RssIcon } from 'hugeicons-react'
import { DigestSignupForm } from '@/components/landing/digest-signup-form'
-import { Logo } from '@/components/logo'
import { ReleaseNotes } from '@/components/releases/release-notes'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import {
+ Badge,
+ CardNote,
+ FileCard,
+ PageIntro,
+ ReviewComment,
+ StatGrid,
+ button,
+ cx,
+} from '@/components/review/review-ui'
+import { SiteFooter } from '@/components/site/site-footer'
+import { SiteHeader } from '@/components/site/site-header'
import {
getPublicStackPage,
getPublicStackSlugs,
@@ -20,20 +30,7 @@ type Props = {
const appUrl = process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000'
-const signalTone: Record
+
@@ -118,10 +77,6 @@ export default function StackPageLoading() {
-
-
- #
- stacks/{data.tech.slug}
- {data.tech.category && (
+
-
-
-
-
- {data.tech.name} release notes, breaking changes, and upgrade notes
- .
-
-
+ }
+ actions={
+ <>
+
+ Track this stack
+
+
+
+ Plan an upgrade
+
-
-
-
+
+ }
+ />
+
+
+
+
-
-
+
-
-
- # latest_releases
+ Latest releases
+
+ {filteredReleases.length}
+
-
- source-backed
-
- {signalFilters.map((signal) => (
-
- {signal}
-
- ))}
+
{data.releases.length === 0 ? (
-
-
+
-
+
+
{filteredReleases.map((release) => (
)
}
+function withFullStop(text: string) {
+ return /[.!?]$/.test(text.trim()) ? text.trim() : `${text.trim()}.`
+}
+
function parseSignalFilter(value: string | string[] | undefined): SignalFilter {
const raw = Array.isArray(value) ? value[0] : value
return signalFilters.includes(raw as SignalFilter) ? (raw as SignalFilter) : 'all'
}
-function SeoBlock({ label, title, body }: { label: string; title: string; body: string }) {
- return (
- {title}
-
+
{release.version}
-
- {importance}
-
- {visibleSignals.map((signal) => (
-
+
-
+
{release.title || release.version}
-
- )
-}
-
function formatDate(date: Date) {
return new Intl.DateTimeFormat('en-US', {
month: 'short',
diff --git a/src/app/stacks/[slug]/releases/[releaseId]/loading.tsx b/src/app/stacks/[slug]/releases/[releaseId]/loading.tsx
index 8cb0dc2..f07b773 100644
--- a/src/app/stacks/[slug]/releases/[releaseId]/loading.tsx
+++ b/src/app/stacks/[slug]/releases/[releaseId]/loading.tsx
@@ -1,30 +1,35 @@
-import { Logo } from '@/components/logo'
+import { SiteHeader } from '@/components/site/site-header'
import { PulseLoader } from '@/components/ui/pulse-loader'
import { Skeleton } from '@/components/ui/skeleton'
export default function LoadingRelease() {
return (
- {label}
- {value}
-
-
-
-
-
)
}
diff --git a/src/app/stacks/[slug]/releases/[releaseId]/page.tsx b/src/app/stacks/[slug]/releases/[releaseId]/page.tsx
index 5dbef78..f5ecf83 100644
--- a/src/app/stacks/[slug]/releases/[releaseId]/page.tsx
+++ b/src/app/stacks/[slug]/releases/[releaseId]/page.tsx
@@ -1,13 +1,13 @@
import type { Metadata } from 'next'
-import Link from 'next/link'
import { notFound } from 'next/navigation'
-import { ArrowLeft01Icon, Link01Icon } from 'hugeicons-react'
+import { Link01Icon } from 'hugeicons-react'
-import { Logo } from '@/components/logo'
import { ReleaseAuth } from '@/components/releases/release-auth'
import { ReleaseNotes } from '@/components/releases/release-notes'
import { ReleaseVote } from '@/components/releases/release-vote'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import { Badge, FileCard, PageIntro } from '@/components/review/review-ui'
+import { SiteFooter } from '@/components/site/site-footer'
+import { SiteHeader } from '@/components/site/site-header'
import { getPublicRelease } from '@/lib/public-releases'
type Props = { params: Promise<{ slug: string; releaseId: string }> }
@@ -53,87 +53,90 @@ export default async function ReleasePage({ params }: Props) {
return (
+
-
+
+
+
-
+
+
+
+
+
+
+
-
-
-
- # {tech.slug}/release
- {release.publishedAt && (
-
- )}
-
-
- {tech.name} {release.version}
-
- {release.title && release.title !== release.version && (
-
- {release.importanceLevel && (
-
- importance: {release.importanceLevel}
-
- )}
- {release.releaseSignals.map((signal) => (
-
- {signal}
-
- ))}
- {release.isPrerelease && (
-
- prerelease
-
- )}
-
-
-
)
}
diff --git a/src/app/stacks/[slug]/upgrade/loading.tsx b/src/app/stacks/[slug]/upgrade/loading.tsx
index e52f070..fbd6485 100644
--- a/src/app/stacks/[slug]/upgrade/loading.tsx
+++ b/src/app/stacks/[slug]/upgrade/loading.tsx
@@ -1,94 +1,44 @@
-import Link from 'next/link'
-import { ArrowLeft01Icon } from 'hugeicons-react'
-
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import { SiteHeader } from '@/components/site/site-header'
import { PulseLoader } from '@/components/ui/pulse-loader'
import { Skeleton } from '@/components/ui/skeleton'
export default function UpgradePlannerLoading() {
return (
-
+
+ }
+ />
+
+
+
+
+
-
- #
+
+ stackpulse
+ /
stacks
- /
+ /
-
-
-
+
-
-
-
-
-
-
-
- ~/upgrade-planner.sh
- no sign-in needed
+
+
+ Compare versions
-
-
-
+
- {['releases in range', 'breaking', 'security', 'deprecations'].map((label) => (
-
-
-
-
- ))}
-
- {label}
-
-
- {['breaking changes', 'security notes', 'deprecations', 'migration checklist'].map(
- (section) => (
-
diff --git a/src/app/stacks/[slug]/upgrade/page.tsx b/src/app/stacks/[slug]/upgrade/page.tsx
index 77eb009..086ad69 100644
--- a/src/app/stacks/[slug]/upgrade/page.tsx
+++ b/src/app/stacks/[slug]/upgrade/page.tsx
@@ -1,10 +1,19 @@
import type { Metadata } from 'next'
import Link from 'next/link'
import { notFound } from 'next/navigation'
-import { ArrowLeft01Icon } from 'hugeicons-react'
+import { GitCompareIcon } from 'hugeicons-react'
-import { Logo } from '@/components/logo'
-import { ThemeSwitcher } from '@/components/theme-switcher'
+import {
+ CardNote,
+ FileCard,
+ MergeBox,
+ PageIntro,
+ StatGrid,
+ button,
+ cx,
+} from '@/components/review/review-ui'
+import { SiteFooter } from '@/components/site/site-footer'
+import { SiteHeader } from '@/components/site/site-header'
import { getUpgradePlan, type UpgradePlanItem } from '@/lib/upgrade-plan'
type Props = {
@@ -48,159 +57,166 @@ export default async function UpgradePlannerPage({ params, searchParams }: Props
if (!plan) notFound()
const hasRange = plan.fromIsValid && plan.fromVersion !== null
+ const latest = plan.latest?.version ?? 'latest'
return (
-
- § {section.replace(/ /g, '_')}
-
-
-
-
-
-
+
-
- #
- stacks/{plan.tech.slug}/upgrade
-
+
- upgrade {plan.tech.name.toLowerCase()}
- .
-
-