From 4d127a038bf768eded68aae3cfa5c1b12241bdac Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Fri, 27 Mar 2026 00:55:15 +0100
Subject: chore: normalize line endings

---
 apps/web/src/app/roadmap/page.tsx | 292 +++++++++++++++++++-------------------
 1 file changed, 146 insertions(+), 146 deletions(-)

(limited to 'apps/web/src/app/roadmap')

diff --git a/apps/web/src/app/roadmap/page.tsx b/apps/web/src/app/roadmap/page.tsx
index 59c36d78..a0c3d9be 100644
--- a/apps/web/src/app/roadmap/page.tsx
+++ b/apps/web/src/app/roadmap/page.tsx
@@ -1,146 +1,146 @@
-import type { Metadata } from "next";
-import { BasePage } from "@/app/base-page";
-import { GitHubContributeSection } from "@/components/gitHub-contribute-section";
-import { Badge } from "@/components/ui/badge";
-import { ReactMarkdownWrapper } from "@/components/ui/react-markdown-wrapper";
-import { cn } from "@/utils/ui";
-
-const LAST_UPDATED = "February 25, 2026";
-
-type StatusType = "complete" | "pending" | "default" | "info";
-
-interface Status {
-	text: string;
-	type: StatusType;
-}
-
-interface RoadmapItem {
-	title: string;
-	description: string;
-	status: Status;
-}
-
-const roadmapItems: RoadmapItem[] = [
-	{
-		title: "Start",
-		description:
-			"This is where it all started. Repository created, initial project structure, and the vision for a free, open-source video editor. [Check out the first tweet](https://x.com/mazeincoding/status/1936706642512388188) to see where it started.",
-		status: {
-			text: "Completed",
-			type: "complete",
-		},
-	},
-	{
-		title: "Core UI",
-		description:
-			"Build the foundation - main layout, header, sidebar, timeline container, and basic component structure. Not all functionality yet, but the UI framework that everything else builds on.",
-		status: {
-			text: "Completed",
-			type: "complete",
-		},
-	},
-	{
-		title: "Essential functionality",
-		description:
-			"Everything that makes a video editor **useful**. Timeline interactivity, storage, effects, transitions, etc.",
-		status: {
-			text: "In progress",
-			type: "pending",
-		},
-	},
-	{
-		title: "Native app (mobile/desktop)",
-		description:
-			"Native OpenCut apps for Mac, Windows, Linux, and iOS/Android.",
-		status: {
-			text: "Not started",
-			type: "default",
-		},
-	},
-];
-
-export const metadata: Metadata = {
-	title: "Roadmap - OpenCut",
-	description:
-		"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-	openGraph: {
-		title: "OpenCut Roadmap - What's Coming Next",
-		description:
-			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-		type: "website",
-		images: [
-			{
-				url: "/open-graph/roadmap.jpg",
-				width: 1200,
-				height: 630,
-				alt: "OpenCut Roadmap",
-			},
-		],
-	},
-	twitter: {
-		card: "summary_large_image",
-		title: "OpenCut Roadmap - What's Coming Next",
-		description:
-			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-		images: ["/open-graph/roadmap.jpg"],
-	},
-};
-
-export default function RoadmapPage() {
-	return (
-		<BasePage
-			title="Roadmap"
-			description={`What's coming next for OpenCut (last updated: ${LAST_UPDATED})`}
-		>
-			<div className="mx-auto flex max-w-4xl flex-col gap-16">
-				<div className="flex flex-col gap-6">
-					{roadmapItems.map((item, index) => (
-						<RoadmapItem key={item.title} item={item} index={index} />
-					))}
-				</div>
-				<GitHubContributeSection
-					title="Want to help?"
-					description="OpenCut is open source and built by the community. Every contribution,
-          no matter how small, helps us build the best free video editor
-          possible."
-				/>
-			</div>
-		</BasePage>
-	);
-}
-
-function RoadmapItem({ item, index }: { item: RoadmapItem; index: number }) {
-	return (
-		<div className="flex flex-col gap-2">
-			<div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-lg font-medium">
-				<span className="leading-normal select-none">{index + 1}</span>
-				<h3>{item.title}</h3>
-				<StatusBadge status={item.status} className="ml-1" />
-			</div>
-			<div className="text-foreground/70 leading-relaxed">
-				<ReactMarkdownWrapper>{item.description}</ReactMarkdownWrapper>
-			</div>
-		</div>
-	);
-}
-
-function StatusBadge({
-	status,
-	className,
-}: {
-	status: Status;
-	className?: string;
-}) {
-	return (
-		<Badge
-			className={cn("shadow-none", className, {
-				"bg-green-500! text-white": status.type === "complete",
-				"bg-yellow-500! text-white": status.type === "pending",
-				"bg-blue-500! text-white": status.type === "info",
-				"bg-foreground/10! text-accent-foreground": status.type === "default",
-			})}
-		>
-			{status.text}
-		</Badge>
-	);
-}
+import type { Metadata } from "next";
+import { BasePage } from "@/app/base-page";
+import { GitHubContributeSection } from "@/components/gitHub-contribute-section";
+import { Badge } from "@/components/ui/badge";
+import { ReactMarkdownWrapper } from "@/components/ui/react-markdown-wrapper";
+import { cn } from "@/utils/ui";
+
+const LAST_UPDATED = "February 25, 2026";
+
+type StatusType = "complete" | "pending" | "default" | "info";
+
+interface Status {
+	text: string;
+	type: StatusType;
+}
+
+interface RoadmapItem {
+	title: string;
+	description: string;
+	status: Status;
+}
+
+const roadmapItems: RoadmapItem[] = [
+	{
+		title: "Start",
+		description:
+			"This is where it all started. Repository created, initial project structure, and the vision for a free, open-source video editor. [Check out the first tweet](https://x.com/mazeincoding/status/1936706642512388188) to see where it started.",
+		status: {
+			text: "Completed",
+			type: "complete",
+		},
+	},
+	{
+		title: "Core UI",
+		description:
+			"Build the foundation - main layout, header, sidebar, timeline container, and basic component structure. Not all functionality yet, but the UI framework that everything else builds on.",
+		status: {
+			text: "Completed",
+			type: "complete",
+		},
+	},
+	{
+		title: "Essential functionality",
+		description:
+			"Everything that makes a video editor **useful**. Timeline interactivity, storage, effects, transitions, etc.",
+		status: {
+			text: "In progress",
+			type: "pending",
+		},
+	},
+	{
+		title: "Native app (mobile/desktop)",
+		description:
+			"Native OpenCut apps for Mac, Windows, Linux, and iOS/Android.",
+		status: {
+			text: "Not started",
+			type: "default",
+		},
+	},
+];
+
+export const metadata: Metadata = {
+	title: "Roadmap - OpenCut",
+	description:
+		"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
+	openGraph: {
+		title: "OpenCut Roadmap - What's Coming Next",
+		description:
+			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
+		type: "website",
+		images: [
+			{
+				url: "/open-graph/roadmap.jpg",
+				width: 1200,
+				height: 630,
+				alt: "OpenCut Roadmap",
+			},
+		],
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "OpenCut Roadmap - What's Coming Next",
+		description:
+			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
+		images: ["/open-graph/roadmap.jpg"],
+	},
+};
+
+export default function RoadmapPage() {
+	return (
+		<BasePage
+			title="Roadmap"
+			description={`What's coming next for OpenCut (last updated: ${LAST_UPDATED})`}
+		>
+			<div className="mx-auto flex max-w-4xl flex-col gap-16">
+				<div className="flex flex-col gap-6">
+					{roadmapItems.map((item, index) => (
+						<RoadmapItem key={item.title} item={item} index={index} />
+					))}
+				</div>
+				<GitHubContributeSection
+					title="Want to help?"
+					description="OpenCut is open source and built by the community. Every contribution,
+          no matter how small, helps us build the best free video editor
+          possible."
+				/>
+			</div>
+		</BasePage>
+	);
+}
+
+function RoadmapItem({ item, index }: { item: RoadmapItem; index: number }) {
+	return (
+		<div className="flex flex-col gap-2">
+			<div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-lg font-medium">
+				<span className="leading-normal select-none">{index + 1}</span>
+				<h3>{item.title}</h3>
+				<StatusBadge status={item.status} className="ml-1" />
+			</div>
+			<div className="text-foreground/70 leading-relaxed">
+				<ReactMarkdownWrapper>{item.description}</ReactMarkdownWrapper>
+			</div>
+		</div>
+	);
+}
+
+function StatusBadge({
+	status,
+	className,
+}: {
+	status: Status;
+	className?: string;
+}) {
+	return (
+		<Badge
+			className={cn("shadow-none", className, {
+				"bg-green-500! text-white": status.type === "complete",
+				"bg-yellow-500! text-white": status.type === "pending",
+				"bg-blue-500! text-white": status.type === "info",
+				"bg-foreground/10! text-accent-foreground": status.type === "default",
+			})}
+		>
+			{status.text}
+		</Badge>
+	);
+}
-- 
cgit v1.3.1