You're offline or OpenAudible isn't reachable. Showing your downloaded books.
Open this page through the player server, not as a file.Run python3 server.py and visit http://localhost:8080
`;
$('msg').classList.remove('hide'); return;
}
+ await initOffline();
$('grid').innerHTML = Array(12).fill('').join('');
$('msg').classList.add('hide');
try {
const data = await get('/api/books');
books = Array.isArray(data) ? data : (data.books || Object.values(data));
+ $('offline').classList.add('hide');
render();
pull();
} catch (e) {
+ if (downloaded.size) { // can't reach the library: still let people listen to what they saved
+ books = [...downloaded.values()].map(m => m.book);
+ $('sort').value = 'dl'; $('offline').classList.remove('hide');
+ render(); return;
+ }
$('grid').replaceChildren();
$('msg').innerHTML = `Couldn't load your library.${e.message}
Try again `;
$('msg').classList.remove('hide');
@@ -219,18 +319,23 @@ function card(b) {
img.onerror = () => { const p = document.createElement('div'); p.className = 'ph'; p.style.background = `linear-gradient(135deg,hsl(${hue(title(b))} 55% 40%),hsl(${hue(title(b)) + 40} 55% 28%))`; p.textContent = title(b); img.replaceWith(p); };
d.querySelector('b').textContent = title(b);
d.querySelector('span').textContent = author(b);
+ const badge = document.createElement('span');
+ badge.className = 'dlb' + (dlState.has(id) ? ' busy' : downloaded.has(id) ? ' done' : ''); badge.dataset.id = id; badge.textContent = dlLabel(id);
+ badge.setAttribute('role', 'button'); badge.setAttribute('aria-label', 'Download for offline listening');
+ badge.onclick = e => { e.stopPropagation(); toggleDl(b); };
+ d.querySelector('.cov').append(badge);
d.onclick = () => play(b, true);
return d;
}
function render() {
const q = $('q').value.trim().toLowerCase(), sort = $('sort').value;
- let list = books.filter(b => !q || [title(b), author(b), series(b)].join(' ').toLowerCase().includes(q));
+ let list = books.filter(b => (sort !== 'dl' || downloaded.has(bookId(b))) && (!q || [title(b), author(b), series(b)].join(' ').toLowerCase().includes(q)));
const last = b => (store.get('prog:' + bookId(b)) || {}).t || 0;
- list.sort(sort === 'author' ? (a, b) => author(a).localeCompare(author(b)) || title(a).localeCompare(title(b))
+ list.sort(sort === 'author' || sort === 'dl' ? (a, b) => author(a).localeCompare(author(b)) || title(a).localeCompare(title(b))
: sort === 'recent' ? (a, b) => last(b) - last(a)
: (a, b) => title(a).localeCompare(title(b)));
- $('count').textContent = books.length ? `${list.length} book${list.length === 1 ? '' : 's'}` : '';
- if (sort === 'author') {
+ $('count').textContent = books.length ? `${list.length} book${list.length === 1 ? '' : 's'}` + (sort === 'dl' ? ' · ' + mb(list.reduce((a, b) => a + ((downloaded.get(bookId(b)) || {}).size || 0), 0)) : '') : '';
+ if (sort === 'author' || sort === 'dl') {
const groups = new Map();
const labels = new Map();
for (const b of list) {
@@ -254,7 +359,7 @@ function render() {
$('grid').className = 'grid';
$('grid').replaceChildren(...list.map(card));
}
- if (!list.length && books.length) { $('msg').textContent = 'No matches.'; $('msg').classList.remove('hide'); } else $('msg').classList.add('hide');
+ if (!list.length && books.length) { $('msg').textContent = sort === 'dl' ? 'Nothing downloaded yet. Tap the ↓ on a book to save it.' : 'No matches.'; $('msg').classList.remove('hide'); } else $('msg').classList.add('hide');
const cont = books.filter(b => { const p = store.get('prog:' + bookId(b)); return p && p.pos > 10 && p.dur && p.pos < p.dur - 30; })
.sort((a, b) => last(b) - last(a)).slice(0, 12);
$('contSec').classList.toggle('hide', !cont.length || !!q);
@@ -272,11 +377,23 @@ async function findFile(id) {
}
async function play(b, open) {
if (current && bookId(current) === bookId(b)) { if (open) openFull(); return; }
- const id = encodeURIComponent(bookId(b));
- let file;
- try { file = await findFile(id); } catch (e) { return toast('Could not list files: ' + e.message); }
- if (!file) return toast('No playable MP3/M4B for this book. Convert it in OpenAudible first.');
+ const id = encodeURIComponent(bookId(b)), off = downloaded.get(bookId(b));
+ let src;
+ if (off) {
+ try {
+ const parts = await OFF.chunks(bookId(b));
+ if (parts.length !== off.chunks) throw new Error('the saved copy is incomplete; remove it and download again');
+ src = URL.createObjectURL(new Blob(parts, { type: off.type }));
+ } catch (e) { return toast('Could not open the downloaded copy: ' + e.message); }
+ } else {
+ let file;
+ try { file = await findFile(id); } catch (e) { return toast('Could not list files: ' + e.message); }
+ if (!file) return toast('No playable MP3/M4B for this book. Convert it in OpenAudible first.');
+ src = `/api/books/${id}/files/${encodeURIComponent(file)}`;
+ }
saveProgress();
+ if (curObjUrl) URL.revokeObjectURL(curObjUrl);
+ curObjUrl = off ? src : null;
current = b;
$('mini').classList.remove('hide');
const fallback = 'data:image/svg+xml,' + encodeURIComponent(`${(title(b)[0] || '?').replace(/[<&]/g, '')}