chore: make lint-and-typecheck green (biome + TS7 typecheck)

.claude/launch.json

@@ -4,7 +4,14 @@
 		{
 			"name": "website",
 			"runtimeExecutable": "pnpm",
-			"runtimeArgs": ["--filter=website", "exec", "next", "dev", "--port", "3020"],
+			"runtimeArgs": [
+				"--filter=website",
+				"exec",
+				"next",
+				"dev",
+				"--port",
+				"3020"
+			],
 			"port": 3020
 		},
 		{

.github/workflows/pull-request.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18.18.0
+          node-version-file: .nvmrc
           cache: "pnpm"
       - run: pnpm install --frozen-lockfile
       - run: pnpm biome ci

.nvmrc

@@ -1,3 +1 @@
-18.18.0
-
-
+24.4.0

apps/docs/app/docs/[[...slug]]/page.tsx

@@ -1,5 +1,5 @@
 import { CopyMarkdownButton } from "@/components/copy-markdown-button";
-import { getPageImage, getLLMText, source } from "@/lib/source";
+import { getLLMText, getPageImage, source } from "@/lib/source";
 import { getMDXComponents } from "@/mdx-components";
 import {
 	DocsBody,

apps/docs/app/llms.txt/route.ts

@@ -6,9 +6,7 @@ const baseUrl = "https://docs.nomploy.com";
 
 export function GET() {
 	const pages = source.getPages();
-	const docsPages = pages.filter(
-		(page) => !page.url.startsWith("/docs/api/"),
-	);
+	const docsPages = pages.filter((page) => !page.url.startsWith("/docs/api/"));
 
 	const lines = [
 		"# Nomploy Documentation",

apps/docs/components/NavLinks.tsx

@@ -6,13 +6,7 @@ import {
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { Menu } from "lucide-react";
-import {
-	Github,
-	Globe,
-	Heart,
-	LayoutGrid,
-	MessagesSquare,
-} from "lucide-react";
+import { Github, Globe, Heart, LayoutGrid, MessagesSquare } from "lucide-react";
 
 export function NavLinks() {
 	const links = [

apps/docs/content/docs/core/dns-providers/meta.json

@@ -1,7 +1,4 @@
 {
 	"title": "DNS Providers",
-	"pages": [
-		"cloudflare",
-		"route53"
-	]
+	"pages": ["cloudflare", "route53"]
 }

apps/docs/content/docs/core/secrets-providers/meta.json

@@ -1,11 +1,4 @@
 {
 	"title": "Secrets Providers",
-	"pages": [
-		"hashicorp",
-		"infisical",
-		"aws",
-		"doppler",
-		"azure",
-		"scaleway"
-	]
+	"pages": ["hashicorp", "infisical", "aws", "doppler", "azure", "scaleway"]
 }

apps/docs/next.config.mjs

@@ -7,7 +7,9 @@ const config = {
 	reactStrictMode: true,
 	output: "standalone",
 	outputFileTracingIncludes: {
-		"/**": ["../../node_modules/.pnpm/@swc+helpers@*/node_modules/@swc/helpers/**"],
+		"/**": [
+			"../../node_modules/.pnpm/@swc+helpers@*/node_modules/@swc/helpers/**",
+		],
 	},
 	images: {
 		remotePatterns: [

apps/docs/scripts/fix-api-paths.mjs

@@ -3,7 +3,7 @@
  * Converts slash notation (/tag/operation) to dot notation (/tag.operation)
  * so they match our OpenAPI schema paths and display the real API path.
  */
-import { readdirSync, readFileSync, writeFileSync } from "node:fs";
+import { readFileSync, readdirSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 
 const API_DOCS_DIR = join(process.cwd(), "content", "docs", "api");

apps/docs/scripts/fix-openapi.mjs

@@ -10,7 +10,10 @@ try {
 
 	let unwrapped = false;
 	// If the spec is nested (e.g. result.data.json from a migrated/source API), use the inner spec
-	if (openapi.result?.data?.json && typeof openapi.result.data.json === "object") {
+	if (
+		openapi.result?.data?.json &&
+		typeof openapi.result.data.json === "object"
+	) {
 		openapi = openapi.result.data.json;
 		unwrapped = true;
 		console.log("✓ Unwrapped nested OpenAPI spec (result.data.json)");
@@ -114,7 +117,9 @@ try {
 	}
 	if (removed > 0) {
 		writeFileSync(openapiPath, JSON.stringify(openapi, null, 2));
-		console.log(`✓ Removed ${removed} slash path alias(es), keeping dot paths only`);
+		console.log(
+			`✓ Removed ${removed} slash path alias(es), keeping dot paths only`,
+		);
 	}
 
 	if (!(unwrapped || fixed > 0 || securityFixed) && removed === 0) {

apps/website/app/api/contact/route.ts

@@ -57,9 +57,7 @@ export async function POST(request: NextRequest) {
 		// Notify the team on Slack (sales and support go to the same channel)
 		const slackSuccess = await notifySlack(body);
 		if (!slackSuccess) {
-			console.error(
-				`Failed to deliver ${body.inquiryType} inquiry to Slack`,
-			);
+			console.error(`Failed to deliver ${body.inquiryType} inquiry to Slack`);
 			return NextResponse.json(
 				{
 					error:

apps/website/app/api/github-contributors/route.ts

@@ -12,8 +12,7 @@ export async function GET() {
 			{ contributors_count: cachedContributors.count },
 			{
 				headers: {
-					"Cache-Control":
-						"public, s-maxage=1800, stale-while-revalidate=3600",
+					"Cache-Control": "public, s-maxage=1800, stale-while-revalidate=3600",
 				},
 			},
 		);
@@ -43,9 +42,7 @@ export async function GET() {
 
 		if (linkHeader) {
 			// Parse last page number from Link header: <...?page=N>; rel="last"
-			const lastMatch = linkHeader.match(
-				/[&?]page=(\d+)[^>]*>;\s*rel="last"/,
-			);
+			const lastMatch = linkHeader.match(/[&?]page=(\d+)[^>]*>;\s*rel="last"/);
 			if (lastMatch) {
 				count = Number.parseInt(lastMatch[1], 10);
 			}
@@ -60,8 +57,7 @@ export async function GET() {
 			{ contributors_count: count },
 			{
 				headers: {
-					"Cache-Control":
-						"public, s-maxage=1800, stale-while-revalidate=3600",
+					"Cache-Control": "public, s-maxage=1800, stale-while-revalidate=3600",
 				},
 			},
 		);

apps/website/app/api/og/route.ts

@@ -22,7 +22,7 @@ export async function GET(request: NextRequest) {
 				label: "Nomploy - Open Source Templates",
 			});
 
-			return new Response(ogImage, {
+			return new Response(new Uint8Array(ogImage), {
 				headers: {
 					"Content-Type": "image/png",
 					"Cache-Control": "public, max-age=86400, stale-while-revalidate",
@@ -65,7 +65,7 @@ export async function GET(request: NextRequest) {
 			readingTime: post.reading_time,
 		});
 
-		return new Response(ogImage, {
+		return new Response(new Uint8Array(ogImage), {
 			headers: {
 				"Content-Type": "image/png",
 				"Cache-Control": "public, max-age=31536000, immutable",

apps/website/app/blog/[slug]/components/shared.ts

@@ -10,9 +10,9 @@ export async function highlight(code: string, lang: BundledLanguage) {
 		lang,
 		theme: "houston",
 	});
-	return toJsxRuntime(out, { 
-		Fragment: react.Fragment, 
-		jsx: jsxRuntime.jsx, 
-		jsxs: jsxRuntime.jsxs 
+	return toJsxRuntime(out, {
+		Fragment: react.Fragment,
+		jsx: jsxRuntime.jsx,
+		jsxs: jsxRuntime.jsxs,
 	}) as JSX.Element;
 }

apps/website/app/blog/[slug]/page.tsx

@@ -87,21 +87,20 @@ export default async function BlogPostPage({ params }: Props) {
 			const scripts = doc.querySelectorAll(
 				'script[type="application/ld+json"], script',
 			);
-			scripts.forEach((script) => script.remove());
+			for (const script of scripts) script.remove();
 			const unwantedElements = doc.querySelectorAll("style, meta, link");
-			unwantedElements.forEach((el) => el.remove());
+			for (const el of unwantedElements) el.remove();
 			return doc.body.innerHTML;
-		} else {
-			return html
-				.replace(
-					/<script[^>]*type="application\/ld\+json"[^>]*>[\s\S]*?<\/script>/gi,
-					"",
-				)
-				.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, "")
-				.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, "")
-				.replace(/<meta[^>]*>/gi, "")
-				.replace(/<link[^>]*>/gi, "");
 		}
+		return html
+			.replace(
+				/<script[^>]*type="application\/ld\+json"[^>]*>[\s\S]*?<\/script>/gi,
+				"",
+			)
+			.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, "")
+			.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, "")
+			.replace(/<meta[^>]*>/gi, "")
+			.replace(/<link[^>]*>/gi, "");
 	};
 
 	const turndownService = new TurndownService({
@@ -186,21 +185,21 @@ export default async function BlogPostPage({ params }: Props) {
 		),
 		img: ({ node, src, alt }) => (
 			<ZoomableImage
-				src={src || ""}
+				src={typeof src === "string" ? src : ""}
 				alt={alt || ""}
 				className="mx-auto max-w-lg overflow-hidden rounded-lg border border-border object-cover max-lg:w-64"
 			/>
 		),
 		code: ({
 			className,
 			children,
-			inline,
 		}: {
-			className: string;
-			children: React.ReactNode;
-			inline: boolean;
+			className?: string;
+			children?: React.ReactNode;
 		}) => {
-			if (inline || !className || !/language-(\w+)/.test(className)) {
+			// react-markdown no longer passes an `inline` prop — treat code without a
+			// language-* class as inline.
+			if (!className || !/language-(\w+)/.test(className)) {
 				return (
 					<code className="rounded bg-muted px-1.5 py-0.5 font-mono text-sm text-foreground">
 						{children}

apps/website/app/comparison/page.tsx

@@ -1,15 +1,15 @@
-import { Container } from "@/components/Container";
 import { CallToAction } from "@/components/CallToAction";
+import { Container } from "@/components/Container";
 import AnimatedGridPattern from "@/components/ui/animated-grid-pattern";
 import { Button } from "@/components/ui/button";
-import { ArrowRight, GitBranch, Activity, Users, Gauge } from "lucide-react";
-import Link from "next/link";
+import { Activity, ArrowRight, Gauge, GitBranch, Users } from "lucide-react";
 import type { Metadata } from "next";
+import Link from "next/link";
 
 export const metadata: Metadata = {
 	title: "Nomploy Vs. and PaaS Comparison Pages | Nomploy",
 	description:
-		"How does Nomploy compare to other application deployment, database management, and PaaS solutions? Learn on our \"Nomploy vs.\" alternative comparison pages.",
+		'How does Nomploy compare to other application deployment, database management, and PaaS solutions? Learn on our "Nomploy vs." alternative comparison pages.',
 };
 
 const competitors = [
@@ -170,7 +170,6 @@ export default function ComparisonPage() {
 				</Container>
 			</section>
 
-
 			{/* Final CTA */}
 			<CallToAction />
 		</div>

apps/website/app/contact/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { Container } from "@/components/Container";
 import { ContactForm } from "@/components/ContactForm";
+import { Container } from "@/components/Container";
 import AnimatedGridPattern from "@/components/ui/animated-grid-pattern";
 import { cn } from "@/lib/utils";
 import { useState } from "react";

apps/website/app/deploy-ai/page.tsx

@@ -2,20 +2,20 @@ import { Container } from "@/components/Container";
 import AnimatedGridPattern from "@/components/ui/animated-grid-pattern";
 import { Button } from "@/components/ui/button";
 import {
+	Activity,
 	Bot,
 	Boxes,
-	Activity,
-	Users,
+	FlaskConical,
+	KeyRound,
 	MousePointerClick,
 	Network,
-	KeyRound,
-	ShieldCheck,
-	FlaskConical,
 	Rocket,
+	ShieldCheck,
 	Sparkles,
+	Users,
 } from "lucide-react";
-import Link from "next/link";
 import type { Metadata } from "next";
+import Link from "next/link";
 
 export const metadata: Metadata = {
 	title: "Deploy AI Apps Securely with Nomploy",
@@ -133,7 +133,11 @@ export default function DeployAIPage() {
 								className="rounded-full bg-[#5965F2] hover:bg-[#4A55E0]"
 								asChild
 							>
-								<Link href="/contact" aria-label="Contact Us" className="text-white">
+								<Link
+									href="/contact"
+									aria-label="Contact Us"
+									className="text-white"
+								>
 									Contact Us
 								</Link>
 							</Button>