chore: normalize line endings

4 files changed, 322 insertions, 322 deletions

diff --git a/apps/web/src/app/changelog/[version]/page.tsx b/apps/web/src/app/changelog/[version]/page.tsx
index af382822..a3647fbd 100644
--- a/apps/web/src/app/changelog/[version]/page.tsx
+++ b/apps/web/src/app/changelog/[version]/page.tsx
@@ -1,105 +1,105 @@
-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 {
-	ReleaseArticle,
-	ReleaseMeta,
-	ReleaseTitle,
-	ReleaseDescription,
-	ReleaseChanges,
-} from "../components/release";
-import { CopyMarkdownButton } from "../components/copy-markdown-button";
-
-type Props = { params: Promise<{ version: string }> };
-
-export async function generateStaticParams() {
-	return allChangelogs.map((r) => ({ version: r.version }));
-}
-
-export async function generateMetadata({ params }: Props): Promise<Metadata> {
-	const { version } = await params;
-	const release = allChangelogs.find((r) => r.version === version);
-	if (!release) return {};
-	return {
-		title: `${release.title} (${release.version}) - OpenCut Changelog`,
-		description: release.description,
-	};
-}
-
-export default async function ReleaseDetailPage({ params }: Props) {
-	const { version } = await params;
-	const releases = getSortedReleases();
-	const index = releases.findIndex((r) => r.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;
-
-	return (
-		<BasePage>
-			<div className="mx-auto w-full max-w-3xl flex flex-col gap-12">
-				<Link
-					href="/changelog"
-					className="text-sm text-muted-foreground hover:text-foreground flex items-center gap-1 w-fit"
-				>
-					<ChevronLeftIcon className="size-4" />
-					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}
-						/>
-					</div>
-					<ReleaseTitle as="h1">{release.title}</ReleaseTitle>
-					{release.description && (
-						<ReleaseDescription>{release.description}</ReleaseDescription>
-					)}
-				</div>
-					<ReleaseChanges release={release} />
-				</ReleaseArticle>
-
-				<nav className="flex items-center justify-between border-t pt-8">
-					{older ? (
-						<Link
-							href={`/changelog/${older.version}`}
-							className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground group"
-						>
-							<ChevronLeftIcon className="size-4" />
-							<div className="flex flex-col">
-								<span className="text-xs text-muted-foreground/60">Older</span>
-								<span className="font-medium">{older.title}</span>
-							</div>
-						</Link>
-					) : (
-						<div />
-					)}
-					{newer ? (
-						<Link
-							href={`/changelog/${newer.version}`}
-							className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground group text-right"
-						>
-							<div className="flex flex-col">
-								<span className="text-xs text-muted-foreground/60">Newer</span>
-								<span className="font-medium">{newer.title}</span>
-							</div>
-							<ChevronRightIcon className="size-4" />
-						</Link>
-					) : (
-						<div />
-					)}
-				</nav>
-			</div>
-		</BasePage>
-	);
-}
+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 {

+	ReleaseArticle,

+	ReleaseMeta,

+	ReleaseTitle,

+	ReleaseDescription,

+	ReleaseChanges,

+} from "../components/release";

+import { CopyMarkdownButton } from "../components/copy-markdown-button";

+

+type Props = { params: Promise<{ version: string }> };

+

+export async function generateStaticParams() {

+	return allChangelogs.map((r) => ({ version: r.version }));

+}

+

+export async function generateMetadata({ params }: Props): Promise<Metadata> {

+	const { version } = await params;

+	const release = allChangelogs.find((r) => r.version === version);

+	if (!release) return {};

+	return {

+		title: `${release.title} (${release.version}) - OpenCut Changelog`,

+		description: release.description,

+	};

+}

+

