\n 📚 Book Explorer\n

\n setShowUserDropdown(!showUserDropdown)}\n className=\"flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n Logged in as: {session.handle}\n \n \n \n \n {showUserDropdown && (\n

\n {\n setCurrentView(\"books\");\n setShowUserDropdown(false);\n }}\n className={`w-full text-left px-4 py-2 text-sm hover:bg-gray-100 ${\n currentView === \"books\" ? \"bg-gray-50 font-medium\" : \"\"\n }`}\n >\n 📚 My Books\n \n {\n setCurrentView(\"tools\");\n setShowUserDropdown(false);\n }}\n className={`w-full text-left px-4 py-2 text-sm hover:bg-gray-100 ${\n currentView === \"tools\" ? \"bg-gray-50 font-medium\" : \"\"\n }`}\n >\n 🔧 Tools\n \n

\n {\n handleLogout();\n setShowUserDropdown(false);\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50\"\n >\n Logout\n \n

\n )}\n

\n\n {currentView === \"tools\"\n ? \n : (\n <>\n {error && (\n

\n {error}\n

\n )}\n\n {books.length > 0 && (\n

\n My Books ({statusFilter\n ? `${filteredBooks.length} of ${books.length}`\n : books.length})\n

\n Page {currentPage + 1} of {totalPages} • Showing{\" \"}\n {paginatedBooks.length} books\n {statusFilter &&\n ` (filtered by ${STATUS_LABELS[statusFilter]})`}\n

\n\n \n\n {showBulkActions && (\n \n )}\n\n \n\n {totalPages > 1 && (\n \n )}\n

\n )}\n\n {!loading && books.length === 0 && (\n

📚

\n No books found\n

\n Your book collection will appear here once you add some\n books to your Bluesky profile.\n

\n )}\n \n )}\n

\n\n {/* Toast Container */}\n \n

\n );\n}\n\nconst statusOptions: BookStatus[] = [\n \"buzz.bookhive.defs#wantToRead\",\n \"buzz.bookhive.defs#reading\",\n \"buzz.bookhive.defs#finished\",\n \"buzz.bookhive.defs#abandoned\",\n \"buzz.bookhive.defs#owned\",\n];\n\nconst getStatusColor = (status: BookStatus) => {\n switch (status) {\n case \"buzz.bookhive.defs#finished\":\n return \"bg-green-100 text-green-800\";\n case \"buzz.bookhive.defs#reading\":\n return \"bg-blue-100 text-blue-800\";\n case \"buzz.bookhive.defs#wantToRead\":\n return \"bg-yellow-100 text-yellow-800\";\n case \"buzz.bookhive.defs#abandoned\":\n return \"bg-red-100 text-red-800\";\n case \"buzz.bookhive.defs#owned\":\n return \"bg-gray-100 text-gray-800\";\n default:\n return \"bg-gray-100 text-gray-800\";\n }\n};\n\ninterface BooksTableProps {\n books: AtProtoRecord[];\n selectedBooks: Set;\n onToggleSelection: (uri: string) => void;\n onSelectAll: () => void;\n onClearSelection: () => void;\n onStatusUpdate: (uri: string, status: BookStatus) => void;\n}\n\nfunction BooksTable({\n books,\n selectedBooks,\n onToggleSelection,\n onSelectAll,\n onClearSelection,\n onStatusUpdate,\n}: BooksTableProps) {\n const allSelected = books.length > 0 &&\n books.every((book) => selectedBooks.has(book.uri));\n const someSelected = selectedBooks.size > 0 && !allSelected;\n\n const handleSelectAll = () => {\n if (allSelected) {\n onClearSelection();\n } else {\n onSelectAll();\n }\n };\n\n return (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {books.map((record) => (\n \n ))}\n \n

\n {\n if (input) (input as any).indeterminate = someSelected;\n }}\n onChange={handleSelectAll}\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n	\n Title\n	\n Author\n	\n Status\n	\n Added\n	\n Technical\n	\n Actions\n

