devtools: toggle for Cap Pro

apps/web/app/Layout/devtoolsServer.ts

@@ -0,0 +1,42 @@
+"use server";
+
+import { db } from "@cap/database";
+import { getCurrentUser } from "@cap/database/auth/session";
+import { users } from "@cap/database/schema";
+import { eq } from "drizzle-orm";
+
+export async function promoteToPro() {
+	"use server";
+
+	if (process.env.NODE_ENV !== "development")
+		throw new Error("promoteToPro can only be used in development");
+
+	const user = await getCurrentUser();
+	if (!user) throw new Error("No current user session");
+	await db()
+		.update(users)
+		.set({
+			stripeCustomerId: "development",
+			stripeSubscriptionId: "development",
+			stripeSubscriptionStatus: "active",
+		})
+		.where(eq(users.id, user.id));
+}
+
+export async function demoteFromPro() {
+	"use server";
+
+	if (process.env.NODE_ENV !== "development")
+		throw new Error("demoteFromPro can only be used in development");
+
+	const user = await getCurrentUser();
+	if (!user) throw new Error("No current user session");
+	await db()
+		.update(users)
+		.set({
+			stripeCustomerId: null,
+			stripeSubscriptionId: null,
+			stripeSubscriptionStatus: null,
+		})
+		.where(eq(users.id, user.id));
+}

apps/web/app/Layout/providers.tsx

@@ -71,6 +71,7 @@ export function ReactQueryProvider({
 }
 
 import { SessionProvider as NASessionProvider } from "next-auth/react";
+import { demoteFromPro, promoteToPro } from "./devtoolsServer";
 import { featureFlags, useFeatureFlags } from "./features";
 
 export function SessionProvider({ children }: PropsWithChildren) {
@@ -122,6 +123,30 @@ function CapDevtools() {
 					<span>Enable Upload Progress UI</span>
 				</label>
 			</div>
+			<div className="space-y-2">
+				<h1 className="text-lg font-semibold">Cap Pro</h1>
+				<p className="text-xs text-muted-foreground">
+					Toggle the current user's Pro status (dev only)
+				</p>
+				<div className="flex items-center space-x-2">
+					<form action={promoteToPro}>
+						<button
+							type="submit"
+							className="rounded bg-green-600 px-2 py-1 text-xs font-medium text-white hover:bg-green-700"
+						>
+							Promote to Pro
+						</button>
+					</form>
+					<form action={demoteFromPro}>
+						<button
+							type="submit"
+							className="rounded bg-red-600 px-2 py-1 text-xs font-medium text-white hover:bg-red-700"
+						>
+							Demote from Pro
+						</button>
+					</form>
+				</div>
+			</div>
 		</div>
 	);
 }