fix: table events only. prisma client

Author: andihaki

.env.example

@@ -0,0 +1 @@
+DATABASE_URL="postgresql://USERNAME:PASSWORD@localhost:6500/DATABASENAME?schema=public"

app/routes/event.$slug.tsx

@@ -0,0 +1,31 @@
+import { LoaderFunctionArgs } from "@remix-run/node";
+import { json, useLoaderData } from "@remix-run/react";
+
+import { prisma } from "~/utils/db.server";
+
+export const loader = async ({ params }: LoaderFunctionArgs) => {
+  if (!params.slug) {
+    throw new Error("Missing eventid param");
+  }
+  const event = await prisma.events.findFirst({
+    where: {
+      slug: params.slug,
+    },
+  });
+  if (!event) {
+    throw new Response("Not Found", { status: 404 });
+  }
+  return json({ event });
+};
+
+export default function Event() {
+  const { event } = useLoaderData<typeof loader>();
+  return (
+    <div className="w-full max-w-6xl mx-auto">
+      <h1>{event.title}</h1>
+      <h2>Deskripsi</h2>
+      <img src={event.imageUrl} alt={event.title} />
+      <p>{event.description}</p>
+    </div>
+  );
+}

app/utils/db.server.ts

@@ -0,0 +1,25 @@
+import { PrismaClient } from "@prisma/client";
+
+let prisma: PrismaClient;
+
+declare global {
+  var __db__: PrismaClient | undefined; // eslint-disable-line no-var
+}
+
+/**
+ * This is needed because in development we don't want to restart
+ * the server with every change, but we want to make sure we don't
+ * create a new connection to the DB with every change either.
+ * In production, we'll have a single connection to the DB.
+ */
+if (process.env.NODE_ENV === "production") {
+  prisma = new PrismaClient();
+} else {
+  if (!global.__db__) {
+    global.__db__ = new PrismaClient();
+  }
+  prisma = global.__db__;
+  prisma.$connect();
+}
+
+export { prisma };

package.json

@@ -16,6 +16,7 @@
     "@netlify/functions": "^2.6.0",
     "@netlify/remix-adapter": "^2.3.1",
     "@fontsource/geist-sans": "^5.0.3",
+    "@prisma/client": "^5.18.0",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.0",

prisma/migrations/20240815054105_init/migration.sql

@@ -0,0 +1,31 @@
+/*
+  Warnings:
+
+  - You are about to drop the `Event` table. If the table is not empty, all the data it contains will be lost.
+
+*/
+-- DropTable
+DROP TABLE "Event";
+
+-- CreateTable
+CREATE TABLE "Events" (
+    "id" TEXT NOT NULL,
+    "slug" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "imageUrl" TEXT NOT NULL,
+    "dateTimeStart" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "dateTimeEnd" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "url" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "locationName" TEXT NOT NULL,
+    "locationAddress" TEXT NOT NULL,
+    "eventAgendas" TEXT[],
+    "registration" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Events_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Events_slug_key" ON "Events"("slug");

prisma/migrations/migration_lock.toml

@@ -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/schema.prisma

@@ -11,95 +11,21 @@ datasource db {
   url      = env("DATABASE_URL")
 }
 
-model User {
+model Events {
   id String @id @default(cuid())
 
-  email    String  @unique
-  username String  @unique
-  phone    String? @unique // numeric string
-
-  fullname String
-  nickname String?
-
-  profile       UserProfile?
-  userProfileId String       @unique
-  role          Role         @relation(fields: [roleId], references: [id])
-  roleId        String
-
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-
-  @@index([id])
-  @@index([email])
-}
-
-model Role {
-  id String @id @default(cuid())
-
-  sequence    Int?    @unique // 1, 2, 3, ...
-  symbol      String  @unique // ROOT, ADMIN, MEMBER, ...
-  name        String  @unique // Root, Admin, Member, ...
-  description String? @db.Text // Summary of abilities
-
-  users User[]
-
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-
-  @@index([symbol])
-}
-
-model Event {
-  id String @id @default(cuid())
-
-  slug        String  @unique
-  title       String  @db.Text
-  description String  @db.Text
-  content     String? @db.Text // Rich HTML Text
-  url         String? // Url for online or hybrid
-
-  dateTimeStart DateTime @default(now())
-  dateTimeEnd   DateTime @default(now())
-
-  imageUrl String
-
+  slug            String   @unique
+  title           String   @db.Text
+  imageUrl        String
+  dateTimeStart   DateTime @default(now())
+  dateTimeEnd     DateTime @default(now())
+  url             String // Url for online or hybrid
+  description     String   @db.Text
   locationName    String
-  locationAddress String?
-
-  eventAgendas EventAgenda[]
-
-  registration String @db.Text
+  locationAddress String
+  eventAgendas    String[]
+  registration    String   @db.Text
 
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 }
-
-model EventAgenda {
-  id            String       @id @default(cuid())
-  title         String
-  description   String
-  speaker       UserProfile? @relation(fields: [userProfileId], references: [id])
-  userProfileId String?
-  Event         Event?       @relation(fields: [eventId], references: [id])
-  eventId       String?
-  dateTimeStart DateTime
-  dateTimeEnd   DateTime
-}
-
-// used by User & Event (event agenda has speakers)
-model UserProfile {
-  id String @id @default(cuid())
-
-  user   User   @relation(fields: [userId], references: [id], onUpdate: Cascade, onDelete: Cascade)
-  userId String @unique
-
-  headline String?
-  avatar   String?
-
-  createdAt    DateTime      @default(now())
-  updatedAt    DateTime      @updatedAt
-  eventAgendas EventAgenda[]
-
-  @@unique([id, userId])
-  @@index([userId])
-}