jake/sofa
1
Fork 0
mirror of https://github.com/jakejarvis/sofa.git synced 2026-08-29 03:55:38 -04:00
Code Issues Packages Projects Releases Wiki Activity

Implement full Couch Potato movie & TV tracking app

Browse Source 
Add all 10 milestones: Drizzle ORM + SQLite database with WAL mode,
Better Auth email/password authentication, TMDB API integration for
search and metadata import, TV season/episode caching, user tracking
(watchlist/status/watches/ratings with auto-transitions), discovery
feeds (continue watching, library, recommendations), US streaming
availability via TMDB providers, background job scheduler with
instrumentation hook, and dark cinema-themed frontend with DM Serif
Display + DM Sans typography and amber accent design system.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jake
2026-02-27 14:42:13 -05:00
co-authored by Claude Opus 4.6
parent 1b0ca5431a
commit b02ff1cdc1
65 changed files with 4994 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+66 -69
View File
@@ -7,8 +7,9 @@
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-sans);
--font-sans: var(--font-dm-sans);
--font-mono: var(--font-geist-mono);
--font-display: var(--font-dm-serif);
--color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -38,6 +39,8 @@
--color-popover: var(--popover);
--color-card-foreground: var(--card-foreground);
--color-card: var(--card);
--color-amber: var(--amber);
--color-amber-muted: var(--amber-muted);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
@@ -47,73 +50,42 @@
--radius-4xl: calc(var(--radius) + 16px);
}
/* Dark cinema — always dark */
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.58 0.22 27);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.809 0.105 251.813);
--chart-2: oklch(0.623 0.214 259.815);
--chart-3: oklch(0.546 0.245 262.881);
--chart-4: oklch(0.488 0.243 264.376);
--chart-5: oklch(0.424 0.199 265.638);
--radius: 0.625rem;
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
}
.dark {
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.87 0.00 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.371 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.809 0.105 251.813);
--chart-2: oklch(0.623 0.214 259.815);
--chart-3: oklch(0.546 0.245 262.881);
--chart-4: oklch(0.488 0.243 264.376);
--chart-5: oklch(0.424 0.199 265.638);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
--background: oklch(0.12 0.005 250);
--foreground: oklch(0.93 0.01 80);
--card: oklch(0.16 0.005 250);
--card-foreground: oklch(0.93 0.01 80);
--popover: oklch(0.18 0.005 250);
--popover-foreground: oklch(0.93 0.01 80);
--primary: oklch(0.82 0.12 70);
--primary-foreground: oklch(0.12 0.005 250);
--secondary: oklch(0.2 0.005 250);
--secondary-foreground: oklch(0.85 0.02 80);
--muted: oklch(0.2 0.005 250);
--muted-foreground: oklch(0.6 0.02 80);
--accent: oklch(0.22 0.008 250);
--accent-foreground: oklch(0.93 0.01 80);
--destructive: oklch(0.65 0.2 25);
--border: oklch(1 0 0 / 8%);
--input: oklch(1 0 0 / 10%);
--ring: oklch(0.82 0.12 70);
--amber: oklch(0.82 0.12 70);
--amber-muted: oklch(0.82 0.12 70 / 15%);
--chart-1: oklch(0.82 0.12 70);
--chart-2: oklch(0.65 0.15 30);
--chart-3: oklch(0.55 0.12 260);
--chart-4: oklch(0.72 0.1 160);
--chart-5: oklch(0.6 0.15 310);
--radius: 0.5rem;
--sidebar: oklch(0.14 0.005 250);
--sidebar-foreground: oklch(0.93 0.01 80);
--sidebar-primary: oklch(0.82 0.12 70);
--sidebar-primary-foreground: oklch(0.12 0.005 250);
--sidebar-accent: oklch(0.2 0.005 250);
--sidebar-accent-foreground: oklch(0.93 0.01 80);
--sidebar-border: oklch(1 0 0 / 8%);
--sidebar-ring: oklch(0.82 0.12 70);
}
@layer base {
@@ -121,6 +93,31 @@
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
@apply bg-background text-foreground antialiased;
}
}
}
/* Scrollbar styling */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: oklch(1 0 0 / 15%);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: oklch(1 0 0 / 25%);
}
/* Horizontal scroll row for feeds */
.feed-scroll {
scrollbar-width: none;
-ms-overflow-style: none;
}
.feed-scroll::-webkit-scrollbar {
display: none;
}