mirror of
https://github.com/john-okeefe/foliate-js.git
synced 2026-09-09 11:29:14 -04:00
john-okeefe
82142f8960
- Format comic-book.js, epub.js, and view.js with consistent style - No functional changes, formatting only
64 lines
1.8 KiB
JavaScript
64 lines
1.8 KiB
JavaScript
export const makeComicBook = ({ entries, loadBlob, getSize }, file) => {
|
|
const cache = new Map();
|
|
const urls = new Map();
|
|
const load = async (name) => {
|
|
if (cache.has(name)) return cache.get(name);
|
|
const src = URL.createObjectURL(await loadBlob(name));
|
|
const page = URL.createObjectURL(
|
|
new Blob(
|
|
[
|
|
`<!DOCTYPE html><html><head><meta charset="utf-8"></head><body style="margin: 0"><img src="${src}"></body></html>`,
|
|
],
|
|
{ type: "text/html" },
|
|
),
|
|
);
|
|
urls.set(name, [src, page]);
|
|
cache.set(name, page);
|
|
return page;
|
|
};
|
|
const unload = (name) => {
|
|
urls.get(name)?.forEach?.((url) => URL.revokeObjectURL(url));
|
|
urls.delete(name);
|
|
cache.delete(name);
|
|
};
|
|
|
|
const exts = [
|
|
".jpg",
|
|
".jpeg",
|
|
".png",
|
|
".gif",
|
|
".bmp",
|
|
".webp",
|
|
".svg",
|
|
".jxl",
|
|
".avif",
|
|
];
|
|
const files = entries
|
|
.map((entry) => entry.filename)
|
|
.filter((name) => exts.some((ext) => name.endsWith(ext)))
|
|
.sort(new Intl.Collator([], { numeric: true }).compare);
|
|
if (!files.length) throw new Error("No supported image files in archive");
|
|
|
|
const book = {};
|
|
book.getCover = () => loadBlob(files[0]);
|
|
book.metadata = { title: file.name };
|
|
book.sections = files.map((name) => ({
|
|
id: name,
|
|
load: () => load(name),
|
|
unload: () => unload(name),
|
|
size: getSize(name),
|
|
}));
|
|
book.toc = files.map((name) => ({ label: name, href: name }));
|
|
book.rendition = { layout: "pre-paginated" };
|
|
book.resolveHref = (href) => ({
|
|
index: book.sections.findIndex((s) => s.id === href),
|
|
});
|
|
book.splitTOCHref = (href) => [href, null];
|
|
book.getTOCFragment = (doc) => doc.documentElement;
|
|
book.destroy = () => {
|
|
for (const arr of urls.values())
|
|
for (const url of arr) URL.revokeObjectURL(url);
|
|
};
|
|
return book;
|
|
};
|