diff options
Diffstat (limited to 'apps/web/src/app')
| -rw-r--r-- | apps/web/src/app/changelog/[version]/page.tsx | 37 | ||||
| -rw-r--r-- | apps/web/src/app/changelog/components/copy-markdown-button.tsx | 2 | ||||
| -rw-r--r-- | apps/web/src/app/changelog/components/release.tsx | 2 | ||||
| -rw-r--r-- | apps/web/src/app/changelog/utils.ts | 18 |
4 files changed, 33 insertions, 26 deletions
diff --git a/apps/web/src/app/changelog/[version]/page.tsx b/apps/web/src/app/changelog/[version]/page.tsx index a3647fbd..522f454a 100644 --- a/apps/web/src/app/changelog/[version]/page.tsx +++ b/apps/web/src/app/changelog/[version]/page.tsx @@ -2,9 +2,8 @@ import type { Metadata } from "next"; import Link from "next/link";
import { notFound } from "next/navigation";
import { BasePage } from "@/app/base-page";
-import { allChangelogs } from "content-collections";
import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { getSortedReleases } from "../utils";
+import { getReleaseByVersion, getSortedReleases } from "../utils";
import {
ReleaseArticle,
ReleaseMeta,
@@ -17,12 +16,12 @@ import { CopyMarkdownButton } from "../components/copy-markdown-button"; type Props = { params: Promise<{ version: string }> };
export async function generateStaticParams() {
- return allChangelogs.map((r) => ({ version: r.version }));
+ return getSortedReleases().map((release) => ({ version: release.version }));
}
export async function generateMetadata({ params }: Props): Promise<Metadata> {
const { version } = await params;
- const release = allChangelogs.find((r) => r.version === version);
+ const release = getReleaseByVersion({ version });
if (!release) return {};
return {
title: `${release.title} (${release.version}) - OpenCut Changelog`,
@@ -33,10 +32,8 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> { export default async function ReleaseDetailPage({ params }: Props) {
const { version } = await params;
const releases = getSortedReleases();
- const index = releases.findIndex((r) => r.version === version);
-
+ const index = releases.findIndex((entry) => entry.version === version);
if (index === -1) notFound();
-
const release = releases[index];
const newer = index > 0 ? releases[index - 1] : null;
const older = index < releases.length - 1 ? releases[index + 1] : null;
@@ -52,20 +49,20 @@ export default async function ReleaseDetailPage({ params }: Props) { All releases
</Link>
- <ReleaseArticle variant="detail">
- <div className="flex flex-col gap-4">
- <div className="flex items-center justify-between">
- <ReleaseMeta release={release} />
- <CopyMarkdownButton
- description={release.description}
- changes={release.changes}
- />
+ <ReleaseArticle variant="detail">
+ <div className="flex flex-col gap-4">
+ <div className="flex items-center justify-between">
+ <ReleaseMeta release={release} />
+ <CopyMarkdownButton
+ description={release.description}
+ changes={release.changes}
+ />
+ </div>
+ <ReleaseTitle as="h1">{release.title}</ReleaseTitle>
+ {release.description && (
+ <ReleaseDescription>{release.description}</ReleaseDescription>
+ )}
</div>
- <ReleaseTitle as="h1">{release.title}</ReleaseTitle>
- {release.description && (
- <ReleaseDescription>{release.description}</ReleaseDescription>
- )}
- </div>
<ReleaseChanges release={release} />
</ReleaseArticle>
diff --git a/apps/web/src/app/changelog/components/copy-markdown-button.tsx b/apps/web/src/app/changelog/components/copy-markdown-button.tsx index edb920f5..7ea18b2a 100644 --- a/apps/web/src/app/changelog/components/copy-markdown-button.tsx +++ b/apps/web/src/app/changelog/components/copy-markdown-button.tsx @@ -23,7 +23,7 @@ function buildMarkdown({ const { grouped, orderedTypes } = groupAndOrderChanges({ changes });
for (const type of orderedTypes) {
- lines.push(`## ${getSectionTitle(type)}`);
+ lines.push(`## ${getSectionTitle({ type })}`);
for (const change of grouped[type]) {
lines.push(`- ${change.text}`);
}
diff --git a/apps/web/src/app/changelog/components/release.tsx b/apps/web/src/app/changelog/components/release.tsx index 2226c321..10dcf561 100644 --- a/apps/web/src/app/changelog/components/release.tsx +++ b/apps/web/src/app/changelog/components/release.tsx @@ -87,7 +87,7 @@ export function ReleaseChanges({ release }: { release: Release }) { {orderedTypes.map((type) => (
<div key={type} className="flex flex-col gap-1.5">
<h3 className="text-base font-semibold text-foreground">
- {getSectionTitle(type)}:
+ {getSectionTitle({ type })}:
</h3>
<ul className="list-disc pl-5 space-y-1.5">
{grouped[type].map((change) => (
diff --git a/apps/web/src/app/changelog/utils.ts b/apps/web/src/app/changelog/utils.ts index d3405631..3f38ab6b 100644 --- a/apps/web/src/app/changelog/utils.ts +++ b/apps/web/src/app/changelog/utils.ts @@ -12,7 +12,7 @@ const knownSectionTitles: Record<string, string> = { breaking: "Breaking Changes",
};
-export function getSectionTitle(type: string): string {
+export function getSectionTitle({ type }: { type: string }): string {
return (
knownSectionTitles[type] ?? type.charAt(0).toUpperCase() + type.slice(1)
);
@@ -36,8 +36,18 @@ export function groupAndOrderChanges({ changes }: { changes: Change[] }) { return { grouped, orderedTypes };
}
+function isPublishedRelease({ published }: Release) {
+ return published !== false;
+}
+
export function getSortedReleases() {
- return [...allChangelogs].sort((a, b) =>
- b.version.localeCompare(a.version, undefined, { numeric: true }),
- );
+ return allChangelogs
+ .filter(isPublishedRelease)
+ .sort((a, b) =>
+ b.version.localeCompare(a.version, undefined, { numeric: true }),
+ );
+}
+
+export function getReleaseByVersion({ version }: { version: string }) {
+ return getSortedReleases().find((release) => release.version === version);
}
|