db: database demo

apps/analytics/package.json

@@ -9,7 +9,7 @@
     "format": "eslint . --fix"
   },
   "dependencies": {
-    "@cugetreg/database": "workspace:*",
+    "@repo/database": "workspace:*",
     "dotenv-cli": "^7.4.4",
     "drizzle-orm": "^0.38.1",
     "postgres": "^3.4.5",

apps/analytics/src/index.ts

@@ -1,8 +1,9 @@
-import { user } from '@cugetreg/database'
 import { count, like } from 'drizzle-orm'
 import { drizzle } from 'drizzle-orm/postgres-js'
 import postgres from 'postgres'
 
+import { user } from '@repo/database'
+
 import { emailYear, faculty } from './constants.js'
 
 export const pgClient = postgres(process.env.DATABASE_URL as string)

apps/web/package.json

@@ -15,6 +15,7 @@
     "test:unit": "vitest"
   },
   "dependencies": {
+    "@repo/database": "workspace:*",
     "@repo/ui": "workspace:*"
   },
   "devDependencies": {
@@ -26,8 +27,10 @@
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "autoprefixer": "^10.4.20",
+    "drizzle-orm": "^0.38.1",
     "eslint": "^9.16.0",
     "postcss": "^8.4.49",
+    "postgres": "^3.4.5",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.2",
     "svelte": "^4.2.18",

apps/web/src/lib/db.ts

@@ -0,0 +1,7 @@
+import { drizzle } from 'drizzle-orm/postgres-js'
+import postgres from 'postgres'
+
+import { env } from '$env/dynamic/private'
+
+export const pgClient = postgres(env.DATABASE_URL as string)
+export const db = drizzle(pgClient)

apps/web/src/routes/+page.svelte

@@ -51,3 +51,5 @@
     </Accordion.Content>
   </Accordion.Item>
 </Accordion.Root>
+
+<a href="/dbdemo">Click to go to DB Demo</a>

apps/web/src/routes/dbdemo/+page.server.ts

@@ -0,0 +1,17 @@
+import { eq } from 'drizzle-orm'
+
+import { course } from '@repo/database'
+
+import { db } from '$lib/db'
+
+import type { PageServerLoad } from './$types.js'
+
+export const load: PageServerLoad = async () => {
+  return {
+    course: await db
+      .select()
+      .from(course)
+      .where(eq(course.courseNo, '2110101'))
+      .orderBy(course.academicYear, course.semester),
+  }
+}

apps/web/src/routes/dbdemo/+page.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import type { PageData } from './$types'
+
+  export let data: PageData
+</script>
+
+<h1 class="text-h1">DB Demo</h1>
+
+<p class="whitespace-pre">
+  {JSON.stringify(data.course, null, 2)}
+</p>

packages/database/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cugetreg/database",
+  "name": "@repo/database",
   "version": "2.0.0",
   "private": true,
   "type": "module",