\n );\n}\n\ninterface BookRowProps {\n record: AtProtoRecord;\n isSelected: boolean;\n onToggleSelection: (uri: string) => void;\n onStatusUpdate: (uri: string, status: BookStatus) => void;\n}\n\nfunction BookRow({\n record,\n isSelected,\n onToggleSelection,\n onStatusUpdate,\n}: BookRowProps) {\n const book = record.value;\n const currentStatus = book.status as BookStatus;\n const [showTechnical, setShowTechnical] = useState(false);\n\n return (\n \n \n onToggleSelection(record.uri)}\n className=\"rounded border-gray-300 text-blue-600 focus:ring-blue-500\"\n />\n \n \n \n {book.title}\n \n {book.stars && (\n

\n {\"★\".repeat(book.stars)} ({book.stars}/10)\n

\n )}\n \n \n \n {book.authors}\n \n \n \n \n {STATUS_LABELS[currentStatus] || currentStatus}\n \n \n \n

\n {new Date(book.createdAt).toLocaleDateString()}\n

\n {book.startedAt && (\n

\n Started: {new Date(book.startedAt).toLocaleDateString()}\n

\n )}\n {book.finishedAt && (\n

\n Finished: {new Date(book.finishedAt).toLocaleDateString()}\n

\n )}\n \n \n setShowTechnical(!showTechnical)}\n className=\"text-xs text-blue-600 hover:text-blue-800\"\n >\n {showTechnical ? \"Hide\" : \"Show\"}\n \n {showTechnical && (\n

URI: {record.uri.slice(-20)}...

CID: {record.cid.slice(-20)}...

Hive: {book.hiveId}

\n )}\n \n \n

\n {\n const target = e.target as HTMLSelectElement;\n onStatusUpdate(record.uri, target.value as BookStatus);\n }}\n className=\"text-xs border border-gray-300 rounded px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500\"\n >\n {statusOptions.map((status) => (\n \n ))}\n \n \n \n \n \n \n