+export default async function ReleaseDetailPage({ params }: Props) {

+	const { version } = await params;

+	const releases = getSortedReleases();

+	const index = releases.findIndex((r) => r.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;

+

+	return (

+		<BasePage>

+			<div className="mx-auto w-full max-w-3xl flex flex-col gap-12">

+				<Link

+					href="/changelog"

+					className="text-sm text-muted-foreground hover:text-foreground flex items-center gap-1 w-fit"

+				>

+					<ChevronLeftIcon className="size-4" />

+					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}

+						/>

+					</div>

+					<ReleaseTitle as="h1">{release.title}</ReleaseTitle>

+					{release.description && (

+						<ReleaseDescription>{release.description}</ReleaseDescription>

+					)}

+				</div>

+					<ReleaseChanges release={release} />

+				</ReleaseArticle>

+

+				<nav className="flex items-center justify-between border-t pt-8">

+					{older ? (

+						<Link

+							href={`/changelog/${older.version}`}

+							className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground group"

+						>

+							<ChevronLeftIcon className="size-4" />

+							<div className="flex flex-col">

+								<span className="text-xs text-muted-foreground/60">Older</span>

+								<span className="font-medium">{older.title}</span>

+							</div>

+						</Link>

+					) : (

+						<div />

+					)}

+					{newer ? (

+						<Link

+							href={`/changelog/${newer.version}`}

+							className="flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground group text-right"

+						>

+							<div className="flex flex-col">

+								<span className="text-xs text-muted-foreground/60">Newer</span>

+								<span className="font-medium">{newer.title}</span>

+							</div>

+							<ChevronRightIcon className="size-4" />

+						</Link>

+					) : (

+						<div />

+					)}

+				</nav>

+			</div>

+		</BasePage>

+	);

+}

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 2366550a..edb920f5 100644
--- a/apps/web/src/app/changelog/components/copy-markdown-button.tsx
+++ b/apps/web/src/app/changelog/components/copy-markdown-button.tsx
@@ -1,68 +1,68 @@
-"use client";
-
-import { useState } from "react";
-import { CheckIcon, ClipboardIcon } from "lucide-react";
-import { getSectionTitle, groupAndOrderChanges } from "../utils";
-import type { Change } from "../utils";
-import { cn } from "@/utils/ui";
-import { Button } from "@/components/ui/button";
-
-function buildMarkdown({
-	description,
-	changes,
-}: {
-	description?: string;
-	changes: Change[];
-}): string {
-	const lines: string[] = [];
-
-	if (description) {
-		lines.push(description, "");
-	}
-
-	const { grouped, orderedTypes } = groupAndOrderChanges({ changes });
-
-	for (const type of orderedTypes) {
-		lines.push(`## ${getSectionTitle(type)}`);
-		for (const change of grouped[type]) {
-			lines.push(`- ${change.text}`);
-		}
-		lines.push("");
-	}
-
-	return lines.join("\n").trimEnd();
-}
-
-export function CopyMarkdownButton({
-	description,
-	changes,
-}: {
-	description?: string;
-	changes: Change[];
-}) {
-	const [copied, setCopied] = useState(false);
-
-	const handleCopy = async () => {
-		const markdown = buildMarkdown({ description, changes });
-		await navigator.clipboard.writeText(markdown);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2000);
-	};
-
-	return (
-		<Button
-			size="sm"
-			variant="text"
-			onClick={handleCopy}
-			className={cn("flex items-center gap-1.5", copied && "pointer-events-none")}
-			title="Copy as markdown"
-		>
-			{copied ? (
-				<CheckIcon className="size-4" />
-			) : (
-				<ClipboardIcon className="size-4" />
-			)}
-			{copied ? "Copied!" : "Copy markdown"}
-		</Button>
-	);
-}
+"use client";

+

+import { useState } from "react";

+import { CheckIcon, ClipboardIcon } from "lucide-react";

+import { getSectionTitle, groupAndOrderChanges } from "../utils";

+import type { Change } from "../utils";

+import { cn } from "@/utils/ui";

+import { Button } from "@/components/ui/button";

+

+function buildMarkdown({

+	description,

+	changes,

+}: {

+	description?: string;

+	changes: Change[];

+}): string {

+	const lines: string[] = [];

+

+	if (description) {

+		lines.push(description, "");

+	}

+

+	const { grouped, orderedTypes } = groupAndOrderChanges({ changes });

+

+	for (const type of orderedTypes) {

+		lines.push(`## ${getSectionTitle(type)}`);

+		for (const change of grouped[type]) {

+			lines.push(`- ${change.text}`);

+		}

+		lines.push("");

+	}

+

+	return lines.join("\n").trimEnd();

+}

+

+export function CopyMarkdownButton({

+	description,

+	changes,

+}: {

+	description?: string;

+	changes: Change[];

+}) {

+	const [copied, setCopied] = useState(false);

+

+	const handleCopy = async () => {

+		const markdown = buildMarkdown({ description, changes });

+		await navigator.clipboard.writeText(markdown);

+		setCopied(true);

+		setTimeout(() => setCopied(false), 2000);

+	};

+

+	return (

+		<Button

+			size="sm"

+			variant="text"

+			onClick={handleCopy}

+			className={cn("flex items-center gap-1.5", copied && "pointer-events-none")}

+			title="Copy as markdown"

+		>

+			{copied ? (

+				<CheckIcon className="size-4" />

+			) : (

+				<ClipboardIcon className="size-4" />

+			)}

+			{copied ? "Copied!" : "Copy markdown"}

+		</Button>

+	);

+}

