feat(web): add planetscale db driver for prisma (#83)

apps/web/package.json

@@ -28,7 +28,9 @@
     "@monaco-editor/react": "^4.5.1",
     "@next-auth/prisma-adapter": "1.0.5",
     "@next/mdx": "13.3.4",
-    "@prisma/client": "5.2.0-integration-fix-enums-browser.1",
+    "@planetscale/database": "^1.11.0",
+    "@prisma/adapter-planetscale": "5.4.2",
+    "@prisma/client": "5.4.2",
     "@radix-ui/react-avatar": "^1.0.2",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-navigation-menu": "^1.1.3",
@@ -123,7 +125,7 @@
     "postcss": "^8.4.21",
     "prettier": "^2.8.7",
     "prettier-plugin-tailwindcss": "^0.1.13",
-    "prisma": "5.2.0-integration-fix-enums-browser.1",
+    "prisma": "5.4.2",
     "tailwindcss": "^3.3.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.2.0",
@@ -132,4 +134,4 @@
   "ct3aMetadata": {
     "initVersion": "6.11.1"
   }
-}
+}

apps/web/prisma/schema.prisma

@@ -2,7 +2,8 @@
 // learn more about it in the docs: https://pris.ly/d/prisma-schema
 
 generator client {
-  provider = "prisma-client-js"
+  provider        = "prisma-client-js"
+  previewFeatures = ["driverAdapters"]
 }
 
 datasource db {

apps/web/src/env/schema.mjs

@@ -31,6 +31,7 @@ export const serverSchema = z.object({
   GOOGLE_CLIENT_ID: z.string().optional(),
   GOOGLE_CLIENT_SECRET: z.string().optional(),
   HASHING_SECRET: z.string().min(1),
+  USE_PLANETSCALE: z.boolean().default(true),
 });
 
 /**

apps/web/src/server/db/client.ts

@@ -1,4 +1,6 @@
 import { PrismaClient } from "@prisma/client";
+import { connect } from "@planetscale/database";
+import { PrismaPlanetScale } from "@prisma/adapter-planetscale";
 
 import { env } from "../../env/server.mjs";
 
@@ -9,9 +11,16 @@ declare global {
 
 export const prisma =
   global.prisma ||
-  new PrismaClient({
-    log: ["error"],
-  });
+  // enable planetscale adapter in production if enabled
+  (env.NODE_ENV === "production" && env.USE_PLANETSCALE
+    ? (() => {
+        const connection = connect({ url: env.DATABASE_URL });
+        const adapter = new PrismaPlanetScale(connection);
+        return new PrismaClient({ adapter, log: ["error"] });
+      })()
+    : new PrismaClient({
+        log: ["error"],
+      }));
 
 if (env.NODE_ENV !== "production") {
   global.prisma = prisma;