feat(web): add planetscale in analytics

Author: AmanVarshney01

apps/web/src/app/(home)/analytics/_components/stack-configuration-charts.tsx

@@ -347,15 +347,21 @@ export function StackConfigurationCharts({
 											fill={
 												entry.name === "turso"
 													? "hsl(var(--chart-1))"
-													: entry.name === "prisma-postgres"
+													: entry.name === "planetscale"
 														? "hsl(var(--chart-2))"
-														: entry.name === "mongodb-atlas"
+														: entry.name === "prisma-postgres"
 															? "hsl(var(--chart-3))"
-															: entry.name === "neon"
+															: entry.name === "mongodb-atlas"
 																? "hsl(var(--chart-4))"
-																: entry.name === "supabase"
+																: entry.name === "neon"
 																	? "hsl(var(--chart-5))"
-																	: "hsl(var(--chart-7))"
+																	: entry.name === "supabase"
+																		? "hsl(var(--chart-6))"
+																		: entry.name === "d1"
+																			? "hsl(var(--chart-7))"
+																			: entry.name === "docker"
+																				? "hsl(var(--chart-1))"
+																				: "hsl(var(--chart-2))"
 											}
 										/>
 									))}

apps/web/src/app/(home)/analytics/_components/types.ts

@@ -170,25 +170,37 @@ export const dbSetupConfig = {
 		label: "Turso",
 		color: "hsl(var(--chart-1))",
 	},
+	planetscale: {
+		label: "PlanetScale",
+		color: "hsl(var(--chart-2))",
+	},
 	"prisma-postgres": {
 		label: "Prisma Postgres",
-		color: "hsl(var(--chart-2))",
+		color: "hsl(var(--chart-3))",
 	},
 	"mongodb-atlas": {
 		label: "MongoDB Atlas",
-		color: "hsl(var(--chart-3))",
+		color: "hsl(var(--chart-4))",
 	},
 	neon: {
 		label: "Neon",
-		color: "hsl(var(--chart-4))",
+		color: "hsl(var(--chart-5))",
 	},
 	supabase: {
 		label: "Supabase",
-		color: "hsl(var(--chart-5))",
+		color: "hsl(var(--chart-6))",
+	},
+	d1: {
+		label: "Cloudflare D1",
+		color: "hsl(var(--chart-7))",
+	},
+	docker: {
+		label: "Docker",
+		color: "hsl(var(--chart-1))",
 	},
 	none: {
 		label: "None",
-		color: "hsl(var(--chart-6))",
+		color: "hsl(var(--chart-2))",
 	},
 } satisfies ChartConfig;