diff --git a/apps/web/src/app/changelog/components/release.tsx b/apps/web/src/app/changelog/components/release.tsx
index eb04c1f0..2226c321 100644
--- a/apps/web/src/app/changelog/components/release.tsx
+++ b/apps/web/src/app/changelog/components/release.tsx
@@ -1,106 +1,106 @@
-import type { ReactNode } from "react";
-import Link from "next/link";
-import { cn } from "@/utils/ui";
-import { getSectionTitle, groupAndOrderChanges } from "../utils";
-import type { Release } from "../utils";
-
-export function ReleaseArticle({
-	variant,
-	isLatest,
-	children,
-}: {
-	variant: "list" | "detail";
-	isLatest?: boolean;
-	children: ReactNode;
-}) {
-	if (variant === "list") {
-		return (
-			<article className="relative sm:pl-10">
-				<div aria-hidden className="absolute left-0 top-[3px] hidden sm:block">
-					<div
-						className={cn(
-							"size-[11px] rounded-full border-[1.5px]",
-							isLatest
-								? "border-foreground bg-foreground"
-								: "border-muted-foreground/30 bg-background",
-						)}
-					/>
-				</div>
-				<div className="flex flex-col gap-5">{children}</div>
-			</article>
-		);
-	}
-
-	return <article className="flex flex-col gap-8">{children}</article>;
-}
-
-export function ReleaseMeta({ release }: { release: Release }) {
-	return (
-		<span className="text-sm font-medium tracking-widest text-muted-foreground">
-			{release.version} — {release.date}
-		</span>
-	);
-}
-
-const titleSizes: Record<"h1" | "h2", string> = {
-	h1: "text-4xl",
-	h2: "text-2xl",
-};
-
-export function ReleaseTitle({
-	as: As,
-	href,
-	children,
-}: {
-	as: "h1" | "h2";
-	href?: string;
-	children: ReactNode;
-}) {
-	return (
-		<As className={cn("font-bold tracking-tight", titleSizes[As])}>
-			{href ? (
-				<Link href={href} className="hover:underline underline-offset-4">
-					{children}
-				</Link>
-			) : (
-				children
-			)}
-		</As>
-	);
-}
-
-export function ReleaseDescription({ children }: { children: ReactNode }) {
-	return (
-		<p className="text-base text-foreground leading-relaxed max-w-xl">
-			{children}
-		</p>
-	);
-}
-
-export function ReleaseChanges({ release }: { release: Release }) {
-	const { grouped, orderedTypes } = groupAndOrderChanges({
-		changes: release.changes,
-	});
-
-	return (
-		<div className="flex flex-col gap-4">
-			{orderedTypes.map((type) => (
-				<div key={type} className="flex flex-col gap-1.5">
-					<h3 className="text-base font-semibold text-foreground">
-						{getSectionTitle(type)}:
-					</h3>
-					<ul className="list-disc pl-5 space-y-1.5">
-						{grouped[type].map((change) => (
-							<li
-								key={change.text}
-								className="text-base text-foreground leading-relaxed"
-							>
-								{change.text}
-							</li>
-						))}
-					</ul>
-				</div>
-			))}
-		</div>
-	);
-}
+import type { ReactNode } from "react";

+import Link from "next/link";

+import { cn } from "@/utils/ui";

+import { getSectionTitle, groupAndOrderChanges } from "../utils";

+import type { Release } from "../utils";

+

+export function ReleaseArticle({

+	variant,

+	isLatest,

+	children,

+}: {

+	variant: "list" | "detail";

+	isLatest?: boolean;

+	children: ReactNode;

+}) {

+	if (variant === "list") {

+		return (

+			<article className="relative sm:pl-10">

+				<div aria-hidden className="absolute left-0 top-[3px] hidden sm:block">

+					<div

+						className={cn(

+							"size-[11px] rounded-full border-[1.5px]",

+							isLatest

+								? "border-foreground bg-foreground"

+								: "border-muted-foreground/30 bg-background",

+						)}

+					/>

+				</div>

+				<div className="flex flex-col gap-5">{children}</div>

+			</article>

+		);

+	}

+

+	return <article className="flex flex-col gap-8">{children}</article>;

+}

+

+export function ReleaseMeta({ release }: { release: Release }) {

+	return (

+		<span className="text-sm font-medium tracking-widest text-muted-foreground">

+			{release.version} — {release.date}

+		</span>

+	);

+}

+

+const titleSizes: Record<"h1" | "h2", string> = {

+	h1: "text-4xl",

+	h2: "text-2xl",

+};

