Merge pull request #16 from gitpod-io/mikenikles/use-prisma-orm-15

Use Prisma ORM

Author: mikenikles

.gitpod.yml

@@ -1,3 +1,4 @@
+---
 # For more details, please see https://www.gitpod.io/docs/references/gitpod-yml
 image: gitpod/workspace-postgres
 
@@ -6,19 +7,27 @@ tasks:
     command: |
       export HMR_HOST=`gp url 3000`
       npm run dev
+    env:
+      DATABASE_URL: postgres://gitpod@localhost/todos
+  - command: npx prisma studio
+    env:
+      DATABASE_URL: postgres://gitpod@localhost/todos
 
 ports:
   - port: 3000
     onOpen: open-browser
   - port: 5432
     onOpen: ignore
+  - port: 5555
+    onOpen: open-browser
 
 vscode:
   extensions:
     - svelte.svelte-vscode
+    - prisma.prisma
 
 github:
   prebuilds:
     master: true
     branches: true
-    pullRequests: true
+    pullRequests: true

package-lock.json

@@ -2,6 +2,7 @@
   "name": "full-stack-web-development",
   "version": "0.0.1",
   "scripts": {
+    "predev": "prisma migrate dev",
     "dev": "svelte-kit dev",
     "build": "svelte-kit build",
     "package": "svelte-kit package",
@@ -12,11 +13,15 @@
   "devDependencies": {
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/kit": "next",
+    "prisma": "^3.5.0",
     "svelte": "^3.44.0",
     "svelte-check": "^2.2.6",
     "svelte-preprocess": "^4.9.4",
     "tslib": "^2.3.1",
     "typescript": "^4.4.3"
   },
-  "type": "module"
-}
+  "type": "module",
+  "dependencies": {
+    "@prisma/client": "^3.5.0"
+  }
+}

package.json

@@ -0,0 +1,9 @@
+-- CreateTable
+CREATE TABLE "Todo" (
+    "uid" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL,
+    "text" TEXT NOT NULL,
+    "done" BOOLEAN NOT NULL,
+
+    CONSTRAINT "Todo_pkey" PRIMARY KEY ("uid")
+);

prisma/migrations/20211129011724_init/migration.sql

@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "postgresql"

prisma/migrations/migration_lock.toml

@@ -0,0 +1,17 @@
+// Learn more about this file in the docs: https://pris.ly/d/prisma-schema
+datasource db {
+  provider = "postgresql"
+  url = env("DATABASE_URL")
+}
+
+generator client {
+  provider = "prisma-client-js"
+  binaryTargets = ["native"]
+}
+
+model Todo {
+  uid String @id @default(cuid())
+  created_at DateTime
+  text String
+  done Boolean
+}

prisma/schema.prisma

@@ -0,0 +1,4 @@
+import Prisma, * as PrismaAll from "@prisma/client";
+
+const PrismaClient = Prisma?.PrismaClient || PrismaAll?.PrismaClient;
+export default PrismaClient;

src/lib/prisma.ts

@@ -1,36 +1,47 @@
 import type { Request } from "@sveltejs/kit";
+import PrismaClient from "$lib/prisma";
 
-// TODO: Persist in database
-let todos: Todo[] = [];
+const prisma = new PrismaClient();
 
-export const api = (request: Request, data?: Record<string, unknown>) => {
+export const api = async (request: Request, data?: Record<string, unknown>) => {
   let body = {};
   let status = 500;
 
   switch (request.method.toUpperCase()) {
     case "GET":
-      body = todos;
+      body = await prisma.todo.findMany();
       status = 200;
       break;
     case "POST":
-      todos.push(data as Todo);
-      body = data;
+      body = await prisma.todo.create({
+        data: {
+          created_at: data.created_at as Date,
+          done: data.done as boolean,
+          text: data.text as string
+        }
+      })
       status = 201;
       break;
     case "DELETE":
-      todos = todos.filter(todo => todo.uid !== request.params.uid)
+      body = await prisma.todo.delete({
+        where: {
+          uid: request.params.uid
+        }
+      })
+      // todos = todos.filter(todo => todo.uid !== request.params.uid)
       status = 200;
       break;
     case "PATCH":
-      todos = todos.map(todo => {
-        if (todo.uid === request.params.uid) {
-          if (data.text) todo.text = data.text as string;
-          else todo.done = data.done as boolean;
+      body = await prisma.todo.update({
+        where: {
+          uid: request.params.uid
+        },
+        data: {
+          done: data.done,
+          text: data.text
         }
-        return todo;
-      });
+      })
       status = 200;
-      body = todos.find(todo => todo.uid === request.params.uid);
       break;
 
     default:

src/routes/todos/_api.ts

@@ -7,7 +7,6 @@ export const get: RequestHandler = (request) => {
 
 export const post: RequestHandler<{}, FormData> = (request) => {
   return api(request, {
-    uid: `${Date.now()}`, // TODO: Replace with the UID from the datbase
     created_at: new Date(),
     text: request.body.get("text"),
     done: false