Switch from @astrojs/db to drizzle (#45)

* Switch from @astrojs/db to drizzle

* Update ci.yml

Author: RobbieTheWagner

.github/workflows/ci.yml

@@ -80,6 +80,9 @@ jobs:
         run: pnpm exec playwright install --with-deps
       - name: Run Playwright tests
         run: pnpm exec playwright test
+        env:
+          ASTRO_DB_REMOTE_URL: ${{ secrets.ASTRO_DB_REMOTE_URL }}
+          ASTRO_DB_APP_TOKEN: ${{ secrets.ASTRO_DB_APP_TOKEN }}
       - uses: actions/upload-artifact@v4
         if: always()
         with:

CLAUDE.md

@@ -1,22 +1,28 @@
 # CLAUDE.md
 
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+This file provides guidance to Claude Code (claude.ai/code) when working with
+code in this repository.
 
 ## What is Starpod?
 
-Starpod is an open-source Astro-based podcast website generator. It creates a full podcast site from an RSS feed and a `starpod.config.ts` configuration file. The reference deployment is [whiskey.fm](https://whiskey.fm) (Whiskey Web and Whatnot podcast).
+Starpod is an open-source Astro-based podcast website generator. It creates a
+full podcast site from an RSS feed and a `starpod.config.ts` configuration file.
+The reference deployment is [whiskey.fm](https://whiskey.fm) (Whiskey Web and
+Whatnot podcast).
 
 ## Commands
 
 - **Dev server:** `pnpm dev` (runs on localhost:4321)
-- **Build:** `pnpm build` (runs `astro check` then `astro build --remote`)
+- **Build:** `pnpm build` (runs `astro check` then `astro build`)
 - **Lint:** `pnpm lint` (ESLint with caching)
 - **Lint fix:** `pnpm lint:fix`
 - **All tests:** `pnpm test` (runs unit + e2e concurrently)
 - **Unit tests only:** `pnpm test:unit` (Vitest)
 - **Single unit test:** `pnpm exec vitest run tests/unit/Player.test.tsx`
 - **E2E tests only:** `pnpm test:e2e` (Playwright, auto-starts dev server)
 - **Seed remote DB:** `pnpm db:seed`
+- **Push schema to DB:** `pnpm db:push`
+- **Drizzle Studio:** `pnpm db:studio`
 
 ## Architecture
 
@@ -25,37 +31,60 @@ Starpod is an open-source Astro-based podcast website generator. It creates a fu
 - **Astro 5** with static output, deployed to Vercel
 - **Preact** for interactive components (player, search, contact form)
 - **Tailwind CSS v4** via Vite plugin
-- **Astro DB** (Turso/libSQL) for episode guests and sponsors
+- **Drizzle ORM** with Turso/libSQL for episode guests and sponsors
 - **Valibot** for config validation
 
 ### Key Configuration
 
-- `starpod.config.ts` — podcast metadata (hosts, platforms, RSS feed URL, description). Uses `defineStarpodConfig()` from `src/utils/config.ts` for type safety and validation.
-- `astro.config.mjs` — Astro config with Vercel adapter, Preact, sitemap, and DB integrations.
+- `starpod.config.ts` — podcast metadata (hosts, platforms, RSS feed URL,
+  description). Uses `defineStarpodConfig()` from `src/utils/config.ts` for type
+  safety and validation.
+- `astro.config.mjs` — Astro config with Vercel adapter, Preact, and sitemap
+  integrations.
+- `drizzle.config.ts` — Drizzle Kit config for schema push, migrations, and
+  studio.
 
 ### Data Flow
 
-Episodes are fetched from the RSS feed at build time via `src/lib/rss.ts`. Guest/sponsor data lives in `db/data/` as TypeScript files and is seeded to Turso via `db/seed.ts`. The DB schema is in `db/config.ts` with tables: Episode, Person, HostOrGuest, Sponsor, SponsorForEpisode.
+Episodes are fetched from the RSS feed at build time via `src/lib/rss.ts`.
+Guest/sponsor data lives in `db/data/` as TypeScript files and is seeded to
+Turso via `db/seed.ts`. The DB schema is in `db/schema.ts` (Drizzle ORM) with
+tables: Episode, Person, HostOrGuest, Sponsor, SponsorForEpisode. The DB
+connection is configured in `db/index.ts`.
 
 ### Source Structure
 
-- `src/pages/` — Astro pages and API routes. Dynamic episode pages use `[episode].astro`. LLM-friendly `.html.md.ts` endpoints generate markdown versions.
-- `src/components/` — Mix of `.astro` (static) and `.tsx` (Preact interactive) components. The audio player (`src/components/player/`) and search dialog are Preact.
+- `src/pages/` — Astro pages and API routes. Dynamic episode pages use
+  `[episode].astro`. LLM-friendly `.html.md.ts` endpoints generate markdown
+  versions.
+- `src/components/` — Mix of `.astro` (static) and `.tsx` (Preact interactive)
+  components. The audio player (`src/components/player/`) and search dialog are
+  Preact.
 - `src/components/state.ts` — Preact signals for shared player state.
-- `src/lib/` — Core utilities: RSS fetching, image optimization, LLM content generation.
-- `src/content/transcripts/` — Markdown transcript files named by episode number.
+- `src/lib/` — Core utilities: RSS fetching, image optimization, LLM content
+  generation.
+- `src/content/transcripts/` — Markdown transcript files named by episode
+  number.
 - `src/layouts/Layout.astro` — Single shared layout.
+- `db/` — Database schema (`schema.ts`), connection (`index.ts`), seed script
+  (`seed.ts`), and static data files (`data/`).
 
 ### Testing
 
-- **Unit tests** (`tests/unit/`): Vitest + jsdom + @testing-library/preact. Setup file at `tests/unit/test-setup.ts`.
-- **E2E tests** (`tests/e2e/`): Playwright testing against chromium, firefox, and webkit.
+- **Unit tests** (`tests/unit/`): Vitest + jsdom + @testing-library/preact.
+  Setup file at `tests/unit/test-setup.ts`.
+- **E2E tests** (`tests/e2e/`): Playwright testing against chromium, firefox,
+  and webkit.
 
 ### TypeScript
 
-Strict mode with `baseUrl: "."` allowing bare `src/...` imports. JSX is configured for Preact (`jsxImportSource: "preact"`).
+Strict mode with `baseUrl: "."` allowing bare `src/...` imports. JSX is
+configured for Preact (`jsxImportSource: "preact"`).
 
 ## Environment Variables
 
-- `DISCORD_WEBHOOK` — Used by the contact form API route (`src/pages/api/contact.ts`) to post to Discord.
-- Astro DB connection requires `ASTRO_STUDIO_APP_TOKEN` for remote operations (build, seed).
+- `DISCORD_WEBHOOK` — Used by the contact form API route
+  (`src/pages/api/contact.ts`) to post to Discord.
+- `ASTRO_DB_REMOTE_URL` — Turso/libSQL database URL (e.g.,
+  `libsql://your-db.turso.io`).
+- `ASTRO_DB_APP_TOKEN` — Authentication token for Turso database.

astro.config.mjs

@@ -1,5 +1,4 @@
 import { defineConfig, fontProviders } from 'astro/config';
-import db from '@astrojs/db';
 import preact from '@astrojs/preact';
 import sitemap from '@astrojs/sitemap';
 import tailwindcss from '@tailwindcss/vite';
@@ -62,7 +61,6 @@ export default defineConfig({
   site: 'https://whiskey.fm',
   trailingSlash: 'never',
   integrations: [
-    db(),
     preact(),
     sitemap({
       filter: (page) => {

db/config.ts

@@ -3,6 +3,25 @@ import people from './people';
 type PersonId = (typeof people)[number]['id'];
 
 export default {
+  // 237
+  'the-transactional-trap-how-97-of-developers-are-using-ai-wrong-w-leon-noel-danny-thompson':
+    [
+      { id: 'robbiethewagner' },
+      { id: 'argyleink' },
+      { id: 'leonnoel' },
+      { id: 'dthompsondev' }
+    ],
+  // 236
+  'the-manager-has-become-the-managed-presented-by-warp': [
+    { id: 'robbiethewagner' },
+    { id: 'argyleink' },
+    { id: 'wattenberger' }
+  ],
+  // 235
+  'hot-pockets-pro-max-presented-by-warp': [
+    { id: 'robbiethewagner' },
+    { id: 'argyleink' }
+  ],
   // 234
   'pay-no-attention-to-the-llm-behind-the-terminal-w-zach-lloyd': [
     { id: 'robbiethewagner' },

db/data/people-per-episode.ts

@@ -71,6 +71,11 @@ export const people = [
     name: 'Diego Gonzalez',
     img: 'diegogonzalez.jpg'
   },
+  {
+    id: 'dthompsondev',
+    name: 'Danny Thompson',
+    img: 'dthompsondev.jpg'
+  },
   {
     id: 'engineering_bae',
     name: 'Taylor Poindexter',
@@ -151,6 +156,11 @@ export const people = [
     name: 'Kelly Vaughn',
     img: 'kvlly.jpg'
   },
+  {
+    id: 'leonnoel',
+    name: 'Leon Noel',
+    img: 'leonnoel.jpg'
+  },
   {
     id: 'madisonkanna',
     name: 'Madison Kanna',
@@ -296,6 +306,7 @@ export const people = [
     img: 'typecraft_dev.jpg'
   },
   { id: 'wagslane', name: 'Lane Wagner', img: 'wagslane.jpg' },
+  { id: 'wattenberger', name: 'Amelia Wattenberger', img: 'wattenberger.jpg' },
   { id: 'wesbos', name: 'Wes Bos', img: 'wesbos.jpg' },
   { id: 'willjohnsonio', name: 'Will Johnson', img: 'willjohnsonio.jpg' },
   { id: 'zachlloyd', name: 'Zach Lloyd', img: 'zachlloyd.jpg' },

db/data/people.ts

@@ -1,6 +1,11 @@
 export default {
+  // 237
+  'the-transactional-trap-how-97-of-developers-are-using-ai-wrong-w-leon-noel-danny-thompson':
+    [{ id: 'warp' }],
+  // 236
+  'the-manager-has-become-the-managed-presented-by-warp': [{ id: 'warp' }],
   // 235
-  // '': [{ id: 'warp' }],
+  'hot-pockets-pro-max-presented-by-warp': [{ id: 'warp' }],
   // 234
   'pay-no-attention-to-the-llm-behind-the-terminal-w-zach-lloyd': [
     { id: 'cascadiajs' }

db/data/sponsors-per-episode.ts

@@ -0,0 +1,15 @@
+import { drizzle } from 'drizzle-orm/libsql';
+
+import * as schema from './schema';
+
+// Uses ASTRO_DB_REMOTE_URL and ASTRO_DB_APP_TOKEN from environment.
+// In Astro files, these are available via import.meta.env.
+// In standalone scripts (seed), they are loaded via process.env.
+export function createDb(url: string, authToken: string) {
+  return drizzle({
+    connection: { url, authToken },
+    schema
+  });
+}
+
+export type Database = ReturnType<typeof createDb>;

db/index.ts

@@ -0,0 +1,62 @@
+import {
+  integer,
+  sqliteTable,
+  text,
+  uniqueIndex
+} from 'drizzle-orm/sqlite-core';
+
+export const Episode = sqliteTable('Episode', {
+  episodeSlug: text().primaryKey()
+});
+
+export const Person = sqliteTable('Person', {
+  id: text().primaryKey(),
+  img: text(),
+  name: text().notNull()
+});
+
+export const HostOrGuest = sqliteTable(
+  'HostOrGuest',
+  {
+    _id: integer('_id').primaryKey(),
+    episodeSlug: text()
+      .notNull()
+      .references(() => Episode.episodeSlug),
+    isHost: integer({ mode: 'boolean' }).notNull(),
+    personId: text()
+      .notNull()
+      .references(() => Person.id)
+  },
+  (table) => [
+    uniqueIndex('HostOrGuest_episodeSlug_personId_idx').on(
+      table.episodeSlug,
+      table.personId
+    )
+  ]
+);
+
+export const Sponsor = sqliteTable('Sponsor', {
+  id: text().primaryKey(),
+  img: text(),
+  name: text().notNull(),
+  url: text().notNull()
+});
+
+export const SponsorForEpisode = sqliteTable(
+  'SponsorForEpisode',
+  {
+    _id: integer('_id').primaryKey(),
+    episodeSlug: text()
+      .notNull()
+      .references(() => Episode.episodeSlug),
+    sponsorId: text()
+      .notNull()
+      .references(() => Sponsor.id)
+  },
+  (table) => [
+    uniqueIndex('SponsorForEpisode_episodeSlug_sponsorId_idx').on(
+      table.episodeSlug,
+      table.sponsorId
+    )
+  ]
+);

db/schema.ts

@@ -1,21 +1,28 @@
+import 'dotenv/config';
+
+import { sql } from 'drizzle-orm';
+
+import { createDb } from './index';
 import {
-  db,
   Episode,
   HostOrGuest,
   Person,
   Sponsor,
-  SponsorForEpisode,
-  sql
-} from 'astro:db';
+  SponsorForEpisode
+} from './schema';
 
 import { getAllEpisodes } from '../src/lib/rss';
 import people from './data/people';
 import peoplePerEpisode from './data/people-per-episode';
 import sponsors from './data/sponsors';
 import sponsorsPerEpisode from './data/sponsors-per-episode';
 
-// https://astro.build/db/seed
-export default async function seed() {
+const db = createDb(
+  process.env.ASTRO_DB_REMOTE_URL!,
+  process.env.ASTRO_DB_APP_TOKEN!
+);
+
+async function seed() {
   await db
     .insert(Person)
     .values(people as any)
@@ -82,4 +89,11 @@ export default async function seed() {
     .insert(SponsorForEpisode)
     .values(sponsorsForEpisodesToInsert)
     .onConflictDoNothing();
+
+  console.log('Seed complete!');
 }
+
+seed().catch((err) => {
+  console.error('Seed failed:', err);
+  process.exit(1);
+});