mirror of
https://github.com/kikootwo/ReadMeABook.git
synced 2026-06-03 04:40:09 +00:00
kikootwo
09e1a0db3a
Replace default Anna's Archive base URL from https://annas-archive.li to https://annas-archive.gl across docs, UI components, API routes, processors, services, and tests. Add comprehensive tests for the admin manual-import API route and enhance the manual-import route to fetch missing ASIN details from Audnexus and create audiobook records with proper error handling and logging. Update related test expectations and FlareSolverr test usages to reflect the new default URL.
315 lines
14 KiB
TypeScript
315 lines
14 KiB
TypeScript
/**
|
|
* Component: E-book Settings Tab
|
|
* Documentation: documentation/settings-pages.md
|
|
*
|
|
* Three-section layout:
|
|
* 1. Anna's Archive - Direct HTTP downloads from Anna's Archive
|
|
* 2. Indexer Search - Search via Prowlarr indexers (future feature)
|
|
* 3. General Settings - Shared settings like preferred format
|
|
*/
|
|
|
|
'use client';
|
|
|
|
import React from 'react';
|
|
import { Button } from '@/components/ui/Button';
|
|
import { Input } from '@/components/ui/Input';
|
|
import { useEbookSettings } from './useEbookSettings';
|
|
import type { EbookSettings } from '../../lib/types';
|
|
|
|
interface EbookTabProps {
|
|
ebook: EbookSettings;
|
|
onChange: (ebook: EbookSettings) => void;
|
|
onSuccess: (message: string) => void;
|
|
onError: (message: string) => void;
|
|
markAsSaved: () => void;
|
|
}
|
|
|
|
export function EbookTab({ ebook, onChange, onSuccess, onError, markAsSaved }: EbookTabProps) {
|
|
const {
|
|
saving,
|
|
testingFlaresolverr,
|
|
flaresolverrTestResult,
|
|
updateEbook,
|
|
testFlaresolverrConnection,
|
|
saveSettings,
|
|
isAnySourceEnabled,
|
|
} = useEbookSettings({ ebook, onChange, onSuccess, onError, markAsSaved });
|
|
|
|
return (
|
|
<div className="space-y-6 max-w-2xl">
|
|
{/* Header */}
|
|
<div>
|
|
<h2 className="text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4">
|
|
E-book Sidecar
|
|
</h2>
|
|
<p className="text-gray-600 dark:text-gray-400 mb-6">
|
|
Automatically download e-books to accompany your audiobooks.
|
|
E-books are placed in the same folder as the audiobook files.
|
|
</p>
|
|
</div>
|
|
|
|
{/* ═══════════════════════════════════════════════════════════════════════
|
|
SECTION 1: ANNA'S ARCHIVE
|
|
═══════════════════════════════════════════════════════════════════════ */}
|
|
<div className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
|
|
<div className="bg-gray-50 dark:bg-gray-800 px-4 py-3 border-b border-gray-200 dark:border-gray-700">
|
|
<h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 uppercase tracking-wider">
|
|
Anna's Archive
|
|
</h3>
|
|
</div>
|
|
<div className="p-4 space-y-4">
|
|
{/* Enable Toggle */}
|
|
<div className="flex items-start gap-4">
|
|
<input
|
|
type="checkbox"
|
|
id="annas-archive-enabled"
|
|
checked={ebook.annasArchiveEnabled || false}
|
|
onChange={(e) => updateEbook('annasArchiveEnabled', e.target.checked)}
|
|
className="mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
|
|
/>
|
|
<div className="flex-1">
|
|
<label
|
|
htmlFor="annas-archive-enabled"
|
|
className="block text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer"
|
|
>
|
|
Enable Anna's Archive downloads
|
|
</label>
|
|
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
|
Download e-books directly from Anna's Archive using ASIN or title matching.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Anna's Archive specific settings - only shown when enabled */}
|
|
{ebook.annasArchiveEnabled && (
|
|
<>
|
|
{/* Base URL */}
|
|
<div>
|
|
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
Base URL
|
|
</label>
|
|
<Input
|
|
type="text"
|
|
value={ebook.baseUrl || 'https://annas-archive.gl'}
|
|
onChange={(e) => updateEbook('baseUrl', e.target.value)}
|
|
placeholder="https://annas-archive.gl"
|
|
className="font-mono"
|
|
/>
|
|
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
|
Change this if the primary Anna's Archive mirror is unavailable.
|
|
</p>
|
|
</div>
|
|
|
|
{/* FlareSolverr URL */}
|
|
<div className="space-y-3">
|
|
<div>
|
|
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
FlareSolverr URL (Optional)
|
|
</label>
|
|
<div className="flex gap-2">
|
|
<Input
|
|
type="text"
|
|
value={ebook.flaresolverrUrl || ''}
|
|
onChange={(e) => updateEbook('flaresolverrUrl', e.target.value)}
|
|
placeholder="http://localhost:8191"
|
|
className="font-mono flex-1"
|
|
/>
|
|
<Button
|
|
onClick={testFlaresolverrConnection}
|
|
loading={testingFlaresolverr}
|
|
variant="secondary"
|
|
className="whitespace-nowrap"
|
|
>
|
|
Test
|
|
</Button>
|
|
</div>
|
|
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
|
FlareSolverr helps bypass Cloudflare protection.
|
|
</p>
|
|
{flaresolverrTestResult && (
|
|
<div
|
|
className={`mt-2 p-3 rounded-lg text-sm ${
|
|
flaresolverrTestResult.success
|
|
? 'bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border border-green-200 dark:border-green-800'
|
|
: 'bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border border-red-200 dark:border-red-800'
|
|
}`}
|
|
>
|
|
{flaresolverrTestResult.success ? '✓ ' : '✗ '}
|
|
{flaresolverrTestResult.message}
|
|
</div>
|
|
)}
|
|
</div>
|
|
{!ebook.flaresolverrUrl && (
|
|
<div className="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg p-3">
|
|
<p className="text-sm text-amber-800 dark:text-amber-200">
|
|
<strong>Note:</strong> Without FlareSolverr, e-book downloads may fail if Anna's Archive
|
|
has Cloudflare protection enabled.
|
|
</p>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
{/* ═══════════════════════════════════════════════════════════════════════
|
|
SECTION 2: INDEXER SEARCH
|
|
═══════════════════════════════════════════════════════════════════════ */}
|
|
<div className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
|
|
<div className="bg-gray-50 dark:bg-gray-800 px-4 py-3 border-b border-gray-200 dark:border-gray-700">
|
|
<h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 uppercase tracking-wider">
|
|
Indexer Search
|
|
</h3>
|
|
</div>
|
|
<div className="p-4 space-y-4">
|
|
{/* Enable Toggle */}
|
|
<div className="flex items-start gap-4">
|
|
<input
|
|
type="checkbox"
|
|
id="indexer-search-enabled"
|
|
checked={ebook.indexerSearchEnabled || false}
|
|
onChange={(e) => updateEbook('indexerSearchEnabled', e.target.checked)}
|
|
className="mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
|
|
/>
|
|
<div className="flex-1">
|
|
<label
|
|
htmlFor="indexer-search-enabled"
|
|
className="block text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer"
|
|
>
|
|
Enable Indexer Search
|
|
</label>
|
|
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
|
Search for e-books via Prowlarr indexers (torrent/NZB sources).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Info hint about indexer settings */}
|
|
{ebook.indexerSearchEnabled && (
|
|
<div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-3">
|
|
<p className="text-sm text-blue-800 dark:text-blue-200">
|
|
<strong>Configure Categories:</strong> E-book category settings are configured per-indexer
|
|
in the <span className="font-medium">Indexers</span> tab. Look for the "EBook" tab when
|
|
editing an indexer.
|
|
</p>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
{/* ═══════════════════════════════════════════════════════════════════════
|
|
SECTION 3: GENERAL SETTINGS
|
|
═══════════════════════════════════════════════════════════════════════ */}
|
|
{isAnySourceEnabled && (
|
|
<div className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
|
|
<div className="bg-gray-50 dark:bg-gray-800 px-4 py-3 border-b border-gray-200 dark:border-gray-700">
|
|
<h3 className="text-sm font-semibold text-gray-900 dark:text-gray-100 uppercase tracking-wider">
|
|
General Settings
|
|
</h3>
|
|
</div>
|
|
<div className="p-4 space-y-4">
|
|
{/* Preferred Format */}
|
|
<div>
|
|
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
Preferred Format
|
|
</label>
|
|
<select
|
|
value={ebook.preferredFormat || 'epub'}
|
|
onChange={(e) => updateEbook('preferredFormat', e.target.value)}
|
|
className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg
|
|
bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100
|
|
focus:ring-2 focus:ring-blue-500 focus:border-transparent"
|
|
>
|
|
<option value="epub">EPUB (Recommended)</option>
|
|
<option value="pdf">PDF</option>
|
|
<option value="mobi">MOBI</option>
|
|
<option value="azw3">AZW3</option>
|
|
<option value="any">Any format</option>
|
|
</select>
|
|
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
|
EPUB is recommended for most e-readers. "Any format" accepts the first available.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Auto Grab Toggle */}
|
|
<div className="flex items-start gap-4 pt-2">
|
|
<input
|
|
type="checkbox"
|
|
id="auto-grab-enabled"
|
|
checked={ebook.autoGrabEnabled ?? true}
|
|
onChange={(e) => updateEbook('autoGrabEnabled', e.target.checked)}
|
|
className="mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
|
|
/>
|
|
<div className="flex-1">
|
|
<label
|
|
htmlFor="auto-grab-enabled"
|
|
className="block text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer"
|
|
>
|
|
Automatically fetch ebooks
|
|
</label>
|
|
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
|
When enabled, ebook requests are created automatically after audiobook downloads complete.
|
|
When disabled, use the "Fetch Ebook" button on completed requests.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Kindle Fix Toggle - Only shown when EPUB is selected */}
|
|
{(ebook.preferredFormat === 'epub' || !ebook.preferredFormat) && (
|
|
<div className="flex items-start gap-4 pt-2 border-t border-gray-200 dark:border-gray-700 mt-4">
|
|
<input
|
|
type="checkbox"
|
|
id="kindle-fix-enabled"
|
|
checked={ebook.kindleFixEnabled ?? false}
|
|
onChange={(e) => updateEbook('kindleFixEnabled', e.target.checked)}
|
|
className="mt-1 h-5 w-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
|
|
/>
|
|
<div className="flex-1">
|
|
<label
|
|
htmlFor="kindle-fix-enabled"
|
|
className="block text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer"
|
|
>
|
|
Fix EPUB for Kindle import
|
|
</label>
|
|
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
|
Apply compatibility fixes before organizing EPUB files. Fixes encoding declarations,
|
|
broken hyperlinks, invalid language tags, and orphaned image elements that can
|
|
cause Kindle import failures.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)}
|
|
|
|
{/* How it works - only show when Anna's Archive is enabled */}
|
|
{ebook.annasArchiveEnabled && (
|
|
<div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4">
|
|
<h3 className="text-sm font-semibold text-blue-900 dark:text-blue-100 mb-2">
|
|
How Anna's Archive works
|
|
</h3>
|
|
<ul className="space-y-1 text-sm text-blue-800 dark:text-blue-200">
|
|
<li>• Searches by ASIN first (exact match), then title + author</li>
|
|
<li>• Downloads matching e-book in your preferred format</li>
|
|
<li>• Places e-book file in the same folder as the audiobook</li>
|
|
<li>• If no match is found, audiobook download continues normally</li>
|
|
</ul>
|
|
</div>
|
|
)}
|
|
|
|
{/* Save Button */}
|
|
<div className="border-t border-gray-200 dark:border-gray-700 pt-6">
|
|
<Button
|
|
onClick={saveSettings}
|
|
loading={saving}
|
|
className="w-full bg-blue-600 hover:bg-blue-700"
|
|
>
|
|
Save E-book Sidecar Settings
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|