mirror of
https://github.com/kikootwo/ReadMeABook.git
synced 2026-06-08 15:20:09 +00:00
Compare commits
27 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0ae8f66a2d | |||
| 09cff5b68d | |||
| da7ad7cac1 | |||
| 8aac63715a | |||
| 0a405f2313 | |||
| 98c89db0a7 | |||
| 309a7960a8 | |||
| 06e77b8eba | |||
| dfc34df3d1 | |||
| 5d2e33e369 | |||
| 789a2e50ef | |||
| 9cb9d06144 | |||
| a81549768c | |||
| c0cff56b47 | |||
| e2ae4c7eef | |||
| a564fefd7c | |||
| 01b59fae9d | |||
| 137e2b5607 | |||
| f09931f352 | |||
| 5b4aa3fa15 | |||
| 3e2221ad5b | |||
| 859a331012 | |||
| c35bec9f89 | |||
| 09e1a0db3a | |||
| 832a8ad00b | |||
| cc8e106a2b | |||
| 079a337f1c |
@@ -4,6 +4,14 @@
|
|||||||
|
|
||||||
**ALWAYS DO:** When you feel work is complete, use the docker compose build readmebook to confirm you have no errors. If the build succeeds, then you can tell me it is ready to be tested.
|
**ALWAYS DO:** When you feel work is complete, use the docker compose build readmebook to confirm you have no errors. If the build succeeds, then you can tell me it is ready to be tested.
|
||||||
|
|
||||||
|
**NEVER implement without approval.** When asked to assess, investigate, or fix a problem:
|
||||||
|
1. **Research & analyze** — Read code, trace the issue, identify root cause.
|
||||||
|
2. **Present a solution plan** — Explain the root cause, list the specific files and changes needed, and describe the approach clearly.
|
||||||
|
3. **Wait for explicit approval** — Do NOT write any code until the user confirms the plan.
|
||||||
|
4. Only after approval: implement, build, and report results.
|
||||||
|
|
||||||
|
This applies to bug fixes, feature requests, and any code changes. Investigation and analysis are always fine — writing code is not until approved.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 1. Token-Efficient Documentation System
|
## 1. Token-Efficient Documentation System
|
||||||
|
|||||||
@@ -49,6 +49,15 @@ services:
|
|||||||
PUID: 1000
|
PUID: 1000
|
||||||
PGID: 1000
|
PGID: 1000
|
||||||
|
|
||||||
|
# ========================================================================
|
||||||
|
# OPTIONAL: File Permission Mask
|
||||||
|
# ========================================================================
|
||||||
|
# Set a umask to control default file permissions for all files created
|
||||||
|
# by the application. Common values:
|
||||||
|
# - 002: Group-writable (files: 664, dirs: 775) - recommended for shared access
|
||||||
|
# - 022: Group-readable only (files: 644, dirs: 755) - more restrictive
|
||||||
|
# UMASK: "002"
|
||||||
|
|
||||||
# ========================================================================
|
# ========================================================================
|
||||||
# OPTIONAL: Secrets (auto-generated on first run if not provided)
|
# OPTIONAL: Secrets (auto-generated on first run if not provided)
|
||||||
# ========================================================================
|
# ========================================================================
|
||||||
|
|||||||
@@ -22,6 +22,12 @@ PGID=${PGID:-$(id -g node)}
|
|||||||
echo "[App] Starting Next.js server..."
|
echo "[App] Starting Next.js server..."
|
||||||
echo "[App] Process will run as UID:GID = $PUID:$PGID"
|
echo "[App] Process will run as UID:GID = $PUID:$PGID"
|
||||||
|
|
||||||
|
# Apply UMASK if set (controls default file permissions)
|
||||||
|
if [ -n "$UMASK" ]; then
|
||||||
|
echo "[App] Applying umask: $UMASK"
|
||||||
|
umask "$UMASK"
|
||||||
|
fi
|
||||||
|
|
||||||
cd /app
|
cd /app
|
||||||
|
|
||||||
# =============================================================================
|
# =============================================================================
|
||||||
|
|||||||
@@ -387,6 +387,7 @@ PORT=$PORT
|
|||||||
HOSTNAME=$HOSTNAME
|
HOSTNAME=$HOSTNAME
|
||||||
PUID=${PUID:-}
|
PUID=${PUID:-}
|
||||||
PGID=${PGID:-}
|
PGID=${PGID:-}
|
||||||
|
UMASK=${UMASK:-}
|
||||||
ROOTLESS_CONTAINER=${ROOTLESS_CONTAINER:-}
|
ROOTLESS_CONTAINER=${ROOTLESS_CONTAINER:-}
|
||||||
EOF
|
EOF
|
||||||
|
|
||||||
@@ -403,6 +404,29 @@ echo "🔄 Running Prisma migrations..."
|
|||||||
cd /app
|
cd /app
|
||||||
su - node -c "cd /app && DATABASE_URL='$DATABASE_URL' npx prisma db push --skip-generate --accept-data-loss" || echo "⚠️ Migrations may have failed, continuing..."
|
su - node -c "cd /app && DATABASE_URL='$DATABASE_URL' npx prisma db push --skip-generate --accept-data-loss" || echo "⚠️ Migrations may have failed, continuing..."
|
||||||
|
|
||||||
|
# Run data migrations (run-once SQL scripts tracked in _data_migrations table)
|
||||||
|
echo "🔄 Running data migrations..."
|
||||||
|
|
||||||
|
for sql_file in /app/prisma/data-migrations/*.sql; do
|
||||||
|
if [ -f "$sql_file" ]; then
|
||||||
|
migration_name=$(basename "$sql_file")
|
||||||
|
|
||||||
|
already_run=$(psql "$DATABASE_URL" -tA -c "SELECT 1 FROM _data_migrations WHERE name = '$migration_name' LIMIT 1;")
|
||||||
|
if [ "$already_run" = "1" ]; then
|
||||||
|
echo " Skipping $migration_name (already executed)"
|
||||||
|
continue
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo " Running $migration_name..."
|
||||||
|
if su - node -c "cd /app && DATABASE_URL='$DATABASE_URL' npx prisma db execute --schema prisma/schema.prisma --file '$sql_file'"; then
|
||||||
|
psql "$DATABASE_URL" -c "INSERT INTO _data_migrations (name) VALUES ('$migration_name');"
|
||||||
|
echo " ✅ $migration_name completed"
|
||||||
|
else
|
||||||
|
echo "⚠️ Data migration $migration_name failed, will retry on next start"
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
# Stop internal PostgreSQL (supervisord will restart it via wrapper)
|
# Stop internal PostgreSQL (supervisord will restart it via wrapper)
|
||||||
if [ "$USE_EXTERNAL_POSTGRES" = "false" ]; then
|
if [ "$USE_EXTERNAL_POSTGRES" = "false" ]; then
|
||||||
echo "🔧 Stopping temporary PostgreSQL instance..."
|
echo "🔧 Stopping temporary PostgreSQL instance..."
|
||||||
|
|||||||
+13
-1
@@ -24,14 +24,26 @@ RUN apt-get update && apt-get install -y \
|
|||||||
supervisor \
|
supervisor \
|
||||||
curl \
|
curl \
|
||||||
openssl \
|
openssl \
|
||||||
ffmpeg \
|
|
||||||
locales \
|
locales \
|
||||||
gosu \
|
gosu \
|
||||||
|
xz-utils \
|
||||||
&& sed -i 's/^# \(en_US.UTF-8 UTF-8\)/\1/' /etc/locale.gen \
|
&& sed -i 's/^# \(en_US.UTF-8 UTF-8\)/\1/' /etc/locale.gen \
|
||||||
&& locale-gen en_US.UTF-8 \
|
&& locale-gen en_US.UTF-8 \
|
||||||
&& update-locale LANG=en_US.UTF-8 LC_ALL=en_US.UTF-8 \
|
&& update-locale LANG=en_US.UTF-8 LC_ALL=en_US.UTF-8 \
|
||||||
&& rm -rf /var/lib/apt/lists/*
|
&& rm -rf /var/lib/apt/lists/*
|
||||||
|
|
||||||
|
# Install static ffmpeg (no transitive dependencies like imagemagick)
|
||||||
|
ADD https://johnvansickle.com/ffmpeg/releases/ffmpeg-release-amd64-static.tar.xz /tmp/ffmpeg.tar.xz
|
||||||
|
RUN cd /tmp && tar xf ffmpeg.tar.xz && \
|
||||||
|
cp ffmpeg-*-static/ffmpeg ffmpeg-*-static/ffprobe /usr/local/bin/ && \
|
||||||
|
rm -rf /tmp/ffmpeg*
|
||||||
|
|
||||||
|
# Remove imagemagick (pre-installed in node:20-bookworm base image, not needed)
|
||||||
|
RUN apt-get purge -y imagemagick imagemagick-6-common 'imagemagick-6*' \
|
||||||
|
'libmagickcore*' 'libmagickwand*' && \
|
||||||
|
apt-get autoremove -y --purge && \
|
||||||
|
rm -rf /var/lib/apt/lists/*
|
||||||
|
|
||||||
ENV LANG=en_US.UTF-8
|
ENV LANG=en_US.UTF-8
|
||||||
ENV LC_ALL=en_US.UTF-8
|
ENV LC_ALL=en_US.UTF-8
|
||||||
|
|
||||||
|
|||||||
@@ -85,6 +85,7 @@
|
|||||||
- **Component catalog (cards, badges, forms)** → [frontend/components.md](frontend/components.md)
|
- **Component catalog (cards, badges, forms)** → [frontend/components.md](frontend/components.md)
|
||||||
- **RequestCard, StatusBadge, ProgressBar** → [frontend/components.md](frontend/components.md)
|
- **RequestCard, StatusBadge, ProgressBar** → [frontend/components.md](frontend/components.md)
|
||||||
- **Pages: home, search, requests, profile** → [frontend/components.md](frontend/components.md)
|
- **Pages: home, search, requests, profile** → [frontend/components.md](frontend/components.md)
|
||||||
|
- **Home page sections (per-user, configurable)** → [features/home-sections.md](features/home-sections.md)
|
||||||
|
|
||||||
## BookDate (AI Recommendations)
|
## BookDate (AI Recommendations)
|
||||||
- **AI-powered recommendations, swipe interface** → [features/bookdate.md](features/bookdate.md)
|
- **AI-powered recommendations, swipe interface** → [features/bookdate.md](features/bookdate.md)
|
||||||
@@ -158,6 +159,9 @@
|
|||||||
**"Why do BookDate library books show placeholders?"** → [features/library-thumbnail-cache.md](features/library-thumbnail-cache.md)
|
**"Why do BookDate library books show placeholders?"** → [features/library-thumbnail-cache.md](features/library-thumbnail-cache.md)
|
||||||
**"How does file hash matching work?"** → [fixes/file-hash-matching.md](fixes/file-hash-matching.md)
|
**"How does file hash matching work?"** → [fixes/file-hash-matching.md](fixes/file-hash-matching.md)
|
||||||
**"Why is ABS matching the wrong book?"** → [fixes/file-hash-matching.md](fixes/file-hash-matching.md) (file hash prevents false positives)
|
**"Why is ABS matching the wrong book?"** → [fixes/file-hash-matching.md](fixes/file-hash-matching.md) (file hash prevents false positives)
|
||||||
|
**"How do I customize my home page?"** → [features/home-sections.md](features/home-sections.md)
|
||||||
|
**"How do Audible categories work?"** → [features/home-sections.md](features/home-sections.md)
|
||||||
|
**"How do I add category sections to the home page?"** → [features/home-sections.md](features/home-sections.md)
|
||||||
**"How do Goodreads shelves work?"** → [backend/services/goodreads-sync.md](backend/services/goodreads-sync.md)
|
**"How do Goodreads shelves work?"** → [backend/services/goodreads-sync.md](backend/services/goodreads-sync.md)
|
||||||
**"How do Hardcover shelves work?"** → [backend/services/hardcover-sync.md](backend/services/hardcover-sync.md)
|
**"How do Hardcover shelves work?"** → [backend/services/hardcover-sync.md](backend/services/hardcover-sync.md)
|
||||||
**"How do I add a new shelf provider?"** → [backend/services/goodreads-sync.md](backend/services/goodreads-sync.md#adding-a-new-provider)
|
**"How do I add a new shelf provider?"** → [backend/services/goodreads-sync.md](backend/services/goodreads-sync.md#adding-a-new-provider)
|
||||||
|
|||||||
@@ -129,10 +129,10 @@ interface ScheduledJob {
|
|||||||
## Audible Refresh Processor
|
## Audible Refresh Processor
|
||||||
|
|
||||||
**Implementation:**
|
**Implementation:**
|
||||||
1. Clear previous `isPopular`/`isNewRelease` flags
|
1. Fetch 200 popular + 200 new releases (multi-page scraping)
|
||||||
2. Fetch 200 popular + 200 new releases (multi-page scraping)
|
2. Download and cache cover thumbnails locally (stored in `/app/cache/thumbnails`)
|
||||||
3. Download and cache cover thumbnails locally (stored in `/app/cache/thumbnails`)
|
3. Wipe and re-populate `AudibleCacheCategory` entries with reserved IDs (`__popular__`, `__new_releases__`) and user-configured category IDs
|
||||||
4. Store/update in DB with category flags, rankings (`popularRank`, `newReleaseRank`), and cached cover paths
|
4. Upsert book metadata in `AudibleCache`, ranked entries in `AudibleCacheCategory`
|
||||||
5. Record sync timestamp (`lastAudibleSync`)
|
5. Record sync timestamp (`lastAudibleSync`)
|
||||||
6. Clean up unused thumbnails (removes covers for audiobooks no longer in cache)
|
6. Clean up unused thumbnails (removes covers for audiobooks no longer in cache)
|
||||||
7. Perform fuzzy matching (70% threshold) against Plex library
|
7. Perform fuzzy matching (70% threshold) against Plex library
|
||||||
|
|||||||
@@ -0,0 +1,64 @@
|
|||||||
|
# Home Page Sections (Per-User Configurable)
|
||||||
|
|
||||||
|
**Status:** Implemented | Per-user home page with configurable sections (popular, new releases, Audible categories)
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
Users customize their home page by adding/removing/reordering sections. Each section displays audiobooks from a specific source: built-in Popular, New Releases, or scraped Audible categories.
|
||||||
|
|
||||||
|
## Data Models
|
||||||
|
|
||||||
|
**UserHomeSection** (`user_home_sections`):
|
||||||
|
- `id`, `userId` (FK User), `sectionType` ('popular'|'new_releases'|'category'), `categoryId` (nullable), `categoryName` (nullable), `sortOrder` (int)
|
||||||
|
- Unique: `(userId, sectionType, categoryId)`
|
||||||
|
- Default: Popular (0) + New Releases (1) created on first access
|
||||||
|
|
||||||
|
**AudibleCacheCategory** (`audible_cache_categories`):
|
||||||
|
- `id`, `asin`, `categoryId`, `rank`, `lastSyncedAt`
|
||||||
|
- Unique: `(asin, categoryId)`, Indexes: `categoryId`, `(categoryId, rank)`
|
||||||
|
|
||||||
|
## API Endpoints
|
||||||
|
|
||||||
|
| Method | Path | Auth | Description |
|
||||||
|
|--------|------|------|-------------|
|
||||||
|
| GET | `/api/user/home-sections` | user | Returns sections + nextRefresh |
|
||||||
|
| PUT | `/api/user/home-sections` | user | Save full config (delete-recreate), max 10 |
|
||||||
|
| GET | `/api/audible/categories` | user | Live scrape top-level categories |
|
||||||
|
| GET | `/api/audiobooks/category/[categoryId]` | public | Paginated category books from cache |
|
||||||
|
|
||||||
|
## Refresh Processor (Unified Storage)
|
||||||
|
- All section data stored in `AudibleCacheCategory` with reserved IDs: `__popular__` and `__new_releases__` for built-in sections
|
||||||
|
- Popular/new-releases use same wipe-and-populate pattern as user categories
|
||||||
|
- After built-in sections, queries DISTINCT categoryIds from `UserHomeSection`
|
||||||
|
- Per section: wipe `AudibleCacheCategory` rows, scrape, upsert `AudibleCache` metadata, insert ranked category entries
|
||||||
|
- Batch cooldown between sections (10-20s random)
|
||||||
|
- Constants exported from `audible-refresh.processor.ts`: `POPULAR_CATEGORY_ID`, `NEW_RELEASES_CATEGORY_ID`
|
||||||
|
|
||||||
|
## AudibleService Methods
|
||||||
|
- `getCategories()`: Scrapes `{baseUrl}/categories`, returns `{id, name}[]`
|
||||||
|
- `getCategoryBooks(categoryId, limit)`: Scrapes `/search?node={id}&pageSize=50&sort=popularity-rank`, up to 200 results
|
||||||
|
|
||||||
|
## Frontend
|
||||||
|
- **Hooks:** `useHomeSections()`, `useCategoryAudiobooks()`, `useAudibleCategories()` in `src/lib/hooks/useHomeSections.ts`
|
||||||
|
- **Config Modal:** `src/components/home/HomeSectionConfigModal.tsx` — drag-and-drop (desktop), up/down arrows (mobile), auto-save with debounce
|
||||||
|
- **Section Component:** `src/components/home/HomeSection.tsx` — renders individual section with color-coded header
|
||||||
|
- **Home Page:** `src/app/page.tsx` — dynamic sections from user config, gear icon for customize
|
||||||
|
- **Pagination:** `src/components/ui/UnifiedPagination.tsx` — updated to support 1-12 dynamic sections
|
||||||
|
|
||||||
|
## Key Decisions
|
||||||
|
- 10 section limit per user (total)
|
||||||
|
- Category picker scraped live (no categories table)
|
||||||
|
- Top-level categories only (v1)
|
||||||
|
- Wipe-and-re-scrape per category during refresh
|
||||||
|
- Deduplication of categories across users before scraping
|
||||||
|
- If category disappears, user sees empty section
|
||||||
|
- 10-color palette assigned by sort order
|
||||||
|
|
||||||
|
## Files
|
||||||
|
- Schema: `prisma/schema.prisma` (UserHomeSection, AudibleCacheCategory)
|
||||||
|
- Migration: `prisma/migrations/20260306000000_add_home_sections/migration.sql`
|
||||||
|
- Service: `src/lib/integrations/audible.service.ts` (getCategories, getCategoryBooks)
|
||||||
|
- Processor: `src/lib/processors/audible-refresh.processor.ts`
|
||||||
|
- API Routes: `src/app/api/user/home-sections/route.ts`, `src/app/api/audible/categories/route.ts`, `src/app/api/audiobooks/category/[categoryId]/route.ts`
|
||||||
|
- Hooks: `src/lib/hooks/useHomeSections.ts`
|
||||||
|
- Components: `src/components/home/HomeSectionConfigModal.tsx`, `src/components/home/HomeSection.tsx`
|
||||||
|
- Tests: `tests/api/home-sections.routes.test.ts`, `tests/processors/audible-refresh.processor.test.ts`
|
||||||
@@ -128,11 +128,11 @@ Single matching algorithm used everywhere (search, popular, new-releases, jobs).
|
|||||||
Discovery APIs serve cached data from DB with real-time matching.
|
Discovery APIs serve cached data from DB with real-time matching.
|
||||||
|
|
||||||
**Flow:**
|
**Flow:**
|
||||||
1. `audible_refresh` job runs daily → fetches 200 popular + 200 new releases
|
1. `audible_refresh` job runs daily → fetches 200 popular + 200 new releases + user-configured categories
|
||||||
2. Downloads and caches cover thumbnails locally (reduces Audible load)
|
2. Downloads and caches cover thumbnails locally (reduces Audible load)
|
||||||
3. Stores in DB with flags (`isPopular`, `isNewRelease`) and rankings
|
3. Stores metadata in `audible_cache`, ranked entries in `audible_cache_categories` with reserved IDs (`__popular__`, `__new_releases__`) and user category IDs
|
||||||
4. Cleans up unused thumbnails after sync
|
4. Cleans up unused thumbnails after sync
|
||||||
5. API routes query DB → apply real-time matching → return enriched results
|
5. API routes query `AudibleCacheCategory` by categoryId → join with `AudibleCache` metadata → apply real-time matching → return enriched results
|
||||||
6. Homepage loads instantly (no Audible API hits)
|
6. Homepage loads instantly (no Audible API hits)
|
||||||
|
|
||||||
## Thumbnail Caching
|
## Thumbnail Caching
|
||||||
|
|||||||
@@ -51,7 +51,7 @@ Ebooks are first-class citizens in RMAB, with their own request type, tracking,
|
|||||||
| Key | Default | Description |
|
| Key | Default | Description |
|
||||||
|-----|---------|-------------|
|
|-----|---------|-------------|
|
||||||
| `ebook_annas_archive_enabled` | `false` | Enable Anna's Archive downloads |
|
| `ebook_annas_archive_enabled` | `false` | Enable Anna's Archive downloads |
|
||||||
| `ebook_sidecar_base_url` | `https://annas-archive.li` | Base URL for mirror |
|
| `ebook_sidecar_base_url` | `https://annas-archive.gl` | Base URL for mirror |
|
||||||
| `ebook_sidecar_flaresolverr_url` | `` (empty) | FlareSolverr proxy URL (optional) |
|
| `ebook_sidecar_flaresolverr_url` | `` (empty) | FlareSolverr proxy URL (optional) |
|
||||||
|
|
||||||
#### Section 2: Indexer Search
|
#### Section 2: Indexer Search
|
||||||
@@ -180,18 +180,18 @@ Configure URL in Admin Settings → E-book Sidecar: `http://localhost:8191`
|
|||||||
|
|
||||||
### Method 1: ASIN Search (exact match)
|
### Method 1: ASIN Search (exact match)
|
||||||
```
|
```
|
||||||
Search: https://annas-archive.li/search?ext=epub&lang=en&q="asin:B09TWSRMCB"
|
Search: https://annas-archive.gl/search?ext=epub&lang=en&q="asin:B09TWSRMCB"
|
||||||
↓
|
↓
|
||||||
MD5 Page: https://annas-archive.li/md5/[md5]
|
MD5 Page: https://annas-archive.gl/md5/[md5]
|
||||||
↓
|
↓
|
||||||
Slow Download: https://annas-archive.li/slow_download/[md5]/0/5
|
Slow Download: https://annas-archive.gl/slow_download/[md5]/0/5
|
||||||
↓
|
↓
|
||||||
File Server: http://[server]/path/to/file.epub
|
File Server: http://[server]/path/to/file.epub
|
||||||
```
|
```
|
||||||
|
|
||||||
### Method 2: Title + Author (fallback)
|
### Method 2: Title + Author (fallback)
|
||||||
```
|
```
|
||||||
Search: https://annas-archive.li/search?q=Title+Author&ext=epub&lang=en
|
Search: https://annas-archive.gl/search?q=Title+Author&ext=epub&lang=en
|
||||||
↓ (Same flow from MD5 page)
|
↓ (Same flow from MD5 page)
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|||||||
@@ -81,7 +81,7 @@ src/app/admin/settings/
|
|||||||
|
|
||||||
1. **Anna's Archive Section**
|
1. **Anna's Archive Section**
|
||||||
- Enable toggle for Anna's Archive downloads
|
- Enable toggle for Anna's Archive downloads
|
||||||
- Base URL (default: `https://annas-archive.li`)
|
- Base URL (default: `https://annas-archive.gl`)
|
||||||
- FlareSolverr URL (optional, for Cloudflare bypass)
|
- FlareSolverr URL (optional, for Cloudflare bypass)
|
||||||
|
|
||||||
2. **Indexer Search Section**
|
2. **Indexer Search Section**
|
||||||
@@ -101,7 +101,7 @@ src/app/admin/settings/
|
|||||||
| `ebook_sidecar_preferred_format` | `epub` | Preferred format |
|
| `ebook_sidecar_preferred_format` | `epub` | Preferred format |
|
||||||
| `ebook_auto_grab_enabled` | `true` | Auto-create ebook requests after audiobook downloads |
|
| `ebook_auto_grab_enabled` | `true` | Auto-create ebook requests after audiobook downloads |
|
||||||
| `ebook_kindle_fix_enabled` | `false` | Apply Kindle compatibility fixes to EPUB files |
|
| `ebook_kindle_fix_enabled` | `false` | Apply Kindle compatibility fixes to EPUB files |
|
||||||
| `ebook_sidecar_base_url` | `https://annas-archive.li` | Anna's Archive mirror |
|
| `ebook_sidecar_base_url` | `https://annas-archive.gl` | Anna's Archive mirror |
|
||||||
| `ebook_sidecar_flaresolverr_url` | `` | FlareSolverr URL |
|
| `ebook_sidecar_flaresolverr_url` | `` | FlareSolverr URL |
|
||||||
|
|
||||||
**Behavior:**
|
**Behavior:**
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "readmeabook",
|
"name": "readmeabook",
|
||||||
"version": "1.0.16",
|
"version": "1.1.5",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "next dev",
|
"dev": "next dev",
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
-- Normalize existing local usernames to lowercase (idempotent - safe to run multiple times)
|
||||||
|
-- Only affects local auth users, not Plex/OIDC users
|
||||||
|
UPDATE users SET plex_username = LOWER(plex_username)
|
||||||
|
WHERE auth_provider = 'local' AND deleted_at IS NULL AND plex_username != LOWER(plex_username);
|
||||||
|
|
||||||
|
UPDATE users SET plex_id = 'local-' || LOWER(SUBSTRING(plex_id FROM 7))
|
||||||
|
WHERE plex_id LIKE 'local-%' AND plex_id NOT LIKE 'local-%-deleted-%' AND plex_id != LOWER(plex_id);
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
-- Reset works table to fix incorrect dedup groupings (v1.1.2)
|
||||||
|
-- Books with "Series: Title" naming (e.g. "Eden's Gate: The Reborn" vs
|
||||||
|
-- "Eden's Gate: The Spartan") were incorrectly merged into the same work
|
||||||
|
-- because subtitle stripping collapsed them to the same base title.
|
||||||
|
-- The works table auto-rebuilds from dedup logic as users browse.
|
||||||
|
DELETE FROM work_asins;
|
||||||
|
DELETE FROM works;
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "user_home_sections" (
|
||||||
|
"id" TEXT NOT NULL,
|
||||||
|
"user_id" TEXT NOT NULL,
|
||||||
|
"section_type" TEXT NOT NULL,
|
||||||
|
"category_id" TEXT,
|
||||||
|
"category_name" TEXT,
|
||||||
|
"sort_order" INTEGER NOT NULL,
|
||||||
|
"created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"updated_at" TIMESTAMP(3) NOT NULL,
|
||||||
|
|
||||||
|
CONSTRAINT "user_home_sections_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "audible_cache_categories" (
|
||||||
|
"id" TEXT NOT NULL,
|
||||||
|
"asin" TEXT NOT NULL,
|
||||||
|
"category_id" TEXT NOT NULL,
|
||||||
|
"rank" INTEGER NOT NULL,
|
||||||
|
"last_synced_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
"created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
|
||||||
|
CONSTRAINT "audible_cache_categories_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "user_home_sections_user_id_idx" ON "user_home_sections"("user_id");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "user_home_sections_sort_order_idx" ON "user_home_sections"("sort_order");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "user_home_sections_user_id_section_type_category_id_key" ON "user_home_sections"("user_id", "section_type", "category_id");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "audible_cache_categories_category_id_idx" ON "audible_cache_categories"("category_id");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "audible_cache_categories_asin_idx" ON "audible_cache_categories"("asin");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "audible_cache_categories_category_id_rank_idx" ON "audible_cache_categories"("category_id", "rank");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "audible_cache_categories_asin_category_id_key" ON "audible_cache_categories"("asin", "category_id");
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "user_home_sections" ADD CONSTRAINT "user_home_sections_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
|
||||||
@@ -0,0 +1,17 @@
|
|||||||
|
-- DropIndex
|
||||||
|
DROP INDEX IF EXISTS "audible_cache_is_popular_idx";
|
||||||
|
|
||||||
|
-- DropIndex
|
||||||
|
DROP INDEX IF EXISTS "audible_cache_is_new_release_idx";
|
||||||
|
|
||||||
|
-- DropIndex
|
||||||
|
DROP INDEX IF EXISTS "audible_cache_popular_rank_idx";
|
||||||
|
|
||||||
|
-- DropIndex
|
||||||
|
DROP INDEX IF EXISTS "audible_cache_new_release_rank_idx";
|
||||||
|
|
||||||
|
-- AlterTable - Remove legacy discovery flag columns (now stored in audible_cache_categories)
|
||||||
|
ALTER TABLE "audible_cache" DROP COLUMN "is_popular",
|
||||||
|
DROP COLUMN "is_new_release",
|
||||||
|
DROP COLUMN "popular_rank",
|
||||||
|
DROP COLUMN "new_release_rank";
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
-- CreateTable
|
||||||
|
CREATE TABLE "ignored_audiobooks" (
|
||||||
|
"id" TEXT NOT NULL,
|
||||||
|
"user_id" TEXT NOT NULL,
|
||||||
|
"asin" TEXT NOT NULL,
|
||||||
|
"title" TEXT NOT NULL,
|
||||||
|
"author" TEXT NOT NULL,
|
||||||
|
"cover_art_url" TEXT,
|
||||||
|
"created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
|
||||||
|
CONSTRAINT "ignored_audiobooks_pkey" PRIMARY KEY ("id")
|
||||||
|
);
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "ignored_audiobooks_user_id_idx" ON "ignored_audiobooks"("user_id");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE INDEX "ignored_audiobooks_asin_idx" ON "ignored_audiobooks"("asin");
|
||||||
|
|
||||||
|
-- CreateIndex
|
||||||
|
CREATE UNIQUE INDEX "ignored_audiobooks_user_id_asin_key" ON "ignored_audiobooks"("user_id", "asin");
|
||||||
|
|
||||||
|
-- AddForeignKey
|
||||||
|
ALTER TABLE "ignored_audiobooks" ADD CONSTRAINT "ignored_audiobooks_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
|
||||||
+88
-10
@@ -73,6 +73,8 @@ model User {
|
|||||||
apiTokens ApiToken[] @relation("UserApiTokens")
|
apiTokens ApiToken[] @relation("UserApiTokens")
|
||||||
watchedSeries WatchedSeries[]
|
watchedSeries WatchedSeries[]
|
||||||
watchedAuthors WatchedAuthor[]
|
watchedAuthors WatchedAuthor[]
|
||||||
|
homeSections UserHomeSection[]
|
||||||
|
ignoredAudiobooks IgnoredAudiobook[]
|
||||||
|
|
||||||
@@index([plexId])
|
@@index([plexId])
|
||||||
@@index([role])
|
@@index([role])
|
||||||
@@ -99,12 +101,6 @@ model AudibleCache {
|
|||||||
rating Decimal? @db.Decimal(3, 2)
|
rating Decimal? @db.Decimal(3, 2)
|
||||||
genres Json @default("[]")
|
genres Json @default("[]")
|
||||||
|
|
||||||
// Discovery categories
|
|
||||||
isPopular Boolean @default(false) @map("is_popular")
|
|
||||||
isNewRelease Boolean @default(false) @map("is_new_release")
|
|
||||||
popularRank Int? @map("popular_rank")
|
|
||||||
newReleaseRank Int? @map("new_release_rank")
|
|
||||||
|
|
||||||
lastSyncedAt DateTime @default(now()) @map("last_synced_at")
|
lastSyncedAt DateTime @default(now()) @map("last_synced_at")
|
||||||
createdAt DateTime @default(now()) @map("created_at")
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
updatedAt DateTime @updatedAt @map("updated_at")
|
updatedAt DateTime @updatedAt @map("updated_at")
|
||||||
@@ -112,10 +108,6 @@ model AudibleCache {
|
|||||||
@@index([asin])
|
@@index([asin])
|
||||||
@@index([title])
|
@@index([title])
|
||||||
@@index([author])
|
@@index([author])
|
||||||
@@index([isPopular])
|
|
||||||
@@index([isNewRelease])
|
|
||||||
@@index([popularRank])
|
|
||||||
@@index([newReleaseRank])
|
|
||||||
@@map("audible_cache")
|
@@map("audible_cache")
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -537,6 +529,7 @@ model GoodreadsShelf {
|
|||||||
lastSyncAt DateTime? @map("last_sync_at")
|
lastSyncAt DateTime? @map("last_sync_at")
|
||||||
bookCount Int? @map("book_count")
|
bookCount Int? @map("book_count")
|
||||||
coverUrls String? @map("cover_urls") @db.Text // JSON array of cover image URLs
|
coverUrls String? @map("cover_urls") @db.Text // JSON array of cover image URLs
|
||||||
|
autoRequest Boolean @default(true) @map("auto_request") // Whether to auto-create requests for books on this shelf
|
||||||
createdAt DateTime @default(now()) @map("created_at")
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
updatedAt DateTime @updatedAt @map("updated_at")
|
updatedAt DateTime @updatedAt @map("updated_at")
|
||||||
|
|
||||||
@@ -587,6 +580,7 @@ model HardcoverShelf {
|
|||||||
lastSyncAt DateTime? @map("last_sync_at")
|
lastSyncAt DateTime? @map("last_sync_at")
|
||||||
bookCount Int? @map("book_count")
|
bookCount Int? @map("book_count")
|
||||||
coverUrls String? @map("cover_urls") @db.Text // JSON array of cover image URLs
|
coverUrls String? @map("cover_urls") @db.Text // JSON array of cover image URLs
|
||||||
|
autoRequest Boolean @default(true) @map("auto_request") // Whether to auto-create requests for books on this shelf
|
||||||
createdAt DateTime @default(now()) @map("created_at")
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
updatedAt DateTime @updatedAt @map("updated_at")
|
updatedAt DateTime @updatedAt @map("updated_at")
|
||||||
|
|
||||||
@@ -681,3 +675,87 @@ model WatchedAuthor {
|
|||||||
@@index([authorAsin])
|
@@index([authorAsin])
|
||||||
@@map("watched_authors")
|
@@map("watched_authors")
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ============================================================================
|
||||||
|
// IGNORED AUDIOBOOK TABLE
|
||||||
|
// Per-user ignore list for auto-request suppression.
|
||||||
|
// Stores the ASIN the user clicked ignore on; works-system expansion
|
||||||
|
// happens at check-time in request-creator.service.ts.
|
||||||
|
// Documentation: documentation/features/ignored-audiobooks.md
|
||||||
|
// ============================================================================
|
||||||
|
|
||||||
|
model IgnoredAudiobook {
|
||||||
|
id String @id @default(uuid())
|
||||||
|
userId String @map("user_id")
|
||||||
|
asin String // Audible ASIN that was explicitly ignored
|
||||||
|
title String // Display only — snapshot at ignore time
|
||||||
|
author String // Display only — snapshot at ignore time
|
||||||
|
coverArtUrl String? @map("cover_art_url") @db.Text
|
||||||
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
|
|
||||||
|
// Relations
|
||||||
|
user User @relation(fields: [userId], references: [id], onDelete: Cascade)
|
||||||
|
|
||||||
|
@@unique([userId, asin])
|
||||||
|
@@index([userId])
|
||||||
|
@@index([asin])
|
||||||
|
@@map("ignored_audiobooks")
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================================
|
||||||
|
// USER HOME SECTION TABLE
|
||||||
|
// Per-user configurable home page sections (popular, new_releases, category)
|
||||||
|
// Documentation: documentation/features/home-sections.md
|
||||||
|
// ============================================================================
|
||||||
|
|
||||||
|
model UserHomeSection {
|
||||||
|
id String @id @default(uuid())
|
||||||
|
userId String @map("user_id")
|
||||||
|
sectionType String @map("section_type") // 'popular' | 'new_releases' | 'category'
|
||||||
|
categoryId String? @map("category_id") // Audible category node ID (only for type 'category')
|
||||||
|
categoryName String? @map("category_name") // Display name (only for type 'category')
|
||||||
|
sortOrder Int @map("sort_order")
|
||||||
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
|
updatedAt DateTime @updatedAt @map("updated_at")
|
||||||
|
|
||||||
|
// Relations
|
||||||
|
user User @relation(fields: [userId], references: [id], onDelete: Cascade)
|
||||||
|
|
||||||
|
@@unique([userId, sectionType, categoryId])
|
||||||
|
@@index([userId])
|
||||||
|
@@index([sortOrder])
|
||||||
|
@@map("user_home_sections")
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================================
|
||||||
|
// AUDIBLE CACHE CATEGORY TABLE
|
||||||
|
// Join table linking AudibleCache entries to Audible categories with ranking
|
||||||
|
// Documentation: documentation/features/home-sections.md
|
||||||
|
// ============================================================================
|
||||||
|
|
||||||
|
model AudibleCacheCategory {
|
||||||
|
id String @id @default(uuid())
|
||||||
|
asin String
|
||||||
|
categoryId String @map("category_id")
|
||||||
|
rank Int
|
||||||
|
lastSyncedAt DateTime @default(now()) @map("last_synced_at")
|
||||||
|
createdAt DateTime @default(now()) @map("created_at")
|
||||||
|
|
||||||
|
@@unique([asin, categoryId])
|
||||||
|
@@index([categoryId])
|
||||||
|
@@index([asin])
|
||||||
|
@@index([categoryId, rank])
|
||||||
|
@@map("audible_cache_categories")
|
||||||
|
}
|
||||||
|
|
||||||
|
// ============================================================================
|
||||||
|
// DATA MIGRATION TRACKING
|
||||||
|
// Tracks which data migration SQL scripts have been executed (run-once).
|
||||||
|
// ============================================================================
|
||||||
|
|
||||||
|
model DataMigration {
|
||||||
|
name String @id
|
||||||
|
executedAt DateTime @default(now()) @map("executed_at")
|
||||||
|
|
||||||
|
@@map("_data_migrations")
|
||||||
|
}
|
||||||
|
|||||||
@@ -0,0 +1,22 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>img-coverart</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="500" height="500"></rect>
|
||||||
|
</defs>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="Account-details:-membership-asin-doc" transform="translate(-87.000000, -867.000000)">
|
||||||
|
<g id="Group" transform="translate(65.000000, 780.000000)">
|
||||||
|
<g id="img-coverart" transform="translate(22.000000, 87.000000)">
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<use id="mask" fill="#BBBBBB" xlink:href="#path-1"></use>
|
||||||
|
<path d="M251.314605,307.191176 L126.315789,229.090627 L126.315789,250.186562 L251.314605,328.289474 L376.315789,250.186562 L376.315789,229.090627 L251.314605,307.191176 Z M300.338486,257.198698 L318.743522,245.697622 L318.757695,245.697622 C304.238718,223.902504 279.436447,209.540923 251.277279,209.540923 C223.146464,209.540923 198.363093,223.878883 183.839389,245.643293 L183.952782,245.655104 C184.933157,244.762229 185.930063,243.885889 186.955321,243.03317 C222.033803,213.960416 272.668324,220.342816 300.338486,257.198698 Z M214.370819,264.53208 C220.980666,259.892912 228.629944,257.226098 236.796575,257.226098 C250.228874,257.226098 262.283922,264.413975 270.556862,275.811119 L288.30989,264.716324 L288.319343,264.716324 C280.157438,253.040453 266.61174,245.39669 251.277753,245.39669 C236.026448,245.39669 222.549266,252.95778 214.370819,264.53208 Z M166.789394,213.901363 C218.255462,173.164548 291.088955,184.079823 329.878678,238.171964 L330.136173,238.568797 L349.186133,226.701596 C328.31953,194.777784 292.263042,173.684211 251.278701,173.684211 C210.866048,173.684211 174.47174,194.572281 153.416152,226.633095 C157.283311,222.56083 162.29621,217.458689 166.789394,213.901363 Z" id="icn-audible" fill="#FFFFFF" mask="url(#mask-2)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
@@ -163,7 +163,7 @@ function getInitialParams(): {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function RecentRequestsTable({ ebookSidecarEnabled = false, annasArchiveBaseUrl = 'https://annas-archive.li' }: RecentRequestsTableProps) {
|
export function RecentRequestsTable({ ebookSidecarEnabled = false, annasArchiveBaseUrl = 'https://annas-archive.gl' }: RecentRequestsTableProps) {
|
||||||
const toast = useToast();
|
const toast = useToast();
|
||||||
|
|
||||||
// Get initial filter state from URL (only evaluated once due to lazy init)
|
// Get initial filter state from URL (only evaluated once due to lazy init)
|
||||||
|
|||||||
@@ -114,23 +114,13 @@ export function ReportedIssuesSection({ issues }: ReportedIssuesSectionProps) {
|
|||||||
<div className="flex gap-3">
|
<div className="flex gap-3">
|
||||||
{/* Cover Image */}
|
{/* Cover Image */}
|
||||||
<div className="flex-shrink-0">
|
<div className="flex-shrink-0">
|
||||||
{issue.audiobook.coverArtUrl ? (
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
<img
|
<img
|
||||||
src={issue.audiobook.coverArtUrl}
|
src={issue.audiobook.coverArtUrl || '/placeholder_cover.svg'}
|
||||||
alt={issue.audiobook.title}
|
alt={issue.audiobook.title}
|
||||||
className="w-16 h-16 rounded object-cover"
|
className="w-16 h-16 rounded object-cover"
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
) : (
|
|
||||||
<div className="w-16 h-16 rounded bg-gray-200 dark:bg-gray-700 flex items-center justify-center">
|
|
||||||
<svg
|
|
||||||
className="w-8 h-8 text-gray-400 dark:text-gray-600"
|
|
||||||
fill="currentColor"
|
|
||||||
viewBox="0 0 20 20"
|
|
||||||
>
|
|
||||||
<path d="M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Info */}
|
{/* Info */}
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ export function RequestActionsDropdown({
|
|||||||
onFetchEbook,
|
onFetchEbook,
|
||||||
onSearchTermsUpdated,
|
onSearchTermsUpdated,
|
||||||
ebookSidecarEnabled = false,
|
ebookSidecarEnabled = false,
|
||||||
annasArchiveBaseUrl = 'https://annas-archive.li',
|
annasArchiveBaseUrl = 'https://annas-archive.gl',
|
||||||
isLoading = false,
|
isLoading = false,
|
||||||
}: RequestActionsDropdownProps) {
|
}: RequestActionsDropdownProps) {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
@@ -66,7 +66,7 @@ export function RequestActionsDropdown({
|
|||||||
const canSearch = ['pending', 'failed', 'awaiting_search'].includes(request.status);
|
const canSearch = ['pending', 'failed', 'awaiting_search'].includes(request.status);
|
||||||
const canAdjustSearchTerms = ['pending', 'failed', 'awaiting_search', 'searching'].includes(request.status);
|
const canAdjustSearchTerms = ['pending', 'failed', 'awaiting_search', 'searching'].includes(request.status);
|
||||||
const canRetryDownload = request.status === 'failed' && (request.downloadAttempts ?? 0) > 0 && !!onRetryDownload;
|
const canRetryDownload = request.status === 'failed' && (request.downloadAttempts ?? 0) > 0 && !!onRetryDownload;
|
||||||
const canCancel = ['pending', 'searching', 'downloading'].includes(request.status);
|
const canCancel = ['pending', 'searching', 'downloading', 'awaiting_search'].includes(request.status);
|
||||||
const canDelete = true; // Admins can always delete
|
const canDelete = true; // Admins can always delete
|
||||||
|
|
||||||
// View Source: For ebooks, extract MD5 from slow download URL and link to Anna's Archive
|
// View Source: For ebooks, extract MD5 from slow download URL and link to Anna's Archive
|
||||||
|
|||||||
+3
-13
@@ -176,23 +176,13 @@ function PendingApprovalSection({ requests }: { requests: PendingApprovalRequest
|
|||||||
<div className="flex gap-3">
|
<div className="flex gap-3">
|
||||||
{/* Cover Image */}
|
{/* Cover Image */}
|
||||||
<div className="flex-shrink-0">
|
<div className="flex-shrink-0">
|
||||||
{request.audiobook.coverArtUrl ? (
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
<img
|
<img
|
||||||
src={request.audiobook.coverArtUrl}
|
src={request.audiobook.coverArtUrl || '/placeholder_cover.svg'}
|
||||||
alt={request.audiobook.title}
|
alt={request.audiobook.title}
|
||||||
className="w-16 h-16 rounded object-cover"
|
className="w-16 h-16 rounded object-cover"
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
) : (
|
|
||||||
<div className="w-16 h-16 rounded bg-gray-200 dark:bg-gray-700 flex items-center justify-center">
|
|
||||||
<svg
|
|
||||||
className="w-8 h-8 text-gray-400 dark:text-gray-600"
|
|
||||||
fill="currentColor"
|
|
||||||
viewBox="0 0 20 20"
|
|
||||||
>
|
|
||||||
<path d="M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Book Info */}
|
{/* Book Info */}
|
||||||
|
|||||||
@@ -102,6 +102,8 @@ export interface PathsSettings {
|
|||||||
chapterMergingEnabled: boolean;
|
chapterMergingEnabled: boolean;
|
||||||
fileRenameEnabled: boolean;
|
fileRenameEnabled: boolean;
|
||||||
fileRenameTemplate?: string;
|
fileRenameTemplate?: string;
|
||||||
|
fileChmod?: string;
|
||||||
|
dirChmod?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -90,9 +90,9 @@ export function EbookTab({ ebook, onChange, onSuccess, onError, markAsSaved }: E
|
|||||||
</label>
|
</label>
|
||||||
<Input
|
<Input
|
||||||
type="text"
|
type="text"
|
||||||
value={ebook.baseUrl || 'https://annas-archive.li'}
|
value={ebook.baseUrl || 'https://annas-archive.gl'}
|
||||||
onChange={(e) => updateEbook('baseUrl', e.target.value)}
|
onChange={(e) => updateEbook('baseUrl', e.target.value)}
|
||||||
placeholder="https://annas-archive.li"
|
placeholder="https://annas-archive.gl"
|
||||||
className="font-mono"
|
className="font-mono"
|
||||||
/>
|
/>
|
||||||
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export function useEbookSettings({ ebook, onChange, onSuccess, onError, markAsSa
|
|||||||
headers: { 'Content-Type': 'application/json' },
|
headers: { 'Content-Type': 'application/json' },
|
||||||
body: JSON.stringify({
|
body: JSON.stringify({
|
||||||
url: ebook.flaresolverrUrl,
|
url: ebook.flaresolverrUrl,
|
||||||
baseUrl: ebook.baseUrl || 'https://annas-archive.li',
|
baseUrl: ebook.baseUrl || 'https://annas-archive.gl',
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -83,7 +83,7 @@ export function useEbookSettings({ ebook, onChange, onSuccess, onError, markAsSa
|
|||||||
annasArchiveEnabled: ebook.annasArchiveEnabled || false,
|
annasArchiveEnabled: ebook.annasArchiveEnabled || false,
|
||||||
indexerSearchEnabled: ebook.indexerSearchEnabled || false,
|
indexerSearchEnabled: ebook.indexerSearchEnabled || false,
|
||||||
format: ebook.preferredFormat || 'epub',
|
format: ebook.preferredFormat || 'epub',
|
||||||
baseUrl: ebook.baseUrl || 'https://annas-archive.li',
|
baseUrl: ebook.baseUrl || 'https://annas-archive.gl',
|
||||||
flaresolverrUrl: ebook.flaresolverrUrl || '',
|
flaresolverrUrl: ebook.flaresolverrUrl || '',
|
||||||
autoGrabEnabled: ebook.autoGrabEnabled ?? true,
|
autoGrabEnabled: ebook.autoGrabEnabled ?? true,
|
||||||
kindleFixEnabled: ebook.kindleFixEnabled ?? false,
|
kindleFixEnabled: ebook.kindleFixEnabled ?? false,
|
||||||
|
|||||||
@@ -439,6 +439,54 @@ export function PathsTab({ paths, onChange, onValidationChange }: PathsTabProps)
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* File Permissions */}
|
||||||
|
<div className="bg-gray-50 dark:bg-gray-800 rounded-lg p-4 border border-gray-200 dark:border-gray-700">
|
||||||
|
<h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 mb-3">
|
||||||
|
File Permissions
|
||||||
|
</h3>
|
||||||
|
<p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
|
||||||
|
Octal permissions applied when organizing files into the media library. These may be further restricted by the container's UMASK setting.
|
||||||
|
</p>
|
||||||
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||||
|
File Permissions
|
||||||
|
</label>
|
||||||
|
<Input
|
||||||
|
type="text"
|
||||||
|
value={paths.fileChmod || '664'}
|
||||||
|
onChange={(e) => updatePath('fileChmod', e.target.value)}
|
||||||
|
placeholder="664"
|
||||||
|
className={`font-mono max-w-32 ${paths.fileChmod && !/^[0-7]{3,4}$/.test(paths.fileChmod) ? 'border-red-500 dark:border-red-500' : ''}`}
|
||||||
|
/>
|
||||||
|
{paths.fileChmod && !/^[0-7]{3,4}$/.test(paths.fileChmod) && (
|
||||||
|
<p className="text-xs text-red-600 dark:text-red-400 mt-1">Must be 3-4 octal digits (0-7)</p>
|
||||||
|
)}
|
||||||
|
<p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
||||||
|
e.g. 664 = owner/group read-write, others read
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||||
|
Directory Permissions
|
||||||
|
</label>
|
||||||
|
<Input
|
||||||
|
type="text"
|
||||||
|
value={paths.dirChmod || '775'}
|
||||||
|
onChange={(e) => updatePath('dirChmod', e.target.value)}
|
||||||
|
placeholder="775"
|
||||||
|
className={`font-mono max-w-32 ${paths.dirChmod && !/^[0-7]{3,4}$/.test(paths.dirChmod) ? 'border-red-500 dark:border-red-500' : ''}`}
|
||||||
|
/>
|
||||||
|
{paths.dirChmod && !/^[0-7]{3,4}$/.test(paths.dirChmod) && (
|
||||||
|
<p className="text-xs text-red-600 dark:text-red-400 mt-1">Must be 3-4 octal digits (0-7)</p>
|
||||||
|
)}
|
||||||
|
<p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
||||||
|
e.g. 775 = owner/group full access, others read-execute
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* Test Paths Button */}
|
{/* Test Paths Button */}
|
||||||
<div className="border-t border-gray-200 dark:border-gray-700 pt-6">
|
<div className="border-t border-gray-200 dark:border-gray-700 pt-6">
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
@@ -154,12 +154,44 @@ export async function POST(request: NextRequest) {
|
|||||||
});
|
});
|
||||||
audiobookId = newBook.id;
|
audiobookId = newBook.id;
|
||||||
logger.info(`Created audiobook record from cache for ASIN ${asin}: ${newBook.id}`);
|
logger.info(`Created audiobook record from cache for ASIN ${asin}: ${newBook.id}`);
|
||||||
|
} else {
|
||||||
|
// Not in DB — fetch live from Audnexus and create a record
|
||||||
|
try {
|
||||||
|
const audibleService = getAudibleService();
|
||||||
|
const liveData = await audibleService.getAudiobookDetails(asin);
|
||||||
|
if (liveData) {
|
||||||
|
const newBook = await prisma.audiobook.create({
|
||||||
|
data: {
|
||||||
|
audibleAsin: asin,
|
||||||
|
title: liveData.title,
|
||||||
|
author: liveData.author,
|
||||||
|
coverArtUrl: liveData.coverArtUrl,
|
||||||
|
narrator: liveData.narrator,
|
||||||
|
series: liveData.series,
|
||||||
|
seriesPart: liveData.seriesPart,
|
||||||
|
seriesAsin: liveData.seriesAsin,
|
||||||
|
year: liveData.releaseDate
|
||||||
|
? new Date(liveData.releaseDate).getFullYear() || undefined
|
||||||
|
: undefined,
|
||||||
|
status: 'pending',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
audiobookId = newBook.id;
|
||||||
|
logger.info(`Created audiobook record from Audnexus for ASIN ${asin}: ${newBook.id}`);
|
||||||
} else {
|
} else {
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
{ error: 'Audiobook not found for the given ASIN' },
|
{ error: 'Audiobook not found for the given ASIN' },
|
||||||
{ status: 404 }
|
{ status: 404 }
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
} catch (audnexusError) {
|
||||||
|
logger.error(`Failed to fetch ASIN ${asin} from Audnexus: ${audnexusError instanceof Error ? audnexusError.message : String(audnexusError)}`);
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Audiobook not found for the given ASIN' },
|
||||||
|
{ status: 404 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -100,15 +100,21 @@ export async function PATCH(
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
// Queue search job
|
// Queue search job based on request type
|
||||||
const { getJobQueueService } = await import('@/lib/services/job-queue.service');
|
const { getJobQueueService } = await import('@/lib/services/job-queue.service');
|
||||||
const jobQueue = getJobQueueService();
|
const jobQueue = getJobQueueService();
|
||||||
await jobQueue.addSearchJob(id, {
|
const audiobookData = {
|
||||||
id: existingRequest.audiobook.id,
|
id: existingRequest.audiobook.id,
|
||||||
title: existingRequest.audiobook.title,
|
title: existingRequest.audiobook.title,
|
||||||
author: existingRequest.audiobook.author,
|
author: existingRequest.audiobook.author,
|
||||||
asin: existingRequest.audiobook.audibleAsin || undefined,
|
asin: existingRequest.audiobook.audibleAsin || undefined,
|
||||||
});
|
};
|
||||||
|
|
||||||
|
if (existingRequest.type === 'ebook') {
|
||||||
|
await jobQueue.addSearchEbookJob(id, audiobookData);
|
||||||
|
} else {
|
||||||
|
await jobQueue.addSearchJob(id, audiobookData);
|
||||||
|
}
|
||||||
|
|
||||||
searchTriggered = true;
|
searchTriggered = true;
|
||||||
logger.info(`Search triggered for request ${id} with custom terms`, { requestId: id });
|
logger.info(`Search triggered for request ${id} with custom terms`, { requestId: id });
|
||||||
|
|||||||
@@ -78,7 +78,7 @@ export async function PUT(request: NextRequest) {
|
|||||||
// Anna's Archive specific settings
|
// Anna's Archive specific settings
|
||||||
{
|
{
|
||||||
key: 'ebook_sidecar_base_url',
|
key: 'ebook_sidecar_base_url',
|
||||||
value: baseUrl || 'https://annas-archive.li',
|
value: baseUrl || 'https://annas-archive.gl',
|
||||||
category: 'ebook',
|
category: 'ebook',
|
||||||
description: 'Base URL for Anna\'s Archive',
|
description: 'Base URL for Anna\'s Archive',
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ export async function PUT(request: NextRequest) {
|
|||||||
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
return requireAdmin(req, async () => {
|
return requireAdmin(req, async () => {
|
||||||
try {
|
try {
|
||||||
const { downloadDir, mediaDir, audiobookPathTemplate, ebookPathTemplate, metadataTaggingEnabled, chapterMergingEnabled, fileRenameEnabled, fileRenameTemplate } = await request.json();
|
const { downloadDir, mediaDir, audiobookPathTemplate, ebookPathTemplate, metadataTaggingEnabled, chapterMergingEnabled, fileRenameEnabled, fileRenameTemplate, fileChmod, dirChmod } = await request.json();
|
||||||
|
|
||||||
if (!downloadDir || !mediaDir) {
|
if (!downloadDir || !mediaDir) {
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
@@ -32,6 +32,21 @@ export async function PUT(request: NextRequest) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Validate octal permission strings (3-4 digits, each 0-7)
|
||||||
|
const octalRegex = /^[0-7]{3,4}$/;
|
||||||
|
if (fileChmod !== undefined && !octalRegex.test(fileChmod)) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'File permissions must be 3-4 octal digits (0-7), e.g. 664' },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (dirChmod !== undefined && !octalRegex.test(dirChmod)) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Directory permissions must be 3-4 octal digits (0-7), e.g. 775' },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
// Update configuration
|
// Update configuration
|
||||||
await prisma.configuration.upsert({
|
await prisma.configuration.upsert({
|
||||||
where: { key: 'download_dir' },
|
where: { key: 'download_dir' },
|
||||||
@@ -123,6 +138,34 @@ export async function PUT(request: NextRequest) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Update file permissions (octal chmod)
|
||||||
|
if (fileChmod !== undefined) {
|
||||||
|
await prisma.configuration.upsert({
|
||||||
|
where: { key: 'file_chmod' },
|
||||||
|
update: { value: fileChmod },
|
||||||
|
create: {
|
||||||
|
key: 'file_chmod',
|
||||||
|
value: fileChmod,
|
||||||
|
category: 'automation',
|
||||||
|
description: 'Octal permissions applied to organized files',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Update directory permissions (octal chmod)
|
||||||
|
if (dirChmod !== undefined) {
|
||||||
|
await prisma.configuration.upsert({
|
||||||
|
where: { key: 'dir_chmod' },
|
||||||
|
update: { value: dirChmod },
|
||||||
|
create: {
|
||||||
|
key: 'dir_chmod',
|
||||||
|
value: dirChmod,
|
||||||
|
category: 'automation',
|
||||||
|
description: 'Octal permissions applied to created directories',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
logger.info('Paths settings updated');
|
logger.info('Paths settings updated');
|
||||||
|
|
||||||
// Clear config cache for all updated keys so services get fresh values
|
// Clear config cache for all updated keys so services get fresh values
|
||||||
@@ -135,6 +178,8 @@ export async function PUT(request: NextRequest) {
|
|||||||
configService.clearCache('chapter_merging_enabled');
|
configService.clearCache('chapter_merging_enabled');
|
||||||
configService.clearCache('file_rename_enabled');
|
configService.clearCache('file_rename_enabled');
|
||||||
configService.clearCache('file_rename_template');
|
configService.clearCache('file_rename_template');
|
||||||
|
configService.clearCache('file_chmod');
|
||||||
|
configService.clearCache('dir_chmod');
|
||||||
|
|
||||||
// Invalidate all download client singletons to force reload of download_dir
|
// Invalidate all download client singletons to force reload of download_dir
|
||||||
const { invalidateDownloadClientManager } = await import('@/lib/services/download-client-manager.service');
|
const { invalidateDownloadClientManager } = await import('@/lib/services/download-client-manager.service');
|
||||||
|
|||||||
@@ -130,6 +130,8 @@ export async function GET(request: NextRequest) {
|
|||||||
chapterMergingEnabled: configMap.get('chapter_merging_enabled') === 'true',
|
chapterMergingEnabled: configMap.get('chapter_merging_enabled') === 'true',
|
||||||
fileRenameEnabled: configMap.get('file_rename_enabled') === 'true',
|
fileRenameEnabled: configMap.get('file_rename_enabled') === 'true',
|
||||||
fileRenameTemplate: configMap.get('file_rename_template') || '{title}',
|
fileRenameTemplate: configMap.get('file_rename_template') || '{title}',
|
||||||
|
fileChmod: configMap.get('file_chmod') || '664',
|
||||||
|
dirChmod: configMap.get('dir_chmod') || '775',
|
||||||
},
|
},
|
||||||
ebook: {
|
ebook: {
|
||||||
// New granular source toggles (with migration from legacy ebook_sidecar_enabled)
|
// New granular source toggles (with migration from legacy ebook_sidecar_enabled)
|
||||||
@@ -138,7 +140,7 @@ export async function GET(request: NextRequest) {
|
|||||||
(configMap.get('ebook_annas_archive_enabled') === undefined && configMap.get('ebook_sidecar_enabled') === 'true'),
|
(configMap.get('ebook_annas_archive_enabled') === undefined && configMap.get('ebook_sidecar_enabled') === 'true'),
|
||||||
indexerSearchEnabled: configMap.get('ebook_indexer_search_enabled') === 'true',
|
indexerSearchEnabled: configMap.get('ebook_indexer_search_enabled') === 'true',
|
||||||
// Anna's Archive specific settings
|
// Anna's Archive specific settings
|
||||||
baseUrl: configMap.get('ebook_sidecar_base_url') || 'https://annas-archive.li',
|
baseUrl: configMap.get('ebook_sidecar_base_url') || 'https://annas-archive.gl',
|
||||||
flaresolverrUrl: configMap.get('ebook_sidecar_flaresolverr_url') || '',
|
flaresolverrUrl: configMap.get('ebook_sidecar_flaresolverr_url') || '',
|
||||||
// General settings
|
// General settings
|
||||||
preferredFormat: configMap.get('ebook_sidecar_preferred_format') || 'epub',
|
preferredFormat: configMap.get('ebook_sidecar_preferred_format') || 'epub',
|
||||||
|
|||||||
@@ -0,0 +1,39 @@
|
|||||||
|
/**
|
||||||
|
* Component: Audible Categories API Route
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Live scrape of top-level Audible categories for the home section config modal.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.Audible.Categories');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GET /api/audible/categories
|
||||||
|
* Returns top-level Audible categories scraped live from audible.com/categories
|
||||||
|
*/
|
||||||
|
export async function GET(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (_req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
const { getAudibleService } = await import('@/lib/integrations/audible.service');
|
||||||
|
const audibleService = getAudibleService();
|
||||||
|
const categories = await audibleService.getCategories();
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
categories,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to fetch categories', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'FetchError', message: 'Failed to fetch Audible categories' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -260,6 +260,7 @@ export async function POST(
|
|||||||
parentRequestId: availableRequest?.id || null, // Link to parent if exists
|
parentRequestId: availableRequest?.id || null, // Link to parent if exists
|
||||||
status: 'awaiting_approval',
|
status: 'awaiting_approval',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
|
customSearchTerms: availableRequest?.customSearchTerms || null,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -292,6 +293,7 @@ export async function POST(
|
|||||||
parentRequestId: availableRequest?.id || null,
|
parentRequestId: availableRequest?.id || null,
|
||||||
status: 'pending',
|
status: 'pending',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
|
customSearchTerms: availableRequest?.customSearchTerms || null,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -227,7 +227,7 @@ export async function POST(
|
|||||||
const isAnnasArchiveEnabled = annasArchiveEnabled === 'true';
|
const isAnnasArchiveEnabled = annasArchiveEnabled === 'true';
|
||||||
const isIndexerSearchEnabled = indexerSearchEnabled === 'true';
|
const isIndexerSearchEnabled = indexerSearchEnabled === 'true';
|
||||||
const format = preferredFormat || 'epub';
|
const format = preferredFormat || 'epub';
|
||||||
const annasBaseUrl = baseUrl || 'https://annas-archive.li';
|
const annasBaseUrl = baseUrl || 'https://annas-archive.gl';
|
||||||
|
|
||||||
// Get language code from Audible region config
|
// Get language code from Audible region config
|
||||||
const region = await configService.getAudibleRegion() as AudibleRegion;
|
const region = await configService.getAudibleRegion() as AudibleRegion;
|
||||||
|
|||||||
@@ -252,6 +252,7 @@ export async function POST(
|
|||||||
status: 'awaiting_approval',
|
status: 'awaiting_approval',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
selectedTorrent: selectedEbook as any,
|
selectedTorrent: selectedEbook as any,
|
||||||
|
customSearchTerms: availableRequest?.customSearchTerms || null,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
logger.info(`Created ebook request ${ebookRequest.id}, awaiting approval`);
|
logger.info(`Created ebook request ${ebookRequest.id}, awaiting approval`);
|
||||||
@@ -296,6 +297,7 @@ export async function POST(
|
|||||||
parentRequestId: availableRequest?.id || null,
|
parentRequestId: availableRequest?.id || null,
|
||||||
status: 'searching',
|
status: 'searching',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
|
customSearchTerms: availableRequest?.customSearchTerms || null,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
logger.info(`Created new ebook request ${ebookRequest.id}`);
|
logger.info(`Created new ebook request ${ebookRequest.id}`);
|
||||||
|
|||||||
@@ -0,0 +1,158 @@
|
|||||||
|
/**
|
||||||
|
* Component: Category Audiobooks API Route
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Serves audiobooks for a specific Audible category from AudibleCacheCategory,
|
||||||
|
* with the same enrichment pattern as popular/new-releases routes.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { enrichAudiobooksWithMatches, getAvailableAsins } from '@/lib/utils/audiobook-matcher';
|
||||||
|
import { getCurrentUser } from '@/lib/middleware/auth';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.Audiobooks.Category');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GET /api/audiobooks/category/[categoryId]?page=1&limit=20&hideAvailable=false
|
||||||
|
*/
|
||||||
|
export async function GET(
|
||||||
|
request: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ categoryId: string }> }
|
||||||
|
) {
|
||||||
|
try {
|
||||||
|
const { categoryId } = await params;
|
||||||
|
const searchParams = request.nextUrl.searchParams;
|
||||||
|
const page = parseInt(searchParams.get('page') || '1', 10);
|
||||||
|
const limit = parseInt(searchParams.get('limit') || '20', 10);
|
||||||
|
const hideAvailable = searchParams.get('hideAvailable') === 'true';
|
||||||
|
|
||||||
|
if (page < 1 || limit < 1 || limit > 100) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'ValidationError', message: 'Invalid pagination parameters.' },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const skip = (page - 1) * limit;
|
||||||
|
|
||||||
|
// Get excluded ASINs when hideAvailable
|
||||||
|
let excludedAsins: string[] = [];
|
||||||
|
if (hideAvailable) {
|
||||||
|
const availableSet = await getAvailableAsins();
|
||||||
|
excludedAsins = [...availableSet];
|
||||||
|
}
|
||||||
|
|
||||||
|
// Query AudibleCacheCategory joined with AudibleCache
|
||||||
|
const whereClause: any = { categoryId };
|
||||||
|
if (excludedAsins.length > 0) {
|
||||||
|
whereClause.asin = { notIn: excludedAsins };
|
||||||
|
}
|
||||||
|
|
||||||
|
const [categoryEntries, totalCount] = await Promise.all([
|
||||||
|
prisma.audibleCacheCategory.findMany({
|
||||||
|
where: whereClause,
|
||||||
|
orderBy: { rank: 'asc' },
|
||||||
|
skip,
|
||||||
|
take: limit,
|
||||||
|
select: { asin: true, rank: true },
|
||||||
|
}),
|
||||||
|
prisma.audibleCacheCategory.count({ where: whereClause }),
|
||||||
|
]);
|
||||||
|
|
||||||
|
if (totalCount === 0) {
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
audiobooks: [],
|
||||||
|
count: 0,
|
||||||
|
totalCount: 0,
|
||||||
|
page,
|
||||||
|
totalPages: 0,
|
||||||
|
hasMore: false,
|
||||||
|
message: 'No audiobooks found for this category. Data may not have been refreshed yet.',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fetch full metadata from AudibleCache for these ASINs
|
||||||
|
const asins = categoryEntries.map((e) => e.asin);
|
||||||
|
const cacheEntries = await prisma.audibleCache.findMany({
|
||||||
|
where: { asin: { in: asins } },
|
||||||
|
select: {
|
||||||
|
asin: true,
|
||||||
|
title: true,
|
||||||
|
author: true,
|
||||||
|
narrator: true,
|
||||||
|
description: true,
|
||||||
|
coverArtUrl: true,
|
||||||
|
cachedCoverPath: true,
|
||||||
|
durationMinutes: true,
|
||||||
|
releaseDate: true,
|
||||||
|
rating: true,
|
||||||
|
genres: true,
|
||||||
|
lastSyncedAt: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Build a map for ordering by rank
|
||||||
|
const cacheMap = new Map(cacheEntries.map((e) => [e.asin, e]));
|
||||||
|
|
||||||
|
// Transform to matcher input format, preserving rank order
|
||||||
|
const audibleBooks = categoryEntries
|
||||||
|
.map((entry) => {
|
||||||
|
const book = cacheMap.get(entry.asin);
|
||||||
|
if (!book) return null;
|
||||||
|
|
||||||
|
let coverUrl = book.coverArtUrl || undefined;
|
||||||
|
if (book.cachedCoverPath) {
|
||||||
|
const filename = book.cachedCoverPath.split('/').pop();
|
||||||
|
coverUrl = `/api/cache/thumbnails/${filename}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
asin: book.asin,
|
||||||
|
title: book.title,
|
||||||
|
author: book.author,
|
||||||
|
narrator: book.narrator || undefined,
|
||||||
|
description: book.description || undefined,
|
||||||
|
coverArtUrl: coverUrl,
|
||||||
|
durationMinutes: book.durationMinutes || undefined,
|
||||||
|
releaseDate: book.releaseDate?.toISOString() || undefined,
|
||||||
|
rating: book.rating ? parseFloat(book.rating.toString()) : undefined,
|
||||||
|
genres: (book.genres as string[]) || [],
|
||||||
|
};
|
||||||
|
})
|
||||||
|
.filter(Boolean) as any[];
|
||||||
|
|
||||||
|
// Enrich with library matching and request status
|
||||||
|
const currentUser = getCurrentUser(request);
|
||||||
|
const userId = currentUser?.sub || undefined;
|
||||||
|
const enrichedAudiobooks = await enrichAudiobooksWithMatches(audibleBooks, userId);
|
||||||
|
|
||||||
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedAudiobooks = await annotateWithIgnoreStatus(enrichedAudiobooks, userId);
|
||||||
|
|
||||||
|
const totalPages = Math.ceil(totalCount / limit);
|
||||||
|
const hasMore = page < totalPages;
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
audiobooks: annotatedAudiobooks,
|
||||||
|
count: enrichedAudiobooks.length,
|
||||||
|
totalCount,
|
||||||
|
page,
|
||||||
|
totalPages,
|
||||||
|
hasMore,
|
||||||
|
lastSync: cacheEntries[0]?.lastSyncedAt?.toISOString() || null,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to get category audiobooks', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'FetchError', message: 'Failed to fetch category audiobooks' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -2,12 +2,14 @@
|
|||||||
* Component: Audiobook Covers API Route
|
* Component: Audiobook Covers API Route
|
||||||
* Documentation: documentation/frontend/pages/login.md
|
* Documentation: documentation/frontend/pages/login.md
|
||||||
*
|
*
|
||||||
* Serves random popular audiobook covers for login page floating animations
|
* Serves random popular audiobook covers for login page floating animations.
|
||||||
|
* Queries AudibleCacheCategory with '__popular__' categoryId for cover sources.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { NextResponse } from 'next/server';
|
import { NextResponse } from 'next/server';
|
||||||
import { prisma } from '@/lib/db';
|
import { prisma } from '@/lib/db';
|
||||||
import { RMABLogger } from '@/lib/utils/logger';
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { POPULAR_CATEGORY_ID } from '@/lib/processors/audible-refresh.processor';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Audiobooks.Covers');
|
const logger = RMABLogger.create('API.Audiobooks.Covers');
|
||||||
|
|
||||||
@@ -20,18 +22,22 @@ const logger = RMABLogger.create('API.Audiobooks.Covers');
|
|||||||
*/
|
*/
|
||||||
export async function GET() {
|
export async function GET() {
|
||||||
try {
|
try {
|
||||||
// Fetch all popular audiobooks with covers (up to 200)
|
// Get popular ASINs from category table (up to 200)
|
||||||
|
const categoryEntries = await prisma.audibleCacheCategory.findMany({
|
||||||
|
where: { categoryId: POPULAR_CATEGORY_ID },
|
||||||
|
orderBy: { rank: 'asc' },
|
||||||
|
take: 200,
|
||||||
|
select: { asin: true },
|
||||||
|
});
|
||||||
|
|
||||||
|
const asins = categoryEntries.map((e) => e.asin);
|
||||||
|
|
||||||
|
// Fetch cover data from AudibleCache for popular ASINs with cached covers
|
||||||
const audiobooks = await prisma.audibleCache.findMany({
|
const audiobooks = await prisma.audibleCache.findMany({
|
||||||
where: {
|
where: {
|
||||||
isPopular: true,
|
asin: { in: asins },
|
||||||
cachedCoverPath: {
|
cachedCoverPath: { not: null },
|
||||||
not: null,
|
|
||||||
},
|
},
|
||||||
},
|
|
||||||
orderBy: {
|
|
||||||
popularRank: 'asc',
|
|
||||||
},
|
|
||||||
take: 200,
|
|
||||||
select: {
|
select: {
|
||||||
asin: true,
|
asin: true,
|
||||||
title: true,
|
title: true,
|
||||||
|
|||||||
@@ -2,7 +2,8 @@
|
|||||||
* Component: New Releases API Route
|
* Component: New Releases API Route
|
||||||
* Documentation: documentation/integrations/audible.md
|
* Documentation: documentation/integrations/audible.md
|
||||||
*
|
*
|
||||||
* Serves new release audiobooks from audible_cache with real-time Plex matching
|
* Serves new release audiobooks from AudibleCacheCategory with real-time library matching.
|
||||||
|
* New releases are stored with categoryId '__new_releases__' in the unified category table.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { NextRequest, NextResponse } from 'next/server';
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
@@ -10,12 +11,14 @@ import { prisma } from '@/lib/db';
|
|||||||
import { enrichAudiobooksWithMatches, getAvailableAsins } from '@/lib/utils/audiobook-matcher';
|
import { enrichAudiobooksWithMatches, getAvailableAsins } from '@/lib/utils/audiobook-matcher';
|
||||||
import { getCurrentUser } from '@/lib/middleware/auth';
|
import { getCurrentUser } from '@/lib/middleware/auth';
|
||||||
import { RMABLogger } from '@/lib/utils/logger';
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
import { NEW_RELEASES_CATEGORY_ID } from '@/lib/processors/audible-refresh.processor';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Audiobooks.NewReleases');
|
const logger = RMABLogger.create('API.Audiobooks.NewReleases');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* GET /api/audiobooks/new-releases?page=1&limit=20
|
* GET /api/audiobooks/new-releases?page=1&limit=20
|
||||||
* Get new release audiobooks from audible_cache with pagination
|
* Get new release audiobooks from AudibleCacheCategory with pagination
|
||||||
*
|
*
|
||||||
* Real-time matching against plex_library determines availability.
|
* Real-time matching against plex_library determines availability.
|
||||||
*/
|
*/
|
||||||
@@ -46,39 +49,21 @@ export async function GET(request: NextRequest) {
|
|||||||
excludedAsins = [...availableSet];
|
excludedAsins = [...availableSet];
|
||||||
}
|
}
|
||||||
|
|
||||||
const whereClause = {
|
const whereClause: any = { categoryId: NEW_RELEASES_CATEGORY_ID };
|
||||||
isNewRelease: true,
|
if (excludedAsins.length > 0) {
|
||||||
...(excludedAsins.length > 0 ? { asin: { notIn: excludedAsins } } : {}),
|
whereClause.asin = { notIn: excludedAsins };
|
||||||
};
|
}
|
||||||
|
|
||||||
// Query audible_cache for new release audiobooks
|
// Query AudibleCacheCategory for new release audiobooks
|
||||||
const [audiobooks, totalCount] = await Promise.all([
|
const [categoryEntries, totalCount] = await Promise.all([
|
||||||
prisma.audibleCache.findMany({
|
prisma.audibleCacheCategory.findMany({
|
||||||
where: whereClause,
|
where: whereClause,
|
||||||
orderBy: {
|
orderBy: { rank: 'asc' },
|
||||||
newReleaseRank: 'asc',
|
|
||||||
},
|
|
||||||
skip,
|
skip,
|
||||||
take: limit,
|
take: limit,
|
||||||
select: {
|
select: { asin: true, rank: true },
|
||||||
id: true,
|
|
||||||
asin: true,
|
|
||||||
title: true,
|
|
||||||
author: true,
|
|
||||||
narrator: true,
|
|
||||||
description: true,
|
|
||||||
coverArtUrl: true,
|
|
||||||
cachedCoverPath: true,
|
|
||||||
durationMinutes: true,
|
|
||||||
releaseDate: true,
|
|
||||||
rating: true,
|
|
||||||
genres: true,
|
|
||||||
lastSyncedAt: true,
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
prisma.audibleCache.count({
|
|
||||||
where: whereClause,
|
|
||||||
}),
|
}),
|
||||||
|
prisma.audibleCacheCategory.count({ where: whereClause }),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// If no data found, return helpful message
|
// If no data found, return helpful message
|
||||||
@@ -95,10 +80,35 @@ export async function GET(request: NextRequest) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Transform to matcher input format (uses ASIN as required field)
|
// Fetch full metadata from AudibleCache for these ASINs
|
||||||
// Use cached cover path when available, otherwise fall back to coverArtUrl
|
const asins = categoryEntries.map((e) => e.asin);
|
||||||
const audibleBooks = audiobooks.map((book) => {
|
const cacheEntries = await prisma.audibleCache.findMany({
|
||||||
// Convert cached path to API URL if it exists
|
where: { asin: { in: asins } },
|
||||||
|
select: {
|
||||||
|
asin: true,
|
||||||
|
title: true,
|
||||||
|
author: true,
|
||||||
|
narrator: true,
|
||||||
|
description: true,
|
||||||
|
coverArtUrl: true,
|
||||||
|
cachedCoverPath: true,
|
||||||
|
durationMinutes: true,
|
||||||
|
releaseDate: true,
|
||||||
|
rating: true,
|
||||||
|
genres: true,
|
||||||
|
lastSyncedAt: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Build a map for ordering by rank
|
||||||
|
const cacheMap = new Map(cacheEntries.map((e) => [e.asin, e]));
|
||||||
|
|
||||||
|
// Transform to matcher input format, preserving rank order
|
||||||
|
const audibleBooks = categoryEntries
|
||||||
|
.map((entry) => {
|
||||||
|
const book = cacheMap.get(entry.asin);
|
||||||
|
if (!book) return null;
|
||||||
|
|
||||||
let coverUrl = book.coverArtUrl || undefined;
|
let coverUrl = book.coverArtUrl || undefined;
|
||||||
if (book.cachedCoverPath) {
|
if (book.cachedCoverPath) {
|
||||||
const filename = book.cachedCoverPath.split('/').pop();
|
const filename = book.cachedCoverPath.split('/').pop();
|
||||||
@@ -117,7 +127,8 @@ export async function GET(request: NextRequest) {
|
|||||||
rating: book.rating ? parseFloat(book.rating.toString()) : undefined,
|
rating: book.rating ? parseFloat(book.rating.toString()) : undefined,
|
||||||
genres: (book.genres as string[]) || [],
|
genres: (book.genres as string[]) || [],
|
||||||
};
|
};
|
||||||
});
|
})
|
||||||
|
.filter(Boolean) as any[];
|
||||||
|
|
||||||
// Get current user (optional - for request status enrichment)
|
// Get current user (optional - for request status enrichment)
|
||||||
const currentUser = getCurrentUser(request);
|
const currentUser = getCurrentUser(request);
|
||||||
@@ -126,18 +137,21 @@ export async function GET(request: NextRequest) {
|
|||||||
// Enrich with real-time Plex library matching and request status
|
// Enrich with real-time Plex library matching and request status
|
||||||
const enrichedAudiobooks = await enrichAudiobooksWithMatches(audibleBooks, userId);
|
const enrichedAudiobooks = await enrichAudiobooksWithMatches(audibleBooks, userId);
|
||||||
|
|
||||||
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedAudiobooks = await annotateWithIgnoreStatus(enrichedAudiobooks, userId);
|
||||||
|
|
||||||
const totalPages = Math.ceil(totalCount / limit);
|
const totalPages = Math.ceil(totalCount / limit);
|
||||||
const hasMore = page < totalPages;
|
const hasMore = page < totalPages;
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
audiobooks: enrichedAudiobooks,
|
audiobooks: annotatedAudiobooks,
|
||||||
count: enrichedAudiobooks.length,
|
count: enrichedAudiobooks.length,
|
||||||
totalCount,
|
totalCount,
|
||||||
page,
|
page,
|
||||||
totalPages,
|
totalPages,
|
||||||
hasMore,
|
hasMore,
|
||||||
lastSync: audiobooks[0]?.lastSyncedAt?.toISOString() || null,
|
lastSync: cacheEntries[0]?.lastSyncedAt?.toISOString() || null,
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to get new releases', { error: error instanceof Error ? error.message : String(error) });
|
logger.error('Failed to get new releases', { error: error instanceof Error ? error.message : String(error) });
|
||||||
|
|||||||
@@ -2,7 +2,8 @@
|
|||||||
* Component: Popular Audiobooks API Route
|
* Component: Popular Audiobooks API Route
|
||||||
* Documentation: documentation/integrations/audible.md
|
* Documentation: documentation/integrations/audible.md
|
||||||
*
|
*
|
||||||
* Serves popular audiobooks from audible_cache with real-time Plex matching
|
* Serves popular audiobooks from AudibleCacheCategory with real-time library matching.
|
||||||
|
* Popular books are stored with categoryId '__popular__' in the unified category table.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { NextRequest, NextResponse } from 'next/server';
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
@@ -10,12 +11,14 @@ import { prisma } from '@/lib/db';
|
|||||||
import { enrichAudiobooksWithMatches, getAvailableAsins } from '@/lib/utils/audiobook-matcher';
|
import { enrichAudiobooksWithMatches, getAvailableAsins } from '@/lib/utils/audiobook-matcher';
|
||||||
import { getCurrentUser } from '@/lib/middleware/auth';
|
import { getCurrentUser } from '@/lib/middleware/auth';
|
||||||
import { RMABLogger } from '@/lib/utils/logger';
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
import { POPULAR_CATEGORY_ID } from '@/lib/processors/audible-refresh.processor';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Audiobooks.Popular');
|
const logger = RMABLogger.create('API.Audiobooks.Popular');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* GET /api/audiobooks/popular?page=1&limit=20
|
* GET /api/audiobooks/popular?page=1&limit=20
|
||||||
* Get popular audiobooks from audible_cache with pagination
|
* Get popular audiobooks from AudibleCacheCategory with pagination
|
||||||
*
|
*
|
||||||
* Real-time matching against plex_library determines availability.
|
* Real-time matching against plex_library determines availability.
|
||||||
*/
|
*/
|
||||||
@@ -46,39 +49,21 @@ export async function GET(request: NextRequest) {
|
|||||||
excludedAsins = [...availableSet];
|
excludedAsins = [...availableSet];
|
||||||
}
|
}
|
||||||
|
|
||||||
const whereClause = {
|
const whereClause: any = { categoryId: POPULAR_CATEGORY_ID };
|
||||||
isPopular: true,
|
if (excludedAsins.length > 0) {
|
||||||
...(excludedAsins.length > 0 ? { asin: { notIn: excludedAsins } } : {}),
|
whereClause.asin = { notIn: excludedAsins };
|
||||||
};
|
}
|
||||||
|
|
||||||
// Query audible_cache for popular audiobooks
|
// Query AudibleCacheCategory for popular audiobooks
|
||||||
const [audiobooks, totalCount] = await Promise.all([
|
const [categoryEntries, totalCount] = await Promise.all([
|
||||||
prisma.audibleCache.findMany({
|
prisma.audibleCacheCategory.findMany({
|
||||||
where: whereClause,
|
where: whereClause,
|
||||||
orderBy: {
|
orderBy: { rank: 'asc' },
|
||||||
popularRank: 'asc',
|
|
||||||
},
|
|
||||||
skip,
|
skip,
|
||||||
take: limit,
|
take: limit,
|
||||||
select: {
|
select: { asin: true, rank: true },
|
||||||
id: true,
|
|
||||||
asin: true,
|
|
||||||
title: true,
|
|
||||||
author: true,
|
|
||||||
narrator: true,
|
|
||||||
description: true,
|
|
||||||
coverArtUrl: true,
|
|
||||||
cachedCoverPath: true,
|
|
||||||
durationMinutes: true,
|
|
||||||
releaseDate: true,
|
|
||||||
rating: true,
|
|
||||||
genres: true,
|
|
||||||
lastSyncedAt: true,
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
prisma.audibleCache.count({
|
|
||||||
where: whereClause,
|
|
||||||
}),
|
}),
|
||||||
|
prisma.audibleCacheCategory.count({ where: whereClause }),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// If no data found, return helpful message
|
// If no data found, return helpful message
|
||||||
@@ -95,10 +80,35 @@ export async function GET(request: NextRequest) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Transform to matcher input format (uses ASIN as required field)
|
// Fetch full metadata from AudibleCache for these ASINs
|
||||||
// Use cached cover path when available, otherwise fall back to coverArtUrl
|
const asins = categoryEntries.map((e) => e.asin);
|
||||||
const audibleBooks = audiobooks.map((book) => {
|
const cacheEntries = await prisma.audibleCache.findMany({
|
||||||
// Convert cached path to API URL if it exists
|
where: { asin: { in: asins } },
|
||||||
|
select: {
|
||||||
|
asin: true,
|
||||||
|
title: true,
|
||||||
|
author: true,
|
||||||
|
narrator: true,
|
||||||
|
description: true,
|
||||||
|
coverArtUrl: true,
|
||||||
|
cachedCoverPath: true,
|
||||||
|
durationMinutes: true,
|
||||||
|
releaseDate: true,
|
||||||
|
rating: true,
|
||||||
|
genres: true,
|
||||||
|
lastSyncedAt: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Build a map for ordering by rank
|
||||||
|
const cacheMap = new Map(cacheEntries.map((e) => [e.asin, e]));
|
||||||
|
|
||||||
|
// Transform to matcher input format, preserving rank order
|
||||||
|
const audibleBooks = categoryEntries
|
||||||
|
.map((entry) => {
|
||||||
|
const book = cacheMap.get(entry.asin);
|
||||||
|
if (!book) return null;
|
||||||
|
|
||||||
let coverUrl = book.coverArtUrl || undefined;
|
let coverUrl = book.coverArtUrl || undefined;
|
||||||
if (book.cachedCoverPath) {
|
if (book.cachedCoverPath) {
|
||||||
const filename = book.cachedCoverPath.split('/').pop();
|
const filename = book.cachedCoverPath.split('/').pop();
|
||||||
@@ -117,7 +127,8 @@ export async function GET(request: NextRequest) {
|
|||||||
rating: book.rating ? parseFloat(book.rating.toString()) : undefined,
|
rating: book.rating ? parseFloat(book.rating.toString()) : undefined,
|
||||||
genres: (book.genres as string[]) || [],
|
genres: (book.genres as string[]) || [],
|
||||||
};
|
};
|
||||||
});
|
})
|
||||||
|
.filter(Boolean) as any[];
|
||||||
|
|
||||||
// Get current user (optional - for request status enrichment)
|
// Get current user (optional - for request status enrichment)
|
||||||
const currentUser = getCurrentUser(request);
|
const currentUser = getCurrentUser(request);
|
||||||
@@ -126,18 +137,21 @@ export async function GET(request: NextRequest) {
|
|||||||
// Enrich with real-time Plex library matching and request status
|
// Enrich with real-time Plex library matching and request status
|
||||||
const enrichedAudiobooks = await enrichAudiobooksWithMatches(audibleBooks, userId);
|
const enrichedAudiobooks = await enrichAudiobooksWithMatches(audibleBooks, userId);
|
||||||
|
|
||||||
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedAudiobooks = await annotateWithIgnoreStatus(enrichedAudiobooks, userId);
|
||||||
|
|
||||||
const totalPages = Math.ceil(totalCount / limit);
|
const totalPages = Math.ceil(totalCount / limit);
|
||||||
const hasMore = page < totalPages;
|
const hasMore = page < totalPages;
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
audiobooks: enrichedAudiobooks,
|
audiobooks: annotatedAudiobooks,
|
||||||
count: enrichedAudiobooks.length,
|
count: enrichedAudiobooks.length,
|
||||||
totalCount,
|
totalCount,
|
||||||
page,
|
page,
|
||||||
totalPages,
|
totalPages,
|
||||||
hasMore,
|
hasMore,
|
||||||
lastSync: audiobooks[0]?.lastSyncedAt?.toISOString() || null,
|
lastSync: cacheEntries[0]?.lastSyncedAt?.toISOString() || null,
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to get popular audiobooks', { error: error instanceof Error ? error.message : String(error) });
|
logger.error('Failed to get popular audiobooks', { error: error instanceof Error ? error.message : String(error) });
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import { deduplicateAndCollectGroups } from '@/lib/utils/deduplicate-audiobooks'
|
|||||||
import { persistDedupGroups } from '@/lib/services/works.service';
|
import { persistDedupGroups } from '@/lib/services/works.service';
|
||||||
import { getCurrentUser } from '@/lib/middleware/auth';
|
import { getCurrentUser } from '@/lib/middleware/auth';
|
||||||
import { RMABLogger } from '@/lib/utils/logger';
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Audiobooks.Search');
|
const logger = RMABLogger.create('API.Audiobooks.Search');
|
||||||
|
|
||||||
@@ -51,10 +52,13 @@ export async function GET(request: NextRequest) {
|
|||||||
// Enrich search results with availability and request status information
|
// Enrich search results with availability and request status information
|
||||||
const enrichedResults = await enrichAudiobooksWithMatches(dedupedResults, userId);
|
const enrichedResults = await enrichAudiobooksWithMatches(dedupedResults, userId);
|
||||||
|
|
||||||
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedResults = await annotateWithIgnoreStatus(enrichedResults, userId);
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
query: results.query,
|
query: results.query,
|
||||||
results: enrichedResults,
|
results: annotatedResults,
|
||||||
totalResults: enrichedResults.length,
|
totalResults: enrichedResults.length,
|
||||||
page: results.page,
|
page: results.page,
|
||||||
hasMore: results.hasMore,
|
hasMore: results.hasMore,
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import { deduplicateAndCollectGroups } from '@/lib/utils/deduplicate-audiobooks'
|
|||||||
import { persistDedupGroups } from '@/lib/services/works.service';
|
import { persistDedupGroups } from '@/lib/services/works.service';
|
||||||
import { getCurrentUser } from '@/lib/middleware/auth';
|
import { getCurrentUser } from '@/lib/middleware/auth';
|
||||||
import { RMABLogger } from '@/lib/utils/logger';
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Authors.Books');
|
const logger = RMABLogger.create('API.Authors.Books');
|
||||||
|
|
||||||
@@ -67,11 +68,14 @@ export async function GET(
|
|||||||
const userId = currentUser.sub || undefined;
|
const userId = currentUser.sub || undefined;
|
||||||
const enrichedBooks = await enrichAudiobooksWithMatches(dedupedBooks, userId);
|
const enrichedBooks = await enrichAudiobooksWithMatches(dedupedBooks, userId);
|
||||||
|
|
||||||
logger.info(`Author books complete: "${authorName}" → ${enrichedBooks.length} books (page ${page})`);
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedBooks = await annotateWithIgnoreStatus(enrichedBooks, userId);
|
||||||
|
|
||||||
|
logger.info(`Author books complete: "${authorName}" → ${annotatedBooks.length} books (page ${page})`);
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
books: enrichedBooks,
|
books: annotatedBooks,
|
||||||
authorName: authorName.trim(),
|
authorName: authorName.trim(),
|
||||||
authorAsin: asin,
|
authorAsin: asin,
|
||||||
totalBooks: enrichedBooks.length,
|
totalBooks: enrichedBooks.length,
|
||||||
|
|||||||
@@ -123,6 +123,7 @@ export async function POST(
|
|||||||
parentRequestId,
|
parentRequestId,
|
||||||
status: 'pending',
|
status: 'pending',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
|
customSearchTerms: parentRequest.customSearchTerms,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -136,7 +136,7 @@ export async function POST(
|
|||||||
const isAnnasArchiveEnabled = annasArchiveEnabled === 'true';
|
const isAnnasArchiveEnabled = annasArchiveEnabled === 'true';
|
||||||
const isIndexerSearchEnabled = indexerSearchEnabled === 'true';
|
const isIndexerSearchEnabled = indexerSearchEnabled === 'true';
|
||||||
const format = preferredFormat || 'epub';
|
const format = preferredFormat || 'epub';
|
||||||
const annasBaseUrl = baseUrl || 'https://annas-archive.li';
|
const annasBaseUrl = baseUrl || 'https://annas-archive.gl';
|
||||||
|
|
||||||
// Get language code from Audible region config
|
// Get language code from Audible region config
|
||||||
const region = await configService.getAudibleRegion() as AudibleRegion;
|
const region = await configService.getAudibleRegion() as AudibleRegion;
|
||||||
|
|||||||
@@ -196,10 +196,10 @@ export async function POST(
|
|||||||
const langConfig = getLanguageForRegion(region);
|
const langConfig = getLanguageForRegion(region);
|
||||||
|
|
||||||
// Rank torrents using the ranking algorithm with indexer priorities and flag configs
|
// Rank torrents using the ranking algorithm with indexer priorities and flag configs
|
||||||
// Always use the audiobook's title/author for ranking (not custom search query)
|
// Use searchTitle for ranking so custom search terms and search bar overrides are respected
|
||||||
// requireAuthor: false - interactive mode, show all results for user decision
|
// requireAuthor: false - interactive mode, show all results for user decision
|
||||||
const rankedResults = rankTorrents(results, {
|
const rankedResults = rankTorrents(results, {
|
||||||
title: requestRecord.audiobook.title,
|
title: searchTitle,
|
||||||
author: requestRecord.audiobook.author,
|
author: requestRecord.audiobook.author,
|
||||||
durationMinutes,
|
durationMinutes,
|
||||||
}, {
|
}, {
|
||||||
@@ -218,7 +218,7 @@ export async function POST(
|
|||||||
const top3 = rankedResults.slice(0, 3);
|
const top3 = rankedResults.slice(0, 3);
|
||||||
if (top3.length > 0) {
|
if (top3.length > 0) {
|
||||||
logger.debug('==================== RANKING DEBUG ====================');
|
logger.debug('==================== RANKING DEBUG ====================');
|
||||||
logger.debug('Search parameters', { searchTitle, requestedTitle: requestRecord.audiobook.title, requestedAuthor: requestRecord.audiobook.author });
|
logger.debug('Search parameters', { searchTitle, rankingTitle: searchTitle, audiobookTitle: requestRecord.audiobook.title, requestedAuthor: requestRecord.audiobook.author });
|
||||||
logger.debug(`Top ${top3.length} results (out of ${rankedResults.length} total)`);
|
logger.debug(`Top ${top3.length} results (out of ${rankedResults.length} total)`);
|
||||||
logger.debug('--------------------------------------------------------');
|
logger.debug('--------------------------------------------------------');
|
||||||
top3.forEach((result, index) => {
|
top3.forEach((result, index) => {
|
||||||
|
|||||||
@@ -52,17 +52,32 @@ export async function POST(
|
|||||||
return NextResponse.json({ error: 'Ebook source not specified' }, { status: 400 });
|
return NextResponse.json({ error: 'Ebook source not specified' }, { status: 400 });
|
||||||
}
|
}
|
||||||
|
|
||||||
// Get the parent audiobook request
|
// Get the request - could be an audiobook request or an existing ebook request
|
||||||
const parentRequest = await prisma.request.findUnique({
|
const foundRequest = await prisma.request.findUnique({
|
||||||
where: { id: parentRequestId },
|
where: { id: parentRequestId },
|
||||||
include: { audiobook: true },
|
include: { audiobook: true },
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!parentRequest) {
|
if (!foundRequest) {
|
||||||
return NextResponse.json({ error: 'Request not found' }, { status: 404 });
|
return NextResponse.json({ error: 'Request not found' }, { status: 404 });
|
||||||
}
|
}
|
||||||
|
|
||||||
if (parentRequest.type !== 'audiobook') {
|
// If this is an ebook request, find the parent audiobook request
|
||||||
|
let parentRequest;
|
||||||
|
if (foundRequest.type === 'ebook') {
|
||||||
|
if (!foundRequest.parentRequestId) {
|
||||||
|
return NextResponse.json({ error: 'Ebook request has no parent audiobook request' }, { status: 400 });
|
||||||
|
}
|
||||||
|
parentRequest = await prisma.request.findUnique({
|
||||||
|
where: { id: foundRequest.parentRequestId },
|
||||||
|
include: { audiobook: true },
|
||||||
|
});
|
||||||
|
if (!parentRequest) {
|
||||||
|
return NextResponse.json({ error: 'Parent audiobook request not found' }, { status: 404 });
|
||||||
|
}
|
||||||
|
} else if (foundRequest.type === 'audiobook') {
|
||||||
|
parentRequest = foundRequest;
|
||||||
|
} else {
|
||||||
return NextResponse.json({ error: 'Can only select ebooks for audiobook requests' }, { status: 400 });
|
return NextResponse.json({ error: 'Can only select ebooks for audiobook requests' }, { status: 400 });
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,9 +89,12 @@ export async function POST(
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Check for existing ebook request
|
// Check for existing ebook request
|
||||||
let ebookRequest = await prisma.request.findFirst({
|
// If we were given an ebook request ID directly, use that; otherwise search by parent
|
||||||
|
let ebookRequest = foundRequest.type === 'ebook'
|
||||||
|
? foundRequest
|
||||||
|
: await prisma.request.findFirst({
|
||||||
where: {
|
where: {
|
||||||
parentRequestId,
|
parentRequestId: parentRequest.id,
|
||||||
type: 'ebook',
|
type: 'ebook',
|
||||||
deletedAt: null,
|
deletedAt: null,
|
||||||
},
|
},
|
||||||
@@ -109,9 +127,10 @@ export async function POST(
|
|||||||
userId: parentRequest.userId,
|
userId: parentRequest.userId,
|
||||||
audiobookId: parentRequest.audiobookId,
|
audiobookId: parentRequest.audiobookId,
|
||||||
type: 'ebook',
|
type: 'ebook',
|
||||||
parentRequestId,
|
parentRequestId: parentRequest.id,
|
||||||
status: 'searching',
|
status: 'searching',
|
||||||
progress: 0,
|
progress: 0,
|
||||||
|
customSearchTerms: parentRequest.customSearchTerms,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
logger.info(`Created new ebook request ${ebookRequest.id}`);
|
logger.info(`Created new ebook request ${ebookRequest.id}`);
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export async function POST(request: NextRequest) {
|
|||||||
narrator: audiobook.narrator,
|
narrator: audiobook.narrator,
|
||||||
description: audiobook.description,
|
description: audiobook.description,
|
||||||
coverArtUrl: audiobook.coverArtUrl,
|
coverArtUrl: audiobook.coverArtUrl,
|
||||||
}, { skipAutoSearch });
|
}, { skipAutoSearch, bypassIgnore: true });
|
||||||
|
|
||||||
if (!result.success) {
|
if (!result.success) {
|
||||||
const statusMap: Record<string, { error: string; status: number }> = {
|
const statusMap: Record<string, { error: string; status: number }> = {
|
||||||
@@ -61,6 +61,7 @@ export async function POST(request: NextRequest) {
|
|||||||
being_processed: { error: 'BeingProcessed', status: 409 },
|
being_processed: { error: 'BeingProcessed', status: 409 },
|
||||||
duplicate: { error: 'DuplicateRequest', status: 409 },
|
duplicate: { error: 'DuplicateRequest', status: 409 },
|
||||||
user_not_found: { error: 'UserNotFound', status: 404 },
|
user_not_found: { error: 'UserNotFound', status: 404 },
|
||||||
|
ignored: { error: 'Ignored', status: 409 },
|
||||||
};
|
};
|
||||||
const mapped = statusMap[result.reason] || { error: 'RequestError', status: 500 };
|
const mapped = statusMap[result.reason] || { error: 'RequestError', status: 500 };
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
@@ -97,9 +98,27 @@ export async function POST(request: NextRequest) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Status groups for server-side filtering and count aggregation
|
||||||
|
const STATUS_GROUPS: Record<string, string[]> = {
|
||||||
|
active: ['pending', 'searching', 'downloading', 'processing'],
|
||||||
|
waiting: ['awaiting_search', 'awaiting_import', 'awaiting_approval'],
|
||||||
|
completed: ['available', 'downloaded'],
|
||||||
|
failed: ['failed'],
|
||||||
|
cancelled: ['cancelled', 'denied'],
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* GET /api/requests?status=pending&limit=50
|
* GET /api/requests
|
||||||
* Get user's audiobook requests (or all requests for admins)
|
* Get user's audiobook requests with cursor-based pagination and accurate counts.
|
||||||
|
*
|
||||||
|
* Query params:
|
||||||
|
* status - filter group: 'active'|'waiting'|'completed'|'failed'|'cancelled'|specific status
|
||||||
|
* cursor - request ID for cursor-based pagination (exclusive start)
|
||||||
|
* take - page size (default 20, max 100)
|
||||||
|
* myOnly - 'true' to restrict to current user even for admins
|
||||||
|
* type - 'audiobook'|'ebook'
|
||||||
|
*
|
||||||
|
* Response: { requests, nextCursor, counts: { all, active, waiting, completed, failed, cancelled } }
|
||||||
*/
|
*/
|
||||||
export async function GET(request: NextRequest) {
|
export async function GET(request: NextRequest) {
|
||||||
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
@@ -112,61 +131,102 @@ export async function GET(request: NextRequest) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const searchParams = req.nextUrl.searchParams;
|
const searchParams = req.nextUrl.searchParams;
|
||||||
const status = searchParams.get('status');
|
const statusParam = searchParams.get('status');
|
||||||
const limit = parseInt(searchParams.get('limit') || '50', 10);
|
const cursor = searchParams.get('cursor');
|
||||||
|
const take = Math.min(parseInt(searchParams.get('take') || '20', 10), 100);
|
||||||
|
// Legacy support: honour `limit` if `take` not supplied
|
||||||
|
const limit = searchParams.has('take')
|
||||||
|
? take
|
||||||
|
: Math.min(parseInt(searchParams.get('limit') || '20', 10), 100);
|
||||||
const myOnly = searchParams.get('myOnly') === 'true';
|
const myOnly = searchParams.get('myOnly') === 'true';
|
||||||
const type = searchParams.get('type'); // 'audiobook', 'ebook', or null for all
|
const type = searchParams.get('type');
|
||||||
const isAdmin = req.user.role === 'admin';
|
const isAdmin = req.user.role === 'admin';
|
||||||
|
|
||||||
// Build query
|
// Base ownership filter
|
||||||
// If myOnly=true, always filter by current user (even for admins)
|
const baseWhere: any = myOnly || !isAdmin ? { userId: req.user.id } : {};
|
||||||
// Otherwise, admins see all requests, users see only their own
|
baseWhere.deletedAt = null;
|
||||||
const where: any = myOnly || !isAdmin ? { userId: req.user.id } : {};
|
|
||||||
if (status) {
|
|
||||||
where.status = status;
|
|
||||||
}
|
|
||||||
// Filter by type if specified (otherwise returns all types)
|
|
||||||
if (type && ['audiobook', 'ebook'].includes(type)) {
|
|
||||||
where.type = type;
|
|
||||||
}
|
|
||||||
// Only show active (non-deleted) requests
|
|
||||||
where.deletedAt = null;
|
|
||||||
|
|
||||||
|
if (type && ['audiobook', 'ebook'].includes(type)) {
|
||||||
|
baseWhere.type = type;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resolve status filter
|
||||||
|
const statusFilter: any = {};
|
||||||
|
if (statusParam) {
|
||||||
|
const group = STATUS_GROUPS[statusParam];
|
||||||
|
if (group) {
|
||||||
|
statusFilter.status = { in: group };
|
||||||
|
} else {
|
||||||
|
// Treat as a specific status literal
|
||||||
|
statusFilter.status = statusParam;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const where = { ...baseWhere, ...statusFilter };
|
||||||
|
|
||||||
|
// ── Paginated request fetch ──────────────────────────────────────────
|
||||||
const requests = await prisma.request.findMany({
|
const requests = await prisma.request.findMany({
|
||||||
where,
|
where,
|
||||||
include: {
|
include: {
|
||||||
audiobook: true,
|
audiobook: true,
|
||||||
user: {
|
user: {
|
||||||
select: {
|
select: { id: true, plexUsername: true },
|
||||||
id: true,
|
|
||||||
plexUsername: true,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
orderBy: { createdAt: 'desc' },
|
orderBy: { createdAt: 'desc' },
|
||||||
take: limit,
|
take: limit + 1, // fetch one extra to determine if there's a next page
|
||||||
|
...(cursor ? { cursor: { id: cursor }, skip: 1 } : {}),
|
||||||
});
|
});
|
||||||
|
|
||||||
const enriched = requests.map(r => {
|
const hasNextPage = requests.length > limit;
|
||||||
|
const page = hasNextPage ? requests.slice(0, limit) : requests;
|
||||||
|
const nextCursor = hasNextPage ? page[page.length - 1].id : null;
|
||||||
|
|
||||||
|
const enriched = page.map(r => {
|
||||||
const isCompleted = COMPLETED_STATUSES.includes(r.status as typeof COMPLETED_STATUSES[number]);
|
const isCompleted = COMPLETED_STATUSES.includes(r.status as typeof COMPLETED_STATUSES[number]);
|
||||||
const downloadAvailable = isCompleted && !!r.audiobook?.filePath;
|
const downloadAvailable = isCompleted && !!r.audiobook?.filePath;
|
||||||
// Strip server-side absolute path from client response
|
|
||||||
const audiobook = r.audiobook ? { ...r.audiobook, filePath: undefined } : r.audiobook;
|
const audiobook = r.audiobook ? { ...r.audiobook, filePath: undefined } : r.audiobook;
|
||||||
return { ...r, audiobook, downloadAvailable };
|
return { ...r, audiobook, downloadAvailable };
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// ── Accurate counts per group (always scoped to ownership/type filter) ──
|
||||||
|
const countWhere = { ...baseWhere };
|
||||||
|
|
||||||
|
const [
|
||||||
|
totalAll,
|
||||||
|
totalActive,
|
||||||
|
totalWaiting,
|
||||||
|
totalCompleted,
|
||||||
|
totalFailed,
|
||||||
|
totalCancelled,
|
||||||
|
] = await Promise.all([
|
||||||
|
prisma.request.count({ where: countWhere }),
|
||||||
|
prisma.request.count({ where: { ...countWhere, status: { in: STATUS_GROUPS.active } } }),
|
||||||
|
prisma.request.count({ where: { ...countWhere, status: { in: STATUS_GROUPS.waiting } } }),
|
||||||
|
prisma.request.count({ where: { ...countWhere, status: { in: STATUS_GROUPS.completed } } }),
|
||||||
|
prisma.request.count({ where: { ...countWhere, status: { in: STATUS_GROUPS.failed } } }),
|
||||||
|
prisma.request.count({ where: { ...countWhere, status: { in: STATUS_GROUPS.cancelled } } }),
|
||||||
|
]);
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
requests: enriched,
|
requests: enriched,
|
||||||
|
nextCursor,
|
||||||
|
counts: {
|
||||||
|
all: totalAll,
|
||||||
|
active: totalActive,
|
||||||
|
waiting: totalWaiting,
|
||||||
|
completed: totalCompleted,
|
||||||
|
failed: totalFailed,
|
||||||
|
cancelled: totalCancelled,
|
||||||
|
},
|
||||||
|
// Legacy field for callers that still read `count`
|
||||||
count: enriched.length,
|
count: enriched.length,
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to get requests', { error: error instanceof Error ? error.message : String(error) });
|
logger.error('Failed to get requests', { error: error instanceof Error ? error.message : String(error) });
|
||||||
return NextResponse.json(
|
return NextResponse.json(
|
||||||
{
|
{ error: 'FetchError', message: 'Failed to fetch requests' },
|
||||||
error: 'FetchError',
|
|
||||||
message: 'Failed to fetch requests',
|
|
||||||
},
|
|
||||||
{ status: 500 }
|
{ status: 500 }
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,6 +10,7 @@ import { scrapeSeriesPage } from '@/lib/integrations/audible-series';
|
|||||||
import { enrichAudiobooksWithMatches } from '@/lib/utils/audiobook-matcher';
|
import { enrichAudiobooksWithMatches } from '@/lib/utils/audiobook-matcher';
|
||||||
import { deduplicateAndCollectGroups } from '@/lib/utils/deduplicate-audiobooks';
|
import { deduplicateAndCollectGroups } from '@/lib/utils/deduplicate-audiobooks';
|
||||||
import { persistDedupGroups } from '@/lib/services/works.service';
|
import { persistDedupGroups } from '@/lib/services/works.service';
|
||||||
|
import { annotateWithIgnoreStatus } from '@/lib/utils/ignored-audiobooks';
|
||||||
|
|
||||||
const logger = RMABLogger.create('API.Series.Detail');
|
const logger = RMABLogger.create('API.Series.Detail');
|
||||||
|
|
||||||
@@ -63,13 +64,16 @@ export async function GET(
|
|||||||
const userId = currentUser.sub || undefined;
|
const userId = currentUser.sub || undefined;
|
||||||
const enrichedBooks = await enrichAudiobooksWithMatches(dedupedBooks, userId);
|
const enrichedBooks = await enrichAudiobooksWithMatches(dedupedBooks, userId);
|
||||||
|
|
||||||
logger.info(`Series detail complete: "${detail.title}" (${enrichedBooks.length} books, page ${page})`);
|
// Annotate with per-user ignore status
|
||||||
|
const annotatedBooks = await annotateWithIgnoreStatus(enrichedBooks, userId);
|
||||||
|
|
||||||
|
logger.info(`Series detail complete: "${detail.title}" (${annotatedBooks.length} books, page ${page})`);
|
||||||
|
|
||||||
return NextResponse.json({
|
return NextResponse.json({
|
||||||
success: true,
|
success: true,
|
||||||
series: {
|
series: {
|
||||||
...detail,
|
...detail,
|
||||||
books: enrichedBooks,
|
books: annotatedBooks,
|
||||||
},
|
},
|
||||||
hasMore: detail.hasMore,
|
hasMore: detail.hasMore,
|
||||||
page: detail.page,
|
page: detail.page,
|
||||||
|
|||||||
@@ -13,7 +13,8 @@ import { z } from 'zod';
|
|||||||
const logger = RMABLogger.create('API.GoodreadsShelves');
|
const logger = RMABLogger.create('API.GoodreadsShelves');
|
||||||
|
|
||||||
const UpdateGoodreadsSchema = z.object({
|
const UpdateGoodreadsSchema = z.object({
|
||||||
rssUrl: z.string().url('Must be a valid URL'),
|
rssUrl: z.string().url('Must be a valid URL').optional(),
|
||||||
|
autoRequest: z.boolean().optional(),
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -81,22 +82,38 @@ export async function PATCH(
|
|||||||
}
|
}
|
||||||
|
|
||||||
const body = await request.json();
|
const body = await request.json();
|
||||||
const { rssUrl } = UpdateGoodreadsSchema.parse(body);
|
const { rssUrl, autoRequest } = UpdateGoodreadsSchema.parse(body);
|
||||||
|
|
||||||
|
const updateData: Record<string, unknown> = {};
|
||||||
|
let needsResync = false;
|
||||||
|
|
||||||
|
if (rssUrl !== undefined) {
|
||||||
|
updateData.rssUrl = rssUrl;
|
||||||
|
updateData.lastSyncAt = null;
|
||||||
|
updateData.bookCount = null;
|
||||||
|
updateData.coverUrls = null;
|
||||||
|
needsResync = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (autoRequest !== undefined) {
|
||||||
|
updateData.autoRequest = autoRequest;
|
||||||
|
}
|
||||||
|
|
||||||
// Force re-fetch by clearing metadata
|
|
||||||
const updated = await prisma.goodreadsShelf.update({
|
const updated = await prisma.goodreadsShelf.update({
|
||||||
where: { id },
|
where: { id },
|
||||||
data: { rssUrl, lastSyncAt: null, bookCount: null, coverUrls: null },
|
data: updateData,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
if (needsResync) {
|
||||||
try {
|
try {
|
||||||
const jobQueue = getJobQueueService();
|
const jobQueue = getJobQueueService();
|
||||||
await jobQueue.addSyncShelvesJob(undefined, updated.id, 'goodreads', 0);
|
await jobQueue.addSyncShelvesJob(undefined, updated.id, 'goodreads', 0, req.user.id);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to trigger immediate list sync', {
|
logger.error('Failed to trigger immediate list sync', {
|
||||||
error: error instanceof Error ? error.message : String(error),
|
error: error instanceof Error ? error.message : String(error),
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return NextResponse.json({ success: true, shelf: updated });
|
return NextResponse.json({ success: true, shelf: updated });
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ const AddShelfSchema = z.object({
|
|||||||
(url) => GOODREADS_RSS_PATTERN.test(url),
|
(url) => GOODREADS_RSS_PATTERN.test(url),
|
||||||
{ message: 'URL must be a Goodreads shelf RSS URL (goodreads.com/review/list_rss/...)' }
|
{ message: 'URL must be a Goodreads shelf RSS URL (goodreads.com/review/list_rss/...)' }
|
||||||
),
|
),
|
||||||
|
autoRequest: z.boolean().optional().default(true),
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -66,6 +67,7 @@ export async function GET(request: NextRequest) {
|
|||||||
lastSyncAt: shelf.lastSyncAt,
|
lastSyncAt: shelf.lastSyncAt,
|
||||||
createdAt: shelf.createdAt,
|
createdAt: shelf.createdAt,
|
||||||
bookCount: shelf.bookCount ?? null,
|
bookCount: shelf.bookCount ?? null,
|
||||||
|
autoRequest: shelf.autoRequest,
|
||||||
books,
|
books,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
@@ -90,7 +92,7 @@ export async function POST(request: NextRequest) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const body = await req.json();
|
const body = await req.json();
|
||||||
const { rssUrl } = AddShelfSchema.parse(body);
|
const { rssUrl, autoRequest } = AddShelfSchema.parse(body);
|
||||||
|
|
||||||
// Check for duplicate
|
// Check for duplicate
|
||||||
const existing = await prisma.goodreadsShelf.findUnique({
|
const existing = await prisma.goodreadsShelf.findUnique({
|
||||||
@@ -132,6 +134,7 @@ export async function POST(request: NextRequest) {
|
|||||||
name: shelfName,
|
name: shelfName,
|
||||||
rssUrl,
|
rssUrl,
|
||||||
bookCount,
|
bookCount,
|
||||||
|
autoRequest,
|
||||||
coverUrls: initialBooks.length > 0 ? JSON.stringify(initialBooks) : null,
|
coverUrls: initialBooks.length > 0 ? JSON.stringify(initialBooks) : null,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -139,7 +142,7 @@ export async function POST(request: NextRequest) {
|
|||||||
// Trigger immediate sync for this shelf (unlimited lookups, process all books)
|
// Trigger immediate sync for this shelf (unlimited lookups, process all books)
|
||||||
try {
|
try {
|
||||||
const jobQueue = getJobQueueService();
|
const jobQueue = getJobQueueService();
|
||||||
await jobQueue.addSyncShelvesJob(undefined, shelf.id, 'goodreads', 0);
|
await jobQueue.addSyncShelvesJob(undefined, shelf.id, 'goodreads', 0, req.user.id);
|
||||||
logger.info(`Triggered immediate sync for Goodreads shelf "${shelfName}" (${shelf.id})`);
|
logger.info(`Triggered immediate sync for Goodreads shelf "${shelfName}" (${shelf.id})`);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to trigger immediate shelf sync', { error: error instanceof Error ? error.message : String(error) });
|
logger.error('Failed to trigger immediate shelf sync', { error: error instanceof Error ? error.message : String(error) });
|
||||||
@@ -154,6 +157,7 @@ export async function POST(request: NextRequest) {
|
|||||||
lastSyncAt: shelf.lastSyncAt,
|
lastSyncAt: shelf.lastSyncAt,
|
||||||
createdAt: shelf.createdAt,
|
createdAt: shelf.createdAt,
|
||||||
bookCount: shelf.bookCount,
|
bookCount: shelf.bookCount,
|
||||||
|
autoRequest: shelf.autoRequest,
|
||||||
books: initialBooks,
|
books: initialBooks,
|
||||||
},
|
},
|
||||||
bookCount,
|
bookCount,
|
||||||
|
|||||||
@@ -17,6 +17,8 @@ const logger = RMABLogger.create('API.HardcoverShelves');
|
|||||||
const UpdateHardcoverSchema = z.object({
|
const UpdateHardcoverSchema = z.object({
|
||||||
listId: z.string().min(1, 'List ID is required').optional(),
|
listId: z.string().min(1, 'List ID is required').optional(),
|
||||||
apiToken: z.string().optional(),
|
apiToken: z.string().optional(),
|
||||||
|
forceSync: z.boolean().optional(),
|
||||||
|
autoRequest: z.boolean().optional(),
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -89,10 +91,14 @@ export async function PATCH(
|
|||||||
}
|
}
|
||||||
|
|
||||||
const body = await request.json();
|
const body = await request.json();
|
||||||
const { listId, apiToken } = UpdateHardcoverSchema.parse(body);
|
const { listId, apiToken, forceSync, autoRequest } = UpdateHardcoverSchema.parse(body);
|
||||||
|
|
||||||
const updateData: { listId?: string; apiToken?: string; lastSyncAt?: null; bookCount?: null; coverUrls?: null } = {};
|
const updateData: { listId?: string; apiToken?: string; autoRequest?: boolean; lastSyncAt?: null; bookCount?: null; coverUrls?: null } = {};
|
||||||
let needsResync = false;
|
|
||||||
|
if (autoRequest !== undefined) {
|
||||||
|
updateData.autoRequest = autoRequest;
|
||||||
|
}
|
||||||
|
let needsResync = !!forceSync;
|
||||||
|
|
||||||
let cleanedToken: string | undefined;
|
let cleanedToken: string | undefined;
|
||||||
if (apiToken && apiToken.trim() !== '') {
|
if (apiToken && apiToken.trim() !== '') {
|
||||||
@@ -155,7 +161,7 @@ export async function PATCH(
|
|||||||
if (needsResync) {
|
if (needsResync) {
|
||||||
try {
|
try {
|
||||||
const jobQueue = getJobQueueService();
|
const jobQueue = getJobQueueService();
|
||||||
await jobQueue.addSyncShelvesJob(undefined, updated.id, 'hardcover', 0);
|
await jobQueue.addSyncShelvesJob(undefined, updated.id, 'hardcover', 0, req.user.id);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error('Failed to trigger immediate list sync', {
|
logger.error('Failed to trigger immediate list sync', {
|
||||||
error: error instanceof Error ? error.message : String(error),
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
|||||||
@@ -18,6 +18,7 @@ const logger = RMABLogger.create('API.HardcoverShelves');
|
|||||||
const AddShelfSchema = z.object({
|
const AddShelfSchema = z.object({
|
||||||
listId: z.string().min(1, { message: 'List ID is required' }),
|
listId: z.string().min(1, { message: 'List ID is required' }),
|
||||||
apiToken: z.string().min(1, { message: 'API Token is required' }),
|
apiToken: z.string().min(1, { message: 'API Token is required' }),
|
||||||
|
autoRequest: z.boolean().optional().default(true),
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -46,6 +47,7 @@ export async function GET(request: NextRequest) {
|
|||||||
lastSyncAt: shelf.lastSyncAt,
|
lastSyncAt: shelf.lastSyncAt,
|
||||||
createdAt: shelf.createdAt,
|
createdAt: shelf.createdAt,
|
||||||
bookCount: shelf.bookCount ?? null,
|
bookCount: shelf.bookCount ?? null,
|
||||||
|
autoRequest: shelf.autoRequest,
|
||||||
books,
|
books,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
@@ -75,7 +77,9 @@ export async function POST(request: NextRequest) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const body = await req.json();
|
const body = await req.json();
|
||||||
let { listId, apiToken } = AddShelfSchema.parse(body);
|
const parsed = AddShelfSchema.parse(body);
|
||||||
|
let { listId, apiToken } = parsed;
|
||||||
|
const { autoRequest } = parsed;
|
||||||
|
|
||||||
// Clean up token in case user pasted "Bearer " prefix
|
// Clean up token in case user pasted "Bearer " prefix
|
||||||
apiToken = apiToken.trim();
|
apiToken = apiToken.trim();
|
||||||
@@ -139,6 +143,7 @@ export async function POST(request: NextRequest) {
|
|||||||
name: listName,
|
name: listName,
|
||||||
listId,
|
listId,
|
||||||
apiToken: encryptedToken,
|
apiToken: encryptedToken,
|
||||||
|
autoRequest,
|
||||||
bookCount,
|
bookCount,
|
||||||
coverUrls:
|
coverUrls:
|
||||||
initialBooks.length > 0 ? JSON.stringify(initialBooks) : null,
|
initialBooks.length > 0 ? JSON.stringify(initialBooks) : null,
|
||||||
@@ -148,7 +153,7 @@ export async function POST(request: NextRequest) {
|
|||||||
// Trigger immediate sync for this shelf (unlimited lookups, process all books)
|
// Trigger immediate sync for this shelf (unlimited lookups, process all books)
|
||||||
try {
|
try {
|
||||||
const jobQueue = getJobQueueService();
|
const jobQueue = getJobQueueService();
|
||||||
await jobQueue.addSyncShelvesJob(undefined, shelf.id, 'hardcover', 0);
|
await jobQueue.addSyncShelvesJob(undefined, shelf.id, 'hardcover', 0, req.user.id);
|
||||||
logger.info(
|
logger.info(
|
||||||
`Triggered immediate sync for Hardcover list "${listName}" (${shelf.id})`,
|
`Triggered immediate sync for Hardcover list "${listName}" (${shelf.id})`,
|
||||||
);
|
);
|
||||||
@@ -168,6 +173,7 @@ export async function POST(request: NextRequest) {
|
|||||||
lastSyncAt: shelf.lastSyncAt,
|
lastSyncAt: shelf.lastSyncAt,
|
||||||
createdAt: shelf.createdAt,
|
createdAt: shelf.createdAt,
|
||||||
bookCount: shelf.bookCount,
|
bookCount: shelf.bookCount,
|
||||||
|
autoRequest: shelf.autoRequest,
|
||||||
books: initialBooks,
|
books: initialBooks,
|
||||||
},
|
},
|
||||||
bookCount,
|
bookCount,
|
||||||
|
|||||||
@@ -0,0 +1,202 @@
|
|||||||
|
/**
|
||||||
|
* Component: User Home Sections API Route
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Per-user configurable home page sections.
|
||||||
|
* GET returns sections + next refresh time.
|
||||||
|
* PUT saves full section config (delete-and-recreate in transaction).
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.User.HomeSections');
|
||||||
|
|
||||||
|
const MAX_SECTIONS = 10;
|
||||||
|
|
||||||
|
const VALID_SECTION_TYPES = ['popular', 'new_releases', 'category'] as const;
|
||||||
|
|
||||||
|
const SectionSchema = z.object({
|
||||||
|
sectionType: z.enum(VALID_SECTION_TYPES),
|
||||||
|
categoryId: z.string().optional().nullable(),
|
||||||
|
categoryName: z.string().optional().nullable(),
|
||||||
|
sortOrder: z.number().int().min(0),
|
||||||
|
});
|
||||||
|
|
||||||
|
const PutBodySchema = z.object({
|
||||||
|
sections: z.array(SectionSchema).max(MAX_SECTIONS),
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create default home sections for a new user (Popular + New Releases).
|
||||||
|
*/
|
||||||
|
async function ensureDefaultSections(userId: string) {
|
||||||
|
const existing = await prisma.userHomeSection.findMany({
|
||||||
|
where: { userId },
|
||||||
|
select: { id: true },
|
||||||
|
take: 1,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (existing.length > 0) return;
|
||||||
|
|
||||||
|
await prisma.userHomeSection.createMany({
|
||||||
|
data: [
|
||||||
|
{ userId, sectionType: 'popular', sortOrder: 0 },
|
||||||
|
{ userId, sectionType: 'new_releases', sortOrder: 1 },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GET /api/user/home-sections
|
||||||
|
* Returns the user's configured home sections + next scheduled refresh time.
|
||||||
|
*/
|
||||||
|
export async function GET(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
await ensureDefaultSections(req.user.id);
|
||||||
|
|
||||||
|
const sections = await prisma.userHomeSection.findMany({
|
||||||
|
where: { userId: req.user.id },
|
||||||
|
orderBy: { sortOrder: 'asc' },
|
||||||
|
});
|
||||||
|
|
||||||
|
// Get next refresh time from scheduled jobs
|
||||||
|
let nextRefresh: string | null = null;
|
||||||
|
try {
|
||||||
|
const scheduledJob = await prisma.scheduledJob.findFirst({
|
||||||
|
where: { type: 'audible_refresh', enabled: true },
|
||||||
|
select: { nextRun: true },
|
||||||
|
});
|
||||||
|
nextRefresh = scheduledJob?.nextRun?.toISOString() || null;
|
||||||
|
} catch {
|
||||||
|
// Non-critical — just omit nextRefresh
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
sections: sections.map((s) => ({
|
||||||
|
id: s.id,
|
||||||
|
sectionType: s.sectionType,
|
||||||
|
categoryId: s.categoryId,
|
||||||
|
categoryName: s.categoryName,
|
||||||
|
sortOrder: s.sortOrder,
|
||||||
|
})),
|
||||||
|
nextRefresh,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to get home sections', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'FetchError', message: 'Failed to fetch home sections' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PUT /api/user/home-sections
|
||||||
|
* Replaces all home sections for the user (delete-and-recreate in transaction).
|
||||||
|
* Validates: max 10 sections, no duplicate sections, category sections need categoryId.
|
||||||
|
*/
|
||||||
|
export async function PUT(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await req.json();
|
||||||
|
const { sections } = PutBodySchema.parse(body);
|
||||||
|
|
||||||
|
// Validate category sections have categoryId
|
||||||
|
for (const section of sections) {
|
||||||
|
if (section.sectionType === 'category' && !section.categoryId) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'ValidationError', message: 'Category sections require a categoryId' },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for duplicate section types (only one popular, one new_releases, unique categories)
|
||||||
|
const seen = new Set<string>();
|
||||||
|
for (const section of sections) {
|
||||||
|
const key =
|
||||||
|
section.sectionType === 'category'
|
||||||
|
? `category:${section.categoryId}`
|
||||||
|
: section.sectionType;
|
||||||
|
if (seen.has(key)) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'ValidationError', message: `Duplicate section: ${key}` },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
seen.add(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
const userId = req.user.id;
|
||||||
|
|
||||||
|
// Delete-and-recreate in a transaction
|
||||||
|
await prisma.$transaction(async (tx) => {
|
||||||
|
await tx.userHomeSection.deleteMany({ where: { userId } });
|
||||||
|
|
||||||
|
if (sections.length > 0) {
|
||||||
|
await tx.userHomeSection.createMany({
|
||||||
|
data: sections.map((s, idx) => ({
|
||||||
|
userId,
|
||||||
|
sectionType: s.sectionType,
|
||||||
|
categoryId: s.sectionType === 'category' ? s.categoryId : null,
|
||||||
|
categoryName: s.sectionType === 'category' ? s.categoryName : null,
|
||||||
|
sortOrder: idx,
|
||||||
|
})),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Return the saved sections
|
||||||
|
const saved = await prisma.userHomeSection.findMany({
|
||||||
|
where: { userId },
|
||||||
|
orderBy: { sortOrder: 'asc' },
|
||||||
|
});
|
||||||
|
|
||||||
|
logger.info(`User ${userId} updated home sections (${saved.length} sections)`);
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
sections: saved.map((s) => ({
|
||||||
|
id: s.id,
|
||||||
|
sectionType: s.sectionType,
|
||||||
|
categoryId: s.categoryId,
|
||||||
|
categoryName: s.categoryName,
|
||||||
|
sortOrder: s.sortOrder,
|
||||||
|
})),
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to save home sections', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (error instanceof z.ZodError) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'ValidationError', details: error.errors },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'SaveError', message: 'Failed to save home sections' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,65 @@
|
|||||||
|
/**
|
||||||
|
* Component: Ignored Audiobook Delete Route
|
||||||
|
* Documentation: documentation/features/ignored-audiobooks.md
|
||||||
|
*
|
||||||
|
* DELETE removes a single entry from the user's ignore list (un-ignore).
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.IgnoredAudiobooks');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* DELETE /api/user/ignored-audiobooks/[id]
|
||||||
|
* Remove an audiobook from the user's ignore list
|
||||||
|
*/
|
||||||
|
export async function DELETE(
|
||||||
|
request: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ id: string }> }
|
||||||
|
) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { id } = await params;
|
||||||
|
|
||||||
|
// Verify ownership before deleting
|
||||||
|
const existing = await prisma.ignoredAudiobook.findUnique({
|
||||||
|
where: { id },
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!existing) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'NotFound', message: 'Ignored audiobook entry not found' },
|
||||||
|
{ status: 404 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (existing.userId !== req.user.id) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Forbidden', message: 'Cannot modify another user\'s ignore list' },
|
||||||
|
{ status: 403 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
await prisma.ignoredAudiobook.delete({ where: { id } });
|
||||||
|
|
||||||
|
logger.info(`User ${req.user.id} un-ignored ASIN ${existing.asin} ("${existing.title}")`);
|
||||||
|
|
||||||
|
return NextResponse.json({ success: true });
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to remove ignored audiobook', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'DeleteError', message: 'Failed to remove ignored audiobook' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,79 @@
|
|||||||
|
/**
|
||||||
|
* Component: Ignored Audiobook Check Route
|
||||||
|
* Documentation: documentation/features/ignored-audiobooks.md
|
||||||
|
*
|
||||||
|
* Quick check whether a specific ASIN is ignored by the current user.
|
||||||
|
* Includes works-system expansion to catch sibling ASINs.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { getSiblingAsins } from '@/lib/services/works.service';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.IgnoredAudiobooks.Check');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GET /api/user/ignored-audiobooks/check/[asin]
|
||||||
|
* Returns { ignored: boolean, ignoredId?: string } for the given ASIN.
|
||||||
|
* ignoredId is the ID of the matching IgnoredAudiobook record (for un-ignore).
|
||||||
|
*/
|
||||||
|
export async function GET(
|
||||||
|
request: NextRequest,
|
||||||
|
{ params }: { params: Promise<{ asin: string }> }
|
||||||
|
) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const { asin } = await params;
|
||||||
|
|
||||||
|
// Direct check
|
||||||
|
const directIgnore = await prisma.ignoredAudiobook.findUnique({
|
||||||
|
where: { userId_asin: { userId: req.user.id, asin } },
|
||||||
|
});
|
||||||
|
|
||||||
|
if (directIgnore) {
|
||||||
|
return NextResponse.json({
|
||||||
|
ignored: true,
|
||||||
|
ignoredId: directIgnore.id,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Works-system expansion: check sibling ASINs
|
||||||
|
try {
|
||||||
|
const siblingMap = await getSiblingAsins([asin]);
|
||||||
|
const siblings = siblingMap.get(asin);
|
||||||
|
if (siblings && siblings.length > 0) {
|
||||||
|
const siblingIgnore = await prisma.ignoredAudiobook.findFirst({
|
||||||
|
where: {
|
||||||
|
userId: req.user.id,
|
||||||
|
asin: { in: siblings },
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (siblingIgnore) {
|
||||||
|
return NextResponse.json({
|
||||||
|
ignored: true,
|
||||||
|
ignoredId: siblingIgnore.id,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Works expansion is best-effort
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json({ ignored: false });
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to check ignored status', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'CheckError', message: 'Failed to check ignored status' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,123 @@
|
|||||||
|
/**
|
||||||
|
* Component: Ignored Audiobooks API Routes
|
||||||
|
* Documentation: documentation/features/ignored-audiobooks.md
|
||||||
|
*
|
||||||
|
* Per-user ignore list for auto-request suppression.
|
||||||
|
* GET returns the user's full ignore list; POST adds a new entry.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.IgnoredAudiobooks');
|
||||||
|
|
||||||
|
const AddIgnoredSchema = z.object({
|
||||||
|
asin: z.string().min(1).max(20),
|
||||||
|
title: z.string().min(1).max(500),
|
||||||
|
author: z.string().min(1).max(500),
|
||||||
|
coverArtUrl: z.string().optional(),
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* GET /api/user/ignored-audiobooks
|
||||||
|
* List the current user's ignored audiobooks
|
||||||
|
*/
|
||||||
|
export async function GET(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const ignored = await prisma.ignoredAudiobook.findMany({
|
||||||
|
where: { userId: req.user.id },
|
||||||
|
orderBy: { createdAt: 'desc' },
|
||||||
|
});
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
ignoredAudiobooks: ignored.map((item) => ({
|
||||||
|
id: item.id,
|
||||||
|
asin: item.asin,
|
||||||
|
title: item.title,
|
||||||
|
author: item.author,
|
||||||
|
coverArtUrl: item.coverArtUrl,
|
||||||
|
createdAt: item.createdAt.toISOString(),
|
||||||
|
})),
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to list ignored audiobooks', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'FetchError', message: 'Failed to fetch ignored audiobooks' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /api/user/ignored-audiobooks
|
||||||
|
* Add an audiobook to the user's ignore list
|
||||||
|
*/
|
||||||
|
export async function POST(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await req.json();
|
||||||
|
const data = AddIgnoredSchema.parse(body);
|
||||||
|
|
||||||
|
// Upsert to handle duplicate gracefully
|
||||||
|
const ignored = await prisma.ignoredAudiobook.upsert({
|
||||||
|
where: {
|
||||||
|
userId_asin: { userId: req.user.id, asin: data.asin },
|
||||||
|
},
|
||||||
|
update: {}, // Already exists — no-op
|
||||||
|
create: {
|
||||||
|
userId: req.user.id,
|
||||||
|
asin: data.asin,
|
||||||
|
title: data.title,
|
||||||
|
author: data.author,
|
||||||
|
coverArtUrl: data.coverArtUrl,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
logger.info(`User ${req.user.id} ignored ASIN ${data.asin} ("${data.title}")`);
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
ignoredAudiobook: {
|
||||||
|
id: ignored.id,
|
||||||
|
asin: ignored.asin,
|
||||||
|
title: ignored.title,
|
||||||
|
author: ignored.author,
|
||||||
|
coverArtUrl: ignored.coverArtUrl,
|
||||||
|
createdAt: ignored.createdAt.toISOString(),
|
||||||
|
},
|
||||||
|
}, { status: 201 });
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to add ignored audiobook', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (error instanceof z.ZodError) {
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'ValidationError', details: error.errors },
|
||||||
|
{ status: 400 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'CreateError', message: 'Failed to ignore audiobook' },
|
||||||
|
{ status: 500 }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -42,6 +42,7 @@ export async function GET(request: NextRequest) {
|
|||||||
lastSyncAt: s.lastSyncAt,
|
lastSyncAt: s.lastSyncAt,
|
||||||
createdAt: s.createdAt,
|
createdAt: s.createdAt,
|
||||||
bookCount: s.bookCount ?? null,
|
bookCount: s.bookCount ?? null,
|
||||||
|
autoRequest: s.autoRequest,
|
||||||
books: processBooks(s.coverUrls),
|
books: processBooks(s.coverUrls),
|
||||||
})),
|
})),
|
||||||
...hardcover.map((s) => ({
|
...hardcover.map((s) => ({
|
||||||
@@ -52,6 +53,7 @@ export async function GET(request: NextRequest) {
|
|||||||
lastSyncAt: s.lastSyncAt,
|
lastSyncAt: s.lastSyncAt,
|
||||||
createdAt: s.createdAt,
|
createdAt: s.createdAt,
|
||||||
bookCount: s.bookCount ?? null,
|
bookCount: s.bookCount ?? null,
|
||||||
|
autoRequest: s.autoRequest,
|
||||||
books: processBooks(s.coverUrls),
|
books: processBooks(s.coverUrls),
|
||||||
})),
|
})),
|
||||||
].sort(
|
].sort(
|
||||||
|
|||||||
@@ -0,0 +1,79 @@
|
|||||||
|
/**
|
||||||
|
* Component: Manual Shelf Sync API Route
|
||||||
|
* Documentation: documentation/backend/services/goodreads-sync.md
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { NextRequest, NextResponse } from 'next/server';
|
||||||
|
import { requireAuth, AuthenticatedRequest } from '@/lib/middleware/auth';
|
||||||
|
import { prisma } from '@/lib/db';
|
||||||
|
import { getJobQueueService } from '@/lib/services/job-queue.service';
|
||||||
|
import { RMABLogger } from '@/lib/utils/logger';
|
||||||
|
import { z } from 'zod';
|
||||||
|
|
||||||
|
const logger = RMABLogger.create('API.ShelvesSync');
|
||||||
|
|
||||||
|
const SyncSchema = z.object({
|
||||||
|
shelfId: z.string().optional(),
|
||||||
|
shelfType: z.enum(['goodreads', 'hardcover']).optional(),
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /api/user/shelves/sync
|
||||||
|
* Trigger a manual sync for all or a specific shelf belonging to the user.
|
||||||
|
*/
|
||||||
|
export async function POST(request: NextRequest) {
|
||||||
|
return requireAuth(request, async (req: AuthenticatedRequest) => {
|
||||||
|
try {
|
||||||
|
if (!req.user) {
|
||||||
|
return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
|
||||||
|
}
|
||||||
|
|
||||||
|
const body = await request.json().catch(() => ({}));
|
||||||
|
const { shelfId, shelfType } = SyncSchema.parse(body);
|
||||||
|
|
||||||
|
// Set lastSyncAt to null so the frontend SWR refresh catches the "Syncing..." state immediately
|
||||||
|
if (!shelfType || shelfType === 'goodreads') {
|
||||||
|
await prisma.goodreadsShelf.updateMany({
|
||||||
|
where: { userId: req.user.id, ...(shelfId ? { id: shelfId } : {}) },
|
||||||
|
data: { lastSyncAt: null },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!shelfType || shelfType === 'hardcover') {
|
||||||
|
await prisma.hardcoverShelf.updateMany({
|
||||||
|
where: { userId: req.user.id, ...(shelfId ? { id: shelfId } : {}) },
|
||||||
|
data: { lastSyncAt: null },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const jobQueue = getJobQueueService();
|
||||||
|
|
||||||
|
// Trigger sync job with userId filter
|
||||||
|
await jobQueue.addSyncShelvesJob(
|
||||||
|
undefined,
|
||||||
|
shelfId,
|
||||||
|
shelfType,
|
||||||
|
0, // unlimited lookups for manual trigger
|
||||||
|
req.user.id
|
||||||
|
);
|
||||||
|
|
||||||
|
logger.info(`Manual sync triggered for user ${req.user.id}${shelfId ? ` (shelf: ${shelfId})` : ' (all shelves)'}`);
|
||||||
|
|
||||||
|
return NextResponse.json({
|
||||||
|
success: true,
|
||||||
|
message: shelfId ? 'Shelf sync triggered' : 'All shelves sync triggered'
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
if (error instanceof z.ZodError) {
|
||||||
|
return NextResponse.json({ error: 'ValidationError', details: error.errors }, { status: 400 });
|
||||||
|
}
|
||||||
|
logger.error('Failed to trigger manual sync', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return NextResponse.json(
|
||||||
|
{ error: 'Failed to trigger manual sync' },
|
||||||
|
{ status: 500 },
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -197,6 +197,23 @@ body {
|
|||||||
animation: toast-slide-in 0.3s ease-out;
|
animation: toast-slide-in 0.3s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Requests page list entry animations */
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from { opacity: 0; }
|
||||||
|
to { opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInUp {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(10px);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Confirmation Dialog */
|
/* Confirmation Dialog */
|
||||||
@keyframes dialog-backdrop-in {
|
@keyframes dialog-backdrop-in {
|
||||||
from { opacity: 0; }
|
from { opacity: 0; }
|
||||||
|
|||||||
@@ -486,6 +486,7 @@ function LoginContent() {
|
|||||||
quality={70}
|
quality={70}
|
||||||
priority={index < 10}
|
priority={index < 10}
|
||||||
loading={index < 10 ? 'eager' : 'lazy'}
|
loading={index < 10 ? 'eager' : 'lazy'}
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
<div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent" />
|
<div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+123
-142
@@ -1,59 +1,86 @@
|
|||||||
/**
|
/**
|
||||||
* Component: Homepage - Audiobook Discovery
|
* Component: Homepage - Audiobook Discovery (Dynamic Sections)
|
||||||
* Documentation: documentation/frontend/components.md
|
* Documentation: documentation/features/home-sections.md
|
||||||
*/
|
*/
|
||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState, useRef, useEffect } from 'react';
|
import { useState, useRef, useEffect, useCallback, createRef } from 'react';
|
||||||
import { Header } from '@/components/layout/Header';
|
import { Header } from '@/components/layout/Header';
|
||||||
import { AudiobookGrid } from '@/components/audiobooks/AudiobookGrid';
|
|
||||||
import { useAudiobooks } from '@/lib/hooks/useAudiobooks';
|
|
||||||
import { ProtectedRoute } from '@/components/auth/ProtectedRoute';
|
import { ProtectedRoute } from '@/components/auth/ProtectedRoute';
|
||||||
import { UnifiedPagination } from '@/components/ui/UnifiedPagination';
|
import { UnifiedPagination, PaginationSection } from '@/components/ui/UnifiedPagination';
|
||||||
import { SectionToolbar } from '@/components/ui/SectionToolbar';
|
import { HomeSection, SECTION_DOT_COLORS } from '@/components/home/HomeSection';
|
||||||
|
import { HomeSectionConfigModal } from '@/components/home/HomeSectionConfigModal';
|
||||||
|
import { useHomeSections } from '@/lib/hooks/useHomeSections';
|
||||||
import { usePreferences } from '@/contexts/PreferencesContext';
|
import { usePreferences } from '@/contexts/PreferencesContext';
|
||||||
|
import { Cog6ToothIcon } from '@heroicons/react/24/outline';
|
||||||
|
|
||||||
|
function getSectionTitle(sectionType: string, categoryName?: string | null): string {
|
||||||
|
if (sectionType === 'popular') return 'Popular Audiobooks';
|
||||||
|
if (sectionType === 'new_releases') return 'New Releases';
|
||||||
|
return categoryName || 'Category';
|
||||||
|
}
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
const [popularPage, setPopularPage] = useState(1);
|
const { sections, nextRefresh, isLoading: sectionsLoading, saveSections } = useHomeSections();
|
||||||
const [newReleasesPage, setNewReleasesPage] = useState(1);
|
|
||||||
const { cardSize, setCardSize, squareCovers, setSquareCovers, hideAvailable, setHideAvailable } = usePreferences();
|
const { cardSize, setCardSize, squareCovers, setSquareCovers, hideAvailable, setHideAvailable } = usePreferences();
|
||||||
|
|
||||||
// Refs for auto-scrolling to section tops
|
// Per-section pagination state
|
||||||
const popularSectionRef = useRef<HTMLElement>(null);
|
const [pages, setPages] = useState<Record<string, number>>({});
|
||||||
const newReleasesSectionRef = useRef<HTMLElement>(null);
|
const [totalPagesMap, setTotalPagesMap] = useState<Record<string, number>>({});
|
||||||
|
const [configOpen, setConfigOpen] = useState(false);
|
||||||
|
|
||||||
const footerRef = useRef<HTMLElement>(null);
|
const footerRef = useRef<HTMLElement>(null);
|
||||||
|
|
||||||
const {
|
// Create stable refs for each section
|
||||||
audiobooks: popular,
|
const sectionRefsMap = useRef<Map<string, React.RefObject<HTMLElement | null>>>(new Map());
|
||||||
isLoading: loadingPopular,
|
|
||||||
totalPages: popularTotalPages,
|
|
||||||
message: popularMessage,
|
|
||||||
} = useAudiobooks('popular', 20, popularPage, hideAvailable);
|
|
||||||
|
|
||||||
const {
|
const getSectionKey = (s: { sectionType: string; categoryId: string | null }) =>
|
||||||
audiobooks: newReleases,
|
s.sectionType === 'category' ? `category:${s.categoryId}` : s.sectionType;
|
||||||
isLoading: loadingNewReleases,
|
|
||||||
totalPages: newReleasesTotalPages,
|
|
||||||
message: newReleasesMessage,
|
|
||||||
} = useAudiobooks('new-releases', 20, newReleasesPage, hideAvailable);
|
|
||||||
|
|
||||||
// Reset to page 1 when hideAvailable changes (total pages may differ)
|
// Ensure refs exist for current sections
|
||||||
|
sections.forEach((s) => {
|
||||||
|
const key = getSectionKey(s);
|
||||||
|
if (!sectionRefsMap.current.has(key)) {
|
||||||
|
sectionRefsMap.current.set(key, createRef<HTMLElement>());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Reset pages and totalPages when hideAvailable changes
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setPopularPage(1);
|
setPages({});
|
||||||
setNewReleasesPage(1);
|
setTotalPagesMap({});
|
||||||
}, [hideAvailable]);
|
}, [hideAvailable]);
|
||||||
|
|
||||||
// Handle page changes with auto-scroll to section top
|
const getPage = (key: string) => pages[key] || 1;
|
||||||
const handlePopularPageChange = (page: number) => {
|
const setPage = useCallback((key: string, page: number) => {
|
||||||
setPopularPage(page);
|
setPages((prev) => ({ ...prev, [key]: page }));
|
||||||
popularSectionRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
}, []);
|
||||||
};
|
const handleTotalPagesChange = useCallback((key: string, totalPages: number) => {
|
||||||
|
setTotalPagesMap((prev) => {
|
||||||
|
if (prev[key] === totalPages) return prev;
|
||||||
|
return { ...prev, [key]: totalPages };
|
||||||
|
});
|
||||||
|
}, []);
|
||||||
|
|
||||||
const handleNewReleasesPageChange = (page: number) => {
|
// Build pagination sections for the floating pill
|
||||||
setNewReleasesPage(page);
|
const paginationSections: PaginationSection[] = sections.map((s, i) => {
|
||||||
newReleasesSectionRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
const key = getSectionKey(s);
|
||||||
|
const ref = sectionRefsMap.current.get(key)!;
|
||||||
|
return {
|
||||||
|
label: getSectionTitle(s.sectionType, s.categoryName),
|
||||||
|
accentColor: SECTION_DOT_COLORS[i % SECTION_DOT_COLORS.length],
|
||||||
|
currentPage: getPage(key),
|
||||||
|
totalPages: totalPagesMap[key] || 1,
|
||||||
|
onPageChange: (page: number) => {
|
||||||
|
setPage(key, page);
|
||||||
|
ref.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||||
|
},
|
||||||
|
sectionRef: ref,
|
||||||
|
onScrollToSection: () =>
|
||||||
|
ref.current?.scrollIntoView({ behavior: 'smooth', block: 'start' }),
|
||||||
};
|
};
|
||||||
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ProtectedRoute>
|
<ProtectedRoute>
|
||||||
@@ -61,95 +88,60 @@ export default function HomePage() {
|
|||||||
<Header />
|
<Header />
|
||||||
|
|
||||||
<main className="container mx-auto px-4 py-6 sm:py-8 max-w-7xl space-y-8 sm:space-y-12">
|
<main className="container mx-auto px-4 py-6 sm:py-8 max-w-7xl space-y-8 sm:space-y-12">
|
||||||
{/* Popular Audiobooks Section */}
|
{/* Loading state */}
|
||||||
<section ref={popularSectionRef} className="relative">
|
{sectionsLoading && (
|
||||||
{/* Sticky Section Header */}
|
<div className="flex justify-center py-20">
|
||||||
<div className="sticky top-14 sm:top-16 z-30 mb-4 sm:mb-6">
|
<div className="animate-spin h-8 w-8 border-2 border-blue-500 border-t-transparent rounded-full" />
|
||||||
<div className="bg-white/90 dark:bg-gray-800/90 backdrop-blur-md rounded-2xl px-4 sm:px-6 py-3 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
</div>
|
||||||
<div className="flex items-center gap-3">
|
)}
|
||||||
<div className="w-1 h-6 bg-gradient-to-b from-blue-500 to-purple-500 rounded-full" />
|
|
||||||
<h2 className="text-xl sm:text-2xl md:text-3xl font-bold text-gray-900 dark:text-gray-100 truncate">
|
{/* Empty state */}
|
||||||
Popular Audiobooks
|
{!sectionsLoading && sections.length === 0 && (
|
||||||
</h2>
|
<div className="text-center py-20">
|
||||||
<SectionToolbar
|
<p className="text-gray-500 dark:text-gray-400 mb-4">
|
||||||
|
No sections configured. Click Customize to add sections to your home page.
|
||||||
|
</p>
|
||||||
|
<button
|
||||||
|
onClick={() => setConfigOpen(true)}
|
||||||
|
className="inline-flex items-center px-4 py-2 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors"
|
||||||
|
>
|
||||||
|
<Cog6ToothIcon className="w-4 h-4 mr-2" />
|
||||||
|
Customize Home
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Dynamic sections */}
|
||||||
|
{!sectionsLoading &&
|
||||||
|
sections.map((section, index) => {
|
||||||
|
const key = getSectionKey(section);
|
||||||
|
const ref = sectionRefsMap.current.get(key)!;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<HomeSection
|
||||||
|
key={key}
|
||||||
|
sectionType={section.sectionType as 'popular' | 'new_releases' | 'category'}
|
||||||
|
categoryId={section.categoryId}
|
||||||
|
categoryName={section.categoryName}
|
||||||
|
colorIndex={index}
|
||||||
|
page={getPage(key)}
|
||||||
|
onPageChange={(page) => {
|
||||||
|
setPage(key, page);
|
||||||
|
ref.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||||
|
}}
|
||||||
|
sectionRef={ref}
|
||||||
|
cardSize={cardSize}
|
||||||
|
squareCovers={squareCovers}
|
||||||
hideAvailable={hideAvailable}
|
hideAvailable={hideAvailable}
|
||||||
onToggleHideAvailable={setHideAvailable}
|
onToggleHideAvailable={setHideAvailable}
|
||||||
squareCovers={squareCovers}
|
|
||||||
onToggleSquareCovers={setSquareCovers}
|
onToggleSquareCovers={setSquareCovers}
|
||||||
cardSize={cardSize}
|
|
||||||
onCardSizeChange={setCardSize}
|
onCardSizeChange={setCardSize}
|
||||||
|
onConfigOpen={index === 0 ? () => setConfigOpen(true) : undefined}
|
||||||
|
onTotalPagesChange={(tp) => handleTotalPagesChange(key, tp)}
|
||||||
|
nextRefresh={nextRefresh}
|
||||||
/>
|
/>
|
||||||
</div>
|
);
|
||||||
</div>
|
})}
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Section Content */}
|
|
||||||
<div className="bg-white/40 dark:bg-gray-800/40 backdrop-blur-sm rounded-2xl p-4 sm:p-6 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
|
||||||
{popularMessage && !loadingPopular && popular.length === 0 ? (
|
|
||||||
<div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-6 text-center">
|
|
||||||
<p className="text-yellow-800 dark:text-yellow-200 mb-2 font-medium">
|
|
||||||
No popular audiobooks found
|
|
||||||
</p>
|
|
||||||
<p className="text-yellow-700 dark:text-yellow-300 text-sm">
|
|
||||||
{popularMessage}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<AudiobookGrid
|
|
||||||
audiobooks={popular}
|
|
||||||
isLoading={loadingPopular}
|
|
||||||
emptyMessage="No popular audiobooks available"
|
|
||||||
cardSize={cardSize}
|
|
||||||
squareCovers={squareCovers}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* New Releases Section */}
|
|
||||||
<section ref={newReleasesSectionRef} className="relative">
|
|
||||||
{/* Sticky Section Header */}
|
|
||||||
<div className="sticky top-14 sm:top-16 z-30 mb-4 sm:mb-6">
|
|
||||||
<div className="bg-white/90 dark:bg-gray-800/90 backdrop-blur-md rounded-2xl px-4 sm:px-6 py-3 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
|
||||||
<div className="flex items-center gap-3">
|
|
||||||
<div className="w-1 h-6 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
|
|
||||||
<h2 className="text-xl sm:text-2xl md:text-3xl font-bold text-gray-900 dark:text-gray-100 truncate">
|
|
||||||
New Releases
|
|
||||||
</h2>
|
|
||||||
<SectionToolbar
|
|
||||||
hideAvailable={hideAvailable}
|
|
||||||
onToggleHideAvailable={setHideAvailable}
|
|
||||||
squareCovers={squareCovers}
|
|
||||||
onToggleSquareCovers={setSquareCovers}
|
|
||||||
cardSize={cardSize}
|
|
||||||
onCardSizeChange={setCardSize}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Section Content */}
|
|
||||||
<div className="bg-white/40 dark:bg-gray-800/40 backdrop-blur-sm rounded-2xl p-4 sm:p-6 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
|
||||||
{newReleasesMessage && !loadingNewReleases && newReleases.length === 0 ? (
|
|
||||||
<div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-6 text-center">
|
|
||||||
<p className="text-yellow-800 dark:text-yellow-200 mb-2 font-medium">
|
|
||||||
No new releases found
|
|
||||||
</p>
|
|
||||||
<p className="text-yellow-700 dark:text-yellow-300 text-sm">
|
|
||||||
{newReleasesMessage}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<AudiobookGrid
|
|
||||||
audiobooks={newReleases}
|
|
||||||
isLoading={loadingNewReleases}
|
|
||||||
emptyMessage="No new releases available"
|
|
||||||
cardSize={cardSize}
|
|
||||||
squareCovers={squareCovers}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{/* Call to Action */}
|
{/* Call to Action */}
|
||||||
<section className="bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-2xl p-6 sm:p-8 text-center border border-blue-200/50 dark:border-blue-800/50 shadow-sm">
|
<section className="bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-2xl p-6 sm:p-8 text-center border border-blue-200/50 dark:border-blue-800/50 shadow-sm">
|
||||||
@@ -177,31 +169,20 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
{/* Unified Pagination — single context-aware pill for both sections */}
|
{/* Unified Pagination — dynamic sections */}
|
||||||
|
{paginationSections.length > 0 && (
|
||||||
<UnifiedPagination
|
<UnifiedPagination
|
||||||
footerRef={footerRef}
|
footerRef={footerRef}
|
||||||
sections={[
|
sections={paginationSections}
|
||||||
{
|
/>
|
||||||
label: 'Popular Audiobooks',
|
)}
|
||||||
accentColor: 'bg-blue-500',
|
|
||||||
currentPage: popularPage,
|
{/* Config Modal */}
|
||||||
totalPages: popularTotalPages,
|
<HomeSectionConfigModal
|
||||||
onPageChange: handlePopularPageChange,
|
isOpen={configOpen}
|
||||||
sectionRef: popularSectionRef,
|
onClose={() => setConfigOpen(false)}
|
||||||
onScrollToSection: () =>
|
sections={sections}
|
||||||
popularSectionRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' }),
|
onSave={saveSections}
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'New Releases',
|
|
||||||
accentColor: 'bg-emerald-500',
|
|
||||||
currentPage: newReleasesPage,
|
|
||||||
totalPages: newReleasesTotalPages,
|
|
||||||
onPageChange: handleNewReleasesPageChange,
|
|
||||||
sectionRef: newReleasesSectionRef,
|
|
||||||
onScrollToSection: () =>
|
|
||||||
newReleasesSectionRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' }),
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ProtectedRoute>
|
</ProtectedRoute>
|
||||||
|
|||||||
+342
-158
@@ -1,221 +1,405 @@
|
|||||||
/**
|
/**
|
||||||
* Component: Requests Page
|
* Component: My Requests Page
|
||||||
* Documentation: documentation/frontend/components.md
|
* Documentation: documentation/frontend/components.md
|
||||||
*/
|
*/
|
||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState } from 'react';
|
import { useState, useRef, useEffect } from 'react';
|
||||||
import { Header } from '@/components/layout/Header';
|
import { Header } from '@/components/layout/Header';
|
||||||
import { RequestCard } from '@/components/requests/RequestCard';
|
import { RequestCard } from '@/components/requests/RequestCard';
|
||||||
import { useRequests } from '@/lib/hooks/useRequests';
|
import { useMyRequests, RequestFilterGroup, RequestCounts } from '@/lib/hooks/useRequests';
|
||||||
import { useAuth } from '@/contexts/AuthContext';
|
import { useAuth } from '@/contexts/AuthContext';
|
||||||
import { usePreferences } from '@/contexts/PreferencesContext';
|
|
||||||
import { cn } from '@/lib/utils/cn';
|
import { cn } from '@/lib/utils/cn';
|
||||||
|
|
||||||
type FilterStatus = 'all' | 'active' | 'waiting' | 'completed' | 'failed' | 'cancelled';
|
// ── Tab configuration ────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
interface TabOption {
|
||||||
|
value: RequestFilterGroup;
|
||||||
|
label: string;
|
||||||
|
countKey: keyof RequestCounts;
|
||||||
|
}
|
||||||
|
|
||||||
|
const TABS: TabOption[] = [
|
||||||
|
{ value: 'all', label: 'All', countKey: 'all' },
|
||||||
|
{ value: 'active', label: 'Active', countKey: 'active' },
|
||||||
|
{ value: 'waiting', label: 'Waiting', countKey: 'waiting' },
|
||||||
|
{ value: 'completed', label: 'Completed', countKey: 'completed' },
|
||||||
|
{ value: 'failed', label: 'Failed', countKey: 'failed' },
|
||||||
|
{ value: 'cancelled', label: 'Cancelled', countKey: 'cancelled' },
|
||||||
|
];
|
||||||
|
|
||||||
|
// ── Count badge ──────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function CountBadge({ count, active }: { count: number; active: boolean }) {
|
||||||
|
if (count === 0) return null;
|
||||||
|
return (
|
||||||
|
<span
|
||||||
|
className={cn(
|
||||||
|
'inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full text-[10px] font-semibold tabular-nums transition-all duration-200',
|
||||||
|
active
|
||||||
|
? 'bg-blue-500/20 text-blue-600 dark:bg-blue-400/20 dark:text-blue-400'
|
||||||
|
: 'bg-gray-200/80 text-gray-500 dark:bg-white/[0.07] dark:text-gray-400'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{count > 999 ? '999+' : count}
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Skeleton card ────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function SkeletonCard() {
|
||||||
|
return (
|
||||||
|
<div className="bg-white dark:bg-gray-800/60 rounded-xl overflow-hidden border border-gray-100 dark:border-white/[0.06]">
|
||||||
|
<div className="flex gap-3 sm:gap-4 p-3 sm:p-4">
|
||||||
|
{/* Cover placeholder */}
|
||||||
|
<div className="flex-shrink-0 w-16 sm:w-24 aspect-[2/3] rounded-lg bg-gray-200 dark:bg-white/[0.06] animate-pulse" />
|
||||||
|
{/* Content placeholder */}
|
||||||
|
<div className="flex-1 min-w-0 space-y-3 pt-1">
|
||||||
|
<div className="space-y-2">
|
||||||
|
<div className="h-4 bg-gray-200 dark:bg-white/[0.06] rounded-md animate-pulse w-3/4" />
|
||||||
|
<div className="h-3 bg-gray-200 dark:bg-white/[0.06] rounded-md animate-pulse w-1/2" />
|
||||||
|
</div>
|
||||||
|
<div className="h-5 bg-gray-200 dark:bg-white/[0.06] rounded-full animate-pulse w-20" />
|
||||||
|
<div className="pt-3 border-t border-gray-100 dark:border-white/[0.05]">
|
||||||
|
<div className="h-3 bg-gray-200 dark:bg-white/[0.06] rounded animate-pulse w-28" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Empty state ──────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function EmptyState({ filter }: { filter: RequestFilterGroup }) {
|
||||||
|
const isAll = filter === 'all';
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col items-center justify-center py-20 text-center space-y-5">
|
||||||
|
<div className="w-16 h-16 rounded-2xl bg-gray-100 dark:bg-white/[0.06] flex items-center justify-center">
|
||||||
|
<svg
|
||||||
|
className="w-8 h-8 text-gray-400 dark:text-gray-500"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
strokeWidth={1.5}
|
||||||
|
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div className="space-y-1.5">
|
||||||
|
<h2 className="text-base font-semibold text-gray-900 dark:text-gray-100">
|
||||||
|
{isAll ? 'No requests yet' : `No ${filter} requests`}
|
||||||
|
</h2>
|
||||||
|
<p className="text-sm text-gray-500 dark:text-gray-400 max-w-xs">
|
||||||
|
{isAll
|
||||||
|
? 'Start by searching for audiobooks and requesting them'
|
||||||
|
: `You don't have any ${filter} requests right now`}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
{isAll && (
|
||||||
|
<a
|
||||||
|
href="/search"
|
||||||
|
className="inline-flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white text-sm font-medium rounded-xl transition-all duration-150 shadow-sm hover:shadow-md"
|
||||||
|
>
|
||||||
|
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
||||||
|
</svg>
|
||||||
|
Browse Audiobooks
|
||||||
|
</a>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Load More button ─────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function LoadMoreButton({ onClick, isLoading }: { onClick: () => void; isLoading: boolean }) {
|
||||||
|
return (
|
||||||
|
<div className="flex justify-center pt-2 pb-4">
|
||||||
|
<button
|
||||||
|
onClick={onClick}
|
||||||
|
disabled={isLoading}
|
||||||
|
className={cn(
|
||||||
|
'inline-flex items-center gap-2 px-6 py-2.5 rounded-xl text-sm font-medium transition-all duration-150',
|
||||||
|
'border border-gray-200 dark:border-white/[0.1]',
|
||||||
|
'text-gray-700 dark:text-gray-300',
|
||||||
|
'bg-white dark:bg-white/[0.04]',
|
||||||
|
'hover:bg-gray-50 dark:hover:bg-white/[0.07]',
|
||||||
|
'active:scale-[0.98]',
|
||||||
|
'disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100',
|
||||||
|
'shadow-sm'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{isLoading ? (
|
||||||
|
<>
|
||||||
|
<svg className="w-4 h-4 animate-spin text-gray-400" fill="none" viewBox="0 0 24 24">
|
||||||
|
<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="3" />
|
||||||
|
<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
|
||||||
|
</svg>
|
||||||
|
Loading more...
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
Load more
|
||||||
|
<svg className="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
|
||||||
|
</svg>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Live indicator ───────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function LiveIndicator({ hasActive }: { hasActive: boolean }) {
|
||||||
|
if (!hasActive) return null;
|
||||||
|
return (
|
||||||
|
<div className="flex items-center gap-1.5 text-[11px] text-gray-400 dark:text-gray-500">
|
||||||
|
<span className="relative flex h-1.5 w-1.5">
|
||||||
|
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75" />
|
||||||
|
<span className="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500" />
|
||||||
|
</span>
|
||||||
|
Live
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Tab bar ──────────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
interface TabBarProps {
|
||||||
|
filter: RequestFilterGroup;
|
||||||
|
counts: RequestCounts;
|
||||||
|
countsLoaded: boolean;
|
||||||
|
onChange: (f: RequestFilterGroup) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
function TabBar({ filter, counts, countsLoaded, onChange }: TabBarProps) {
|
||||||
|
const scrollRef = useRef<HTMLDivElement>(null);
|
||||||
|
|
||||||
|
// Scroll active tab into view on mount/change
|
||||||
|
useEffect(() => {
|
||||||
|
const container = scrollRef.current;
|
||||||
|
if (!container) return;
|
||||||
|
const active = container.querySelector('[data-active="true"]') as HTMLElement | null;
|
||||||
|
if (active) {
|
||||||
|
const { offsetLeft, offsetWidth } = active;
|
||||||
|
const { scrollLeft, clientWidth } = container;
|
||||||
|
if (offsetLeft < scrollLeft || offsetLeft + offsetWidth > scrollLeft + clientWidth) {
|
||||||
|
container.scrollTo({ left: offsetLeft - 16, behavior: 'smooth' });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, [filter]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="relative -mx-4 sm:mx-0">
|
||||||
|
{/* Left fade */}
|
||||||
|
<div className="pointer-events-none absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-white dark:from-gray-950 to-transparent z-10 sm:hidden" />
|
||||||
|
{/* Right fade */}
|
||||||
|
<div className="pointer-events-none absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-white dark:from-gray-950 to-transparent z-10 sm:hidden" />
|
||||||
|
|
||||||
|
<div
|
||||||
|
ref={scrollRef}
|
||||||
|
className="flex gap-1 overflow-x-auto scrollbar-hide px-4 sm:px-0"
|
||||||
|
role="tablist"
|
||||||
|
>
|
||||||
|
{TABS.map((tab) => {
|
||||||
|
const isActive = filter === tab.value;
|
||||||
|
const count = counts[tab.countKey];
|
||||||
|
// Hide tabs with 0 count unless it's 'all' or currently active
|
||||||
|
if (!isActive && tab.value !== 'all' && countsLoaded && count === 0) return null;
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={tab.value}
|
||||||
|
role="tab"
|
||||||
|
aria-selected={isActive}
|
||||||
|
data-active={isActive}
|
||||||
|
onClick={() => onChange(tab.value)}
|
||||||
|
className={cn(
|
||||||
|
'flex items-center gap-1.5 px-3.5 py-2 rounded-xl text-sm font-medium whitespace-nowrap transition-all duration-150 outline-none flex-shrink-0',
|
||||||
|
'focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2',
|
||||||
|
isActive
|
||||||
|
? 'bg-white dark:bg-white/[0.08] text-gray-900 dark:text-white shadow-[0_1px_3px_rgba(0,0,0,0.08),0_1px_6px_rgba(0,0,0,0.05)] dark:shadow-[0_1px_3px_rgba(0,0,0,0.4)] border border-gray-200/80 dark:border-white/[0.1]'
|
||||||
|
: 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:bg-black/[0.03] dark:hover:bg-white/[0.04]'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{tab.label}
|
||||||
|
{countsLoaded
|
||||||
|
? <CountBadge count={count} active={isActive} />
|
||||||
|
: tab.value !== 'all' && (
|
||||||
|
<span className="inline-block w-5 h-3.5 rounded bg-gray-200 dark:bg-white/[0.07] animate-pulse" />
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</button>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Showing count bar ────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
function ShowingBar({ showing, total, hasActive }: { showing: number; total: number; hasActive: boolean }) {
|
||||||
|
if (showing === 0) return null;
|
||||||
|
return (
|
||||||
|
<div className="flex items-center justify-between text-xs text-gray-400 dark:text-gray-500 px-0.5">
|
||||||
|
<span>
|
||||||
|
Showing <span className="text-gray-600 dark:text-gray-300 font-medium tabular-nums">{showing}</span>
|
||||||
|
{' of '}
|
||||||
|
<span className="text-gray-600 dark:text-gray-300 font-medium tabular-nums">{total}</span>
|
||||||
|
{total === 1 ? ' request' : ' requests'}
|
||||||
|
</span>
|
||||||
|
<LiveIndicator hasActive={hasActive} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ── Main page ────────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
export default function RequestsPage() {
|
export default function RequestsPage() {
|
||||||
const { user } = useAuth();
|
const { user } = useAuth();
|
||||||
const { squareCovers } = usePreferences();
|
const [filter, setFilter] = useState<RequestFilterGroup>('all');
|
||||||
const [filter, setFilter] = useState<FilterStatus>('all');
|
|
||||||
|
|
||||||
// Always fetch only the current user's requests (even for admins)
|
const {
|
||||||
// This ensures "My Requests" truly shows only the user's own requests
|
requests,
|
||||||
// Admins can see all requests in the admin panel
|
counts,
|
||||||
const { requests, isLoading } = useRequests(undefined, 50, true);
|
hasMore,
|
||||||
|
isLoading,
|
||||||
|
isLoadingMore,
|
||||||
|
isEmpty,
|
||||||
|
loadMore,
|
||||||
|
} = useMyRequests(filter);
|
||||||
|
|
||||||
// Filter requests client-side based on selected filter
|
const countsLoaded = !isLoading || requests.length > 0;
|
||||||
const filteredRequests = filter === 'all'
|
const totalForFilter = counts[filter === 'all' ? 'all' : filter as keyof RequestCounts] ?? 0;
|
||||||
? requests
|
const hasActiveRequests = requests.some(r =>
|
||||||
: filter === 'active'
|
['pending', 'awaiting_search', 'awaiting_approval', 'searching', 'downloading', 'processing', 'awaiting_import'].includes(r.status)
|
||||||
? requests.filter((r: any) => ['pending', 'searching', 'downloading', 'processing'].includes(r.status))
|
);
|
||||||
: filter === 'waiting'
|
|
||||||
? requests.filter((r: any) => ['awaiting_search', 'awaiting_import'].includes(r.status))
|
|
||||||
: filter === 'completed'
|
|
||||||
? requests.filter((r: any) => ['available', 'downloaded'].includes(r.status))
|
|
||||||
: requests.filter((r: any) => r.status === filter);
|
|
||||||
|
|
||||||
const filterOptions: { value: FilterStatus; label: string }[] = [
|
const handleFilterChange = (f: RequestFilterGroup) => {
|
||||||
{ value: 'all', label: 'All' },
|
setFilter(f);
|
||||||
{ value: 'active', label: 'Active' },
|
};
|
||||||
{ value: 'waiting', label: 'Waiting' },
|
|
||||||
{ value: 'completed', label: 'Completed' },
|
|
||||||
{ value: 'failed', label: 'Failed' },
|
|
||||||
{ value: 'cancelled', label: 'Cancelled' },
|
|
||||||
];
|
|
||||||
|
|
||||||
// Redirect to login if not authenticated
|
// ── Unauthenticated ────────────────────────────────────────────────────────
|
||||||
if (!user) {
|
if (!user) {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen">
|
<div className="min-h-screen">
|
||||||
<Header />
|
<Header />
|
||||||
<main className="container mx-auto px-4 py-8 max-w-7xl">
|
<main className="container mx-auto px-4 py-8 max-w-4xl">
|
||||||
<div className="text-center py-16 space-y-4">
|
<div className="flex flex-col items-center justify-center py-20 text-center space-y-5">
|
||||||
<svg
|
<div className="w-16 h-16 rounded-2xl bg-gray-100 dark:bg-white/[0.06] flex items-center justify-center">
|
||||||
className="mx-auto h-16 w-16 text-gray-400"
|
<svg className="w-8 h-8 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
fill="none"
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5}
|
||||||
stroke="currentColor"
|
d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth={2}
|
|
||||||
d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
<h2 className="text-2xl font-bold text-gray-900 dark:text-gray-100">
|
</div>
|
||||||
Authentication Required
|
<div className="space-y-1.5">
|
||||||
</h2>
|
<h2 className="text-base font-semibold text-gray-900 dark:text-gray-100">Authentication Required</h2>
|
||||||
<p className="text-gray-600 dark:text-gray-400">
|
<p className="text-sm text-gray-500 dark:text-gray-400">Please log in to view your audiobook requests</p>
|
||||||
Please log in to view your audiobook requests
|
</div>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ── Authenticated ──────────────────────────────────────────────────────────
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen">
|
<div className="min-h-screen">
|
||||||
<Header />
|
<Header />
|
||||||
|
|
||||||
<main className="container mx-auto px-4 py-6 sm:py-8 max-w-7xl space-y-6 sm:space-y-8">
|
<main className="container mx-auto px-4 py-6 sm:py-10 max-w-4xl">
|
||||||
{/* Page Header */}
|
|
||||||
<div className="space-y-2 sm:space-y-4">
|
{/* Page header */}
|
||||||
<h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-gray-900 dark:text-gray-100">
|
<div className="mb-6 sm:mb-8">
|
||||||
|
<h1 className="text-2xl sm:text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50">
|
||||||
My Requests
|
My Requests
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-sm sm:text-base text-gray-600 dark:text-gray-400">
|
<p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
|
||||||
Track the status of your audiobook requests in real-time
|
Track the status of your audiobook requests in real-time
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Filter Tabs */}
|
{/* Tab bar */}
|
||||||
<div className="border-b border-gray-200 dark:border-gray-700 -mx-4 px-4 sm:mx-0 sm:px-0">
|
<div className="mb-5">
|
||||||
<div className="flex gap-2 sm:gap-4 -mb-px overflow-x-auto scrollbar-hide">
|
<TabBar
|
||||||
{filterOptions.map((option) => (
|
filter={filter}
|
||||||
<button
|
counts={counts}
|
||||||
key={option.value}
|
countsLoaded={countsLoaded}
|
||||||
onClick={() => setFilter(option.value)}
|
onChange={handleFilterChange}
|
||||||
className={cn(
|
/>
|
||||||
'px-3 sm:px-4 py-2 sm:py-3 text-xs sm:text-sm font-medium border-b-2 transition-colors whitespace-nowrap',
|
|
||||||
filter === option.value
|
|
||||||
? 'border-blue-600 text-blue-600 dark:text-blue-400'
|
|
||||||
: 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:border-gray-300'
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{option.label}
|
|
||||||
{!isLoading && (
|
|
||||||
<span className="ml-2 text-xs">
|
|
||||||
({option.value === 'all'
|
|
||||||
? requests.length
|
|
||||||
: option.value === 'active'
|
|
||||||
? requests.filter((r: any) => ['pending', 'searching', 'downloading', 'processing'].includes(r.status)).length
|
|
||||||
: option.value === 'waiting'
|
|
||||||
? requests.filter((r: any) => ['awaiting_search', 'awaiting_import'].includes(r.status)).length
|
|
||||||
: option.value === 'completed'
|
|
||||||
? requests.filter((r: any) => ['available', 'downloaded'].includes(r.status)).length
|
|
||||||
: requests.filter((r: any) => r.status === option.value).length
|
|
||||||
})
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Loading State */}
|
{/* Showing bar */}
|
||||||
|
{!isLoading && requests.length > 0 && (
|
||||||
|
<div className="mb-4">
|
||||||
|
<ShowingBar
|
||||||
|
showing={requests.length}
|
||||||
|
total={totalForFilter}
|
||||||
|
hasActive={hasActiveRequests}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Loading state — skeleton cards */}
|
||||||
{isLoading && (
|
{isLoading && (
|
||||||
<div className="space-y-4">
|
<div className="space-y-3">
|
||||||
{[1, 2, 3].map((i) => (
|
{Array.from({ length: 4 }).map((_, i) => (
|
||||||
<div
|
<div
|
||||||
key={i}
|
key={i}
|
||||||
className="bg-white dark:bg-gray-800 rounded-lg shadow-md p-4 animate-pulse"
|
style={{ animationDelay: `${i * 60}ms` }}
|
||||||
|
className="animate-[fadeIn_0.3s_ease-out_both]"
|
||||||
>
|
>
|
||||||
<div className="flex gap-4">
|
<SkeletonCard />
|
||||||
<div className={cn(
|
|
||||||
'w-24 bg-gray-300 dark:bg-gray-700 rounded',
|
|
||||||
squareCovers ? 'aspect-square' : 'aspect-[2/3]'
|
|
||||||
)}></div>
|
|
||||||
<div className="flex-1 space-y-3">
|
|
||||||
<div className="h-6 bg-gray-300 dark:bg-gray-700 rounded w-3/4"></div>
|
|
||||||
<div className="h-4 bg-gray-300 dark:bg-gray-700 rounded w-1/2"></div>
|
|
||||||
<div className="h-6 bg-gray-300 dark:bg-gray-700 rounded w-24"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Requests List */}
|
{/* Request list */}
|
||||||
{!isLoading && filteredRequests.length > 0 && (
|
{!isLoading && requests.length > 0 && (
|
||||||
<div className="space-y-4">
|
<div className="space-y-3">
|
||||||
{filteredRequests.map((request: any) => (
|
{requests.map((request, i) => (
|
||||||
<RequestCard key={request.id} request={request} showActions={true} />
|
<div
|
||||||
|
key={request.id}
|
||||||
|
style={{ animationDelay: `${Math.min(i, 8) * 40}ms` }}
|
||||||
|
className="animate-[fadeInUp_0.25s_ease-out_both]"
|
||||||
|
>
|
||||||
|
<RequestCard request={request} showActions={true} />
|
||||||
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Empty State */}
|
{/* Empty state */}
|
||||||
{!isLoading && filteredRequests.length === 0 && (
|
{!isLoading && isEmpty && (
|
||||||
<div className="text-center py-16 space-y-4">
|
<EmptyState filter={filter} />
|
||||||
<svg
|
|
||||||
className="mx-auto h-16 w-16 text-gray-400"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth={2}
|
|
||||||
d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<div className="space-y-2">
|
|
||||||
<h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100">
|
|
||||||
{filter === 'all' ? 'No requests yet' : `No ${filter} requests`}
|
|
||||||
</h2>
|
|
||||||
<p className="text-gray-600 dark:text-gray-400">
|
|
||||||
{filter === 'all'
|
|
||||||
? 'Start by searching for audiobooks and requesting them'
|
|
||||||
: `You don't have any ${filter} requests at the moment`
|
|
||||||
}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
{filter === 'all' && (
|
|
||||||
<div className="pt-4">
|
|
||||||
<a
|
|
||||||
href="/search"
|
|
||||||
className="inline-flex items-center gap-2 px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors"
|
|
||||||
>
|
|
||||||
<svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth={2}
|
|
||||||
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
Search Audiobooks
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Load more */}
|
||||||
|
{!isLoading && hasMore && (
|
||||||
|
<div className="mt-4">
|
||||||
|
<LoadMoreButton onClick={loadMore} isLoading={isLoadingMore} />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Auto-refresh indicator */}
|
{/* Load more skeleton (when fetching additional pages) */}
|
||||||
{!isLoading && filteredRequests.length > 0 && (
|
{isLoadingMore && (
|
||||||
<div className="text-center text-xs text-gray-500 dark:text-gray-500 py-4">
|
<div className="mt-3 space-y-3">
|
||||||
<div className="flex items-center justify-center gap-2">
|
{Array.from({ length: 2 }).map((_, i) => (
|
||||||
<div className="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>
|
<SkeletonCard key={`more-${i}`} />
|
||||||
<span>Auto-refreshing every 5 seconds</span>
|
))}
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -272,7 +272,7 @@ export function OIDCConfigStep({
|
|||||||
<ul className="text-sm text-blue-700 dark:text-blue-300 mt-1 space-y-1">
|
<ul className="text-sm text-blue-700 dark:text-blue-300 mt-1 space-y-1">
|
||||||
<li>• The redirect URI will be: {typeof window !== 'undefined' ? `${window.location.origin}/api/auth/oidc/callback` : '[Your Domain]/api/auth/oidc/callback'}</li>
|
<li>• The redirect URI will be: {typeof window !== 'undefined' ? `${window.location.origin}/api/auth/oidc/callback` : '[Your Domain]/api/auth/oidc/callback'}</li>
|
||||||
<li>• Configure this redirect URI in your OIDC provider settings</li>
|
<li>• Configure this redirect URI in your OIDC provider settings</li>
|
||||||
<li>• Required scopes: openid, profile, email, groups</li>
|
<li>• Required scopes: openid, profile, email (groups is added automatically when group-based access control is enabled)</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -46,6 +46,8 @@ const getStatusConfig = (audiobook: Audiobook) => {
|
|||||||
return null;
|
return null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const PLACEHOLDER_COVER = '/placeholder_cover.svg';
|
||||||
|
|
||||||
export function AudiobookCard({
|
export function AudiobookCard({
|
||||||
audiobook,
|
audiobook,
|
||||||
onRequestSuccess,
|
onRequestSuccess,
|
||||||
@@ -57,12 +59,15 @@ export function AudiobookCard({
|
|||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
const [showModal, setShowModal] = useState(false);
|
const [showModal, setShowModal] = useState(false);
|
||||||
const [localRequestStatus, setLocalRequestStatus] = useState<string | undefined>(undefined);
|
const [localRequestStatus, setLocalRequestStatus] = useState<string | undefined>(undefined);
|
||||||
|
const [localIsIgnored, setLocalIsIgnored] = useState<boolean | undefined>(undefined);
|
||||||
|
const [coverError, setCoverError] = useState(false);
|
||||||
|
|
||||||
// Build a display-only audiobook with the local status override
|
// Build a display-only audiobook with local overrides
|
||||||
const displayAudiobook = localRequestStatus !== undefined
|
const displayAudiobook = localRequestStatus !== undefined
|
||||||
? { ...audiobook, requestStatus: localRequestStatus }
|
? { ...audiobook, requestStatus: localRequestStatus }
|
||||||
: audiobook;
|
: audiobook;
|
||||||
const status = getStatusConfig(displayAudiobook);
|
const status = getStatusConfig(displayAudiobook);
|
||||||
|
const isIgnored = localIsIgnored !== undefined ? localIsIgnored : audiobook.isIgnored;
|
||||||
|
|
||||||
const handleRequest = async (e: React.MouseEvent) => {
|
const handleRequest = async (e: React.MouseEvent) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
@@ -113,20 +118,23 @@ export function AudiobookCard({
|
|||||||
`}
|
`}
|
||||||
>
|
>
|
||||||
{/* Cover Art */}
|
{/* Cover Art */}
|
||||||
{audiobook.coverArtUrl ? (
|
{audiobook.coverArtUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={audiobook.coverArtUrl}
|
src={audiobook.coverArtUrl}
|
||||||
alt=""
|
alt=""
|
||||||
fill
|
fill
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 flex items-center justify-center">
|
<Image
|
||||||
<svg className="w-12 h-12 text-gray-400 dark:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
src={PLACEHOLDER_COVER}
|
||||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3" />
|
alt=""
|
||||||
</svg>
|
fill
|
||||||
</div>
|
className="object-cover"
|
||||||
|
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Hover Overlay with Actions - Desktop Only
|
{/* Hover Overlay with Actions - Desktop Only
|
||||||
@@ -212,6 +220,19 @@ export function AudiobookCard({
|
|||||||
<span>{audiobook.rating.toFixed(1)}</span>
|
<span>{audiobook.rating.toFixed(1)}</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Ignored Indicator - Bottom Left */}
|
||||||
|
{isIgnored && (
|
||||||
|
<div
|
||||||
|
className="absolute bottom-3 left-3 flex items-center gap-1 px-2 py-1 rounded-lg bg-black/50 backdrop-blur-md text-gray-300 text-xs font-medium transition-opacity duration-300 group-hover:opacity-0"
|
||||||
|
title="Ignored from auto-requests"
|
||||||
|
>
|
||||||
|
<svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" />
|
||||||
|
</svg>
|
||||||
|
<span>Ignored</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -247,6 +268,7 @@ export function AudiobookCard({
|
|||||||
onClose={() => setShowModal(false)}
|
onClose={() => setShowModal(false)}
|
||||||
onRequestSuccess={onRequestSuccess}
|
onRequestSuccess={onRequestSuccess}
|
||||||
onStatusChange={(newStatus) => setLocalRequestStatus(newStatus)}
|
onStatusChange={(newStatus) => setLocalRequestStatus(newStatus)}
|
||||||
|
onIgnoreChange={(ignored) => setLocalIsIgnored(ignored)}
|
||||||
isRequested={audiobook.isRequested || localRequestStatus !== undefined}
|
isRequested={audiobook.isRequested || localRequestStatus !== undefined}
|
||||||
requestStatus={displayAudiobook.requestStatus}
|
requestStatus={displayAudiobook.requestStatus}
|
||||||
isAvailable={audiobook.isAvailable}
|
isAvailable={audiobook.isAvailable}
|
||||||
|
|||||||
@@ -19,8 +19,10 @@ import { usePreferences } from '@/contexts/PreferencesContext';
|
|||||||
import { InteractiveTorrentSearchModal } from '@/components/requests/InteractiveTorrentSearchModal';
|
import { InteractiveTorrentSearchModal } from '@/components/requests/InteractiveTorrentSearchModal';
|
||||||
import { ReportIssueModal } from '@/components/audiobooks/ReportIssueModal';
|
import { ReportIssueModal } from '@/components/audiobooks/ReportIssueModal';
|
||||||
import { ManualImportBrowser } from '@/components/audiobooks/ManualImportBrowser';
|
import { ManualImportBrowser } from '@/components/audiobooks/ManualImportBrowser';
|
||||||
import { FolderArrowDownIcon } from '@heroicons/react/24/outline';
|
import { FolderArrowDownIcon, EyeSlashIcon } from '@heroicons/react/24/outline';
|
||||||
|
import { EyeSlashIcon as EyeSlashSolidIcon } from '@heroicons/react/24/solid';
|
||||||
import { fetchWithAuth } from '@/lib/utils/api';
|
import { fetchWithAuth } from '@/lib/utils/api';
|
||||||
|
import { useIsIgnored, useToggleIgnore } from '@/lib/hooks/useIgnoredAudiobooks';
|
||||||
|
|
||||||
interface AudiobookDetailsModalProps {
|
interface AudiobookDetailsModalProps {
|
||||||
asin: string;
|
asin: string;
|
||||||
@@ -28,6 +30,7 @@ interface AudiobookDetailsModalProps {
|
|||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
onRequestSuccess?: () => void;
|
onRequestSuccess?: () => void;
|
||||||
onStatusChange?: (newStatus: string) => void;
|
onStatusChange?: (newStatus: string) => void;
|
||||||
|
onIgnoreChange?: (isIgnored: boolean) => void;
|
||||||
isRequested?: boolean;
|
isRequested?: boolean;
|
||||||
requestStatus?: string | null;
|
requestStatus?: string | null;
|
||||||
isAvailable?: boolean;
|
isAvailable?: boolean;
|
||||||
@@ -69,6 +72,7 @@ export function AudiobookDetailsModal({
|
|||||||
onClose,
|
onClose,
|
||||||
onRequestSuccess,
|
onRequestSuccess,
|
||||||
onStatusChange,
|
onStatusChange,
|
||||||
|
onIgnoreChange,
|
||||||
isRequested = false,
|
isRequested = false,
|
||||||
requestStatus = null,
|
requestStatus = null,
|
||||||
isAvailable = false,
|
isAvailable = false,
|
||||||
@@ -85,6 +89,9 @@ export function AudiobookDetailsModal({
|
|||||||
const { downloadAvailable, requestId } = useDownloadStatus(isOpen ? asin : null);
|
const { downloadAvailable, requestId } = useDownloadStatus(isOpen ? asin : null);
|
||||||
const { fetchEbook, isLoading: isFetchingEbook } = useFetchEbookByAsin();
|
const { fetchEbook, isLoading: isFetchingEbook } = useFetchEbookByAsin();
|
||||||
|
|
||||||
|
const { isIgnored, ignoredId, isLoading: isLoadingIgnore } = useIsIgnored(isOpen ? asin : null);
|
||||||
|
const { addIgnore, removeIgnore } = useToggleIgnore();
|
||||||
|
|
||||||
const [showToast, setShowToast] = useState(false);
|
const [showToast, setShowToast] = useState(false);
|
||||||
const [toastMessage, setToastMessage] = useState('');
|
const [toastMessage, setToastMessage] = useState('');
|
||||||
const [toastType, setToastType] = useState<'success' | 'error'>('success');
|
const [toastType, setToastType] = useState<'success' | 'error'>('success');
|
||||||
@@ -96,6 +103,8 @@ export function AudiobookDetailsModal({
|
|||||||
const [asinCopied, setAsinCopied] = useState(false);
|
const [asinCopied, setAsinCopied] = useState(false);
|
||||||
const [localRequestStatus, setLocalRequestStatus] = useState<string | null>(requestStatus ?? null);
|
const [localRequestStatus, setLocalRequestStatus] = useState<string | null>(requestStatus ?? null);
|
||||||
const [isDownloading, setIsDownloading] = useState(false);
|
const [isDownloading, setIsDownloading] = useState(false);
|
||||||
|
const [coverError, setCoverError] = useState(false);
|
||||||
|
const [isTogglingIgnore, setIsTogglingIgnore] = useState(false);
|
||||||
|
|
||||||
// Sync local status when the prop changes (e.g. page data refreshes)
|
// Sync local status when the prop changes (e.g. page data refreshes)
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -195,6 +204,31 @@ export function AudiobookDetailsModal({
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleToggleIgnore = async () => {
|
||||||
|
if (!user || !audiobook) return;
|
||||||
|
setIsTogglingIgnore(true);
|
||||||
|
try {
|
||||||
|
if (isIgnored && ignoredId) {
|
||||||
|
await removeIgnore(ignoredId, asin);
|
||||||
|
onIgnoreChange?.(false);
|
||||||
|
showNotification('Removed from ignore list');
|
||||||
|
} else {
|
||||||
|
await addIgnore({
|
||||||
|
asin,
|
||||||
|
title: audiobook.title,
|
||||||
|
author: audiobook.author,
|
||||||
|
coverArtUrl: audiobook.coverArtUrl,
|
||||||
|
});
|
||||||
|
onIgnoreChange?.(true);
|
||||||
|
showNotification('Added to ignore list — auto-requests will skip this book');
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
showNotification(err instanceof Error ? err.message : 'Failed to update ignore status', 'error');
|
||||||
|
} finally {
|
||||||
|
setIsTogglingIgnore(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const formatDuration = (minutes?: number) => {
|
const formatDuration = (minutes?: number) => {
|
||||||
if (!minutes) return null;
|
if (!minutes) return null;
|
||||||
const hours = Math.floor(minutes / 60);
|
const hours = Math.floor(minutes / 60);
|
||||||
@@ -287,7 +321,7 @@ export function AudiobookDetailsModal({
|
|||||||
${squareCovers ? 'w-40 sm:w-44 lg:w-52 aspect-square' : 'w-32 sm:w-40 lg:w-48 aspect-[2/3]'}
|
${squareCovers ? 'w-40 sm:w-44 lg:w-52 aspect-square' : 'w-32 sm:w-40 lg:w-48 aspect-[2/3]'}
|
||||||
${status.type === 'available' ? 'ring-2 ring-emerald-400/60' : ''}
|
${status.type === 'available' ? 'ring-2 ring-emerald-400/60' : ''}
|
||||||
`}>
|
`}>
|
||||||
{audiobook.coverArtUrl ? (
|
{audiobook.coverArtUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={audiobook.coverArtUrl}
|
src={audiobook.coverArtUrl}
|
||||||
alt=""
|
alt=""
|
||||||
@@ -295,13 +329,16 @@ export function AudiobookDetailsModal({
|
|||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="200px"
|
sizes="200px"
|
||||||
priority
|
priority
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 flex items-center justify-center">
|
<Image
|
||||||
<svg className="w-12 h-12 text-gray-400 dark:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
src="/placeholder_cover.svg"
|
||||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3" />
|
alt=""
|
||||||
</svg>
|
fill
|
||||||
</div>
|
className="object-cover"
|
||||||
|
sizes="200px"
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Rating Badge */}
|
{/* Rating Badge */}
|
||||||
@@ -681,6 +718,26 @@ export function AudiobookDetailsModal({
|
|||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Ignore Toggle - always visible when user is logged in */}
|
||||||
|
{user && !isLoadingIgnore && (
|
||||||
|
<button
|
||||||
|
onClick={handleToggleIgnore}
|
||||||
|
disabled={isTogglingIgnore}
|
||||||
|
className={`p-3 rounded-xl transition-colors disabled:opacity-50 ${
|
||||||
|
isIgnored
|
||||||
|
? 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300'
|
||||||
|
: 'bg-gray-100 dark:bg-gray-800/50 text-gray-400 dark:text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700'
|
||||||
|
}`}
|
||||||
|
title={isIgnored ? 'Stop Ignoring — auto-requests will resume for this book' : 'Ignore from Auto-Requests'}
|
||||||
|
>
|
||||||
|
{isIgnored ? (
|
||||||
|
<EyeSlashSolidIcon className="w-6 h-6" />
|
||||||
|
) : (
|
||||||
|
<EyeSlashIcon className="w-6 h-6" />
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -250,10 +250,12 @@ export function BookPickerModal({
|
|||||||
{/* Cover Image or Text Placeholder */}
|
{/* Cover Image or Text Placeholder */}
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-700 dark:to-gray-600">
|
<div className="absolute inset-0 bg-gradient-to-br from-blue-50 to-blue-100 dark:from-gray-700 dark:to-gray-600">
|
||||||
{book.coverUrl ? (
|
{book.coverUrl ? (
|
||||||
|
/* eslint-disable-next-line @next/next/no-img-element */
|
||||||
<img
|
<img
|
||||||
src={book.coverUrl}
|
src={book.coverUrl}
|
||||||
alt={book.title}
|
alt={book.title}
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="w-full h-full flex flex-col items-center justify-center p-3">
|
<div className="w-full h-full flex flex-col items-center justify-center p-3">
|
||||||
|
|||||||
@@ -27,6 +27,7 @@ export function RecommendationCard({
|
|||||||
isDraggable = true,
|
isDraggable = true,
|
||||||
}: RecommendationCardProps) {
|
}: RecommendationCardProps) {
|
||||||
const [showToast, setShowToast] = useState(false);
|
const [showToast, setShowToast] = useState(false);
|
||||||
|
const [coverError, setCoverError] = useState(false);
|
||||||
const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
|
const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
|
||||||
const [isDragging, setIsDragging] = useState(false);
|
const [isDragging, setIsDragging] = useState(false);
|
||||||
|
|
||||||
@@ -227,7 +228,7 @@ export function RecommendationCard({
|
|||||||
|
|
||||||
{/* Cover image - smaller on mobile to fit all content */}
|
{/* Cover image - smaller on mobile to fit all content */}
|
||||||
<div className="w-full relative bg-gray-200 dark:bg-gray-700 flex-shrink-0" style={{ maxHeight: 'min(25vh, 300px)' }}>
|
<div className="w-full relative bg-gray-200 dark:bg-gray-700 flex-shrink-0" style={{ maxHeight: 'min(25vh, 300px)' }}>
|
||||||
{recommendation.coverUrl ? (
|
{recommendation.coverUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={recommendation.coverUrl}
|
src={recommendation.coverUrl}
|
||||||
alt={recommendation.title}
|
alt={recommendation.title}
|
||||||
@@ -236,11 +237,17 @@ export function RecommendationCard({
|
|||||||
className="object-contain w-full h-auto"
|
className="object-contain w-full h-auto"
|
||||||
style={{ maxHeight: 'min(25vh, 300px)' }}
|
style={{ maxHeight: 'min(25vh, 300px)' }}
|
||||||
unoptimized
|
unoptimized
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="w-full h-48 flex items-center justify-center">
|
<Image
|
||||||
<span className="text-6xl">📚</span>
|
src="/placeholder_cover.svg"
|
||||||
</div>
|
alt={recommendation.title}
|
||||||
|
width={400}
|
||||||
|
height={400}
|
||||||
|
className="object-contain w-full h-auto"
|
||||||
|
style={{ maxHeight: 'min(25vh, 300px)' }}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,310 @@
|
|||||||
|
/**
|
||||||
|
* Component: Home Section — renders a single audiobook discovery section
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Handles popular, new_releases, and category section types with unified rendering.
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use client';
|
||||||
|
|
||||||
|
import React, { useEffect } from 'react';
|
||||||
|
import { AudiobookGrid } from '@/components/audiobooks/AudiobookGrid';
|
||||||
|
import { SectionToolbar } from '@/components/ui/SectionToolbar';
|
||||||
|
import { useAudiobooks } from '@/lib/hooks/useAudiobooks';
|
||||||
|
import { useCategoryAudiobooks } from '@/lib/hooks/useHomeSections';
|
||||||
|
import { Cog6ToothIcon, ClockIcon } from '@heroicons/react/24/outline';
|
||||||
|
|
||||||
|
const SECTION_COLORS = [
|
||||||
|
'from-blue-500 to-indigo-500',
|
||||||
|
'from-emerald-500 to-teal-500',
|
||||||
|
'from-violet-500 to-purple-500',
|
||||||
|
'from-amber-500 to-orange-500',
|
||||||
|
'from-rose-500 to-pink-500',
|
||||||
|
'from-cyan-500 to-sky-500',
|
||||||
|
'from-fuchsia-500 to-pink-500',
|
||||||
|
'from-lime-500 to-green-500',
|
||||||
|
'from-orange-500 to-red-500',
|
||||||
|
'from-teal-500 to-emerald-500',
|
||||||
|
];
|
||||||
|
|
||||||
|
export const SECTION_DOT_COLORS = [
|
||||||
|
'bg-blue-500', 'bg-emerald-500', 'bg-violet-500', 'bg-amber-500', 'bg-rose-500',
|
||||||
|
'bg-cyan-500', 'bg-fuchsia-500', 'bg-lime-500', 'bg-orange-500', 'bg-teal-500',
|
||||||
|
];
|
||||||
|
|
||||||
|
function getSectionTitle(sectionType: string, categoryName?: string | null): string {
|
||||||
|
if (sectionType === 'popular') return 'Popular Audiobooks';
|
||||||
|
if (sectionType === 'new_releases') return 'New Releases';
|
||||||
|
return categoryName || 'Category';
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Formats a nextRefresh ISO timestamp into a friendly, readable string.
|
||||||
|
* Examples: "today at 6:00 PM", "tomorrow at 2:00 AM", "Saturday at 9:00 AM"
|
||||||
|
*/
|
||||||
|
function formatNextRefresh(isoString: string): string {
|
||||||
|
const refreshDate = new Date(isoString);
|
||||||
|
const now = new Date();
|
||||||
|
|
||||||
|
const refreshMidnight = new Date(refreshDate);
|
||||||
|
refreshMidnight.setHours(0, 0, 0, 0);
|
||||||
|
|
||||||
|
const todayMidnight = new Date(now);
|
||||||
|
todayMidnight.setHours(0, 0, 0, 0);
|
||||||
|
|
||||||
|
const tomorrowMidnight = new Date(todayMidnight);
|
||||||
|
tomorrowMidnight.setDate(tomorrowMidnight.getDate() + 1);
|
||||||
|
|
||||||
|
const dayAfterMidnight = new Date(tomorrowMidnight);
|
||||||
|
dayAfterMidnight.setDate(dayAfterMidnight.getDate() + 1);
|
||||||
|
|
||||||
|
const timeStr = refreshDate.toLocaleTimeString(undefined, {
|
||||||
|
hour: 'numeric',
|
||||||
|
minute: '2-digit',
|
||||||
|
hour12: true,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (refreshMidnight.getTime() === todayMidnight.getTime()) {
|
||||||
|
return `today at ${timeStr}`;
|
||||||
|
}
|
||||||
|
if (refreshMidnight.getTime() === tomorrowMidnight.getTime()) {
|
||||||
|
return `tomorrow at ${timeStr}`;
|
||||||
|
}
|
||||||
|
if (refreshMidnight.getTime() < dayAfterMidnight.getTime()) {
|
||||||
|
const dayName = refreshDate.toLocaleDateString(undefined, { weekday: 'long' });
|
||||||
|
return `${dayName} at ${timeStr}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
const dateStr = refreshDate.toLocaleDateString(undefined, {
|
||||||
|
weekday: 'long',
|
||||||
|
month: 'long',
|
||||||
|
day: 'numeric',
|
||||||
|
});
|
||||||
|
return `${dateStr} at ${timeStr}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface HomeSectionProps {
|
||||||
|
sectionType: 'popular' | 'new_releases' | 'category';
|
||||||
|
categoryId: string | null;
|
||||||
|
categoryName: string | null;
|
||||||
|
colorIndex: number;
|
||||||
|
page: number;
|
||||||
|
onPageChange: (page: number) => void;
|
||||||
|
sectionRef: React.RefObject<HTMLElement | null>;
|
||||||
|
cardSize: number;
|
||||||
|
squareCovers: boolean;
|
||||||
|
hideAvailable: boolean;
|
||||||
|
onToggleHideAvailable: (v: boolean) => void;
|
||||||
|
onToggleSquareCovers: (v: boolean) => void;
|
||||||
|
onCardSizeChange: (v: number) => void;
|
||||||
|
onConfigOpen?: () => void;
|
||||||
|
onTotalPagesChange?: (totalPages: number) => void;
|
||||||
|
nextRefresh: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function PopularOrNewSection({
|
||||||
|
type,
|
||||||
|
page,
|
||||||
|
hideAvailable,
|
||||||
|
onTotalPagesChange,
|
||||||
|
...renderProps
|
||||||
|
}: {
|
||||||
|
type: 'popular' | 'new-releases';
|
||||||
|
page: number;
|
||||||
|
hideAvailable: boolean;
|
||||||
|
onTotalPagesChange?: (totalPages: number) => void;
|
||||||
|
} & RenderSectionProps) {
|
||||||
|
const { audiobooks, isLoading, totalPages, message } = useAudiobooks(type, 20, page, hideAvailable);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
onTotalPagesChange?.(totalPages);
|
||||||
|
}, [totalPages, onTotalPagesChange]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<RenderSection
|
||||||
|
audiobooks={audiobooks}
|
||||||
|
isLoading={isLoading}
|
||||||
|
totalPages={totalPages}
|
||||||
|
message={message}
|
||||||
|
{...renderProps}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function CategorySection({
|
||||||
|
categoryId,
|
||||||
|
page,
|
||||||
|
hideAvailable,
|
||||||
|
onTotalPagesChange,
|
||||||
|
...renderProps
|
||||||
|
}: {
|
||||||
|
categoryId: string;
|
||||||
|
page: number;
|
||||||
|
hideAvailable: boolean;
|
||||||
|
onTotalPagesChange?: (totalPages: number) => void;
|
||||||
|
} & RenderSectionProps) {
|
||||||
|
const { audiobooks, isLoading, totalPages, message } = useCategoryAudiobooks(
|
||||||
|
categoryId,
|
||||||
|
20,
|
||||||
|
page,
|
||||||
|
hideAvailable
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
onTotalPagesChange?.(totalPages);
|
||||||
|
}, [totalPages, onTotalPagesChange]);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<RenderSection
|
||||||
|
audiobooks={audiobooks}
|
||||||
|
isLoading={isLoading}
|
||||||
|
totalPages={totalPages}
|
||||||
|
message={message}
|
||||||
|
{...renderProps}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
interface RenderSectionProps {
|
||||||
|
cardSize: number;
|
||||||
|
squareCovers: boolean;
|
||||||
|
nextRefresh?: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function CategoryEmptyState({ nextRefresh }: { nextRefresh?: string | null }) {
|
||||||
|
const refreshLabel = nextRefresh ? formatNextRefresh(nextRefresh) : null;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col items-center justify-center py-14 px-6 text-center">
|
||||||
|
<div className="flex items-center justify-center w-11 h-11 rounded-full bg-gray-100 dark:bg-gray-700/60 mb-4">
|
||||||
|
<ClockIcon className="w-5 h-5 text-gray-400 dark:text-gray-500" />
|
||||||
|
</div>
|
||||||
|
<p className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
|
||||||
|
No audiobooks yet
|
||||||
|
</p>
|
||||||
|
<p className="text-sm text-gray-400 dark:text-gray-500 max-w-xs leading-relaxed">
|
||||||
|
{refreshLabel
|
||||||
|
? <>This section will fill in after the next data refresh, scheduled for <span className="text-gray-500 dark:text-gray-400">{refreshLabel}</span>.</>
|
||||||
|
: 'This section will fill in after the next scheduled data refresh.'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function RenderSection({
|
||||||
|
audiobooks,
|
||||||
|
isLoading,
|
||||||
|
totalPages,
|
||||||
|
message,
|
||||||
|
cardSize,
|
||||||
|
squareCovers,
|
||||||
|
nextRefresh,
|
||||||
|
}: RenderSectionProps & {
|
||||||
|
audiobooks: any[];
|
||||||
|
isLoading: boolean;
|
||||||
|
totalPages: number;
|
||||||
|
message: string | null;
|
||||||
|
}) {
|
||||||
|
if (message && !isLoading && audiobooks.length === 0) {
|
||||||
|
return <CategoryEmptyState nextRefresh={nextRefresh} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<AudiobookGrid
|
||||||
|
audiobooks={audiobooks}
|
||||||
|
isLoading={isLoading}
|
||||||
|
emptyMessage="No audiobooks available"
|
||||||
|
cardSize={cardSize}
|
||||||
|
squareCovers={squareCovers}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function HomeSection({
|
||||||
|
sectionType,
|
||||||
|
categoryId,
|
||||||
|
categoryName,
|
||||||
|
colorIndex,
|
||||||
|
page,
|
||||||
|
onPageChange,
|
||||||
|
sectionRef,
|
||||||
|
cardSize,
|
||||||
|
squareCovers,
|
||||||
|
hideAvailable,
|
||||||
|
onToggleHideAvailable,
|
||||||
|
onToggleSquareCovers,
|
||||||
|
onCardSizeChange,
|
||||||
|
onConfigOpen,
|
||||||
|
onTotalPagesChange,
|
||||||
|
nextRefresh,
|
||||||
|
}: HomeSectionProps) {
|
||||||
|
const gradient = SECTION_COLORS[colorIndex % SECTION_COLORS.length];
|
||||||
|
const title = getSectionTitle(sectionType, categoryName);
|
||||||
|
|
||||||
|
const renderProps: RenderSectionProps = { cardSize, squareCovers, nextRefresh };
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section ref={sectionRef} className="relative">
|
||||||
|
{/* Sticky Section Header */}
|
||||||
|
<div className="sticky top-14 sm:top-16 z-30 mb-4 sm:mb-6">
|
||||||
|
<div className="bg-white/90 dark:bg-gray-800/90 backdrop-blur-md rounded-2xl px-4 sm:px-6 py-3 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<div className={`w-1 h-6 bg-gradient-to-b ${gradient} rounded-full`} />
|
||||||
|
<h2 className="text-xl sm:text-2xl md:text-3xl font-bold text-gray-900 dark:text-gray-100 truncate">
|
||||||
|
{title}
|
||||||
|
</h2>
|
||||||
|
<SectionToolbar
|
||||||
|
hideAvailable={hideAvailable}
|
||||||
|
onToggleHideAvailable={onToggleHideAvailable}
|
||||||
|
squareCovers={squareCovers}
|
||||||
|
onToggleSquareCovers={onToggleSquareCovers}
|
||||||
|
cardSize={cardSize}
|
||||||
|
onCardSizeChange={onCardSizeChange}
|
||||||
|
/>
|
||||||
|
{onConfigOpen && (
|
||||||
|
<button
|
||||||
|
onClick={onConfigOpen}
|
||||||
|
className="p-1.5 rounded-lg text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700/50 transition-colors"
|
||||||
|
aria-label="Customize home page"
|
||||||
|
title="Customize sections"
|
||||||
|
>
|
||||||
|
<Cog6ToothIcon className="w-4 h-4" />
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Section Content */}
|
||||||
|
<div className="bg-white/40 dark:bg-gray-800/40 backdrop-blur-sm rounded-2xl p-4 sm:p-6 border border-gray-200/50 dark:border-gray-700/50 shadow-sm">
|
||||||
|
{sectionType === 'popular' && (
|
||||||
|
<PopularOrNewSection
|
||||||
|
type="popular"
|
||||||
|
page={page}
|
||||||
|
hideAvailable={hideAvailable}
|
||||||
|
onTotalPagesChange={onTotalPagesChange}
|
||||||
|
{...renderProps}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{sectionType === 'new_releases' && (
|
||||||
|
<PopularOrNewSection
|
||||||
|
type="new-releases"
|
||||||
|
page={page}
|
||||||
|
hideAvailable={hideAvailable}
|
||||||
|
onTotalPagesChange={onTotalPagesChange}
|
||||||
|
{...renderProps}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
{sectionType === 'category' && categoryId && (
|
||||||
|
<CategorySection
|
||||||
|
categoryId={categoryId}
|
||||||
|
page={page}
|
||||||
|
hideAvailable={hideAvailable}
|
||||||
|
onTotalPagesChange={onTotalPagesChange}
|
||||||
|
{...renderProps}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,342 @@
|
|||||||
|
/**
|
||||||
|
* Component: Home Section Configuration Modal
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Allows users to add/remove/reorder home page sections.
|
||||||
|
* Drag-and-drop on desktop, up/down arrows on mobile. Auto-save with debounce.
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use client';
|
||||||
|
|
||||||
|
import React, { useState, useEffect, useCallback, useRef } from 'react';
|
||||||
|
import {
|
||||||
|
XMarkIcon,
|
||||||
|
PlusIcon,
|
||||||
|
TrashIcon,
|
||||||
|
ChevronUpIcon,
|
||||||
|
ChevronDownIcon,
|
||||||
|
Bars3Icon,
|
||||||
|
} from '@heroicons/react/24/outline';
|
||||||
|
import type { HomeSection, AudibleCategory } from '@/lib/hooks/useHomeSections';
|
||||||
|
import { authenticatedFetcher } from '@/lib/utils/api';
|
||||||
|
|
||||||
|
const MAX_SECTIONS = 10;
|
||||||
|
|
||||||
|
const SECTION_COLORS = [
|
||||||
|
'bg-blue-500', 'bg-emerald-500', 'bg-violet-500', 'bg-amber-500', 'bg-rose-500',
|
||||||
|
'bg-cyan-500', 'bg-fuchsia-500', 'bg-lime-500', 'bg-orange-500', 'bg-teal-500',
|
||||||
|
];
|
||||||
|
|
||||||
|
function getSectionLabel(section: { sectionType: string; categoryName?: string | null }) {
|
||||||
|
if (section.sectionType === 'popular') return 'Popular Audiobooks';
|
||||||
|
if (section.sectionType === 'new_releases') return 'New Releases';
|
||||||
|
return section.categoryName || 'Category';
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
isOpen: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
sections: HomeSection[];
|
||||||
|
onSave: (sections: Omit<HomeSection, 'id'>[]) => Promise<unknown>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function HomeSectionConfigModal({ isOpen, onClose, sections, onSave }: Props) {
|
||||||
|
const [localSections, setLocalSections] = useState<Omit<HomeSection, 'id'>[]>([]);
|
||||||
|
const [categories, setCategories] = useState<AudibleCategory[]>([]);
|
||||||
|
const [loadingCategories, setLoadingCategories] = useState(false);
|
||||||
|
const [showCategoryPicker, setShowCategoryPicker] = useState(false);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [dirty, setDirty] = useState(false);
|
||||||
|
const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
||||||
|
const [dragIndex, setDragIndex] = useState<number | null>(null);
|
||||||
|
|
||||||
|
// Sync from prop when modal opens
|
||||||
|
useEffect(() => {
|
||||||
|
if (isOpen) {
|
||||||
|
setLocalSections(
|
||||||
|
sections.map((s) => ({
|
||||||
|
sectionType: s.sectionType,
|
||||||
|
categoryId: s.categoryId,
|
||||||
|
categoryName: s.categoryName,
|
||||||
|
sortOrder: s.sortOrder,
|
||||||
|
}))
|
||||||
|
);
|
||||||
|
setDirty(false);
|
||||||
|
setShowCategoryPicker(false);
|
||||||
|
}
|
||||||
|
}, [isOpen, sections]);
|
||||||
|
|
||||||
|
// Auto-save with debounce
|
||||||
|
useEffect(() => {
|
||||||
|
if (!dirty) return;
|
||||||
|
if (debounceRef.current) clearTimeout(debounceRef.current);
|
||||||
|
debounceRef.current = setTimeout(async () => {
|
||||||
|
setSaving(true);
|
||||||
|
try {
|
||||||
|
await onSave(localSections.map((s, i) => ({ ...s, sortOrder: i })));
|
||||||
|
} catch {
|
||||||
|
// Silently fail — user will see stale state
|
||||||
|
}
|
||||||
|
setSaving(false);
|
||||||
|
setDirty(false);
|
||||||
|
}, 800);
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
if (debounceRef.current) clearTimeout(debounceRef.current);
|
||||||
|
};
|
||||||
|
}, [dirty, localSections, onSave]);
|
||||||
|
|
||||||
|
// Fetch categories when picker opens
|
||||||
|
const loadCategories = useCallback(async () => {
|
||||||
|
if (categories.length > 0) {
|
||||||
|
setShowCategoryPicker(true);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setLoadingCategories(true);
|
||||||
|
try {
|
||||||
|
const data = await authenticatedFetcher('/api/audible/categories');
|
||||||
|
setCategories(data.categories || []);
|
||||||
|
} catch {
|
||||||
|
setCategories([]);
|
||||||
|
}
|
||||||
|
setLoadingCategories(false);
|
||||||
|
setShowCategoryPicker(true);
|
||||||
|
}, [categories.length]);
|
||||||
|
|
||||||
|
const addCategory = useCallback(
|
||||||
|
(cat: AudibleCategory) => {
|
||||||
|
if (localSections.length >= MAX_SECTIONS) return;
|
||||||
|
// Prevent duplicate
|
||||||
|
if (localSections.some((s) => s.sectionType === 'category' && s.categoryId === cat.id)) return;
|
||||||
|
|
||||||
|
setLocalSections((prev) => [
|
||||||
|
...prev,
|
||||||
|
{
|
||||||
|
sectionType: 'category' as const,
|
||||||
|
categoryId: cat.id,
|
||||||
|
categoryName: cat.name,
|
||||||
|
sortOrder: prev.length,
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
setDirty(true);
|
||||||
|
setShowCategoryPicker(false);
|
||||||
|
},
|
||||||
|
[localSections]
|
||||||
|
);
|
||||||
|
|
||||||
|
const addBuiltIn = useCallback(
|
||||||
|
(type: 'popular' | 'new_releases') => {
|
||||||
|
if (localSections.length >= MAX_SECTIONS) return;
|
||||||
|
if (localSections.some((s) => s.sectionType === type)) return;
|
||||||
|
|
||||||
|
setLocalSections((prev) => [
|
||||||
|
...prev,
|
||||||
|
{ sectionType: type, categoryId: null, categoryName: null, sortOrder: prev.length },
|
||||||
|
]);
|
||||||
|
setDirty(true);
|
||||||
|
},
|
||||||
|
[localSections]
|
||||||
|
);
|
||||||
|
|
||||||
|
const removeSection = useCallback((index: number) => {
|
||||||
|
setLocalSections((prev) => prev.filter((_, i) => i !== index));
|
||||||
|
setDirty(true);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const moveSection = useCallback((from: number, to: number) => {
|
||||||
|
setLocalSections((prev) => {
|
||||||
|
const next = [...prev];
|
||||||
|
const [item] = next.splice(from, 1);
|
||||||
|
next.splice(to, 0, item);
|
||||||
|
return next;
|
||||||
|
});
|
||||||
|
setDirty(true);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// Drag handlers
|
||||||
|
const handleDragStart = (index: number) => {
|
||||||
|
setDragIndex(index);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDragOver = (e: React.DragEvent, index: number) => {
|
||||||
|
e.preventDefault();
|
||||||
|
if (dragIndex === null || dragIndex === index) return;
|
||||||
|
moveSection(dragIndex, index);
|
||||||
|
setDragIndex(index);
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDragEnd = () => {
|
||||||
|
setDragIndex(null);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!isOpen) return null;
|
||||||
|
|
||||||
|
const hasPopular = localSections.some((s) => s.sectionType === 'popular');
|
||||||
|
const hasNewReleases = localSections.some((s) => s.sectionType === 'new_releases');
|
||||||
|
const existingCategoryIds = new Set(
|
||||||
|
localSections.filter((s) => s.sectionType === 'category').map((s) => s.categoryId)
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="fixed inset-0 z-50 flex items-center justify-center">
|
||||||
|
{/* Backdrop */}
|
||||||
|
<div className="absolute inset-0 bg-black/50 backdrop-blur-sm" onClick={onClose} />
|
||||||
|
|
||||||
|
{/* Modal */}
|
||||||
|
<div className="relative bg-white dark:bg-gray-900 rounded-2xl shadow-2xl w-full max-w-lg mx-4 max-h-[85vh] flex flex-col overflow-hidden">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700">
|
||||||
|
<div>
|
||||||
|
<h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
|
||||||
|
Customize Home
|
||||||
|
</h2>
|
||||||
|
<p className="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
|
||||||
|
{localSections.length}/{MAX_SECTIONS} sections
|
||||||
|
{saving && (
|
||||||
|
<span className="ml-2 text-blue-500 dark:text-blue-400">Saving...</span>
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
onClick={onClose}
|
||||||
|
className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
|
||||||
|
aria-label="Close"
|
||||||
|
>
|
||||||
|
<XMarkIcon className="w-5 h-5 text-gray-500" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Section list */}
|
||||||
|
<div className="flex-1 overflow-y-auto px-6 py-4 space-y-2">
|
||||||
|
{localSections.length === 0 && (
|
||||||
|
<div className="text-center text-gray-400 dark:text-gray-500 py-8">
|
||||||
|
<p className="text-sm">No sections configured.</p>
|
||||||
|
<p className="text-xs mt-1">Add sections below to customize your home page.</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{localSections.map((section, index) => (
|
||||||
|
<div
|
||||||
|
key={`${section.sectionType}-${section.categoryId || index}`}
|
||||||
|
draggable
|
||||||
|
onDragStart={() => handleDragStart(index)}
|
||||||
|
onDragOver={(e) => handleDragOver(e, index)}
|
||||||
|
onDragEnd={handleDragEnd}
|
||||||
|
className={`
|
||||||
|
flex items-center gap-3 px-3 py-2.5 rounded-xl border transition-all duration-200
|
||||||
|
${dragIndex === index
|
||||||
|
? 'border-blue-400 dark:border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md scale-[1.02]'
|
||||||
|
: 'border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50 hover:border-gray-300 dark:hover:border-gray-600'
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
>
|
||||||
|
{/* Drag handle */}
|
||||||
|
<div className="cursor-grab active:cursor-grabbing text-gray-400 dark:text-gray-500 hidden sm:block">
|
||||||
|
<Bars3Icon className="w-4 h-4" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Color dot */}
|
||||||
|
<div className={`w-2 h-2 rounded-full flex-shrink-0 ${SECTION_COLORS[index % SECTION_COLORS.length]}`} />
|
||||||
|
|
||||||
|
{/* Label */}
|
||||||
|
<span className="flex-1 text-sm font-medium text-gray-800 dark:text-gray-200 truncate">
|
||||||
|
{getSectionLabel(section)}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
{/* Mobile reorder arrows */}
|
||||||
|
<div className="flex sm:hidden gap-0.5">
|
||||||
|
<button
|
||||||
|
onClick={() => index > 0 && moveSection(index, index - 1)}
|
||||||
|
disabled={index === 0}
|
||||||
|
className="p-1 rounded text-gray-400 hover:text-gray-600 disabled:opacity-25"
|
||||||
|
aria-label="Move up"
|
||||||
|
>
|
||||||
|
<ChevronUpIcon className="w-4 h-4" />
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={() => index < localSections.length - 1 && moveSection(index, index + 1)}
|
||||||
|
disabled={index === localSections.length - 1}
|
||||||
|
className="p-1 rounded text-gray-400 hover:text-gray-600 disabled:opacity-25"
|
||||||
|
aria-label="Move down"
|
||||||
|
>
|
||||||
|
<ChevronDownIcon className="w-4 h-4" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Remove */}
|
||||||
|
<button
|
||||||
|
onClick={() => removeSection(index)}
|
||||||
|
className="p-1 rounded-lg text-gray-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
|
||||||
|
aria-label={`Remove ${getSectionLabel(section)}`}
|
||||||
|
>
|
||||||
|
<TrashIcon className="w-4 h-4" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Add section controls */}
|
||||||
|
<div className="px-6 py-4 border-t border-gray-200 dark:border-gray-700 space-y-3">
|
||||||
|
{/* Built-in section buttons */}
|
||||||
|
<div className="flex gap-2 flex-wrap">
|
||||||
|
{!hasPopular && (
|
||||||
|
<button
|
||||||
|
onClick={() => addBuiltIn('popular')}
|
||||||
|
disabled={localSections.length >= MAX_SECTIONS}
|
||||||
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 rounded-lg hover:bg-blue-100 dark:hover:bg-blue-900/40 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
<PlusIcon className="w-3.5 h-3.5" />
|
||||||
|
Popular
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
{!hasNewReleases && (
|
||||||
|
<button
|
||||||
|
onClick={() => addBuiltIn('new_releases')}
|
||||||
|
disabled={localSections.length >= MAX_SECTIONS}
|
||||||
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-900/20 rounded-lg hover:bg-emerald-100 dark:hover:bg-emerald-900/40 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
<PlusIcon className="w-3.5 h-3.5" />
|
||||||
|
New Releases
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
<button
|
||||||
|
onClick={loadCategories}
|
||||||
|
disabled={localSections.length >= MAX_SECTIONS || loadingCategories}
|
||||||
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-violet-600 dark:text-violet-400 bg-violet-50 dark:bg-violet-900/20 rounded-lg hover:bg-violet-100 dark:hover:bg-violet-900/40 transition-colors disabled:opacity-50"
|
||||||
|
>
|
||||||
|
<PlusIcon className="w-3.5 h-3.5" />
|
||||||
|
{loadingCategories ? 'Loading...' : 'Category'}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Category picker */}
|
||||||
|
{showCategoryPicker && (
|
||||||
|
<div className="max-h-48 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800">
|
||||||
|
{categories.length === 0 ? (
|
||||||
|
<div className="px-4 py-3 text-sm text-gray-500">No categories found.</div>
|
||||||
|
) : (
|
||||||
|
categories
|
||||||
|
.filter((c) => !existingCategoryIds.has(c.id))
|
||||||
|
.map((cat) => (
|
||||||
|
<button
|
||||||
|
key={cat.id}
|
||||||
|
onClick={() => addCategory(cat)}
|
||||||
|
className="w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors border-b border-gray-100 dark:border-gray-700/50 last:border-0"
|
||||||
|
>
|
||||||
|
{cat.name}
|
||||||
|
</button>
|
||||||
|
))
|
||||||
|
)}
|
||||||
|
<button
|
||||||
|
onClick={() => setShowCategoryPicker(false)}
|
||||||
|
className="w-full px-4 py-2 text-xs text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
|
||||||
|
>
|
||||||
|
Cancel
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -6,9 +6,13 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { useShelves, GenericShelf } from '@/lib/hooks/useShelves';
|
import {
|
||||||
import { useDeleteGoodreadsShelf } from '@/lib/hooks/useGoodreadsShelves';
|
useShelves,
|
||||||
import { useDeleteHardcoverShelf } from '@/lib/hooks/useHardcoverShelves';
|
GenericShelf,
|
||||||
|
useSyncShelves,
|
||||||
|
} from '@/lib/hooks/useShelves';
|
||||||
|
import { useDeleteGoodreadsShelf, useUpdateGoodreadsShelf } from '@/lib/hooks/useGoodreadsShelves';
|
||||||
|
import { useDeleteHardcoverShelf, useUpdateHardcoverShelf } from '@/lib/hooks/useHardcoverShelves';
|
||||||
import { AddShelfModal } from '@/components/ui/AddShelfModal';
|
import { AddShelfModal } from '@/components/ui/AddShelfModal';
|
||||||
import { AudiobookDetailsModal } from '@/components/audiobooks/AudiobookDetailsModal';
|
import { AudiobookDetailsModal } from '@/components/audiobooks/AudiobookDetailsModal';
|
||||||
import { usePreferences } from '@/contexts/PreferencesContext';
|
import { usePreferences } from '@/contexts/PreferencesContext';
|
||||||
@@ -37,6 +41,9 @@ export function ShelvesSection() {
|
|||||||
useDeleteGoodreadsShelf();
|
useDeleteGoodreadsShelf();
|
||||||
const { deleteShelf: deleteHardcover, isLoading: isDeletingHardcover } =
|
const { deleteShelf: deleteHardcover, isLoading: isDeletingHardcover } =
|
||||||
useDeleteHardcoverShelf();
|
useDeleteHardcoverShelf();
|
||||||
|
const { syncShelves, isSyncing: isSyncingAll } = useSyncShelves();
|
||||||
|
const { updateShelf: updateGoodreads } = useUpdateGoodreadsShelf();
|
||||||
|
const { updateShelf: updateHardcover } = useUpdateHardcoverShelf();
|
||||||
const { squareCovers } = usePreferences();
|
const { squareCovers } = usePreferences();
|
||||||
|
|
||||||
const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);
|
const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);
|
||||||
@@ -57,6 +64,18 @@ export function ShelvesSection() {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleToggleAutoRequest = async (shelf: GenericShelf) => {
|
||||||
|
try {
|
||||||
|
if (shelf.type === 'goodreads') {
|
||||||
|
await updateGoodreads(shelf.id, { autoRequest: !shelf.autoRequest });
|
||||||
|
} else {
|
||||||
|
await updateHardcover(shelf.id, { autoRequest: !shelf.autoRequest });
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Error handled by hook
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
const isDeleting = isDeletingGoodreads || isDeletingHardcover;
|
const isDeleting = isDeletingGoodreads || isDeletingHardcover;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -93,6 +112,28 @@ export function ShelvesSection() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{shelves.length > 0 && (
|
{shelves.length > 0 && (
|
||||||
|
<div className="flex items-center gap-3">
|
||||||
|
<button
|
||||||
|
onClick={() => syncShelves()}
|
||||||
|
disabled={isSyncingAll}
|
||||||
|
className="inline-flex items-center gap-1.5 px-3.5 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-500/10 border border-blue-100 dark:border-blue-500/20 rounded-xl hover:bg-blue-100 dark:hover:bg-blue-500/20 transition-all duration-200 shadow-sm disabled:opacity-50"
|
||||||
|
title="Resync all shelves"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
className={cn('w-4 h-4', isSyncingAll && 'animate-spin')}
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
strokeWidth={2}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
{isSyncingAll ? 'Syncing...' : 'Resync All'}
|
||||||
|
</button>
|
||||||
<button
|
<button
|
||||||
onClick={() => setShowAddShelf(true)}
|
onClick={() => setShowAddShelf(true)}
|
||||||
className="inline-flex items-center gap-1.5 px-3.5 py-2 text-sm font-medium text-gray-600 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-700/70 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200 shadow-sm"
|
className="inline-flex items-center gap-1.5 px-3.5 py-2 text-sm font-medium text-gray-600 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-700/70 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200 shadow-sm"
|
||||||
@@ -112,6 +153,7 @@ export function ShelvesSection() {
|
|||||||
</svg>
|
</svg>
|
||||||
Add Shelf
|
Add Shelf
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -131,6 +173,7 @@ export function ShelvesSection() {
|
|||||||
onConfirmDelete={() => setConfirmDeleteId(shelf.id)}
|
onConfirmDelete={() => setConfirmDeleteId(shelf.id)}
|
||||||
onCancelDelete={() => setConfirmDeleteId(null)}
|
onCancelDelete={() => setConfirmDeleteId(null)}
|
||||||
onManage={() => setManageShelf(shelf)}
|
onManage={() => setManageShelf(shelf)}
|
||||||
|
onToggleAutoRequest={() => handleToggleAutoRequest(shelf)}
|
||||||
onBookClick={(asin) => setSelectedAsin(asin)}
|
onBookClick={(asin) => setSelectedAsin(asin)}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
@@ -254,6 +297,7 @@ interface ShelfCardProps {
|
|||||||
onConfirmDelete: () => void;
|
onConfirmDelete: () => void;
|
||||||
onCancelDelete: () => void;
|
onCancelDelete: () => void;
|
||||||
onManage: () => void;
|
onManage: () => void;
|
||||||
|
onToggleAutoRequest: () => void;
|
||||||
onBookClick: (asin: string) => void;
|
onBookClick: (asin: string) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -266,8 +310,10 @@ function ShelfCard({
|
|||||||
onConfirmDelete,
|
onConfirmDelete,
|
||||||
onCancelDelete,
|
onCancelDelete,
|
||||||
onManage,
|
onManage,
|
||||||
|
onToggleAutoRequest,
|
||||||
onBookClick,
|
onBookClick,
|
||||||
}: ShelfCardProps) {
|
}: ShelfCardProps) {
|
||||||
|
const { syncShelves, isSyncing: isManualSyncing } = useSyncShelves();
|
||||||
const displayBooks = shelf.books.slice(0, 6);
|
const displayBooks = shelf.books.slice(0, 6);
|
||||||
const hasCovers = displayBooks.length > 0;
|
const hasCovers = displayBooks.length > 0;
|
||||||
const remainingCount = Math.max(
|
const remainingCount = Math.max(
|
||||||
@@ -292,7 +338,12 @@ function ShelfCard({
|
|||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="group rounded-2xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700/30 p-6 sm:p-7 transition-all duration-300 hover:shadow-lg hover:shadow-black/[0.04] dark:hover:shadow-black/20 hover:border-gray-200 dark:hover:border-gray-600/40">
|
<div className={cn(
|
||||||
|
'group rounded-2xl bg-white dark:bg-gray-800 border p-6 sm:p-7 transition-all duration-300',
|
||||||
|
shelf.autoRequest
|
||||||
|
? 'border-gray-100 dark:border-gray-700/30 hover:shadow-lg hover:shadow-black/[0.04] dark:hover:shadow-black/20 hover:border-gray-200 dark:hover:border-gray-600/40'
|
||||||
|
: 'border-gray-200/60 dark:border-gray-700/20 bg-gray-50/50 dark:bg-gray-800/60',
|
||||||
|
)}>
|
||||||
{/* Top: Shelf info + actions */}
|
{/* Top: Shelf info + actions */}
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
@@ -301,7 +352,12 @@ function ShelfCard({
|
|||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<div className="min-w-0 flex-1">
|
<div className="min-w-0 flex-1">
|
||||||
<h3 className="font-semibold text-[15px] text-gray-900 dark:text-white truncate leading-snug flex items-center">
|
<h3 className={cn(
|
||||||
|
'font-semibold text-[15px] truncate leading-snug flex items-center',
|
||||||
|
shelf.autoRequest
|
||||||
|
? 'text-gray-900 dark:text-white'
|
||||||
|
: 'text-gray-400 dark:text-gray-500',
|
||||||
|
)}>
|
||||||
{shelf.name} {providerIcon}
|
{shelf.name} {providerIcon}
|
||||||
</h3>
|
</h3>
|
||||||
<div className="flex items-center gap-2 mt-2">
|
<div className="flex items-center gap-2 mt-2">
|
||||||
@@ -310,6 +366,14 @@ function ShelfCard({
|
|||||||
{shelf.bookCount} {shelf.bookCount === 1 ? 'book' : 'books'}
|
{shelf.bookCount} {shelf.bookCount === 1 ? 'book' : 'books'}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
|
{!shelf.autoRequest && (
|
||||||
|
<span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-amber-50 dark:bg-amber-500/10 text-amber-600 dark:text-amber-400 ring-1 ring-amber-200/50 dark:ring-amber-500/20">
|
||||||
|
<svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5" />
|
||||||
|
</svg>
|
||||||
|
Paused
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
<span className="inline-flex items-center gap-1.5 text-xs text-gray-400 dark:text-gray-500">
|
<span className="inline-flex items-center gap-1.5 text-xs text-gray-400 dark:text-gray-500">
|
||||||
{isSyncing ? (
|
{isSyncing ? (
|
||||||
<>
|
<>
|
||||||
@@ -352,6 +416,27 @@ function ShelfCard({
|
|||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
|
<button
|
||||||
|
onClick={onToggleAutoRequest}
|
||||||
|
className={cn(
|
||||||
|
'p-2 transition-all duration-200 rounded-xl outline-none',
|
||||||
|
shelf.autoRequest
|
||||||
|
? 'text-gray-400 hover:text-amber-500 dark:text-gray-500 dark:hover:text-amber-400 hover:bg-amber-50 dark:hover:bg-amber-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-amber-500/40'
|
||||||
|
: 'text-amber-500 dark:text-amber-400 bg-amber-50 dark:bg-amber-500/10 opacity-100',
|
||||||
|
)}
|
||||||
|
title={shelf.autoRequest ? 'Pause auto-requesting' : 'Resume auto-requesting'}
|
||||||
|
aria-label={shelf.autoRequest ? 'Pause auto-requesting' : 'Resume auto-requesting'}
|
||||||
|
>
|
||||||
|
{shelf.autoRequest ? (
|
||||||
|
<svg className="w-[18px] h-[18px]" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={1.5}>
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5" />
|
||||||
|
</svg>
|
||||||
|
) : (
|
||||||
|
<svg className="w-[18px] h-[18px]" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={1.5}>
|
||||||
|
<path strokeLinecap="round" strokeLinejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z" />
|
||||||
|
</svg>
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
<button
|
<button
|
||||||
onClick={onManage}
|
onClick={onManage}
|
||||||
className="p-2 text-gray-400 hover:text-blue-500 dark:text-gray-500 dark:hover:text-blue-400 transition-all duration-200 rounded-xl hover:bg-blue-50 dark:hover:bg-blue-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-blue-500/40 outline-none"
|
className="p-2 text-gray-400 hover:text-blue-500 dark:text-gray-500 dark:hover:text-blue-400 transition-all duration-200 rounded-xl hover:bg-blue-50 dark:hover:bg-blue-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-blue-500/40 outline-none"
|
||||||
@@ -372,6 +457,30 @@ function ShelfCard({
|
|||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={() => syncShelves(shelf.id, shelf.type)}
|
||||||
|
disabled={isManualSyncing}
|
||||||
|
className="p-2 text-gray-400 hover:text-emerald-500 dark:text-gray-500 dark:hover:text-emerald-400 transition-all duration-200 rounded-xl hover:bg-emerald-50 dark:hover:bg-emerald-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-emerald-500/40 outline-none disabled:opacity-30"
|
||||||
|
title="Resync shelf"
|
||||||
|
aria-label="Resync shelf"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
className={cn(
|
||||||
|
'w-[18px] h-[18px]',
|
||||||
|
isManualSyncing && 'animate-spin',
|
||||||
|
)}
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
strokeWidth={1.5}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
<button
|
<button
|
||||||
onClick={onConfirmDelete}
|
onClick={onConfirmDelete}
|
||||||
className="p-2 text-gray-400 hover:text-red-400 dark:text-gray-500 dark:hover:text-red-400 transition-all duration-200 rounded-xl hover:bg-red-50 dark:hover:bg-red-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-red-500/40 outline-none"
|
className="p-2 text-gray-400 hover:text-red-400 dark:text-gray-500 dark:hover:text-red-400 transition-all duration-200 rounded-xl hover:bg-red-50 dark:hover:bg-red-500/10 opacity-40 hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-red-500/40 outline-none"
|
||||||
@@ -398,6 +507,7 @@ function ShelfCard({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Bottom: Stacked book covers */}
|
{/* Bottom: Stacked book covers */}
|
||||||
|
<div className={cn(!shelf.autoRequest && 'opacity-50 grayscale-[30%]')}>
|
||||||
{hasCovers ? (
|
{hasCovers ? (
|
||||||
<CoverStack
|
<CoverStack
|
||||||
books={displayBooks}
|
books={displayBooks}
|
||||||
@@ -420,6 +530,7 @@ function ShelfCard({
|
|||||||
</div>
|
</div>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -467,12 +578,14 @@ function CoverStack({
|
|||||||
: undefined
|
: undefined
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
||||||
<img
|
<img
|
||||||
src={book.coverUrl}
|
src={book.coverUrl || '/placeholder_cover.svg'}
|
||||||
alt=""
|
alt=""
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
draggable={false}
|
draggable={false}
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -101,15 +101,14 @@ function WatchedSeriesCard({
|
|||||||
{/* Cover */}
|
{/* Cover */}
|
||||||
<button onClick={onNavigate} className="flex-shrink-0">
|
<button onClick={onNavigate} className="flex-shrink-0">
|
||||||
<div className={`relative w-14 ${squareCovers ? 'aspect-square' : 'aspect-[2/3]'} rounded-lg overflow-hidden bg-gradient-to-br from-emerald-100 to-teal-200 dark:from-emerald-900 dark:to-teal-900`}>
|
<div className={`relative w-14 ${squareCovers ? 'aspect-square' : 'aspect-[2/3]'} rounded-lg overflow-hidden bg-gradient-to-br from-emerald-100 to-teal-200 dark:from-emerald-900 dark:to-teal-900`}>
|
||||||
{item.coverArtUrl ? (
|
<Image
|
||||||
<Image src={item.coverArtUrl} alt={item.seriesTitle} fill className="object-cover" sizes="56px" />
|
src={item.coverArtUrl || '/placeholder_cover.svg'}
|
||||||
) : (
|
alt={item.seriesTitle}
|
||||||
<div className="absolute inset-0 flex items-center justify-center">
|
fill
|
||||||
<svg className="w-6 h-6 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
className="object-cover"
|
||||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
|
sizes="56px"
|
||||||
</svg>
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
</div>
|
/>
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|||||||
@@ -44,12 +44,13 @@ export function RequestCard({ request, showActions = true }: RequestCardProps) {
|
|||||||
const { squareCovers } = usePreferences();
|
const { squareCovers } = usePreferences();
|
||||||
const [showError, setShowError] = React.useState(false);
|
const [showError, setShowError] = React.useState(false);
|
||||||
const [showDetailsModal, setShowDetailsModal] = React.useState(false);
|
const [showDetailsModal, setShowDetailsModal] = React.useState(false);
|
||||||
|
const [coverError, setCoverError] = React.useState(false);
|
||||||
|
|
||||||
const requestType = request.type || 'audiobook';
|
const requestType = request.type || 'audiobook';
|
||||||
const isEbook = requestType === 'ebook';
|
const isEbook = requestType === 'ebook';
|
||||||
|
|
||||||
const isCompleted = COMPLETED_STATUSES.includes(request.status as typeof COMPLETED_STATUSES[number]);
|
const isCompleted = COMPLETED_STATUSES.includes(request.status as typeof COMPLETED_STATUSES[number]);
|
||||||
const canCancel = ['pending', 'searching', 'downloading'].includes(request.status);
|
const canCancel = ['pending', 'searching', 'downloading', 'awaiting_search'].includes(request.status);
|
||||||
const isActive = ['searching', 'downloading', 'processing'].includes(request.status);
|
const isActive = ['searching', 'downloading', 'processing'].includes(request.status);
|
||||||
const isFailed = request.status === 'failed';
|
const isFailed = request.status === 'failed';
|
||||||
|
|
||||||
@@ -98,17 +99,17 @@ export function RequestCard({ request, showActions = true }: RequestCardProps) {
|
|||||||
tabIndex={request.audiobook.audibleAsin ? 0 : undefined}
|
tabIndex={request.audiobook.audibleAsin ? 0 : undefined}
|
||||||
onKeyDown={(e) => e.key === 'Enter' && request.audiobook.audibleAsin && setShowDetailsModal(true)}
|
onKeyDown={(e) => e.key === 'Enter' && request.audiobook.audibleAsin && setShowDetailsModal(true)}
|
||||||
>
|
>
|
||||||
{request.audiobook.coverArtUrl ? (
|
{request.audiobook.coverArtUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={request.audiobook.coverArtUrl}
|
src={request.audiobook.coverArtUrl}
|
||||||
alt={request.audiobook.title}
|
alt={request.audiobook.title}
|
||||||
fill
|
fill
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="96px"
|
sizes="96px"
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : isEbook ? (
|
||||||
<div className="w-full h-full flex items-center justify-center">
|
<div className="w-full h-full flex items-center justify-center">
|
||||||
{isEbook ? (
|
|
||||||
<svg
|
<svg
|
||||||
className="w-12 h-12"
|
className="w-12 h-12"
|
||||||
style={{ color: '#f16f19' }}
|
style={{ color: '#f16f19' }}
|
||||||
@@ -117,22 +118,15 @@ export function RequestCard({ request, showActions = true }: RequestCardProps) {
|
|||||||
>
|
>
|
||||||
<path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z" />
|
<path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z" />
|
||||||
</svg>
|
</svg>
|
||||||
) : (
|
|
||||||
<svg
|
|
||||||
className="w-12 h-12 text-gray-400"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth={2}
|
|
||||||
d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
) : (
|
||||||
|
<Image
|
||||||
|
src="/placeholder_cover.svg"
|
||||||
|
alt={request.audiobook.title}
|
||||||
|
fill
|
||||||
|
className="object-cover"
|
||||||
|
sizes="96px"
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import React from 'react';
|
import React, { useState } from 'react';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
import { SeriesSummary } from '@/lib/hooks/useSeries';
|
import { SeriesSummary } from '@/lib/hooks/useSeries';
|
||||||
@@ -20,6 +20,7 @@ interface SeriesCardProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function SeriesCard({ series, squareCovers = false }: SeriesCardProps) {
|
export function SeriesCard({ series, squareCovers = false }: SeriesCardProps) {
|
||||||
|
const [coverError, setCoverError] = useState(false);
|
||||||
const visibleTags = series.tags.slice(0, 2);
|
const visibleTags = series.tags.slice(0, 2);
|
||||||
const hasTags = visibleTags.length > 0;
|
const hasTags = visibleTags.length > 0;
|
||||||
const hasRating = series.rating != null && series.rating > 0;
|
const hasRating = series.rating != null && series.rating > 0;
|
||||||
@@ -42,30 +43,23 @@ export function SeriesCard({ series, squareCovers = false }: SeriesCardProps) {
|
|||||||
`}
|
`}
|
||||||
>
|
>
|
||||||
{/* Cover Art or Fallback */}
|
{/* Cover Art or Fallback */}
|
||||||
{series.coverArtUrl ? (
|
{series.coverArtUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={series.coverArtUrl}
|
src={series.coverArtUrl}
|
||||||
alt=""
|
alt=""
|
||||||
fill
|
fill
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-emerald-600 to-teal-800 dark:from-emerald-700 dark:to-teal-900 flex items-center justify-center">
|
<Image
|
||||||
<svg
|
src="/placeholder_cover.svg"
|
||||||
className="w-1/3 h-1/3 text-white/40"
|
alt=""
|
||||||
fill="none"
|
fill
|
||||||
stroke="currentColor"
|
className="object-cover"
|
||||||
viewBox="0 0 24 24"
|
sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
|
||||||
>
|
|
||||||
<path
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth={1.2}
|
|
||||||
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"
|
|
||||||
/>
|
/>
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Top-row badges — Rating (left) + Book count (right) */}
|
{/* Top-row badges — Rating (left) + Book count (right) */}
|
||||||
|
|||||||
@@ -8,11 +8,13 @@
|
|||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import React, { useState } from 'react';
|
import React, { useState, useCallback } from 'react';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { SeriesDetail } from '@/lib/hooks/useSeries';
|
import { SeriesDetail } from '@/lib/hooks/useSeries';
|
||||||
import { WatchSeriesButton } from '@/components/ui/WatchButton';
|
import { WatchSeriesButton } from '@/components/ui/WatchButton';
|
||||||
|
|
||||||
|
const PLACEHOLDER_COVER = '/placeholder_cover.svg';
|
||||||
|
|
||||||
interface SeriesDetailCardProps {
|
interface SeriesDetailCardProps {
|
||||||
series: SeriesDetail;
|
series: SeriesDetail;
|
||||||
squareCovers?: boolean;
|
squareCovers?: boolean;
|
||||||
@@ -20,6 +22,7 @@ interface SeriesDetailCardProps {
|
|||||||
|
|
||||||
export function SeriesDetailCard({ series, squareCovers = false }: SeriesDetailCardProps) {
|
export function SeriesDetailCard({ series, squareCovers = false }: SeriesDetailCardProps) {
|
||||||
const [expanded, setExpanded] = useState(false);
|
const [expanded, setExpanded] = useState(false);
|
||||||
|
const [coverError, setCoverError] = useState(false);
|
||||||
const hasLongDescription = (series.description?.length || 0) > 300;
|
const hasLongDescription = (series.description?.length || 0) > 300;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -27,7 +30,7 @@ export function SeriesDetailCard({ series, squareCovers = false }: SeriesDetailC
|
|||||||
{/* Rectangular Cover */}
|
{/* Rectangular Cover */}
|
||||||
<div className="flex-shrink-0">
|
<div className="flex-shrink-0">
|
||||||
<div className={`relative w-36 sm:w-44 lg:w-52 ${squareCovers ? 'aspect-square' : 'aspect-[2/3]'} rounded-xl overflow-hidden shadow-xl shadow-black/20 dark:shadow-black/40`}>
|
<div className={`relative w-36 sm:w-44 lg:w-52 ${squareCovers ? 'aspect-square' : 'aspect-[2/3]'} rounded-xl overflow-hidden shadow-xl shadow-black/20 dark:shadow-black/40`}>
|
||||||
{series.books[0]?.coverArtUrl ? (
|
{series.books[0]?.coverArtUrl && !coverError ? (
|
||||||
<Image
|
<Image
|
||||||
src={series.books[0].coverArtUrl}
|
src={series.books[0].coverArtUrl}
|
||||||
alt={series.title}
|
alt={series.title}
|
||||||
@@ -35,13 +38,16 @@ export function SeriesDetailCard({ series, squareCovers = false }: SeriesDetailC
|
|||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="(max-width: 640px) 144px, (max-width: 1024px) 176px, 208px"
|
sizes="(max-width: 640px) 144px, (max-width: 1024px) 176px, 208px"
|
||||||
priority
|
priority
|
||||||
|
onError={() => setCoverError(true)}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-emerald-100 to-teal-200 dark:from-emerald-900 dark:to-teal-900 flex items-center justify-center">
|
<Image
|
||||||
<svg className="w-1/3 h-1/3 text-emerald-400 dark:text-emerald-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
src={PLACEHOLDER_COVER}
|
||||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
|
alt={series.title}
|
||||||
</svg>
|
fill
|
||||||
</div>
|
className="object-cover"
|
||||||
|
sizes="(max-width: 640px) 144px, (max-width: 1024px) 176px, 208px"
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -97,21 +97,14 @@ export function SimilarSeriesRow({ series, currentSeriesTitle, squareCovers = fa
|
|||||||
>
|
>
|
||||||
{/* Cover */}
|
{/* Cover */}
|
||||||
<div className={`relative w-20 ${squareCovers ? 'h-20 sm:w-24 sm:h-24' : 'h-[120px] sm:w-24 sm:h-36'} rounded-lg overflow-hidden shadow-md shadow-black/15 dark:shadow-black/30 group-hover/card:shadow-lg group-hover/card:scale-[1.04] group-hover/card:-translate-y-0.5 transition-all duration-300`}>
|
<div className={`relative w-20 ${squareCovers ? 'h-20 sm:w-24 sm:h-24' : 'h-[120px] sm:w-24 sm:h-36'} rounded-lg overflow-hidden shadow-md shadow-black/15 dark:shadow-black/30 group-hover/card:shadow-lg group-hover/card:scale-[1.04] group-hover/card:-translate-y-0.5 transition-all duration-300`}>
|
||||||
{s.coverArtUrl ? (
|
|
||||||
<Image
|
<Image
|
||||||
src={s.coverArtUrl}
|
src={s.coverArtUrl || '/placeholder_cover.svg'}
|
||||||
alt=""
|
alt=""
|
||||||
fill
|
fill
|
||||||
className="object-cover"
|
className="object-cover"
|
||||||
sizes="96px"
|
sizes="96px"
|
||||||
|
onError={(e) => { (e.target as HTMLImageElement).src = '/placeholder_cover.svg'; }}
|
||||||
/>
|
/>
|
||||||
) : (
|
|
||||||
<div className="absolute inset-0 bg-gradient-to-br from-emerald-100 to-teal-200 dark:from-emerald-900 dark:to-teal-900 flex items-center justify-center">
|
|
||||||
<span className="text-lg font-bold text-emerald-400 dark:text-emerald-300">
|
|
||||||
{s.title.charAt(0).toUpperCase()}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Title */}
|
{/* Title */}
|
||||||
|
|||||||
@@ -32,6 +32,8 @@ export function AddShelfModal({ isOpen, onClose }: AddShelfModalProps) {
|
|||||||
const [statusId, setStatusId] = useState('1');
|
const [statusId, setStatusId] = useState('1');
|
||||||
const [customListId, setCustomListId] = useState('');
|
const [customListId, setCustomListId] = useState('');
|
||||||
|
|
||||||
|
// Shared State
|
||||||
|
const [autoRequest, setAutoRequest] = useState(true);
|
||||||
const [validationError, setValidationError] = useState('');
|
const [validationError, setValidationError] = useState('');
|
||||||
const [success, setSuccess] = useState(false);
|
const [success, setSuccess] = useState(false);
|
||||||
const [successMessage, setSuccessMessage] = useState('');
|
const [successMessage, setSuccessMessage] = useState('');
|
||||||
@@ -72,12 +74,12 @@ export function AddShelfModal({ isOpen, onClose }: AddShelfModalProps) {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
if (provider === 'goodreads') {
|
if (provider === 'goodreads') {
|
||||||
const shelf = await addGoodreads(rssUrl);
|
const shelf = await addGoodreads(rssUrl, autoRequest);
|
||||||
setSuccessMessage(`Added shelf "${shelf.name}" successfully!`);
|
setSuccessMessage(`Added shelf "${shelf.name}" successfully!`);
|
||||||
setRssUrl('');
|
setRssUrl('');
|
||||||
} else {
|
} else {
|
||||||
const finalId = listType === 'status' ? `status-${statusId}` : customListId.trim();
|
const finalId = listType === 'status' ? `status-${statusId}` : customListId.trim();
|
||||||
const shelf = await addHardcover(apiToken.trim(), finalId);
|
const shelf = await addHardcover(apiToken.trim(), finalId, autoRequest);
|
||||||
setSuccessMessage(`Added list "${shelf.name}" successfully!`);
|
setSuccessMessage(`Added list "${shelf.name}" successfully!`);
|
||||||
setApiToken('');
|
setApiToken('');
|
||||||
setCustomListId('');
|
setCustomListId('');
|
||||||
@@ -98,6 +100,7 @@ export function AddShelfModal({ isOpen, onClose }: AddShelfModalProps) {
|
|||||||
setRssUrl('');
|
setRssUrl('');
|
||||||
setApiToken('');
|
setApiToken('');
|
||||||
setCustomListId('');
|
setCustomListId('');
|
||||||
|
setAutoRequest(true);
|
||||||
setValidationError('');
|
setValidationError('');
|
||||||
setSuccess(false);
|
setSuccess(false);
|
||||||
setSuccessMessage('');
|
setSuccessMessage('');
|
||||||
@@ -215,6 +218,32 @@ export function AddShelfModal({ isOpen, onClose }: AddShelfModalProps) {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{/* Auto-Request Toggle */}
|
||||||
|
<label className="flex items-center justify-between gap-3 p-3 rounded-xl bg-gray-50 dark:bg-gray-800/50 border border-gray-100 dark:border-gray-700/30 cursor-pointer select-none">
|
||||||
|
<div>
|
||||||
|
<span className="text-sm font-medium text-gray-700 dark:text-gray-300">Auto-request books</span>
|
||||||
|
<p className="text-xs text-gray-400 dark:text-gray-500 mt-0.5">
|
||||||
|
Automatically request audiobooks from this shelf
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
role="switch"
|
||||||
|
aria-checked={autoRequest}
|
||||||
|
onClick={() => setAutoRequest(!autoRequest)}
|
||||||
|
disabled={isLoading || success}
|
||||||
|
className={`relative inline-flex h-5 w-9 flex-shrink-0 rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 ${
|
||||||
|
autoRequest ? 'bg-blue-600' : 'bg-gray-300 dark:bg-gray-600'
|
||||||
|
} ${(isLoading || success) ? 'opacity-50 cursor-not-allowed' : ''}`}
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
className={`pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out ${
|
||||||
|
autoRequest ? 'translate-x-4' : 'translate-x-0.5'
|
||||||
|
} mt-0.5`}
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</label>
|
||||||
|
|
||||||
<div className="flex justify-end gap-3 pt-2">
|
<div className="flex justify-end gap-3 pt-2">
|
||||||
<Button type="button" variant="ghost" size="sm" onClick={handleClose} disabled={isLoading || success}>
|
<Button type="button" variant="ghost" size="sm" onClick={handleClose} disabled={isLoading || success}>
|
||||||
Cancel
|
Cancel
|
||||||
|
|||||||
@@ -45,12 +45,13 @@ export function ManageShelfModal({ shelf, isOpen, onClose }: ManageShelfModalPro
|
|||||||
try {
|
try {
|
||||||
if (shelf.type === 'goodreads') {
|
if (shelf.type === 'goodreads') {
|
||||||
if (!rssUrl.trim()) return;
|
if (!rssUrl.trim()) return;
|
||||||
await updateGoodreads(shelf.id, rssUrl.trim());
|
await updateGoodreads(shelf.id, { rssUrl: rssUrl.trim() });
|
||||||
} else {
|
} else {
|
||||||
if (!listId.trim()) return;
|
if (!listId.trim()) return;
|
||||||
await updateHardcover(shelf.id, {
|
await updateHardcover(shelf.id, {
|
||||||
listId: listId.trim(),
|
listId: listId.trim(),
|
||||||
apiToken: apiToken.trim() || undefined,
|
apiToken: apiToken.trim() || undefined,
|
||||||
|
forceSync: true,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
onClose();
|
onClose();
|
||||||
|
|||||||
@@ -2,10 +2,9 @@
|
|||||||
* Component: Unified Pagination — context-aware floating paginator
|
* Component: Unified Pagination — context-aware floating paginator
|
||||||
* Documentation: documentation/frontend/components.md
|
* Documentation: documentation/frontend/components.md
|
||||||
*
|
*
|
||||||
* Replaces two overlapping StickyPagination instances with a single pill
|
* A single floating pill that automatically tracks which section dominates
|
||||||
* that automatically tracks which section dominates the viewport and shows
|
* the viewport and shows pagination controls for that section.
|
||||||
* controls for that section. Transitions smoothly when the dominant section
|
* Supports 1-12 sections dynamically with dot indicators for manual switching.
|
||||||
* changes. Includes a two-dot section indicator for manual switching.
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
@@ -28,7 +27,7 @@ export interface PaginationSection {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface UnifiedPaginationProps {
|
interface UnifiedPaginationProps {
|
||||||
sections: [PaginationSection, PaginationSection];
|
sections: PaginationSection[];
|
||||||
footerRef?: React.RefObject<HTMLElement | null>;
|
footerRef?: React.RefObject<HTMLElement | null>;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -91,34 +90,152 @@ function PageJump({ currentPage, totalPages, onPageChange }: PageJumpProps) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Section indicator dots — scales gracefully from 2-12 sections
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
interface SectionDotsProps {
|
||||||
|
sections: PaginationSection[];
|
||||||
|
activeIndex: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* For 2-4 sections: simple vertical dot column (original behavior, unchanged).
|
||||||
|
* For 5+ sections: iOS-style compressed window of 5 visible dots.
|
||||||
|
* - Center slot = active section (full height, accent color)
|
||||||
|
* - ±1 slots = neighboring sections (medium)
|
||||||
|
* - ±2 slots = far neighbors (tiny, fade indicator)
|
||||||
|
* Dots beyond the window are hidden entirely. The window slides as activeIndex changes.
|
||||||
|
*/
|
||||||
|
function SectionDots({ sections, activeIndex }: SectionDotsProps) {
|
||||||
|
const count = sections.length;
|
||||||
|
|
||||||
|
// ---- Few sections: simple column ----
|
||||||
|
if (count <= 4) {
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col gap-1 pl-2 pr-3">
|
||||||
|
{sections.map((section, idx) => {
|
||||||
|
const isActive = idx === activeIndex;
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={`${section.label}-${idx}`}
|
||||||
|
onClick={() => { if (!isActive) section.onScrollToSection(); }}
|
||||||
|
disabled={isActive}
|
||||||
|
title={section.label}
|
||||||
|
aria-label={`Switch to ${section.label}`}
|
||||||
|
className={`
|
||||||
|
w-1.5 rounded-full transition-all duration-300 ease-out
|
||||||
|
${isActive
|
||||||
|
? `${section.accentColor} h-4 opacity-100`
|
||||||
|
: 'bg-gray-300 dark:bg-gray-600 h-1.5 opacity-60 hover:opacity-90 hover:scale-110 cursor-pointer'
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- Many sections: windowed 5-slot strip ----
|
||||||
|
// The window is always 5 slots wide; we clamp it so it doesn't fall off edges.
|
||||||
|
const WINDOW = 5;
|
||||||
|
const half = Math.floor(WINDOW / 2); // 2
|
||||||
|
|
||||||
|
// Ideal window start: center the active dot
|
||||||
|
let windowStart = activeIndex - half;
|
||||||
|
// Clamp so window stays within [0, count - WINDOW]
|
||||||
|
windowStart = Math.max(0, Math.min(windowStart, count - WINDOW));
|
||||||
|
const windowEnd = windowStart + WINDOW - 1; // inclusive
|
||||||
|
|
||||||
|
// Distance from active within the window (for size calculation)
|
||||||
|
// slots: [windowStart, windowStart+1, ..., windowEnd]
|
||||||
|
const slots = Array.from({ length: WINDOW }, (_, i) => windowStart + i);
|
||||||
|
|
||||||
|
// Sizes: index 0 (dist 2 from active) → 2.5px, dist 1 → 4px, dist 0 (active) → 6px
|
||||||
|
const heightForDist = [16, 10, 7, 5, 3]; // px — dist 0..4 (we only use 0-2)
|
||||||
|
|
||||||
|
// Whether we need overflow arrows (dots hidden beyond window edges)
|
||||||
|
const hasHiddenLeft = windowStart > 0;
|
||||||
|
const hasHiddenRight = windowEnd < count - 1;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col items-center gap-0.5 pl-2 pr-3">
|
||||||
|
{/* Top fade indicator */}
|
||||||
|
{hasHiddenLeft && (
|
||||||
|
<div
|
||||||
|
className="w-0.5 rounded-full bg-gray-300 dark:bg-gray-600 opacity-30 flex-shrink-0"
|
||||||
|
style={{ height: '3px' }}
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{slots.map((sectionIdx) => {
|
||||||
|
const section = sections[sectionIdx];
|
||||||
|
const isActive = sectionIdx === activeIndex;
|
||||||
|
const dist = Math.abs(sectionIdx - activeIndex);
|
||||||
|
const h = heightForDist[Math.min(dist, heightForDist.length - 1)];
|
||||||
|
|
||||||
|
// Active dot gets the section's accent color.
|
||||||
|
// Inactive dots: the farther they are, the more faded.
|
||||||
|
const opacityMap = [1, 0.55, 0.3];
|
||||||
|
const opacity = opacityMap[Math.min(dist, opacityMap.length - 1)];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={`${section.label}-${sectionIdx}`}
|
||||||
|
onClick={() => { if (!isActive) section.onScrollToSection(); }}
|
||||||
|
disabled={isActive}
|
||||||
|
title={section.label}
|
||||||
|
aria-label={`Switch to ${section.label}`}
|
||||||
|
style={{ height: `${h}px`, opacity }}
|
||||||
|
className={`
|
||||||
|
w-1.5 rounded-full flex-shrink-0
|
||||||
|
transition-all duration-300 ease-out
|
||||||
|
${isActive
|
||||||
|
? `${section.accentColor} cursor-default`
|
||||||
|
: 'bg-gray-400 dark:bg-gray-500 hover:opacity-90 cursor-pointer'
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
|
||||||
|
{/* Bottom fade indicator */}
|
||||||
|
{hasHiddenRight && (
|
||||||
|
<div
|
||||||
|
className="w-0.5 rounded-full bg-gray-300 dark:bg-gray-600 opacity-30 flex-shrink-0"
|
||||||
|
style={{ height: '3px' }}
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
// ---------------------------------------------------------------------------
|
// ---------------------------------------------------------------------------
|
||||||
// Main component
|
// Main component
|
||||||
// ---------------------------------------------------------------------------
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProps) {
|
export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProps) {
|
||||||
// Index of the currently dominant section (0 or 1)
|
const [activeIndex, setActiveIndex] = useState(0);
|
||||||
const [activeIndex, setActiveIndex] = useState<0 | 1>(0);
|
|
||||||
// Whether the label+controls area is mid-transition (drives opacity fade)
|
|
||||||
const [isTransitioning, setIsTransitioning] = useState(false);
|
const [isTransitioning, setIsTransitioning] = useState(false);
|
||||||
|
|
||||||
const [footerVisible, setFooterVisible] = useState(false);
|
const [footerVisible, setFooterVisible] = useState(false);
|
||||||
// Per-section raw intersection ratios [0,1]
|
const ratiosRef = useRef<number[]>(sections.map(() => 0));
|
||||||
const ratiosRef = useRef<[number, number]>([0, 0]);
|
const [anySectionVisible, setAnySectionVisible] = useState(false);
|
||||||
// Whether each section has any meaningful intersection
|
|
||||||
const [sectionVisible, setSectionVisible] = useState<[boolean, boolean]>([false, false]);
|
|
||||||
|
|
||||||
const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
const transitionTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
||||||
|
|
||||||
// Determine if the pill should be shown at all:
|
// Keep ratios array length in sync with sections
|
||||||
// - at least one section is meaningfully visible
|
useEffect(() => {
|
||||||
// - footer is not visible
|
ratiosRef.current = sections.map((_, i) => ratiosRef.current[i] || 0);
|
||||||
// - the active section has >1 page
|
}, [sections.length]);
|
||||||
const activeSectionHasPages = sections[activeIndex].totalPages > 1;
|
|
||||||
const eitherSectionVisible = sectionVisible[0] || sectionVisible[1];
|
const activeSectionHasPages = sections[activeIndex]?.totalPages > 1;
|
||||||
const shouldShow = eitherSectionVisible && !footerVisible && activeSectionHasPages;
|
const shouldShow = anySectionVisible && !footerVisible && activeSectionHasPages && sections.length > 0;
|
||||||
|
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
// Track which section each instance belongs to via intersection ratio
|
// Intersection observers for all sections
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const observers: IntersectionObserver[] = [];
|
const observers: IntersectionObserver[] = [];
|
||||||
@@ -128,38 +245,31 @@ export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProp
|
|||||||
|
|
||||||
const observer = new IntersectionObserver(
|
const observer = new IntersectionObserver(
|
||||||
([entry]) => {
|
([entry]) => {
|
||||||
ratiosRef.current[idx as 0 | 1] = entry.intersectionRatio;
|
ratiosRef.current[idx] = entry.intersectionRatio;
|
||||||
const isVisible = entry.isIntersecting && entry.intersectionRatio > 0.05;
|
const anyVisible = ratiosRef.current.some((r) => r > 0.05);
|
||||||
|
setAnySectionVisible(anyVisible);
|
||||||
|
|
||||||
setSectionVisible((prev) => {
|
// Find dominant section
|
||||||
const next: [boolean, boolean] = [...prev] as [boolean, boolean];
|
let maxRatio = -1;
|
||||||
next[idx as 0 | 1] = isVisible;
|
let dominant = 0;
|
||||||
return next;
|
for (let i = 0; i < ratiosRef.current.length; i++) {
|
||||||
});
|
if (ratiosRef.current[i] > maxRatio) {
|
||||||
|
maxRatio = ratiosRef.current[i];
|
||||||
// Determine dominant section (whichever has more viewport coverage)
|
dominant = i;
|
||||||
const [r0, r1] = ratiosRef.current;
|
}
|
||||||
const dominant: 0 | 1 = r0 >= r1 ? 0 : 1;
|
}
|
||||||
|
|
||||||
setActiveIndex((current) => {
|
setActiveIndex((current) => {
|
||||||
if (current !== dominant) {
|
if (current !== dominant) {
|
||||||
// Trigger cross-fade transition
|
|
||||||
setIsTransitioning(true);
|
setIsTransitioning(true);
|
||||||
|
if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
|
||||||
if (transitionTimerRef.current) {
|
transitionTimerRef.current = setTimeout(() => setIsTransitioning(false), 320);
|
||||||
clearTimeout(transitionTimerRef.current);
|
|
||||||
}
|
|
||||||
transitionTimerRef.current = setTimeout(() => {
|
|
||||||
setIsTransitioning(false);
|
|
||||||
}, 320);
|
|
||||||
|
|
||||||
return dominant;
|
return dominant;
|
||||||
}
|
}
|
||||||
return current;
|
return current;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// Dense threshold array gives us smooth ratio tracking
|
|
||||||
threshold: Array.from({ length: 21 }, (_, i) => i / 20),
|
threshold: Array.from({ length: 21 }, (_, i) => i / 20),
|
||||||
rootMargin: '-60px 0px -80px 0px',
|
rootMargin: '-60px 0px -80px 0px',
|
||||||
}
|
}
|
||||||
@@ -173,8 +283,9 @@ export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProp
|
|||||||
observers.forEach((o) => o.disconnect());
|
observers.forEach((o) => o.disconnect());
|
||||||
if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
|
if (transitionTimerRef.current) clearTimeout(transitionTimerRef.current);
|
||||||
};
|
};
|
||||||
|
// Re-run when section refs change
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, [sections[0].sectionRef, sections[1].sectionRef]);
|
}, [sections.map((s) => s.sectionRef.current).join(',')]);
|
||||||
|
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
// Footer observer
|
// Footer observer
|
||||||
@@ -190,9 +301,10 @@ export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProp
|
|||||||
}, [footerRef]);
|
}, [footerRef]);
|
||||||
|
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
// Derived values for the currently active section
|
// Derived values
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
const active = sections[activeIndex];
|
const active = sections[activeIndex];
|
||||||
|
if (!active) return null;
|
||||||
|
|
||||||
const handlePrev = () => {
|
const handlePrev = () => {
|
||||||
if (active.currentPage > 1) active.onPageChange(active.currentPage - 1);
|
if (active.currentPage > 1) active.onPageChange(active.currentPage - 1);
|
||||||
@@ -231,32 +343,14 @@ export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProp
|
|||||||
"
|
"
|
||||||
>
|
>
|
||||||
{/* Section selector dots — left side */}
|
{/* Section selector dots — left side */}
|
||||||
<div className="flex flex-col gap-1 pl-2 pr-3">
|
{sections.length > 1 && (
|
||||||
{sections.map((section, idx) => {
|
<>
|
||||||
const isActive = idx === activeIndex;
|
<SectionDots sections={sections} activeIndex={activeIndex} />
|
||||||
return (
|
|
||||||
<button
|
|
||||||
key={section.label}
|
|
||||||
onClick={() => {
|
|
||||||
if (!isActive) section.onScrollToSection();
|
|
||||||
}}
|
|
||||||
disabled={isActive}
|
|
||||||
title={section.label}
|
|
||||||
aria-label={`Switch to ${section.label}`}
|
|
||||||
className={`
|
|
||||||
w-1.5 rounded-full transition-all duration-300 ease-out
|
|
||||||
${isActive
|
|
||||||
? `${section.accentColor} h-4 opacity-100`
|
|
||||||
: 'bg-gray-300 dark:bg-gray-600 h-1.5 opacity-60 hover:opacity-90 hover:scale-110 cursor-pointer'
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Divider */}
|
{/* Divider */}
|
||||||
<div className="w-px h-6 bg-gray-200 dark:bg-white/10 mr-3 flex-shrink-0" />
|
<div className="w-px h-6 bg-gray-200 dark:bg-white/10 mr-3 flex-shrink-0" />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
{/* Label + controls — cross-fades on section switch */}
|
{/* Label + controls — cross-fades on section switch */}
|
||||||
<div
|
<div
|
||||||
@@ -265,11 +359,10 @@ export function UnifiedPagination({ sections, footerRef }: UnifiedPaginationProp
|
|||||||
transition-opacity duration-200 ease-in-out
|
transition-opacity duration-200 ease-in-out
|
||||||
${isTransitioning ? 'opacity-0' : 'opacity-100'}
|
${isTransitioning ? 'opacity-0' : 'opacity-100'}
|
||||||
`}
|
`}
|
||||||
// key forces full remount on switch so input state resets cleanly
|
|
||||||
key={activeIndex}
|
key={activeIndex}
|
||||||
>
|
>
|
||||||
{/* Section label — hidden on small screens */}
|
{/* Section label — hidden on small screens */}
|
||||||
<span className="hidden sm:block text-xs font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap pr-1 select-none">
|
<span className="hidden sm:block text-xs font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap pr-1 select-none max-w-[120px] truncate">
|
||||||
{active.label}
|
{active.label}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|||||||
@@ -46,7 +46,13 @@ export function createShelfHooks<TShelf>(endpoint: string) {
|
|||||||
const key = accessToken ? endpoint : null;
|
const key = accessToken ? endpoint : null;
|
||||||
|
|
||||||
const { data, error, isLoading } = useSWR(key, fetcher, {
|
const { data, error, isLoading } = useSWR(key, fetcher, {
|
||||||
refreshInterval: 30000,
|
refreshInterval: (latestData: { shelves: TShelf[] } | undefined) => {
|
||||||
|
const shelves = latestData?.shelves || [];
|
||||||
|
const hasSyncing = shelves.some(
|
||||||
|
(s) => !(s as Record<string, unknown>)['lastSyncAt'],
|
||||||
|
);
|
||||||
|
return hasSyncing ? 3000 : 30000;
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ export interface Audiobook {
|
|||||||
requestId?: string | null; // ID of request (if any)
|
requestId?: string | null; // ID of request (if any)
|
||||||
requestedByUsername?: string | null; // Username who requested (only if not current user)
|
requestedByUsername?: string | null; // Username who requested (only if not current user)
|
||||||
hasReportedIssue?: boolean; // True if an open issue exists for this audiobook
|
hasReportedIssue?: boolean; // True if an open issue exists for this audiobook
|
||||||
|
isIgnored?: boolean; // True if this user has ignored this audiobook from auto-requests
|
||||||
}
|
}
|
||||||
|
|
||||||
export function useAudiobooks(type: 'popular' | 'new-releases', limit: number = 20, page: number = 1, hideAvailable: boolean = false) {
|
export function useAudiobooks(type: 'popular' | 'new-releases', limit: number = 20, page: number = 1, hideAvailable: boolean = false) {
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ export interface GoodreadsShelf {
|
|||||||
lastSyncAt: string | null;
|
lastSyncAt: string | null;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
bookCount: number | null;
|
bookCount: number | null;
|
||||||
|
autoRequest: boolean;
|
||||||
books: ShelfBook[];
|
books: ShelfBook[];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -27,8 +28,8 @@ export const useGoodreadsShelves = useList;
|
|||||||
export function useAddGoodreadsShelf() {
|
export function useAddGoodreadsShelf() {
|
||||||
const { addShelf: addGeneric, isLoading, error } = useAdd();
|
const { addShelf: addGeneric, isLoading, error } = useAdd();
|
||||||
|
|
||||||
const addShelf = async (rssUrl: string) => {
|
const addShelf = async (rssUrl: string, autoRequest: boolean = true) => {
|
||||||
return addGeneric({ rssUrl });
|
return addGeneric({ rssUrl, autoRequest });
|
||||||
};
|
};
|
||||||
|
|
||||||
return { addShelf, isLoading, error };
|
return { addShelf, isLoading, error };
|
||||||
@@ -39,8 +40,8 @@ export const useDeleteGoodreadsShelf = useDelete;
|
|||||||
export function useUpdateGoodreadsShelf() {
|
export function useUpdateGoodreadsShelf() {
|
||||||
const { updateShelf: updateGeneric, isLoading, error } = useUpdate();
|
const { updateShelf: updateGeneric, isLoading, error } = useUpdate();
|
||||||
|
|
||||||
const updateShelf = async (shelfId: string, rssUrl: string) => {
|
const updateShelf = async (shelfId: string, updates: { rssUrl?: string; autoRequest?: boolean }) => {
|
||||||
return updateGeneric(shelfId, { rssUrl });
|
return updateGeneric(shelfId, updates);
|
||||||
};
|
};
|
||||||
|
|
||||||
return { updateShelf, isLoading, error };
|
return { updateShelf, isLoading, error };
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ export interface HardcoverShelf {
|
|||||||
lastSyncAt: string | null;
|
lastSyncAt: string | null;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
bookCount: number | null;
|
bookCount: number | null;
|
||||||
|
autoRequest: boolean;
|
||||||
books: ShelfBook[];
|
books: ShelfBook[];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -27,8 +28,8 @@ export const useHardcoverShelves = useList;
|
|||||||
export function useAddHardcoverShelf() {
|
export function useAddHardcoverShelf() {
|
||||||
const { addShelf: addGeneric, isLoading, error } = useAdd();
|
const { addShelf: addGeneric, isLoading, error } = useAdd();
|
||||||
|
|
||||||
const addShelf = async (apiToken: string, listId: string) => {
|
const addShelf = async (apiToken: string, listId: string, autoRequest: boolean = true) => {
|
||||||
return addGeneric({ apiToken, listId });
|
return addGeneric({ apiToken, listId, autoRequest });
|
||||||
};
|
};
|
||||||
|
|
||||||
return { addShelf, isLoading, error };
|
return { addShelf, isLoading, error };
|
||||||
@@ -41,7 +42,7 @@ export function useUpdateHardcoverShelf() {
|
|||||||
|
|
||||||
const updateShelf = async (
|
const updateShelf = async (
|
||||||
shelfId: string,
|
shelfId: string,
|
||||||
updates: { listId?: string; apiToken?: string },
|
updates: { listId?: string; apiToken?: string; forceSync?: boolean; autoRequest?: boolean },
|
||||||
) => {
|
) => {
|
||||||
return updateGeneric(shelfId, updates);
|
return updateGeneric(shelfId, updates);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -0,0 +1,119 @@
|
|||||||
|
/**
|
||||||
|
* Component: Home Sections Hook
|
||||||
|
* Documentation: documentation/features/home-sections.md
|
||||||
|
*
|
||||||
|
* Manages user home section configuration (CRUD) and category fetching.
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use client';
|
||||||
|
|
||||||
|
import useSWR, { mutate as globalMutate } from 'swr';
|
||||||
|
import { authenticatedFetcher } from '@/lib/utils/api';
|
||||||
|
import { useCallback, useRef } from 'react';
|
||||||
|
|
||||||
|
export interface HomeSection {
|
||||||
|
id: string;
|
||||||
|
sectionType: 'popular' | 'new_releases' | 'category';
|
||||||
|
categoryId: string | null;
|
||||||
|
categoryName: string | null;
|
||||||
|
sortOrder: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface HomeSectionsResponse {
|
||||||
|
success: boolean;
|
||||||
|
sections: HomeSection[];
|
||||||
|
nextRefresh: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AudibleCategory {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const HOME_SECTIONS_KEY = '/api/user/home-sections';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hook to fetch and manage user home sections.
|
||||||
|
*/
|
||||||
|
export function useHomeSections() {
|
||||||
|
const { data, error, isLoading, mutate } = useSWR<HomeSectionsResponse>(
|
||||||
|
HOME_SECTIONS_KEY,
|
||||||
|
authenticatedFetcher,
|
||||||
|
{
|
||||||
|
revalidateOnFocus: false,
|
||||||
|
dedupingInterval: 30000,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const saveSections = useCallback(
|
||||||
|
async (sections: Omit<HomeSection, 'id'>[]) => {
|
||||||
|
const { fetchJSON } = await import('@/lib/utils/api');
|
||||||
|
const result = await fetchJSON<HomeSectionsResponse>(HOME_SECTIONS_KEY, {
|
||||||
|
method: 'PUT',
|
||||||
|
body: JSON.stringify({ sections }),
|
||||||
|
});
|
||||||
|
// Update local cache
|
||||||
|
mutate(result, false);
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
[mutate]
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
sections: data?.sections || [],
|
||||||
|
nextRefresh: data?.nextRefresh || null,
|
||||||
|
isLoading,
|
||||||
|
error,
|
||||||
|
saveSections,
|
||||||
|
mutate,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hook to fetch Audible categories (live scrape, for config modal).
|
||||||
|
*/
|
||||||
|
export function useAudibleCategories() {
|
||||||
|
const { data, error, isLoading } = useSWR<{ success: boolean; categories: AudibleCategory[] }>(
|
||||||
|
null, // Don't fetch automatically — use fetchCategories
|
||||||
|
authenticatedFetcher,
|
||||||
|
{ revalidateOnFocus: false }
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
categories: data?.categories || [],
|
||||||
|
isLoading,
|
||||||
|
error,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hook to fetch category audiobooks (same pattern as useAudiobooks).
|
||||||
|
*/
|
||||||
|
export function useCategoryAudiobooks(
|
||||||
|
categoryId: string | null,
|
||||||
|
limit: number = 20,
|
||||||
|
page: number = 1,
|
||||||
|
hideAvailable: boolean = false
|
||||||
|
) {
|
||||||
|
const hideParam = hideAvailable ? '&hideAvailable=true' : '';
|
||||||
|
const endpoint = categoryId
|
||||||
|
? `/api/audiobooks/category/${categoryId}?page=${page}&limit=${limit}${hideParam}`
|
||||||
|
: null;
|
||||||
|
|
||||||
|
const { data, error, isLoading } = useSWR(endpoint, authenticatedFetcher, {
|
||||||
|
revalidateOnFocus: false,
|
||||||
|
revalidateOnReconnect: false,
|
||||||
|
dedupingInterval: 60000,
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
audiobooks: data?.audiobooks || [],
|
||||||
|
totalCount: data?.totalCount || 0,
|
||||||
|
totalPages: data?.totalPages || 0,
|
||||||
|
currentPage: data?.page || page,
|
||||||
|
hasMore: data?.hasMore || false,
|
||||||
|
message: data?.message || null,
|
||||||
|
isLoading,
|
||||||
|
error,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -0,0 +1,123 @@
|
|||||||
|
/**
|
||||||
|
* Component: Ignored Audiobooks Hook
|
||||||
|
* Documentation: documentation/features/ignored-audiobooks.md
|
||||||
|
*
|
||||||
|
* Provides hooks for checking and toggling audiobook ignore status.
|
||||||
|
* - useIsIgnored(asin): check if a specific book is ignored
|
||||||
|
* - useToggleIgnore(): toggle ignore on/off for a book
|
||||||
|
* - useIgnoredList(): list all ignored books for the current user
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use client';
|
||||||
|
|
||||||
|
import useSWR, { mutate } from 'swr';
|
||||||
|
import { authenticatedFetcher, fetchWithAuth } from '@/lib/utils/api';
|
||||||
|
|
||||||
|
interface IgnoredAudiobook {
|
||||||
|
id: string;
|
||||||
|
asin: string;
|
||||||
|
title: string;
|
||||||
|
author: string;
|
||||||
|
coverArtUrl?: string;
|
||||||
|
createdAt: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface IgnoreCheckResult {
|
||||||
|
ignored: boolean;
|
||||||
|
ignoredId?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Check if a specific ASIN is ignored by the current user.
|
||||||
|
* Includes works-system expansion on the server side.
|
||||||
|
*/
|
||||||
|
export function useIsIgnored(asin: string | null) {
|
||||||
|
const endpoint = asin ? `/api/user/ignored-audiobooks/check/${asin}` : null;
|
||||||
|
|
||||||
|
const { data, error, isLoading } = useSWR<IgnoreCheckResult>(
|
||||||
|
endpoint,
|
||||||
|
authenticatedFetcher,
|
||||||
|
{
|
||||||
|
revalidateOnFocus: false,
|
||||||
|
dedupingInterval: 30000,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
isIgnored: data?.ignored ?? false,
|
||||||
|
ignoredId: data?.ignoredId ?? null,
|
||||||
|
isLoading,
|
||||||
|
error,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Toggle ignore status for an audiobook.
|
||||||
|
* Returns { addIgnore, removeIgnore } functions.
|
||||||
|
*/
|
||||||
|
export function useToggleIgnore() {
|
||||||
|
const addIgnore = async (book: {
|
||||||
|
asin: string;
|
||||||
|
title: string;
|
||||||
|
author: string;
|
||||||
|
coverArtUrl?: string;
|
||||||
|
}): Promise<IgnoredAudiobook> => {
|
||||||
|
const res = await fetchWithAuth('/api/user/ignored-audiobooks', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify(book),
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const err = await res.json().catch(() => ({}));
|
||||||
|
throw new Error(err.message || 'Failed to ignore audiobook');
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await res.json();
|
||||||
|
|
||||||
|
// Invalidate the check cache for this ASIN
|
||||||
|
mutate(`/api/user/ignored-audiobooks/check/${book.asin}`);
|
||||||
|
// Invalidate the full list
|
||||||
|
mutate('/api/user/ignored-audiobooks');
|
||||||
|
|
||||||
|
return result.ignoredAudiobook;
|
||||||
|
};
|
||||||
|
|
||||||
|
const removeIgnore = async (id: string, asin: string): Promise<void> => {
|
||||||
|
const res = await fetchWithAuth(`/api/user/ignored-audiobooks/${id}`, {
|
||||||
|
method: 'DELETE',
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const err = await res.json().catch(() => ({}));
|
||||||
|
throw new Error(err.message || 'Failed to un-ignore audiobook');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Invalidate the check cache for this ASIN
|
||||||
|
mutate(`/api/user/ignored-audiobooks/check/${asin}`);
|
||||||
|
// Invalidate the full list
|
||||||
|
mutate('/api/user/ignored-audiobooks');
|
||||||
|
};
|
||||||
|
|
||||||
|
return { addIgnore, removeIgnore };
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List all ignored audiobooks for the current user.
|
||||||
|
*/
|
||||||
|
export function useIgnoredList() {
|
||||||
|
const { data, error, isLoading } = useSWR<{ ignoredAudiobooks: IgnoredAudiobook[] }>(
|
||||||
|
'/api/user/ignored-audiobooks',
|
||||||
|
authenticatedFetcher,
|
||||||
|
{
|
||||||
|
revalidateOnFocus: false,
|
||||||
|
dedupingInterval: 60000,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
return {
|
||||||
|
ignoredAudiobooks: data?.ignoredAudiobooks ?? [],
|
||||||
|
isLoading,
|
||||||
|
error,
|
||||||
|
};
|
||||||
|
}
|
||||||
@@ -5,8 +5,9 @@
|
|||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import { useState } from 'react';
|
import { useState, useMemo } from 'react';
|
||||||
import useSWR, { mutate } from 'swr';
|
import useSWR, { mutate } from 'swr';
|
||||||
|
import useSWRInfinite from 'swr/infinite';
|
||||||
import { useAuth } from '@/contexts/AuthContext';
|
import { useAuth } from '@/contexts/AuthContext';
|
||||||
import { fetchWithAuth } from '@/lib/utils/api';
|
import { fetchWithAuth } from '@/lib/utils/api';
|
||||||
import { Audiobook } from './useAudiobooks';
|
import { Audiobook } from './useAudiobooks';
|
||||||
@@ -59,6 +60,95 @@ export function useRequests(status?: string, limit: number = 50, myOnly: boolean
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ── Active statuses that warrant live polling ────────────────────────────────
|
||||||
|
const ACTIVE_STATUSES = new Set([
|
||||||
|
'pending', 'awaiting_search', 'awaiting_approval',
|
||||||
|
'searching', 'downloading', 'processing', 'awaiting_import',
|
||||||
|
]);
|
||||||
|
|
||||||
|
export type RequestFilterGroup = 'all' | 'active' | 'waiting' | 'completed' | 'failed' | 'cancelled';
|
||||||
|
|
||||||
|
export interface RequestCounts {
|
||||||
|
all: number;
|
||||||
|
active: number;
|
||||||
|
waiting: number;
|
||||||
|
completed: number;
|
||||||
|
failed: number;
|
||||||
|
cancelled: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface RequestPage {
|
||||||
|
requests: Request[];
|
||||||
|
nextCursor: string | null;
|
||||||
|
counts: RequestCounts;
|
||||||
|
}
|
||||||
|
|
||||||
|
const PAGE_SIZE = 20;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Paginated hook for "My Requests" page.
|
||||||
|
* Uses SWRInfinite for cursor-based pagination.
|
||||||
|
* Polls only when active requests are present.
|
||||||
|
*/
|
||||||
|
export function useMyRequests(filter: RequestFilterGroup) {
|
||||||
|
const { accessToken } = useAuth();
|
||||||
|
|
||||||
|
const getKey = (pageIndex: number, previousPage: RequestPage | null): string | null => {
|
||||||
|
if (!accessToken) return null;
|
||||||
|
if (previousPage && !previousPage.nextCursor) return null; // reached end
|
||||||
|
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
params.set('myOnly', 'true');
|
||||||
|
params.set('take', String(PAGE_SIZE));
|
||||||
|
if (filter !== 'all') params.set('status', filter);
|
||||||
|
if (pageIndex > 0 && previousPage?.nextCursor) {
|
||||||
|
params.set('cursor', previousPage.nextCursor);
|
||||||
|
}
|
||||||
|
return `/api/requests?${params.toString()}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
const { data, error, isLoading, isValidating, size, setSize, mutate: revalidate } =
|
||||||
|
useSWRInfinite<RequestPage>(getKey, fetcher, {
|
||||||
|
revalidateFirstPage: true,
|
||||||
|
revalidateOnFocus: false,
|
||||||
|
// Smart polling: refresh every 5s only when active requests exist
|
||||||
|
refreshInterval: (data) => {
|
||||||
|
if (!data) return 5000;
|
||||||
|
const hasActive = data.some(page =>
|
||||||
|
page.requests.some(r => ACTIVE_STATUSES.has(r.status))
|
||||||
|
);
|
||||||
|
return hasActive ? 5000 : 0;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const allRequests = useMemo(
|
||||||
|
() => data?.flatMap(page => page.requests) ?? [],
|
||||||
|
[data]
|
||||||
|
);
|
||||||
|
|
||||||
|
// Counts come from the first page (always the authoritative totals)
|
||||||
|
const counts: RequestCounts = data?.[0]?.counts ?? {
|
||||||
|
all: 0, active: 0, waiting: 0, completed: 0, failed: 0, cancelled: 0,
|
||||||
|
};
|
||||||
|
|
||||||
|
const hasMore = data ? !!data[data.length - 1]?.nextCursor : false;
|
||||||
|
const isLoadingMore = isValidating && size > 1 && !data?.[size - 1];
|
||||||
|
const isEmpty = !isLoading && allRequests.length === 0;
|
||||||
|
|
||||||
|
const loadMore = () => setSize(s => s + 1);
|
||||||
|
|
||||||
|
return {
|
||||||
|
requests: allRequests,
|
||||||
|
counts,
|
||||||
|
hasMore,
|
||||||
|
isLoading,
|
||||||
|
isLoadingMore,
|
||||||
|
isEmpty,
|
||||||
|
loadMore,
|
||||||
|
revalidate,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
export function useRequest(requestId: string) {
|
export function useRequest(requestId: string) {
|
||||||
const { accessToken } = useAuth();
|
const { accessToken } = useAuth();
|
||||||
|
|
||||||
|
|||||||
@@ -2,10 +2,10 @@
|
|||||||
* Component: Shelves Hook
|
* Component: Shelves Hook
|
||||||
* Documentation: documentation/frontend/components.md
|
* Documentation: documentation/frontend/components.md
|
||||||
*/
|
*/
|
||||||
|
|
||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import useSWR from 'swr';
|
import { useState } from 'react';
|
||||||
|
import useSWR, { mutate } from 'swr';
|
||||||
import { useAuth } from '@/contexts/AuthContext';
|
import { useAuth } from '@/contexts/AuthContext';
|
||||||
import { fetchWithAuth } from '@/lib/utils/api';
|
import { fetchWithAuth } from '@/lib/utils/api';
|
||||||
import { ShelfBook } from './useGoodreadsShelves';
|
import { ShelfBook } from './useGoodreadsShelves';
|
||||||
@@ -18,6 +18,7 @@ export interface GenericShelf {
|
|||||||
lastSyncAt: string | null;
|
lastSyncAt: string | null;
|
||||||
createdAt: string;
|
createdAt: string;
|
||||||
bookCount: number | null;
|
bookCount: number | null;
|
||||||
|
autoRequest: boolean;
|
||||||
books: ShelfBook[];
|
books: ShelfBook[];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -29,7 +30,11 @@ export function useShelves() {
|
|||||||
const endpoint = accessToken ? '/api/user/shelves' : null;
|
const endpoint = accessToken ? '/api/user/shelves' : null;
|
||||||
|
|
||||||
const { data, error, isLoading } = useSWR(endpoint, fetcher, {
|
const { data, error, isLoading } = useSWR(endpoint, fetcher, {
|
||||||
refreshInterval: 30000,
|
refreshInterval: (latestData: { shelves: GenericShelf[] } | undefined) => {
|
||||||
|
const shelves = latestData?.shelves || [];
|
||||||
|
const hasSyncing = shelves.some((s) => !s.lastSyncAt);
|
||||||
|
return hasSyncing ? 3000 : 30000;
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
@@ -38,3 +43,52 @@ export function useShelves() {
|
|||||||
error,
|
error,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function useSyncShelves() {
|
||||||
|
const { accessToken } = useAuth();
|
||||||
|
const [isSyncing, setIsSyncing] = useState(false);
|
||||||
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
|
||||||
|
const syncShelves = async (
|
||||||
|
shelfId?: string,
|
||||||
|
shelfType?: 'goodreads' | 'hardcover',
|
||||||
|
) => {
|
||||||
|
if (!accessToken) throw new Error('Not authenticated');
|
||||||
|
|
||||||
|
setIsSyncing(true);
|
||||||
|
setError(null);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetchWithAuth('/api/user/shelves/sync', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ shelfId, shelfType }),
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(data.message || data.error || 'Failed to trigger sync');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Invalidate both the provider-specific endpoints and the combined endpoint
|
||||||
|
mutate(
|
||||||
|
(key) =>
|
||||||
|
typeof key === 'string' &&
|
||||||
|
(key.includes('/api/user/shelves') ||
|
||||||
|
key.includes('/api/user/goodreads-shelves') ||
|
||||||
|
key.includes('/api/user/hardcover-shelves')),
|
||||||
|
);
|
||||||
|
|
||||||
|
return true;
|
||||||
|
} catch (err) {
|
||||||
|
const message = err instanceof Error ? err.message : 'Unknown error';
|
||||||
|
setError(message);
|
||||||
|
throw err;
|
||||||
|
} finally {
|
||||||
|
setIsSyncing(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return { syncShelves, isSyncing, error };
|
||||||
|
}
|
||||||
|
|||||||
@@ -256,6 +256,15 @@ export class AudibleService {
|
|||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Don't retry on deterministic 500 errors (e.g. "Release date is in the future")
|
||||||
|
if (status === 500) {
|
||||||
|
const message = error.response?.data?.message || '';
|
||||||
|
if (message.includes('Release date is in the future')) {
|
||||||
|
logger.info(` External API returned non-retryable error: ${message}`);
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Don't retry on last attempt
|
// Don't retry on last attempt
|
||||||
if (attempt === maxRetries) {
|
if (attempt === maxRetries) {
|
||||||
break;
|
break;
|
||||||
@@ -1172,6 +1181,155 @@ export class AudibleService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get top-level categories from Audible's categories page.
|
||||||
|
* Scrapes {baseUrl}/categories and returns {id, name}[] for top-level nodes.
|
||||||
|
*/
|
||||||
|
async getCategories(): Promise<{ id: string; name: string }[]> {
|
||||||
|
await this.initialize();
|
||||||
|
|
||||||
|
logger.info('Fetching Audible categories...');
|
||||||
|
|
||||||
|
try {
|
||||||
|
const { data: response } = await this.fetchWithRetry('/categories', {
|
||||||
|
params: { ipRedirectOverride: 'true' },
|
||||||
|
});
|
||||||
|
|
||||||
|
const $ = cheerio.load(response.data);
|
||||||
|
const categories: { id: string; name: string }[] = [];
|
||||||
|
|
||||||
|
// Top-level category links are in the main categories grid
|
||||||
|
// They follow the pattern /cat/{name}/{nodeId}
|
||||||
|
$('a[href*="/cat/"]').each((_index, element) => {
|
||||||
|
const $el = $(element);
|
||||||
|
const href = $el.attr('href') || '';
|
||||||
|
const match = href.match(/\/cat\/[^\/]+\/(\d+)/);
|
||||||
|
if (!match) return;
|
||||||
|
|
||||||
|
const id = match[1];
|
||||||
|
const name = $el.text().trim();
|
||||||
|
|
||||||
|
if (name && !categories.some((c) => c.id === id)) {
|
||||||
|
categories.push({ id, name });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
logger.info(`Found ${categories.length} top-level categories`);
|
||||||
|
return categories;
|
||||||
|
} catch (error) {
|
||||||
|
logger.error('Failed to fetch categories', {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
});
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get audiobooks for a specific category using Audible search with node parameter.
|
||||||
|
* Scrapes {baseUrl}/search?node={categoryId}&pageSize=50, up to `limit` results.
|
||||||
|
*/
|
||||||
|
async getCategoryBooks(categoryId: string, limit: number = 200): Promise<AudibleAudiobook[]> {
|
||||||
|
await this.initialize();
|
||||||
|
|
||||||
|
logger.info(`Fetching category books for node ${categoryId} (limit: ${limit})...`);
|
||||||
|
|
||||||
|
const audiobooks: AudibleAudiobook[] = [];
|
||||||
|
let page = 1;
|
||||||
|
const maxPages = Math.ceil(limit / AUDIBLE_PAGE_SIZE);
|
||||||
|
|
||||||
|
this.pacer.reset();
|
||||||
|
|
||||||
|
while (audiobooks.length < limit && page <= maxPages) {
|
||||||
|
try {
|
||||||
|
const { data: response, meta } = await this.fetchWithRetry('/search', {
|
||||||
|
params: {
|
||||||
|
ipRedirectOverride: 'true',
|
||||||
|
node: categoryId,
|
||||||
|
pageSize: AUDIBLE_PAGE_SIZE,
|
||||||
|
sort: 'popularity-rank',
|
||||||
|
...(page > 1 ? { page } : {}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const $ = cheerio.load(response.data);
|
||||||
|
let foundOnPage = 0;
|
||||||
|
|
||||||
|
// Parse search results — same selectors as search()
|
||||||
|
$('.s-result-item, .productListItem').each((_index, element) => {
|
||||||
|
if (audiobooks.length >= limit) return false;
|
||||||
|
const $el = $(element);
|
||||||
|
|
||||||
|
const asin =
|
||||||
|
$el.find('li').attr('data-asin') ||
|
||||||
|
$el.find('a').attr('href')?.match(/\/(?:pd|ac)\/[^\/]+\/([A-Z0-9]{10})/)?.[1] ||
|
||||||
|
'';
|
||||||
|
if (!asin || audiobooks.some((b) => b.asin === asin)) return;
|
||||||
|
|
||||||
|
const title =
|
||||||
|
$el.find('h2').first().text().trim() ||
|
||||||
|
$el.find('h3 a').text().trim() ||
|
||||||
|
$el.find('.bc-heading a').text().trim();
|
||||||
|
|
||||||
|
const authorLink = $el.find('a[href*="/author/"]').first();
|
||||||
|
const authorText =
|
||||||
|
authorLink.text().trim() ||
|
||||||
|
$el.find('.authorLabel').text().trim();
|
||||||
|
const authorHref = authorLink.attr('href') || '';
|
||||||
|
const authorAsinMatch = authorHref.match(/\/author\/[^\/]+\/([A-Z0-9]{10})/);
|
||||||
|
|
||||||
|
const narratorText =
|
||||||
|
$el.find('a[href*="searchNarrator="]').first().text().trim() ||
|
||||||
|
$el.find('.narratorLabel').text().trim();
|
||||||
|
|
||||||
|
const coverArtUrl = $el.find('img').attr('src') || '';
|
||||||
|
|
||||||
|
const langConfig = this.getLangConfig();
|
||||||
|
const runtimeText =
|
||||||
|
$el.find('.runtimeLabel').text().trim() ||
|
||||||
|
$el.find(buildContainsSelector('span', langConfig.scraping.lengthLabels)).text().trim();
|
||||||
|
const durationMinutes = this.parseRuntime(runtimeText);
|
||||||
|
|
||||||
|
const ratingText =
|
||||||
|
$el.find('.ratingsLabel').text().trim() ||
|
||||||
|
$el.find('.a-icon-star span').first().text().trim();
|
||||||
|
const rating = ratingText ? parseFloat(ratingText.split(' ')[0]) : undefined;
|
||||||
|
|
||||||
|
audiobooks.push({
|
||||||
|
asin,
|
||||||
|
title,
|
||||||
|
author: stripPrefixes(authorText, langConfig.scraping.authorPrefixes),
|
||||||
|
authorAsin: authorAsinMatch?.[1] || undefined,
|
||||||
|
narrator: stripPrefixes(narratorText, langConfig.scraping.narratorPrefixes),
|
||||||
|
coverArtUrl: coverArtUrl.replace(/\._.*_\./, '._SL500_.'),
|
||||||
|
durationMinutes,
|
||||||
|
rating,
|
||||||
|
});
|
||||||
|
|
||||||
|
foundOnPage++;
|
||||||
|
});
|
||||||
|
|
||||||
|
logger.info(`Category ${categoryId}: found ${foundOnPage} books on page ${page}`);
|
||||||
|
|
||||||
|
if (foundOnPage < AUDIBLE_PAGE_SIZE / 2) break;
|
||||||
|
|
||||||
|
page++;
|
||||||
|
|
||||||
|
if (page <= maxPages && audiobooks.length < limit) {
|
||||||
|
await this.delay(this.pacer.reportPageResult(meta));
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
logger.error(`Failed to fetch category ${categoryId} page ${page}`, {
|
||||||
|
error: error instanceof Error ? error.message : String(error),
|
||||||
|
collectedSoFar: audiobooks.length,
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
logger.info(`Category ${categoryId}: collected ${audiobooks.length} books across ${page - 1} pages`);
|
||||||
|
return audiobooks;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add delay between requests to respect rate limits
|
* Add delay between requests to respect rate limits
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -226,6 +226,7 @@ export class NZBGetService implements IDownloadClient {
|
|||||||
responseType: 'arraybuffer',
|
responseType: 'arraybuffer',
|
||||||
timeout: 30000,
|
timeout: 30000,
|
||||||
maxRedirects: 5,
|
maxRedirects: 5,
|
||||||
|
headers: options?.sourceHeaders,
|
||||||
httpsAgent: url.startsWith('https') ? this.httpsAgent : undefined,
|
httpsAgent: url.startsWith('https') ? this.httpsAgent : undefined,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -24,6 +24,8 @@ export interface AddNZBOptions {
|
|||||||
category?: string;
|
category?: string;
|
||||||
priority?: 'low' | 'normal' | 'high' | 'force';
|
priority?: 'low' | 'normal' | 'high' | 'force';
|
||||||
paused?: boolean;
|
paused?: boolean;
|
||||||
|
/** Headers to include when fetching the NZB from the source URL */
|
||||||
|
sourceHeaders?: Record<string, string>;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface NZBInfo {
|
export interface NZBInfo {
|
||||||
@@ -492,6 +494,7 @@ export class SABnzbdService implements IDownloadClient {
|
|||||||
responseType: 'arraybuffer',
|
responseType: 'arraybuffer',
|
||||||
timeout: 30000,
|
timeout: 30000,
|
||||||
maxRedirects: 5,
|
maxRedirects: 5,
|
||||||
|
headers: options?.sourceHeaders,
|
||||||
// Use the same SSL settings as the SABnzbd client if the NZB URL
|
// Use the same SSL settings as the SABnzbd client if the NZB URL
|
||||||
// happens to be served over HTTPS with a self-signed cert
|
// happens to be served over HTTPS with a self-signed cert
|
||||||
httpsAgent: url.startsWith('https') ? this.httpsAgent : undefined,
|
httpsAgent: url.startsWith('https') ? this.httpsAgent : undefined,
|
||||||
@@ -787,6 +790,7 @@ export class SABnzbdService implements IDownloadClient {
|
|||||||
category: options?.category,
|
category: options?.category,
|
||||||
priority: options?.priority ? priorityMap[options.priority] || 'normal' : undefined,
|
priority: options?.priority ? priorityMap[options.priority] || 'normal' : undefined,
|
||||||
paused: options?.paused,
|
paused: options?.paused,
|
||||||
|
sourceHeaders: options?.sourceHeaders,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -102,6 +102,8 @@ export interface AddDownloadOptions {
|
|||||||
priority?: string;
|
priority?: string;
|
||||||
/** Whether to add in paused state */
|
/** Whether to add in paused state */
|
||||||
paused?: boolean;
|
paused?: boolean;
|
||||||
|
/** Headers to include when fetching the source file (e.g. Prowlarr API key for proxy URLs) */
|
||||||
|
sourceHeaders?: Record<string, string>;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Result of a connection test */
|
/** Result of a connection test */
|
||||||
|
|||||||
@@ -2,12 +2,18 @@
|
|||||||
* Component: Audible Refresh Processor
|
* Component: Audible Refresh Processor
|
||||||
* Documentation: documentation/backend/services/scheduler.md
|
* Documentation: documentation/backend/services/scheduler.md
|
||||||
*
|
*
|
||||||
* Fetches popular and new release audiobooks from Audible and caches them
|
* Fetches popular, new release, and category audiobooks from Audible and caches them.
|
||||||
|
* All section data is stored uniformly in AudibleCacheCategory with reserved IDs
|
||||||
|
* '__popular__' and '__new_releases__' for built-in sections.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { prisma } from '../db';
|
import { prisma } from '../db';
|
||||||
import { RMABLogger } from '../utils/logger';
|
import { RMABLogger } from '../utils/logger';
|
||||||
|
|
||||||
|
/** Reserved category IDs for built-in home sections */
|
||||||
|
export const POPULAR_CATEGORY_ID = '__popular__';
|
||||||
|
export const NEW_RELEASES_CATEGORY_ID = '__new_releases__';
|
||||||
|
|
||||||
export interface AudibleRefreshPayload {
|
export interface AudibleRefreshPayload {
|
||||||
jobId?: string;
|
jobId?: string;
|
||||||
scheduledJobId?: string;
|
scheduledJobId?: string;
|
||||||
@@ -25,22 +31,7 @@ export async function processAudibleRefresh(payload: AudibleRefreshPayload): Pro
|
|||||||
const thumbnailCache = getThumbnailCacheService();
|
const thumbnailCache = getThumbnailCacheService();
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// Clear previous popular/new-release flags for fresh data
|
const syncTime = new Date();
|
||||||
await prisma.audibleCache.updateMany({
|
|
||||||
where: {
|
|
||||||
OR: [
|
|
||||||
{ isPopular: true },
|
|
||||||
{ isNewRelease: true },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
data: {
|
|
||||||
isPopular: false,
|
|
||||||
isNewRelease: false,
|
|
||||||
popularRank: null,
|
|
||||||
newReleaseRank: null,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
logger.info('Cleared previous popular/new-release flags in audible_cache');
|
|
||||||
|
|
||||||
// Fetch popular and new releases - 200 items each
|
// Fetch popular and new releases - 200 items each
|
||||||
const popular = await audibleService.getPopularAudiobooks(200);
|
const popular = await audibleService.getPopularAudiobooks(200);
|
||||||
@@ -54,112 +45,62 @@ export async function processAudibleRefresh(payload: AudibleRefreshPayload): Pro
|
|||||||
|
|
||||||
logger.info(`Fetched ${popular.length} popular, ${newReleases.length} new releases from Audible`);
|
logger.info(`Fetched ${popular.length} popular, ${newReleases.length} new releases from Audible`);
|
||||||
|
|
||||||
// Persist to audible_cache
|
// Persist popular audiobooks via AudibleCacheCategory
|
||||||
let popularSaved = 0;
|
const popularSaved = await persistSectionBooks(
|
||||||
let newReleasesSaved = 0;
|
popular, POPULAR_CATEGORY_ID, syncTime, thumbnailCache, logger, 'popular audiobook'
|
||||||
const syncTime = new Date();
|
);
|
||||||
|
|
||||||
for (let i = 0; i < popular.length; i++) {
|
// Persist new releases via AudibleCacheCategory
|
||||||
const audiobook = popular[i];
|
const newReleasesSaved = await persistSectionBooks(
|
||||||
|
newReleases, NEW_RELEASES_CATEGORY_ID, syncTime, thumbnailCache, logger, 'new release'
|
||||||
|
);
|
||||||
|
|
||||||
|
logger.info(`Saved ${popularSaved} popular and ${newReleasesSaved} new releases`);
|
||||||
|
|
||||||
|
// --- Category scraping ---
|
||||||
|
// Query distinct categoryIds from all users' home sections
|
||||||
|
let categoriesSynced = 0;
|
||||||
try {
|
try {
|
||||||
// Cache thumbnail if coverArtUrl exists
|
const categorySections = await prisma.userHomeSection.findMany({
|
||||||
let cachedCoverPath: string | null = null;
|
where: { sectionType: 'category', categoryId: { not: null } },
|
||||||
if (audiobook.coverArtUrl) {
|
select: { categoryId: true },
|
||||||
cachedCoverPath = await thumbnailCache.cacheThumbnail(audiobook.asin, audiobook.coverArtUrl);
|
distinct: ['categoryId'],
|
||||||
}
|
|
||||||
|
|
||||||
await prisma.audibleCache.upsert({
|
|
||||||
where: { asin: audiobook.asin },
|
|
||||||
create: {
|
|
||||||
asin: audiobook.asin,
|
|
||||||
title: audiobook.title,
|
|
||||||
author: audiobook.author,
|
|
||||||
narrator: audiobook.narrator,
|
|
||||||
description: audiobook.description,
|
|
||||||
coverArtUrl: audiobook.coverArtUrl,
|
|
||||||
cachedCoverPath: cachedCoverPath,
|
|
||||||
durationMinutes: audiobook.durationMinutes,
|
|
||||||
releaseDate: audiobook.releaseDate ? new Date(audiobook.releaseDate) : null,
|
|
||||||
rating: audiobook.rating ? audiobook.rating : null,
|
|
||||||
genres: audiobook.genres || [],
|
|
||||||
isPopular: true,
|
|
||||||
popularRank: i + 1,
|
|
||||||
lastSyncedAt: syncTime,
|
|
||||||
},
|
|
||||||
update: {
|
|
||||||
title: audiobook.title,
|
|
||||||
author: audiobook.author,
|
|
||||||
narrator: audiobook.narrator,
|
|
||||||
description: audiobook.description,
|
|
||||||
coverArtUrl: audiobook.coverArtUrl,
|
|
||||||
cachedCoverPath: cachedCoverPath,
|
|
||||||
durationMinutes: audiobook.durationMinutes,
|
|
||||||
releaseDate: audiobook.releaseDate ? new Date(audiobook.releaseDate) : null,
|
|
||||||
rating: audiobook.rating ? audiobook.rating : null,
|
|
||||||
genres: audiobook.genres || [],
|
|
||||||
isPopular: true,
|
|
||||||
popularRank: i + 1,
|
|
||||||
lastSyncedAt: syncTime,
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
|
||||||
popularSaved++;
|
const categoryIds = categorySections
|
||||||
} catch (error) {
|
.map((s) => s.categoryId)
|
||||||
logger.error(`Failed to save popular audiobook ${audiobook.title}: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
.filter((id): id is string => id !== null);
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
for (let i = 0; i < newReleases.length; i++) {
|
if (categoryIds.length > 0) {
|
||||||
const audiobook = newReleases[i];
|
logger.info(`Refreshing ${categoryIds.length} user-configured categories...`);
|
||||||
|
|
||||||
|
for (const catId of categoryIds) {
|
||||||
try {
|
try {
|
||||||
// Cache thumbnail if coverArtUrl exists
|
// Batch cooldown between categories
|
||||||
let cachedCoverPath: string | null = null;
|
const catCooldownMs = 10000 + Math.floor(Math.random() * 10000);
|
||||||
if (audiobook.coverArtUrl) {
|
logger.info(`Category cooldown: waiting ${Math.round(catCooldownMs / 1000)}s before category ${catId}...`);
|
||||||
cachedCoverPath = await thumbnailCache.cacheThumbnail(audiobook.asin, audiobook.coverArtUrl);
|
await new Promise(resolve => setTimeout(resolve, catCooldownMs));
|
||||||
}
|
|
||||||
|
|
||||||
await prisma.audibleCache.upsert({
|
// Scrape category books
|
||||||
where: { asin: audiobook.asin },
|
const books = await audibleService.getCategoryBooks(catId, 200);
|
||||||
create: {
|
logger.info(`Category ${catId}: fetched ${books.length} books`);
|
||||||
asin: audiobook.asin,
|
|
||||||
title: audiobook.title,
|
|
||||||
author: audiobook.author,
|
|
||||||
narrator: audiobook.narrator,
|
|
||||||
description: audiobook.description,
|
|
||||||
coverArtUrl: audiobook.coverArtUrl,
|
|
||||||
cachedCoverPath: cachedCoverPath,
|
|
||||||
durationMinutes: audiobook.durationMinutes,
|
|
||||||
releaseDate: audiobook.releaseDate ? new Date(audiobook.releaseDate) : null,
|
|
||||||
rating: audiobook.rating ? audiobook.rating : null,
|
|
||||||
genres: audiobook.genres || [],
|
|
||||||
isNewRelease: true,
|
|
||||||
newReleaseRank: i + 1,
|
|
||||||
lastSyncedAt: syncTime,
|
|
||||||
},
|
|
||||||
update: {
|
|
||||||
title: audiobook.title,
|
|
||||||
author: audiobook.author,
|
|
||||||
narrator: audiobook.narrator,
|
|
||||||
description: audiobook.description,
|
|
||||||
coverArtUrl: audiobook.coverArtUrl,
|
|
||||||
cachedCoverPath: cachedCoverPath,
|
|
||||||
durationMinutes: audiobook.durationMinutes,
|
|
||||||
releaseDate: audiobook.releaseDate ? new Date(audiobook.releaseDate) : null,
|
|
||||||
rating: audiobook.rating ? audiobook.rating : null,
|
|
||||||
genres: audiobook.genres || [],
|
|
||||||
isNewRelease: true,
|
|
||||||
newReleaseRank: i + 1,
|
|
||||||
lastSyncedAt: syncTime,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
newReleasesSaved++;
|
const saved = await persistSectionBooks(
|
||||||
|
books, catId, syncTime, thumbnailCache, logger, 'category book'
|
||||||
|
);
|
||||||
|
|
||||||
|
categoriesSynced++;
|
||||||
|
logger.info(`Category ${catId}: saved ${saved} entries`);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
logger.error(`Failed to save new release ${audiobook.title}: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
logger.error(`Failed to refresh category ${catId}: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
logger.info(`Saved ${popularSaved} popular and ${newReleasesSaved} new releases to audible_cache`);
|
logger.info(`Category refresh complete: ${categoriesSynced}/${categoryIds.length} categories synced`);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
logger.error(`Category refresh failed: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
||||||
|
}
|
||||||
|
|
||||||
// Cleanup unused thumbnails
|
// Cleanup unused thumbnails
|
||||||
logger.info('Cleaning up unused thumbnails...');
|
logger.info('Cleaning up unused thumbnails...');
|
||||||
@@ -175,6 +116,7 @@ export async function processAudibleRefresh(payload: AudibleRefreshPayload): Pro
|
|||||||
message: 'Audible refresh completed',
|
message: 'Audible refresh completed',
|
||||||
popularSaved,
|
popularSaved,
|
||||||
newReleasesSaved,
|
newReleasesSaved,
|
||||||
|
categoriesSynced,
|
||||||
thumbnailsDeleted: deletedCount,
|
thumbnailsDeleted: deletedCount,
|
||||||
};
|
};
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@@ -182,3 +124,87 @@ export async function processAudibleRefresh(payload: AudibleRefreshPayload): Pro
|
|||||||
throw error;
|
throw error;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Wipe previous entries for a category, upsert book metadata into AudibleCache,
|
||||||
|
* and insert ranked entries into AudibleCacheCategory.
|
||||||
|
* Returns the number of books successfully saved.
|
||||||
|
*/
|
||||||
|
async function persistSectionBooks(
|
||||||
|
books: any[],
|
||||||
|
categoryId: string,
|
||||||
|
syncTime: Date,
|
||||||
|
thumbnailCache: { cacheThumbnail: (asin: string, url: string) => Promise<string | null> },
|
||||||
|
logger: ReturnType<typeof RMABLogger.forJob>,
|
||||||
|
labelForErrors: string,
|
||||||
|
): Promise<number> {
|
||||||
|
// Wipe previous entries for this section
|
||||||
|
logger.info(`Clearing previous data for ${categoryId}...`);
|
||||||
|
await prisma.audibleCacheCategory.deleteMany({
|
||||||
|
where: { categoryId },
|
||||||
|
});
|
||||||
|
logger.info(`Cleared previous entries for ${categoryId}, saving ${books.length} books...`);
|
||||||
|
|
||||||
|
let saved = 0;
|
||||||
|
for (let i = 0; i < books.length; i++) {
|
||||||
|
const book = books[i];
|
||||||
|
try {
|
||||||
|
// Cache thumbnail if coverArtUrl exists
|
||||||
|
let cachedCoverPath: string | null = null;
|
||||||
|
if (book.coverArtUrl) {
|
||||||
|
cachedCoverPath = await thumbnailCache.cacheThumbnail(book.asin, book.coverArtUrl);
|
||||||
|
if (!cachedCoverPath) {
|
||||||
|
logger.warn(`Cover cache failed for "${book.title}" (${book.asin}) - falling back to remote URL`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Upsert book metadata into AudibleCache
|
||||||
|
await prisma.audibleCache.upsert({
|
||||||
|
where: { asin: book.asin },
|
||||||
|
create: {
|
||||||
|
asin: book.asin,
|
||||||
|
title: book.title,
|
||||||
|
author: book.author,
|
||||||
|
narrator: book.narrator,
|
||||||
|
description: book.description,
|
||||||
|
coverArtUrl: book.coverArtUrl,
|
||||||
|
cachedCoverPath,
|
||||||
|
durationMinutes: book.durationMinutes,
|
||||||
|
releaseDate: book.releaseDate ? new Date(book.releaseDate) : null,
|
||||||
|
rating: book.rating ? book.rating : null,
|
||||||
|
genres: book.genres || [],
|
||||||
|
lastSyncedAt: syncTime,
|
||||||
|
},
|
||||||
|
update: {
|
||||||
|
title: book.title,
|
||||||
|
author: book.author,
|
||||||
|
narrator: book.narrator,
|
||||||
|
description: book.description,
|
||||||
|
coverArtUrl: book.coverArtUrl,
|
||||||
|
cachedCoverPath,
|
||||||
|
durationMinutes: book.durationMinutes,
|
||||||
|
releaseDate: book.releaseDate ? new Date(book.releaseDate) : null,
|
||||||
|
rating: book.rating ? book.rating : null,
|
||||||
|
genres: book.genres || [],
|
||||||
|
lastSyncedAt: syncTime,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// Insert ranked entry into AudibleCacheCategory
|
||||||
|
await prisma.audibleCacheCategory.create({
|
||||||
|
data: {
|
||||||
|
asin: book.asin,
|
||||||
|
categoryId,
|
||||||
|
rank: i + 1,
|
||||||
|
lastSyncedAt: syncTime,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
saved++;
|
||||||
|
} catch (error) {
|
||||||
|
logger.error(`Failed to save ${labelForErrors} ${book.title}: ${error instanceof Error ? error.message : 'Unknown error'}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return saved;
|
||||||
|
}
|
||||||
|
|||||||
@@ -79,7 +79,7 @@ export async function processStartDirectDownload(payload: StartDirectDownloadPay
|
|||||||
// Get download configuration
|
// Get download configuration
|
||||||
const configService = getConfigService();
|
const configService = getConfigService();
|
||||||
const downloadsDir = await configService.get('download_dir') || '/downloads';
|
const downloadsDir = await configService.get('download_dir') || '/downloads';
|
||||||
const baseUrl = await configService.get('ebook_sidecar_base_url') || 'https://annas-archive.li';
|
const baseUrl = await configService.get('ebook_sidecar_base_url') || 'https://annas-archive.gl';
|
||||||
const preferredFormat = await configService.get('ebook_sidecar_preferred_format') || 'epub';
|
const preferredFormat = await configService.get('ebook_sidecar_preferred_format') || 'epub';
|
||||||
const flaresolverrUrl = await configService.get('ebook_sidecar_flaresolverr_url') || undefined;
|
const flaresolverrUrl = await configService.get('ebook_sidecar_flaresolverr_url') || undefined;
|
||||||
|
|
||||||
@@ -289,8 +289,11 @@ async function downloadFileWithProgress(
|
|||||||
logger: RMABLogger
|
logger: RMABLogger
|
||||||
): Promise<boolean> {
|
): Promise<boolean> {
|
||||||
try {
|
try {
|
||||||
// Ensure target directory exists
|
// Ensure target directory exists with configured permissions
|
||||||
await fs.mkdir(path.dirname(targetPath), { recursive: true });
|
const configService = getConfigService();
|
||||||
|
const dirChmodStr = await configService.get('dir_chmod') || '775';
|
||||||
|
const dirMode = parseInt(dirChmodStr, 8);
|
||||||
|
await fs.mkdir(path.dirname(targetPath), { recursive: true, mode: dirMode });
|
||||||
|
|
||||||
// Start download with axios streaming
|
// Start download with axios streaming
|
||||||
const response = await axios({
|
const response = await axios({
|
||||||
|
|||||||
@@ -58,10 +58,19 @@ export async function processDownloadTorrent(payload: DownloadTorrentPayload): P
|
|||||||
|
|
||||||
logger.info(`Routing to ${client.clientType} (${client.protocol})`);
|
logger.info(`Routing to ${client.clientType} (${client.protocol})`);
|
||||||
|
|
||||||
|
// Include Prowlarr API key as source header so NZB/torrent downloads from
|
||||||
|
// Prowlarr proxy URLs are authenticated (fixes 403 for indexers like NZBFinder)
|
||||||
|
const prowlarrApiKey = (await config.getMany(['prowlarr_api_key'])).prowlarr_api_key || process.env.PROWLARR_API_KEY;
|
||||||
|
const sourceHeaders: Record<string, string> = {};
|
||||||
|
if (prowlarrApiKey) {
|
||||||
|
sourceHeaders['X-Api-Key'] = prowlarrApiKey;
|
||||||
|
}
|
||||||
|
|
||||||
// Add download via unified interface
|
// Add download via unified interface
|
||||||
const downloadClientId = await client.addDownload(torrent.downloadUrl, {
|
const downloadClientId = await client.addDownload(torrent.downloadUrl, {
|
||||||
category,
|
category,
|
||||||
priority: 'normal',
|
priority: 'normal',
|
||||||
|
sourceHeaders,
|
||||||
});
|
});
|
||||||
|
|
||||||
logger.info(`Download added with ID: ${downloadClientId}`);
|
logger.info(`Download added with ID: ${downloadClientId}`);
|
||||||
|
|||||||
@@ -254,7 +254,7 @@ export async function processPlexRecentlyAddedCheck(payload: PlexRecentlyAddedPa
|
|||||||
const matchableRequests = await prisma.request.findMany({
|
const matchableRequests = await prisma.request.findMany({
|
||||||
where: {
|
where: {
|
||||||
type: 'audiobook', // Only match audiobook requests (ebooks don't go to 'available')
|
type: 'audiobook', // Only match audiobook requests (ebooks don't go to 'available')
|
||||||
status: { notIn: ['available', 'cancelled'] },
|
status: { notIn: ['available', 'cancelled', 'denied'] },
|
||||||
deletedAt: null,
|
deletedAt: null,
|
||||||
},
|
},
|
||||||
include: {
|
include: {
|
||||||
@@ -265,7 +265,7 @@ export async function processPlexRecentlyAddedCheck(payload: PlexRecentlyAddedPa
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
take: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (matchableRequests.length > 0) {
|
if (matchableRequests.length > 0) {
|
||||||
|
|||||||
@@ -439,7 +439,7 @@ export async function processScanPlex(payload: ScanPlexPayload): Promise<any> {
|
|||||||
const matchableRequests = await prisma.request.findMany({
|
const matchableRequests = await prisma.request.findMany({
|
||||||
where: {
|
where: {
|
||||||
type: 'audiobook', // Only match audiobook requests (ebooks don't go to 'available')
|
type: 'audiobook', // Only match audiobook requests (ebooks don't go to 'available')
|
||||||
status: { notIn: ['available', 'cancelled'] },
|
status: { notIn: ['available', 'cancelled', 'denied'] },
|
||||||
deletedAt: null,
|
deletedAt: null,
|
||||||
},
|
},
|
||||||
include: {
|
include: {
|
||||||
@@ -450,7 +450,7 @@ export async function processScanPlex(payload: ScanPlexPayload): Promise<any> {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
take: 100, // Increased from 50 to handle more eligible requests
|
|
||||||
});
|
});
|
||||||
|
|
||||||
logger.info(`Found ${matchableRequests.length} matchable requests (all non-terminal statuses)`);
|
logger.info(`Found ${matchableRequests.length} matchable requests (all non-terminal statuses)`);
|
||||||
|
|||||||
@@ -36,16 +36,25 @@ export async function processSearchEbook(payload: SearchEbookPayload): Promise<a
|
|||||||
logger.info(`Processing ebook request ${requestId} for "${audiobook.title}"`);
|
logger.info(`Processing ebook request ${requestId} for "${audiobook.title}"`);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// Update request status to searching
|
// Update request status to searching and fetch custom search terms
|
||||||
await prisma.request.update({
|
const requestRecord = await prisma.request.update({
|
||||||
where: { id: requestId },
|
where: { id: requestId },
|
||||||
data: {
|
data: {
|
||||||
status: 'searching',
|
status: 'searching',
|
||||||
searchAttempts: { increment: 1 },
|
searchAttempts: { increment: 1 },
|
||||||
updatedAt: new Date(),
|
updatedAt: new Date(),
|
||||||
},
|
},
|
||||||
|
select: { customSearchTerms: true },
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Use custom search terms if set, otherwise use audiobook title
|
||||||
|
const effectiveSearchTitle = requestRecord?.customSearchTerms || audiobook.title;
|
||||||
|
const searchAudiobook = { ...audiobook, title: effectiveSearchTitle };
|
||||||
|
|
||||||
|
if (requestRecord?.customSearchTerms) {
|
||||||
|
logger.info(`Using custom search terms: "${effectiveSearchTitle}" (original: "${audiobook.title}")`);
|
||||||
|
}
|
||||||
|
|
||||||
// Get ebook configuration
|
// Get ebook configuration
|
||||||
const configService = getConfigService();
|
const configService = getConfigService();
|
||||||
const preferredFormat = payloadFormat || await configService.get('ebook_sidecar_preferred_format') || 'epub';
|
const preferredFormat = payloadFormat || await configService.get('ebook_sidecar_preferred_format') || 'epub';
|
||||||
@@ -62,7 +71,7 @@ export async function processSearchEbook(payload: SearchEbookPayload): Promise<a
|
|||||||
// ========== STEP 1: Try Anna's Archive (if enabled) ==========
|
// ========== STEP 1: Try Anna's Archive (if enabled) ==========
|
||||||
if (annasArchiveEnabled) {
|
if (annasArchiveEnabled) {
|
||||||
logger.info(`Searching Anna's Archive...`);
|
logger.info(`Searching Anna's Archive...`);
|
||||||
annasArchiveResult = await searchAnnasArchive(audiobook, preferredFormat, logger);
|
annasArchiveResult = await searchAnnasArchive(searchAudiobook, preferredFormat, logger);
|
||||||
|
|
||||||
if (annasArchiveResult) {
|
if (annasArchiveResult) {
|
||||||
logger.info(`Found ebook via Anna's Archive (score: ${annasArchiveResult.score})`);
|
logger.info(`Found ebook via Anna's Archive (score: ${annasArchiveResult.score})`);
|
||||||
@@ -74,7 +83,7 @@ export async function processSearchEbook(payload: SearchEbookPayload): Promise<a
|
|||||||
// ========== STEP 2: Try Indexer Search (if enabled and no Anna's Archive result) ==========
|
// ========== STEP 2: Try Indexer Search (if enabled and no Anna's Archive result) ==========
|
||||||
if (!annasArchiveResult && indexerSearchEnabled) {
|
if (!annasArchiveResult && indexerSearchEnabled) {
|
||||||
logger.info(`Searching indexers...`);
|
logger.info(`Searching indexers...`);
|
||||||
indexerResult = await searchIndexers(requestId, audiobook, preferredFormat, logger);
|
indexerResult = await searchIndexers(requestId, searchAudiobook, preferredFormat, logger);
|
||||||
|
|
||||||
if (indexerResult) {
|
if (indexerResult) {
|
||||||
logger.info(`Found ebook via indexer search (score: ${indexerResult.finalScore.toFixed(1)})`);
|
logger.info(`Found ebook via indexer search (score: ${indexerResult.finalScore.toFixed(1)})`);
|
||||||
@@ -150,7 +159,7 @@ async function searchAnnasArchive(
|
|||||||
logger: RMABLogger
|
logger: RMABLogger
|
||||||
): Promise<EbookSearchResult | null> {
|
): Promise<EbookSearchResult | null> {
|
||||||
const configService = getConfigService();
|
const configService = getConfigService();
|
||||||
const baseUrl = await configService.get('ebook_sidecar_base_url') || 'https://annas-archive.li';
|
const baseUrl = await configService.get('ebook_sidecar_base_url') || 'https://annas-archive.gl';
|
||||||
const flaresolverrUrl = await configService.get('ebook_sidecar_flaresolverr_url') || undefined;
|
const flaresolverrUrl = await configService.get('ebook_sidecar_flaresolverr_url') || undefined;
|
||||||
|
|
||||||
// Get language code from Audible region config
|
// Get language code from Audible region config
|
||||||
|
|||||||
@@ -166,9 +166,10 @@ export async function processSearchIndexers(payload: SearchIndexersPayload): Pro
|
|||||||
|
|
||||||
// Rank results with indexer priorities and flag configs
|
// Rank results with indexer priorities and flag configs
|
||||||
// Note: rankTorrents now filters out results < 20 MB internally
|
// Note: rankTorrents now filters out results < 20 MB internally
|
||||||
|
// Use effectiveSearchTitle so custom search terms are respected for ranking
|
||||||
// requireAuthor: true (default) - strict filtering for automatic selection
|
// requireAuthor: true (default) - strict filtering for automatic selection
|
||||||
const rankedResults = ranker.rankTorrents(searchResults, {
|
const rankedResults = ranker.rankTorrents(searchResults, {
|
||||||
title: audiobook.title,
|
title: effectiveSearchTitle,
|
||||||
author: audiobook.author,
|
author: audiobook.author,
|
||||||
durationMinutes,
|
durationMinutes,
|
||||||
}, {
|
}, {
|
||||||
@@ -228,7 +229,7 @@ export async function processSearchIndexers(payload: SearchIndexersPayload): Pro
|
|||||||
// Log top 3 results with detailed breakdown
|
// Log top 3 results with detailed breakdown
|
||||||
const top3 = filteredResults.slice(0, 3);
|
const top3 = filteredResults.slice(0, 3);
|
||||||
logger.info(`==================== RANKING DEBUG ====================`);
|
logger.info(`==================== RANKING DEBUG ====================`);
|
||||||
logger.info(`Requested Title: "${audiobook.title}"`);
|
logger.info(`Ranking Title: "${effectiveSearchTitle}"${effectiveSearchTitle !== audiobook.title ? ` (audiobook: "${audiobook.title}")` : ''}`);
|
||||||
logger.info(`Requested Author: "${audiobook.author}"`);
|
logger.info(`Requested Author: "${audiobook.author}"`);
|
||||||
logger.info(`Top ${top3.length} results (out of ${filteredResults.length} above threshold):`);
|
logger.info(`Top ${top3.length} results (out of ${filteredResults.length} above threshold):`);
|
||||||
logger.info(`--------------------------------------------------------`);
|
logger.info(`--------------------------------------------------------`);
|
||||||
|
|||||||
@@ -15,6 +15,8 @@ export interface SyncShelvesPayload {
|
|||||||
shelfId?: string;
|
shelfId?: string;
|
||||||
/** The type of shelf, if shelfId is specified */
|
/** The type of shelf, if shelfId is specified */
|
||||||
shelfType?: 'goodreads' | 'hardcover';
|
shelfType?: 'goodreads' | 'hardcover';
|
||||||
|
/** If set, only process shelves for this user */
|
||||||
|
userId?: string;
|
||||||
/** Max Audible lookups per shelf. 0 = unlimited. */
|
/** Max Audible lookups per shelf. 0 = unlimited. */
|
||||||
maxLookupsPerShelf?: number;
|
maxLookupsPerShelf?: number;
|
||||||
}
|
}
|
||||||
@@ -22,7 +24,7 @@ export interface SyncShelvesPayload {
|
|||||||
export async function processSyncShelves(
|
export async function processSyncShelves(
|
||||||
payload: SyncShelvesPayload,
|
payload: SyncShelvesPayload,
|
||||||
): Promise<any> {
|
): Promise<any> {
|
||||||
const { jobId, shelfId, shelfType, maxLookupsPerShelf } = payload;
|
const { jobId, shelfId, shelfType, userId, maxLookupsPerShelf } = payload;
|
||||||
const logger = RMABLogger.forJob(jobId, 'SyncShelves');
|
const logger = RMABLogger.forJob(jobId, 'SyncShelves');
|
||||||
|
|
||||||
const stats = {
|
const stats = {
|
||||||
@@ -48,6 +50,7 @@ export async function processSyncShelves(
|
|||||||
await import('../services/goodreads-sync.service');
|
await import('../services/goodreads-sync.service');
|
||||||
const grStats = await processGoodreadsShelves(logger, {
|
const grStats = await processGoodreadsShelves(logger, {
|
||||||
shelfId: shelfType === 'goodreads' ? shelfId : undefined,
|
shelfId: shelfType === 'goodreads' ? shelfId : undefined,
|
||||||
|
userId,
|
||||||
maxLookupsPerShelf: maxLookupsPerShelf ?? (shelfId ? 0 : undefined),
|
maxLookupsPerShelf: maxLookupsPerShelf ?? (shelfId ? 0 : undefined),
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -70,6 +73,7 @@ export async function processSyncShelves(
|
|||||||
await import('../services/hardcover-sync.service');
|
await import('../services/hardcover-sync.service');
|
||||||
const hcStats = await processHardcoverShelves(logger, {
|
const hcStats = await processHardcoverShelves(logger, {
|
||||||
shelfId: shelfType === 'hardcover' ? shelfId : undefined,
|
shelfId: shelfType === 'hardcover' ? shelfId : undefined,
|
||||||
|
userId,
|
||||||
maxLookupsPerShelf: maxLookupsPerShelf ?? (shelfId ? 0 : undefined),
|
maxLookupsPerShelf: maxLookupsPerShelf ?? (shelfId ? 0 : undefined),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -98,9 +98,15 @@ export class OIDCAuthProvider implements IAuthProvider {
|
|||||||
timestamp: Date.now(),
|
timestamp: Date.now(),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Only request 'groups' scope when group-based features are configured
|
||||||
|
const accessMethod = await this.configService.get('oidc.access_control_method');
|
||||||
|
const adminClaimEnabled = await this.configService.get('oidc.admin_claim_enabled');
|
||||||
|
const needsGroups = accessMethod === 'group_claim' || adminClaimEnabled === 'true';
|
||||||
|
const scope = needsGroups ? 'openid profile email groups' : 'openid profile email';
|
||||||
|
|
||||||
// Generate authorization URL
|
// Generate authorization URL
|
||||||
const redirectUrl = client.authorizationUrl({
|
const redirectUrl = client.authorizationUrl({
|
||||||
scope: 'openid profile email groups',
|
scope,
|
||||||
state,
|
state,
|
||||||
nonce,
|
nonce,
|
||||||
code_challenge: codeChallenge,
|
code_challenge: codeChallenge,
|
||||||
|
|||||||
@@ -128,7 +128,7 @@ async function fetchHtml(
|
|||||||
*/
|
*/
|
||||||
export async function testFlareSolverrConnection(
|
export async function testFlareSolverrConnection(
|
||||||
flaresolverrUrl: string,
|
flaresolverrUrl: string,
|
||||||
baseUrl: string = 'https://annas-archive.li'
|
baseUrl: string = 'https://annas-archive.gl'
|
||||||
): Promise<{ success: boolean; message: string; responseTime?: number }> {
|
): Promise<{ success: boolean; message: string; responseTime?: number }> {
|
||||||
const startTime = Date.now();
|
const startTime = Date.now();
|
||||||
|
|
||||||
@@ -168,7 +168,7 @@ export async function downloadEbook(
|
|||||||
author: string,
|
author: string,
|
||||||
targetDir: string,
|
targetDir: string,
|
||||||
preferredFormat: string = 'epub',
|
preferredFormat: string = 'epub',
|
||||||
baseUrl: string = 'https://annas-archive.li',
|
baseUrl: string = 'https://annas-archive.gl',
|
||||||
logger?: RMABLogger,
|
logger?: RMABLogger,
|
||||||
flaresolverrUrl?: string,
|
flaresolverrUrl?: string,
|
||||||
languageCode: string = 'en'
|
languageCode: string = 'en'
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user