+

+export function ReleaseTitle({

+	as: As,

+	href,

+	children,

+}: {

+	as: "h1" | "h2";

+	href?: string;

+	children: ReactNode;

+}) {

+	return (

+		<As className={cn("font-bold tracking-tight", titleSizes[As])}>

+			{href ? (

+				<Link href={href} className="hover:underline underline-offset-4">

+					{children}

+				</Link>

+			) : (

+				children

+			)}

+		</As>

+	);

+}

+

+export function ReleaseDescription({ children }: { children: ReactNode }) {

+	return (

+		<p className="text-base text-foreground leading-relaxed max-w-xl">

+			{children}

+		</p>

+	);

+}

+

+export function ReleaseChanges({ release }: { release: Release }) {

+	const { grouped, orderedTypes } = groupAndOrderChanges({

+		changes: release.changes,

+	});

+

+	return (

+		<div className="flex flex-col gap-4">

+			{orderedTypes.map((type) => (

+				<div key={type} className="flex flex-col gap-1.5">

+					<h3 className="text-base font-semibold text-foreground">

+						{getSectionTitle(type)}:

+					</h3>

+					<ul className="list-disc pl-5 space-y-1.5">

+						{grouped[type].map((change) => (

+							<li

+								key={change.text}

+								className="text-base text-foreground leading-relaxed"

+							>

+								{change.text}

+							</li>

+						))}

+					</ul>

+				</div>

+			))}

+		</div>

+	);

+}

diff --git a/apps/web/src/app/changelog/utils.ts b/apps/web/src/app/changelog/utils.ts
index 163207c0..d3405631 100644
--- a/apps/web/src/app/changelog/utils.ts
+++ b/apps/web/src/app/changelog/utils.ts
@@ -1,43 +1,43 @@
-import { allChangelogs } from "content-collections";
-
-export type Change = { type: string; text: string };
-export type Release = (typeof allChangelogs)[number];
-
-const knownSectionOrder = ["new", "improved", "fixed", "breaking"];
-
-const knownSectionTitles: Record<string, string> = {
-	new: "Features",
-	improved: "Improvements",
-	fixed: "Fixes",
-	breaking: "Breaking Changes",
-};
-
-export function getSectionTitle(type: string): string {
-	return (
-		knownSectionTitles[type] ?? type.charAt(0).toUpperCase() + type.slice(1)
-	);
-}
-
-export function groupAndOrderChanges({ changes }: { changes: Change[] }) {
-	const grouped = changes.reduce<Record<string, Change[]>>((acc, change) => {
-		if (!acc[change.type]) acc[change.type] = [];
-		acc[change.type].push(change);
-		return acc;
-	}, {});
-
-	const customTypes = Object.keys(grouped).filter(
-		(type) => !knownSectionOrder.includes(type),
-	);
-	const orderedTypes = [
-		...knownSectionOrder.filter((type) => grouped[type]?.length > 0),
-		...customTypes,
-	];
-
-	return { grouped, orderedTypes };
-}
-
-export function getSortedReleases() {
-	return [...allChangelogs].sort((a, b) =>
-		b.version.localeCompare(a.version, undefined, { numeric: true }),
-	);
-}
+import { allChangelogs } from "content-collections";

+

+export type Change = { type: string; text: string };

+export type Release = (typeof allChangelogs)[number];

+

+const knownSectionOrder = ["new", "improved", "fixed", "breaking"];

+

+const knownSectionTitles: Record<string, string> = {

+	new: "Features",

+	improved: "Improvements",

+	fixed: "Fixes",

+	breaking: "Breaking Changes",

+};

+

+export function getSectionTitle(type: string): string {

+	return (

+		knownSectionTitles[type] ?? type.charAt(0).toUpperCase() + type.slice(1)

+	);

+}

+

+export function groupAndOrderChanges({ changes }: { changes: Change[] }) {

+	const grouped = changes.reduce<Record<string, Change[]>>((acc, change) => {

+		if (!acc[change.type]) acc[change.type] = [];

+		acc[change.type].push(change);

+		return acc;

+	}, {});

+

+	const customTypes = Object.keys(grouped).filter(

+		(type) => !knownSectionOrder.includes(type),

+	);

+	const orderedTypes = [

+		...knownSectionOrder.filter((type) => grouped[type]?.length > 0),

+		...customTypes,

+	];

+

+	return { grouped, orderedTypes };

+}

+

+export function getSortedReleases() {

+	return [...allChangelogs].sort((a, b) =>

+		b.version.localeCompare(a.version, undefined, { numeric: true }),

+	);

+}