\n \n \n );\n}\n\ninterface BulkActionsProps {\n selectedCount: number;\n onStatusUpdate: (status: BookStatus) => void;\n onClearSelection: () => void;\n}\n\nfunction BulkActions(\n { selectedCount, onStatusUpdate, onClearSelection }: BulkActionsProps,\n) {\n return (\n

\n {selectedCount} book{selectedCount === 1 ? \"\" : \"s\"} selected\n

\n Change status to:\n {statusOptions.map((status) => (\n onStatusUpdate(status)}\n className={`px-2 py-1 rounded text-xs ${\n getStatusColor(status)\n } hover:opacity-80`}\n >\n {STATUS_LABELS[status]}\n \n ))}\n \n Clear\n \n

\n );\n}\n\ninterface PaginationProps {\n currentPage: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n}\n\nfunction Pagination(\n { currentPage, totalPages, onPageChange }: PaginationProps,\n) {\n const pages = [];\n const showPages = 5;\n let startPage = Math.max(0, currentPage - Math.floor(showPages / 2));\n const endPage = Math.min(totalPages - 1, startPage + showPages - 1);\n\n if (endPage - startPage < showPages - 1) {\n startPage = Math.max(0, endPage - showPages + 1);\n }\n\n for (let i = startPage; i <= endPage; i++) {\n pages.push(i);\n }\n\n return (\n

\n onPageChange(currentPage - 1)}\n disabled={currentPage === 0}\n className=\"px-3 py-1 border border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n ← Prev\n \n\n {startPage > 0 && (\n <>\n onPageChange(0)}\n className=\"px-3 py-1 border border-gray-300 rounded hover:bg-gray-50\"\n >\n 1\n \n {startPage > 1 && ...}\n \n )}\n\n {pages.map((page) => (\n onPageChange(page)}\n className={`px-3 py-1 border rounded ${\n page === currentPage\n ? \"bg-blue-600 text-white border-blue-600\"\n : \"border-gray-300 hover:bg-gray-50\"\n }`}\n >\n {page + 1}\n \n ))}\n\n {endPage < totalPages - 1 && (\n <>\n {endPage < totalPages - 2 && (\n ...\n )}\n onPageChange(totalPages - 1)}\n className=\"px-3 py-1 border border-gray-300 rounded hover:bg-gray-50\"\n >\n {totalPages}\n \n \n )}\n\n onPageChange(currentPage + 1)}\n disabled={currentPage === totalPages - 1}\n className=\"px-3 py-1 border border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed hover:bg-gray-50\"\n >\n Next →\n \n

\n );\n}\n\ninterface ToastContainerProps {\n toasts: Toast[];\n onRemoveToast: (id: string) => void;\n}\n\nfunction ToastContainer({ toasts, onRemoveToast }: ToastContainerProps) {\n if (toasts.length === 0) return null;\n\n return (\n

\n {toasts.map((toast) => (\n \n ))}\n

\n );\n}\n\ninterface ToastMessageProps {\n toast: Toast;\n onRemove: (id: string) => void;\n}\n\nfunction ToastMessage({ toast, onRemove }: ToastMessageProps) {\n const getToastStyles = (type: Toast[\"type\"]) => {\n switch (type) {\n case \"success\":\n return \"bg-green-500 text-white\";\n case \"error\":\n return \"bg-red-500 text-white\";\n case \"info\":\n return \"bg-blue-500 text-white\";\n default:\n return \"bg-gray-500 text-white\";\n }\n };\n\n const getIcon = (type: Toast[\"type\"]) => {\n switch (type) {\n case \"success\":\n return \"✅\";\n case \"error\":\n return \"❌\";\n case \"info\":\n return \"ℹ️\";\n default:\n return \"📝\";\n }\n };\n\n return (\n \n

\n {getIcon(toast.type)}\n

{toast.message}

\n onRemove(toast.id)}\n className=\"text-white/80 hover:text-white ml-2 shrink-0\"\n >\n ✕\n \n \n );\n}\n\ninterface BookFilterProps {\n currentFilter: BookStatus | null;\n onFilterChange: (filter: BookStatus | null) => void;\n}\n\nfunction BookFilter({ currentFilter, onFilterChange }: BookFilterProps) {\n return (\n

\n \n Filter by status:\n \n {\n const target = e.target as HTMLSelectElement;\n onFilterChange(target.value as BookStatus || null);\n }}\n className=\"border border-gray-300 rounded-md px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n {statusOptions.map((status) => (\n \n ))}\n \n

\n\n {currentFilter && (\n onFilterChange(null)}\n className=\"px-3 py-1 text-sm bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 self-start sm:self-auto\"\n >\n Clear Filter\n \n )}\n\n {currentFilter && (\n

\n Showing books with status:{\" \"}\n \n {STATUS_LABELS[currentFilter]}\n \n

\n )}\n

\n );\n}\n\ninterface ToolsViewProps {\n session: OAuthSession;\n showToast: (type: Toast[\"type\"], message: string) => void;\n}\n\nfunction ToolsView({ session, showToast }: ToolsViewProps) {\n const [csvFile, setCsvFile] = useState(null);\n const [processing, setProcessing] = useState(false);\n const [processingStatus, setProcessingStatus] = useState(\"\");\n const [results, setResults] = useState<\n {\n total: number;\n updated: number;\n failed: number;\n books: Array<{ title: string; status: string; success: boolean }>;\n } | null\n >(null);\n\n const handleFileChange = (e: React.ChangeEvent) => {\n const target = e.target as HTMLInputElement;\n if (target.files && target.files[0]) {\n setCsvFile(target.files[0]);\n setResults(null);\n }\n };\n\n const parseCsvFile = async (file: File): Promise => {\n const text = await file.text();\n const lines = text.split(\"\\n\");\n const headers = lines[0].split(\",\").map((h) => h.trim().replace(/\"/g, \"\"));\n\n const records = [];\n for (let i = 1; i < lines.length; i++) {\n if (!lines[i].trim()) continue;\n\n // Parse CSV line handling quoted values\n const values: string[] = [];\n let current = \"\";\n let inQuotes = false;\n\n for (let j = 0; j < lines[i].length; j++) {\n const char = lines[i][j];\n if (char === '\"') {\n inQuotes = !inQuotes;\n } else if (char === \",\" && !inQuotes) {\n values.push(current.trim());\n current = \"\";\n } else {\n current += char;\n }\n }\n values.push(current.trim());\n\n const record: any = {};\n headers.forEach((header, index) => {\n record[header] = values[index] || \"\";\n });\n records.push(record);\n }\n\n return records;\n };\n\n const processImport = async () => {\n if (!csvFile) {\n showToast(\"error\", \"Please select a CSV file first\");\n return;\n }\n\n setProcessing(true);\n setProcessingStatus(\"Parsing CSV file...\");\n\n try {\n // Parse CSV\n const csvRecords = await parseCsvFile(csvFile);\n\n // Filter for books with \"to-read\" status\n const toReadBooks = csvRecords.filter(\n (record) => record[\"Read Status\"] === \"to-read\",\n );\n\n if (toReadBooks.length === 0) {\n showToast(\"info\", \"No books with 'to-read' status found in the CSV\");\n setProcessing(false);\n return;\n }\n\n setProcessingStatus(\n `Found ${toReadBooks.length} books to update. Fetching your AT Protocol books...`,\n );\n\n // Fetch current books from AT Protocol\n const response = await fetch(\"/api/books\", {\n headers: {\n \"X-Session-Data\": btoa(JSON.stringify(session)),\n },\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch your books\");\n }\n\n const { books } = await response.json();\n\n // Match books by title and find those with \"wantToRead\" status\n const booksToUpdate = [];\n for (const csvBook of toReadBooks) {\n const csvTitle = csvBook.Title.toLowerCase().trim();\n const atProtoBook = books.find((b: AtProtoRecord) => {\n const bookTitle = b.value.title.toLowerCase().trim();\n return (\n bookTitle === csvTitle &&\n b.value.status === \"buzz.bookhive.defs#wantToRead\"\n );\n });\n\n if (atProtoBook) {\n booksToUpdate.push({\n uri: atProtoBook.uri,\n title: atProtoBook.value.title,\n csvTitle: csvBook.Title,\n });\n }\n }\n\n if (booksToUpdate.length === 0) {\n showToast(\n \"info\",\n \"No matching books found with 'Want to Read' status in your AT Protocol records\",\n );\n setProcessing(false);\n return;\n }\n\n setProcessingStatus(\n `Updating ${booksToUpdate.length} books to 'Finished' status...`,\n );\n\n // Update each book\n const updateResults = [];\n let successCount = 0;\n let failCount = 0;\n\n for (const book of booksToUpdate) {\n try {\n const updateResponse = await fetch(\n `/api/books/${encodeURIComponent(book.uri)}/status`,\n {\n method: \"PUT\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-Session-Data\": btoa(JSON.stringify(session)),\n },\n body: JSON.stringify({ status: \"buzz.bookhive.defs#finished\" }),\n },\n );\n\n if (updateResponse.ok) {\n successCount++;\n updateResults.push({\n title: book.title,\n status: \"Updated to Finished\",\n success: true,\n });\n } else {\n failCount++;\n updateResults.push({\n title: book.title,\n status: \"Failed to update\",\n success: false,\n });\n }\n } catch {\n failCount++;\n updateResults.push({\n title: book.title,\n status: \"Network error\",\n success: false,\n });\n }\n\n setProcessingStatus(\n `Processing: ${successCount + failCount} of ${booksToUpdate.length}`,\n );\n }\n\n setResults({\n total: booksToUpdate.length,\n updated: successCount,\n failed: failCount,\n books: updateResults,\n });\n\n if (successCount > 0) {\n showToast(\n \"success\",\n `Successfully updated ${successCount} book${\n successCount === 1 ? \"\" : \"s\"\n } to Finished status`,\n );\n }\n\n if (failCount > 0) {\n showToast(\n \"error\",\n `Failed to update ${failCount} book${failCount === 1 ? \"\" : \"s\"}`,\n );\n }\n } catch (error) {\n showToast(\n \"error\",\n `Import failed: ${\n error instanceof Error ? error.message : \"Unknown error\"\n }`,\n );\n } finally {\n setProcessing(false);\n setProcessingStatus(\"\");\n }\n };\n\n return (\n

\n 📚 StoryGraph Import Tool\n

\n This tool allows you to sync your StoryGraph reading status with\n your AT Protocol book records. It will:\n

Parse your StoryGraph export CSV file
Find books with \"to-read\" status in the CSV
\n Match them with books in your AT Protocol records that have \"Want\n to Read\" status\n
Update those matched books to \"Finished\" status

\n This is useful if you've been tracking your reading in StoryGraph\n and want to update your Bluesky/AT Protocol book statuses\n accordingly.\n

\n\n

\n \n Upload StoryGraph Export CSV\n \n \n {csvFile && (\n

\n Selected: {csvFile.name}\n

\n )}\n

\n\n \n {processing ? \"Processing...\" : \"Import and Update Books\"}\n \n\n {processingStatus && (\n

\n {processingStatus}\n

\n )}\n

\n\n {results && (\n

\n Import Results\n

\n {results.total}\n

Total Books

\n {results.updated}\n

Updated

\n {results.failed}\n

Failed

\n\n {results.books.length > 0 && (\n

\n Processed Books:\n

\n \n \n \n \n \n \n \n \n {results.books.map((book, index) => (\n \n \n \n \n ))}\n \n

\n Title\n	\n Status\n
\n {book.title}\n	\n \n {book.status}\n \n

\n )}\n

\n );\n}\n",[],[201,207,214],{"_103":224,"_95":225,"_152":226,"_154":208,"_155":137,"_156":227,"_158":159,"_105":228,"_100":229,"_161":219,"_163":230,"_164":22,"_165":-5,"_166":231,"_98":232},"8f3dbbc2-72dc-11f0-a44d-0224a6c84d84","Login.tsx","63aa70f8-708f-11f0-9e5d-0224a6c84d84",66,["D",1754495206998],5,"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nexport function Login() {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [handle, setHandle] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n\n if (!handle.trim()) {\n setError(\"Please enter your Bluesky handle\");\n setLoading(false);\n return;\n }\n\n try {\n const response = await fetch(\"/api/auth/start\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ handle: handle.trim() }),\n });\n\n const data = await response.json();\n\n if (response.ok) {\n // Redirect to OAuth authorization URL\n globalThis.location.href = data.authUrl;\n } else {\n setError(data.error || \"Failed to start OAuth flow\");\n }\n } catch (_err) {\n setError(\"Network error occurred\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n Login to Book Explorer\n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Bluesky Handle\n \n {\n const target = e.target as HTMLInputElement;\n setHandle(target.value);\n }}\n placeholder=\"your-handle.bsky.social\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={loading}\n required\n />\n

\n Enter your Bluesky handle (with or without .bsky.social)\n

\n\n \n {loading ? \"Authenticating...\" : \"Login with Bluesky\"}\n \n \n\n

\n 📚 Book Explorer - Manage your Bluesky book collection\n

\n Uses OAuth for secure authentication. Only you can access and modify\n your book records.\n

\n );\n}\n",[],[201,207,225],[201,207],{"_103":235,"_95":236,"_152":237,"_154":202,"_155":137,"_156":238,"_158":159,"_105":239,"_100":32,"_161":175,"_163":240,"_164":22,"_165":-5,"_166":241,"_98":242},"63a4c428-708f-11f0-ab0e-0224a6c84d84","index.html","63a4c4dc-708f-11f0-ab0e-0224a6c84d84",6,["D",1754242160238],"\n\n \n \n \n Book Explorer\n \n \n \n \n

\n \n \n\n",[],[201,236],{"_103":244,"_95":245,"_152":246,"_154":202,"_155":137,"_156":247,"_158":159,"_105":248,"_100":32,"_161":219,"_163":249,"_164":22,"_165":-5,"_166":250,"_98":251},"63dcbbf8-708f-11f0-9914-0224a6c84d84","index.tsx","63dcbca2-708f-11f0-9914-0224a6c84d84",12,["D",1754242160282],"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[201,245],[201],{"_103":254,"_95":255,"_152":256,"_154":-5,"_155":137,"_156":257,"_158":159,"_105":258,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":259,"_98":278},"636ca5c0-708f-11f0-b06d-0224a6c84d84","shared","636ca66a-708f-11f0-b06d-0224a6c84d84",3,["D",1754242159910],[260,269],{"_103":261,"_95":262,"_152":263,"_154":256,"_155":137,"_156":264,"_158":159,"_105":265,"_100":229,"_161":219,"_163":266,"_164":22,"_165":-5,"_166":267,"_98":268},"5709212c-7225-11f0-a574-0224a6c84d84","config.ts","31cf6202-7092-11f0-9cb9-0224a6c84d84",62,["D",1754416514793],"export const APP_CONFIG = {\n // Base URL for the application\n BASE_URL: \"https://book-browser.val.run\",\n\n // OAuth configuration\n CLIENT_ID: \"https://book-browser.val.run/client-metadata.json\",\n REDIRECT_URI: \"https://book-browser.val.run/oauth/callback\",\n\n // App metadata\n APP_NAME: \"Book Explorer\",\n APP_DESCRIPTION: \"Browse and manage your Bluesky book collection\",\n\n // ATProto configuration\n ATPROTO_SERVICE: \"https://bsky.social\", // Default fallback for handle resolution\n PLC_DIRECTORY: \"https://plc.directory\",\n} as const;\n",[],[255,262],{"_103":270,"_95":271,"_152":272,"_154":256,"_155":137,"_156":273,"_158":159,"_105":274,"_100":209,"_161":219,"_163":275,"_164":22,"_165":-5,"_166":276,"_98":277},"c3855700-8682-11f0-92dd-0224a6c84d84","types.ts","63c487f4-708f-11f0-813c-0224a6c84d84",73,["D",1756655663255],"export interface BookRecord {\n $type: \"buzz.bookhive.book\";\n title: string;\n authors: string;\n hiveId: string;\n createdAt: string;\n status: string;\n cover?: {\n $type: \"blob\";\n ref: {\n $link: string;\n };\n mimeType: string;\n size: number;\n };\n startedAt?: string;\n finishedAt?: string;\n stars?: number;\n review?: string;\n}\n\nexport type BookStatus =\n | \"buzz.bookhive.defs#finished\"\n | \"buzz.bookhive.defs#reading\"\n | \"buzz.bookhive.defs#wantToRead\"\n | \"buzz.bookhive.defs#abandoned\"\n | \"buzz.bookhive.defs#owned\";\n\nexport const STATUS_LABELS: Record = {\n \"buzz.bookhive.defs#finished\": \"Finished\",\n \"buzz.bookhive.defs#reading\": \"Currently Reading\",\n \"buzz.bookhive.defs#wantToRead\": \"Want to Read\",\n \"buzz.bookhive.defs#abandoned\": \"Abandoned\",\n \"buzz.bookhive.defs#owned\": \"Owned\",\n};\n\nexport interface AtProtoRecord {\n uri: string;\n cid: string;\n value: BookRecord;\n}\n\nexport interface OAuthSession {\n did: string;\n handle: string;\n pdsUrl: string;\n accessToken: string;\n refreshToken: string;\n}\n\nexport interface OAuthState {\n state: string;\n codeVerifier: string;\n handle: string;\n}\n",[],[255,271],[255],{"_103":280,"_95":281,"_152":282,"_154":-5,"_155":137,"_156":283,"_158":159,"_105":284,"_100":32,"_161":175,"_163":285,"_164":22,"_165":-5,"_166":286,"_98":287},"56f67cde-7225-11f0-a1e6-0224a6c84d84",".gitignore","56f67da6-7225-11f0-a1e6-0224a6c84d84",61,["D",1754416514676],".vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\n\n# valtown specific\n.vt",[],[281],{"_103":289,"_95":290,"_152":291,"_154":-5,"_155":137,"_156":292,"_158":159,"_105":293,"_100":32,"_161":175,"_163":294,"_164":22,"_165":-5,"_166":295,"_98":296},"63ca42b6-708f-11f0-ab0e-0224a6c84d84",".vtignore","63ca4374-708f-11f0-ab0e-0224a6c84d84",11,["D",1754242160522],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[290],{"_103":298,"_95":299,"_152":300,"_154":-5,"_155":137,"_156":301,"_158":159,"_105":302,"_100":32,"_161":175,"_163":303,"_164":22,"_165":-5,"_166":304,"_98":305},"797f1710-716d-11f0-8ec5-0224a6c84d84","README.md","797f17ce-716d-11f0-8ec5-0224a6c84d84",60,["D",1754337545214],"# Book Explorer 📚\n\nBook explorer is a very simple alternate UI for the\n[Bookhive.buzz](https://bookhive.buzz) social platform for book lovers. This\ntool allows you to edit the status of your bookhive collection books with a\nsimple dropdown per book, or by bulk editing multiple selected books at once.\n\nThe practical reason of making this was that i wanted to fix the read status for\na lot of books at once, but also try my hand at a full oauth implementation,\nincluding editing of your own records, not just viewing.\n\nBut the more high-minded reason (which i came up with after the fact) is that it\nshows off the power of atproto! I did not have to make an account for Bookhive,\ni could just login with Bluesky, upload my books and go. And then because\nbookhive stores my books on the atproto network as records i can make a tool to\nfetch those same records from my own pds (in this case bsky.social but works for\nany pds) and just edit them. And the changes show up in Bookhive! How cool is\nthat.\n\n## How to use\n\n### Quick Start on Val Town\n\n1. **Remix this project** on [Val Town](https://val.town)\n2. **Deploy it** - Val Town will provide you with a public URL\n3. **Visit your app** and enter your Bluesky handle (e.g.,\n `yourname.bsky.social`)\n4. **Authenticate** through the standard OAuth flow\n5. **Manage your books** - view and update your reading status\n\nThat's it! No configuration or setup required.\n\n### Local Development\n\n```bash\n# Clone the repository\ngit clone \ncd book-explorer\n\n# Run with Deno\ndeno task quality # Format, lint, and type check\ndeno run --allow-net --allow-env backend/index.ts\n```\n\n## Technical Details\n\n- **Frontend**: React with TypeScript\n- **Backend**: Hono framework on Deno\n- **Authentication**: OAuth 2.0 with DPoP (Demonstration of Proof-of-Possession)\n- **Database**: SQLite for session storage\n- **Protocol**: ATProto for decentralized data storage\n- **Deployment**: Optimized for Val Town and Deno environments\n\n## Architecture\n\nBook Explorer implements a complete OAuth 2.0 flow for ATProto with:\n\n- **Manual OAuth Implementation**: Built for Deno/Val Town compatibility\n- **DPoP Token Binding**: Secure authentication without bearer token\n vulnerabilities\n- **Session Persistence**: SQLite storage for OAuth sessions and DPoP keys\n- **Direct API Integration**: Raw ATProto XRPC calls for maximum compatibility\n\n## Made by\n\nCreated by **Tijs** ([@tijs.org](https://bsky.app/profile/tijs.org))\n\n## License\n\nMIT License - Feel free to fork, modify, and use this project for your own book\nmanagement needs.\n",[],[299],{"_103":307,"_95":308,"_152":309,"_154":-5,"_155":137,"_156":310,"_158":159,"_105":311,"_100":174,"_161":175,"_163":312,"_164":22,"_165":-5,"_166":313,"_98":314},"8fb17ce4-7091-11f0-9dd4-0224a6c84d84","deno.json","63b11e8a-708f-11f0-a865-0224a6c84d84",14,["D",1754243093157],"{\n \"tasks\": {\n \"quality\": \"deno fmt && deno lint --fix && deno check --allow-import **/*.ts **/*.tsx\",\n \"deploy\": \"deno task quality && vt push\",\n \"check\": \"deno check --allow-import **/*.ts **/*.tsx\",\n \"test\": \"deno test\",\n \"fmt\": \"deno fmt\",\n \"lint\": \"deno lint --fix\"\n },\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\n \"**/*.ts\",\n \"**/*.tsx\"\n ],\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[],[308],"files",[149,168,180,187,199,205,212,223,234,243,253,260,269,279,288,297,306],"counts",{"_319":32,"_320":174,"_321":32,"_322":32},"pulls","branches","forks","envVars","contents",[],{"_103":188,"_95":189,"_152":190,"_154":183,"_155":137,"_156":136,"_158":159,"_105":326,"_100":192,"_161":193,"_163":194,"_164":22,"_165":195,"_98":327},["D",1756656035988],[182,189],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":336,"_147":341,"_315":393,"_175":394,"_323":396,"_397":-5,"_398":22,"_399":-5,"_400":-5,"_401":-5,"_402":403},{"_103":104,"_95":96,"_105":337,"_107":-5,"_108":22,"_109":110,"_111":72,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":338,"_131":339,"_134":340,"_146":22},["D",1754219541287],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[342,348,354,372,381,384,387,390],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_105":160,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":343,"_98":347},[344],{"_103":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":172,"_158":159,"_105":173,"_100":174,"_161":175,"_163":176,"_164":22,"_165":-5,"_166":345,"_98":346},[],[151,170],[151],{"_103":181,"_95":182,"_152":183,"_154":-5,"_155":137,"_156":184,"_158":159,"_105":185,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":349,"_98":353},[350],{"_103":188,"_95":189,"_152":190,"_154":183,"_155":137,"_156":136,"_158":159,"_105":191,"_100":192,"_161":193,"_163":194,"_164":22,"_165":195,"_166":351,"_98":352},[],[182,189],[182],{"_103":200,"_95":201,"_152":202,"_154":-5,"_155":137,"_156":174,"_158":159,"_105":203,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":355,"_98":371},[356,365,368],{"_103":206,"_95":207,"_152":208,"_154":202,"_155":137,"_156":209,"_158":159,"_105":210,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":357,"_98":364},[358,361],{"_103":213,"_95":214,"_152":215,"_154":208,"_155":137,"_156":216,"_158":159,"_105":217,"_100":218,"_161":219,"_163":220,"_164":22,"_165":-5,"_166":359,"_98":360},[],[201,207,214],{"_103":224,"_95":225,"_152":226,"_154":208,"_155":137,"_156":227,"_158":159,"_105":228,"_100":229,"_161":219,"_163":230,"_164":22,"_165":-5,"_166":362,"_98":363},[],[201,207,225],[201,207],{"_103":235,"_95":236,"_152":237,"_154":202,"_155":137,"_156":238,"_158":159,"_105":239,"_100":32,"_161":175,"_163":240,"_164":22,"_165":-5,"_166":366,"_98":367},[],[201,236],{"_103":244,"_95":245,"_152":246,"_154":202,"_155":137,"_156":247,"_158":159,"_105":248,"_100":32,"_161":219,"_163":249,"_164":22,"_165":-5,"_166":369,"_98":370},[],[201,245],[201],{"_103":254,"_95":255,"_152":256,"_154":-5,"_155":137,"_156":257,"_158":159,"_105":258,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":373,"_98":380},[374,377],{"_103":261,"_95":262,"_152":263,"_154":256,"_155":137,"_156":264,"_158":159,"_105":265,"_100":229,"_161":219,"_163":266,"_164":22,"_165":-5,"_166":375,"_98":376},[],[255,262],{"_103":270,"_95":271,"_152":272,"_154":256,"_155":137,"_156":273,"_158":159,"_105":274,"_100":209,"_161":219,"_163":275,"_164":22,"_165":-5,"_166":378,"_98":379},[],[255,271],[255],{"_103":280,"_95":281,"_152":282,"_154":-5,"_155":137,"_156":283,"_158":159,"_105":284,"_100":32,"_161":175,"_163":285,"_164":22,"_165":-5,"_166":382,"_98":383},[],[281],{"_103":289,"_95":290,"_152":291,"_154":-5,"_155":137,"_156":292,"_158":159,"_105":293,"_100":32,"_161":175,"_163":294,"_164":22,"_165":-5,"_166":385,"_98":386},[],[290],{"_103":298,"_95":299,"_152":300,"_154":-5,"_155":137,"_156":301,"_158":159,"_105":302,"_100":32,"_161":175,"_163":303,"_164":22,"_165":-5,"_166":388,"_98":389},[],[299],{"_103":307,"_95":308,"_152":309,"_154":-5,"_155":137,"_156":310,"_158":159,"_105":311,"_100":174,"_161":175,"_163":312,"_164":22,"_165":-5,"_166":391,"_98":392},[],[308],[342,344,348,350,354,356,358,361,365,368,372,374,377,381,384,387,390],{"_103":188,"_95":189,"_152":190,"_154":183,"_155":137,"_156":136,"_158":159,"_105":326,"_100":192,"_161":193,"_163":194,"_164":22,"_165":195,"_98":395},[182,189],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]