FreeAudible — Free Audiobooks

e.stopPropagation()}>\n \n

{book.title}

{book.author}

{book.desc}

\n \n ▶ {book.externalLabel ?? \"Listen free at the source\"}\n \n

\n );\n }\n\n const toggle = () => {\n const a = audioRef.current!;\n if (a.paused) { a.play(); setPlaying(true); } else { a.pause(); setPlaying(false); }\n };\n const select = (i: number) => {\n setIdx(i); setErr(false);\n setTimeout(() => { audioRef.current?.play(); setPlaying(true); }, 0);\n };\n\n return (\n

e.stopPropagation()}>\n \n

{book.title}

{book.author}

Now playing: {chapter.title}

\n\n idx < book.chapters.length - 1 && select(idx + 1)}\n onError={() => { setErr(true); setPlaying(false); }}\n onPlay={() => setPlaying(true)}\n onPause={() => setPlaying(false)}\n />\n\n

\n \n \n \n

\n\n {err && (\n

\n Couldn't stream this chapter directly.{\" \"}\n Open it here →\n

\n )}\n\n

select(i)}>\n {i + 1} {c.title}\n

\n );\n}\n\nfunction App() {\n const [openId, setOpenId] = useState(null);\n const open = books.find((b) => b.id === openId) || null;\n\n // Wire up the existing static cards/buttons rendered by the server.\n React.useEffect(() => {\n const handler = (e: Event) => {\n const el = (e.target as HTMLElement).closest(\"[data-book]\") as HTMLElement | null;\n if (el) { e.preventDefault(); setOpenId(el.dataset.book!); }\n };\n document.addEventListener(\"click\", handler);\n return () => document.removeEventListener(\"click\", handler);\n }, []);\n\n return open ? setOpenId(null)} /> : null;\n}\n\nconst mount = document.getElementById(\"player-root\")!;\ncreateRoot(mount).render();\n",[121],"74328772-5d3c-11f1-8865-1607ee4eb77e",["D",1780264965396],"/** @jsxImportSource https://esm.sh/react@18 */\nimport { renderToString } from \"https://esm.sh/react-dom@18/server\";\nimport { books } from \"./books.ts\";\nimport { css, css2, css3 } from \"./style.ts\";\nimport { servePlayerBundle } from \"./bundle.ts\";\n\nfunction Page() {\n const featured = books.find((b) => b.featured)!;\n return (\n \n \n \n \n FreeAudible — Free Audiobooks\n

History