@asteasolutions/epub-reader 1.0.0

package/.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  printWidth: 120,
+  semi: false,
+}

package/README.md

@@ -0,0 +1,104 @@
+# EPub Reader
+
+A library that loads and renders ePub documents in the browser.
+
+It provides support for:
+* [Media Overlays](https://www.w3.org/TR/epub/#sec-media-overlays) - if the ePub has smil files the library plays the narration and highlights the corresponding html element. The client can also obtain the current time of the audio book and the total duration.
+* [Navigation](https://www.w3.org/TR/epub-33/#sec-nav)
+  * For EPub 3.0 the manifest `<item properties="nav" />` element is parsed and provided in the form of a Table of contents (page list is also included).
+  * Support for EPub 2.0 `<item media-type="application/x-dtbncx+xml" />` is not yet implemented.
+* Cover image
+  * For EPub 3.0 a manfiest `<item properties="cover-image" />` element is checked.
+  * For EPub 2.0 `<meta name="cover" />` is not yet implemented.
+* Metadata
+  * Identifier (`<dc:identifier>`)
+  * Title (`<dc:title>`)
+  * Language (`<dc:language>`)
+  * Author (`<dc:creator>`)
+
+## Getting started
+
+### Installation
+
+```
+npm i @asteasolutions/epub-reader
+```
+
+### Usage
+
+First you need an HTML element where the content will be rendered
+
+```html
+<div id="epub-reader"></div>
+```
+
+Then you need to pass the epub document. The library provides two loaders which you can use depending on the source of the epub:
+* `ZipLoader` - use this when you have a Blob/File (e.g. selected by the user from the file system or downloaded from a url) or a url to an epub file. In the case of a url the epub is streamed instead of being downloaded in its entirety.
+* `AJAXUnpackedLoader` - use this when the epub is extracted and served statically from a url.
+
+You can also use the `createLoader` function which will create a loader for you based on the parameters passed.
+```javascript
+// This expects the epub files to be statically served on the corresponding path appended to the url - e.g. https://example-epub-library.com/awesome-epub/META-INF/container.xml
+createLoader('https://example-epub-library.com/awesome-epub')
+
+// This will create a ZipLoader
+createLoader('https://example-epub-library.com/awesome-zipped-epub', { isZipURL: true })
+// same as this
+createLoader(file)
+```
+
+Putting it all together
+```typescript
+import { createLoader, Book, Reader } from '@asteasolutions/reader-core'
+
+const container = document.getElementById('epub-reader')
+
+const loader = await createLoader(source: Blob | string)
+Book.open(loader).subscribe({
+  next: book => {
+    const reader = new Reader(container, book)
+
+    reader.loadContent().subscribe(() => {
+      // EPub is now rendered
+    })
+  }
+})
+```
+
+### Events
+
+Once initialized you can listen to the following `Reader` events:
+| Property | Description |
+| -------- | ----------- |
+| `audioEvents.onPlaybackStateChanged` | Fired with a single argument `playing: boolean` |
+| `audioEvents.onAudioEnded` | Fired when an audio file reached its end |
+| `audioEvents.onPositionChanged` | Fired every 200 ms while a media overlay is playing. It is passed a single argument `currentTime: number`, indicating the current time (in seconds) within the audio file |
+| `events.pageChange` | Fired when the reader navigates to a new page |
+| `events.chapterChange` | Fired when a new chapter is loaded (new html from the epub is rendered) |
+| `events.textSelected` | Fired when the user selects something in the epub's html. Passed a `range: DOMRange` argument |
+| `mediaOverlayEvents.onGlobalPositionChanged` | Similar to the `audioEvents.onPositionChanged` but in the context of the entire book. Also the argument is in milliseconds |
+
+### API
+
+| Object | Property | Description |
+| ------ | -------- | ----------- |
+| **Reader** | `currentChapterIndex` | The index of the current chapter as defined in the epub's `<spine>` tag |
+| | `totalChapters` | The number of chapters in the epub |
+| | `currentPage` | The index of the current page within the chapter. <br><br> *Note*: Since only a paginated layout is currently supported, the page properties are referring to the currently dispalyed pages and not the page list of the navigation document. This means that resizing the container holding the epub will cause the pages to be recalculated. |
+| | `totalPages` | The number of pages within the chapter |
+| | `playing` | Whether or not a media overlay is being played |
+| | `togglePlayback()` | Turns the media overlay playback on/off |
+| | `goToHref(href: string).subscribe()` | Navigates to an anchor within the epub. For example passing the `href` property from a `TocEntry` |
+| | `previousChapter(goToEnd?: boolean)` | Navigates to the previous chapter. In case `true` is passed the epub will be navigated to the last page of the previous chapter, otherwise it will go to the beginning |
+| | `previousPage()` | Navigates to the previous page in the chapter. If the user is on the first page of a chapter the epub is navigated to the last page of the previous chapter |
+| | `nextPage()` | Navigates to the first page of the next chapter |
+| | `nextPage()` | Navigates to the next page in the chapter. If the user is on the last page it will navigate to the first page of the next chapter |
+| **Book** | `metadata` | The `Metadata` object for the epub |
+| | `nav` | The `Navigation` object for the epub |
+| | `cover` | The cover image url |
+| | `overlayMetadata` | The `OverlayMetadata` object for the epub. Contains the total duration of the epub and the durations for each smil file |
+| | `open(loader: BookLoader)` *static* | Creates the book object with the given loader |
+
+### Rendering
+
+Currently on a paginated layout is supported.

package/dist/array.d.ts

@@ -0,0 +1 @@
+export declare function binarySearch<T>(arr: T[], comp: (el: T) => number): T | undefined;

package/dist/array.js

@@ -0,0 +1,19 @@
+export function binarySearch(arr, comp) {
+    let start = 0, end = arr.length - 1;
+    while (start <= end) {
+        const mid = Math.floor((start + end) / 2);
+        const elem = arr[mid];
+        const res = comp(elem);
+        if (res === 0) {
+            return elem;
+        }
+        if (res < 0) {
+            end = mid - 1;
+        }
+        else {
+            start = mid + 1;
+        }
+    }
+    return undefined;
+}
+//# sourceMappingURL=array.js.map

package/dist/array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.js","sourceRoot":"","sources":["../lib/array.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAI,GAAQ,EAAE,IAAuB;IAC/D,IAAI,KAAK,GAAG,CAAC,EACX,GAAG,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAA;IACtB,OAAO,KAAK,IAAI,GAAG,EAAE,CAAC;QACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;QACzC,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAE,CAAA;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QACtB,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;YACd,OAAO,IAAI,CAAA;QACb,CAAC;QAED,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;YACZ,GAAG,GAAG,GAAG,GAAG,CAAC,CAAA;QACf,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,GAAG,GAAG,CAAC,CAAA;QACjB,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/dist/audio-player.d.ts

@@ -0,0 +1,28 @@
+export default class AudioPlayer {
+    private player;
+    private positionChangedInterval?;
+    private playbackStateChangedSubject;
+    private positionChangedSubject;
+    private audioEndedSubject;
+    events: {
+        onPlaybackStateChanged: import("rxjs").Observable<boolean>;
+        onPositionChanged: import("rxjs").Observable<number>;
+        onAudioEnded: import("rxjs").Observable<void>;
+    };
+    constructor();
+    play(): void;
+    pause(): void;
+    get playing(): boolean;
+    togglePlayback(): void;
+    seekTo({ src, offset }: {
+        src: string;
+        offset: number;
+    }): void;
+    destroy(): void;
+    private onPlay;
+    private onPause;
+    private onEnded;
+    private onAbort;
+    private onError;
+    private resetState;
+}

package/dist/audio-player.js

@@ -0,0 +1,77 @@
+import { Subject } from 'rxjs';
+export default class AudioPlayer {
+    constructor() {
+        this.playbackStateChangedSubject = new Subject();
+        this.positionChangedSubject = new Subject();
+        this.audioEndedSubject = new Subject();
+        this.events = {
+            onPlaybackStateChanged: this.playbackStateChangedSubject.asObservable(),
+            onPositionChanged: this.positionChangedSubject.asObservable(),
+            onAudioEnded: this.audioEndedSubject.asObservable(),
+        };
+        this.player = new Audio();
+        this.player.addEventListener('play', this.onPlay.bind(this));
+        this.player.addEventListener('pause', this.onPause.bind(this));
+        this.player.addEventListener('ended', this.onEnded.bind(this));
+        this.player.addEventListener('abort', this.onAbort.bind(this));
+        this.player.addEventListener('error', this.onError.bind(this));
+    }
+    play() {
+        this.player.play().catch(console.error);
+    }
+    pause() {
+        this.player.pause();
+    }
+    get playing() {
+        return !this.player.paused;
+    }
+    togglePlayback() {
+        if (this.playing) {
+            this.pause();
+        }
+        else {
+            this.play();
+        }
+    }
+    seekTo({ src, offset }) {
+        if (this.player.src !== src) {
+            this.player.src = src;
+            this.play();
+        }
+        this.player.currentTime = offset / 1000;
+    }
+    destroy() {
+        this.player.pause();
+        this.resetState();
+        this.player.removeEventListener('play', this.onPlay.bind(this));
+        this.player.removeEventListener('pause', this.onPause.bind(this));
+        this.player.removeEventListener('ended', this.onEnded.bind(this));
+        this.player.removeEventListener('abort', this.onAbort.bind(this));
+        this.player.removeEventListener('error', this.onError.bind(this));
+    }
+    onPlay() {
+        this.playbackStateChangedSubject.next(true);
+        this.positionChangedInterval = window.setInterval(() => {
+            this.positionChangedSubject.next(this.player.currentTime);
+        }, 200);
+    }
+    onPause() {
+        this.playbackStateChangedSubject.next(false);
+        this.resetState();
+    }
+    onEnded() {
+        this.resetState();
+        this.audioEndedSubject.next();
+    }
+    onAbort() {
+        this.resetState();
+    }
+    onError() {
+        console.error(this.player.error);
+        this.resetState();
+    }
+    resetState() {
+        clearInterval(this.positionChangedInterval);
+    }
+}
+//# sourceMappingURL=audio-player.js.map

package/dist/audio-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../lib/audio-player.ts"],"names":[],"mappings":"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"}

package/dist/book-loaders/ajax-unpacked.d.ts

@@ -0,0 +1,12 @@
+import { Observable } from 'rxjs';
+import { BookLoader } from '.';
+export declare class AJAXUnpackedLoader implements BookLoader {
+    private url;
+    private abortController;
+    constructor(url: string);
+    fetch(path: string, asURL?: boolean): Observable<string>;
+    root(path: string): Observable<string>;
+    cancel(): void;
+    processChapterHTML(html: string, basePath: string): Observable<Document>;
+    private urlToPath;
+}

package/dist/book-loaders/ajax-unpacked.js

@@ -0,0 +1,46 @@
+import { map, Observable } from 'rxjs';
+export class AJAXUnpackedLoader {
+    constructor(url) {
+        this.url = url;
+        this.abortController = new AbortController();
+    }
+    fetch(path, asURL = false) {
+        if (asURL) {
+            return this.root(path);
+        }
+        return new Observable((subscriber) => {
+            fetch(this.urlToPath(path), {
+                signal: this.abortController.signal,
+            })
+                // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors
+                .then((response) => (response.ok ? response.text() : Promise.reject(response)))
+                .then((response) => {
+                subscriber.next(response);
+                subscriber.complete();
+            }, (error) => subscriber.error(error));
+        });
+    }
+    root(path) {
+        return new Observable((subscriber) => {
+            subscriber.next(this.urlToPath(path));
+            subscriber.complete();
+        });
+    }
+    cancel() {
+        this.abortController.abort('Load cancelled');
+    }
+    processChapterHTML(html, basePath) {
+        return this.root(basePath).pipe(map((root) => {
+            const parser = new DOMParser();
+            const content = parser.parseFromString(html, 'text/html');
+            const base = document.createElement('base');
+            base.href = `${root}/`;
+            content.head.prepend(base);
+            return content;
+        }));
+    }
+    urlToPath(path) {
+        return `${this.url.replace(/\/$/, '')}/${path.replace(/^\//, '')}`;
+    }
+}
+//# sourceMappingURL=ajax-unpacked.js.map

package/dist/book-loaders/ajax-unpacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ajax-unpacked.js","sourceRoot":"","sources":["../../lib/book-loaders/ajax-unpacked.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAGtC,MAAM,OAAO,kBAAkB;IAG7B,YAAoB,GAAW;QAAX,QAAG,GAAH,GAAG,CAAQ;QAFvB,oBAAe,GAAG,IAAI,eAAe,EAAE,CAAA;IAEb,CAAC;IAE5B,KAAK,CAAC,IAAY,EAAE,KAAK,GAAG,KAAK;QACtC,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;QACD,OAAO,IAAI,UAAU,CAAS,CAAC,UAAU,EAAE,EAAE;YAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM;aACpC,CAAC;gBACA,2EAA2E;iBAC1E,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;iBAC9E,IAAI,CACH,CAAC,QAAQ,EAAE,EAAE;gBACX,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;gBACzB,UAAU,CAAC,QAAQ,EAAE,CAAA;YACvB,CAAC,EACD,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CACnC,CAAA;QACL,CAAC,CAAC,CAAA;IACJ,CAAC;IAEM,IAAI,CAAC,IAAY;QACtB,OAAO,IAAI,UAAU,CAAS,CAAC,UAAU,EAAE,EAAE;YAC3C,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;YACrC,UAAU,CAAC,QAAQ,EAAE,CAAA;QACvB,CAAC,CAAC,CAAA;IACJ,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;IAC9C,CAAC;IAEM,kBAAkB,CAAC,IAAY,EAAE,QAAgB;QACtD,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC7B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACX,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAA;YAC9B,MAAM,OAAO,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YAEzD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAC3C,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAA;YACtB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAEO,SAAS,CAAC,IAAY;QAC5B,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAA;IACpE,CAAC;CACF"}

package/dist/book-loaders/index.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+export interface BookLoader {
+    fetch(path: string, asURL?: boolean): Observable<string>;
+    root(path: string): Observable<string>;
+    cancel(): void;
+    processChapterHTML(html: string, basePath: string): Observable<Document>;
+}
+export interface CreateLoaderOptions {
+    isZipURL?: boolean;
+}
+export declare function createLoader(source: string | Blob, options?: CreateLoaderOptions): Promise<BookLoader>;
+export * from './ajax-unpacked';
+export * from './zip';

package/dist/book-loaders/index.js

@@ -0,0 +1,15 @@
+import { ZipLoader } from './zip';
+import { AJAXUnpackedLoader } from './ajax-unpacked';
+export async function createLoader(source, options = {}) {
+    if (source instanceof Blob || options.isZipURL) {
+        return new ZipLoader(source);
+    }
+    const response = await fetch(source, { method: 'HEAD' });
+    if (response.headers.get('content-type') === 'application/epub+zip') {
+        return new ZipLoader(source);
+    }
+    return new AJAXUnpackedLoader(source);
+}
+export * from './ajax-unpacked';
+export * from './zip';
+//# sourceMappingURL=index.js.map

package/dist/book-loaders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/book-loaders/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAgBpD,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,MAAqB,EAAE,UAA+B,EAAE;IACzF,IAAI,MAAM,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC/C,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;IACxD,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,sBAAsB,EAAE,CAAC;QACpE,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,CAAA;IAC9B,CAAC;IACD,OAAO,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAA;AACvC,CAAC;AAED,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA"}

package/dist/book-loaders/zip.d.ts

@@ -0,0 +1,12 @@
+import { Observable } from 'rxjs';
+import { BookLoader } from '.';
+export declare class ZipLoader implements BookLoader {
+    private entries;
+    private objectURLCache;
+    constructor(source: Blob | string);
+    fetch(path: string, asURL?: boolean): Observable<string>;
+    root(path: string): Observable<string>;
+    cancel(): void;
+    processChapterHTML(html: string, basePath: string): Observable<Document>;
+    private rewriteTagAttribute;
+}

package/dist/book-loaders/zip.js

@@ -0,0 +1,67 @@
+import { catchError, defaultIfEmpty, forkJoin, map, Observable, of, tap } from 'rxjs';
+import { BlobReader, BlobWriter, HttpReader, TextWriter, ZipReader } from '@zip.js/zip.js';
+import { absoluteOrPrefixed, normalize } from '../uri';
+import { isString } from 'lodash';
+export class ZipLoader {
+    constructor(source) {
+        this.objectURLCache = new Map();
+        const zipReader = new ZipReader(source instanceof Blob ? new BlobReader(source) : new HttpReader(source, { forceRangeRequests: true }));
+        this.entries = zipReader
+            .getEntries()
+            .catch((err) => {
+            console.error(`Error loading entry list for ${source instanceof File ? source.name : isString(source) ? source : 'blob'}`);
+            // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors
+            return Promise.reject(err);
+        })
+            .finally(() => void zipReader.close());
+    }
+    fetch(path, asURL = false) {
+        path = normalize(path);
+        const cached = this.objectURLCache.get(path);
+        if (cached) {
+            return of(cached);
+        }
+        return new Observable((subscriber) => {
+            this.entries
+                .then((entries) => {
+                const entry = entries.find((e) => e.filename === path);
+                if (!entry) {
+                    return Promise.reject(new Error(`Entry "${path}" not found`));
+                }
+                return asURL
+                    ? entry.getData(new BlobWriter()).then((blob) => {
+                        const url = URL.createObjectURL(blob);
+                        this.objectURLCache.set(path, url);
+                        return url;
+                    })
+                    : entry.getData(new TextWriter());
+            })
+                .then((data) => subscriber.next(data))
+                .catch((error) => subscriber.error(error))
+                .finally(() => subscriber.complete());
+        });
+    }
+    root(path) {
+        return of(path);
+    }
+    cancel() {
+        // Noop
+    }
+    processChapterHTML(html, basePath) {
+        const content = new DOMParser().parseFromString(html, 'text/html');
+        return forkJoin([
+            this.rewriteTagAttribute(content, 'img', 'src', true, basePath),
+            this.rewriteTagAttribute(content, 'link', 'href', true, basePath),
+        ]).pipe(map(() => content));
+    }
+    rewriteTagAttribute(content, tag, attr, asURL, basePath) {
+        return forkJoin(Array.from(content.querySelectorAll(`${tag}[${attr}]`)).map((elem) => forkJoin([
+            of(elem),
+            this.fetch(absoluteOrPrefixed(elem.getAttribute(attr), basePath), asURL).pipe(catchError((error) => {
+                console.warn(`Error rewriting ${tag}[${attr}=${elem.getAttribute(attr)}].`, error);
+                return of(null);
+            })),
+        ]))).pipe(defaultIfEmpty([]), tap((res) => res.forEach(([elem, url]) => (url ? elem.setAttribute(attr, url) : undefined))));
+    }
+}
+//# sourceMappingURL=zip.js.map

package/dist/book-loaders/zip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zip.js","sourceRoot":"","sources":["../../lib/book-loaders/zip.ts"],"names":[],"mappings":"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"}

package/dist/book.d.ts

@@ -0,0 +1,16 @@
+import { Observable } from 'rxjs';
+import { BookLoader } from './book-loaders';
+import { PackageParser, Metadata } from './package-parser';
+export declare class Book {
+    loader: BookLoader;
+    packageParser: PackageParser;
+    static open(loader: BookLoader): Observable<Book>;
+    constructor(loader: BookLoader, packageParser: PackageParser);
+    getSpineRefIds(): string[];
+    getChapterHTML(id: string): Observable<Document>;
+    private getItemParent;
+    get metadata(): Metadata;
+    get nav(): Observable<import(".").Navigation>;
+    get cover(): Observable<string | undefined>;
+    get overlayMetadata(): import(".").OverlayMetadata | null;
+}

package/dist/book.js

@@ -0,0 +1,60 @@
+import { map, of, switchMap, throwError } from 'rxjs';
+import { XMLParser } from 'fast-xml-parser';
+import { PackageParser } from './package-parser';
+import { parentURI } from './uri';
+const CONTAINER_PARSER = new XMLParser({
+    ignoreAttributes: false,
+    isArray: (tag) => tag === 'rootfile',
+});
+const PACKAGE_PARSER = new XMLParser({
+    ignoreAttributes: false,
+    isArray: (tag) => ['dc:identifier', 'dc:title', 'dc:language', 'dc:creator', 'meta'].includes(tag),
+    alwaysCreateTextNode: true,
+});
+export class Book {
+    static open(loader) {
+        return loader.fetch('META-INF/container.xml').pipe(map((content) => CONTAINER_PARSER.parse(content)), switchMap(({ container }) => {
+            const rootFilePath = container.rootfiles.rootfile[0]['@_full-path'];
+            return loader.fetch(rootFilePath).pipe(map((packageContent) => PACKAGE_PARSER.parse(packageContent)), switchMap((packageXml) => {
+                const packageParser = new PackageParser(packageXml, parentURI(rootFilePath), loader);
+                return of(new Book(loader, packageParser));
+            }));
+        }));
+    }
+    constructor(loader, packageParser) {
+        this.loader = loader;
+        this.packageParser = packageParser;
+    }
+    getSpineRefIds() {
+        return this.packageParser.getSpineRefIds();
+    }
+    getChapterHTML(id) {
+        const path = this.packageParser.getManifestItemPath(id);
+        if (!path) {
+            return throwError(() => `No chapter with id '${id}'`);
+        }
+        return this.loader
+            .fetch(path)
+            .pipe(switchMap((chapterHTML) => this.loader.processChapterHTML(chapterHTML, this.getItemParent(id))));
+    }
+    getItemParent(id) {
+        const path = this.packageParser.getManifestItemPath(id);
+        if (!path) {
+            return null;
+        }
+        return parentURI(path);
+    }
+    get metadata() {
+        return this.packageParser.metadata;
+    }
+    get nav() {
+        return this.packageParser.fetchNAV();
+    }
+    get cover() {
+        return this.packageParser.fetchCover();
+    }
+    get overlayMetadata() {
+        return this.packageParser.getOverlayMetadata();
+    }
+}
+//# sourceMappingURL=book.js.map

package/dist/book.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book.js","sourceRoot":"","sources":["../lib/book.ts"],"names":[],"mappings":"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"}

package/dist/content-controller/reflowable-content.d.ts

@@ -0,0 +1,24 @@
+import { ContentController } from '../content-controller';
+export declare const DOCUMENT_CSS = "\n  html, body {\n    margin: 0;\n    padding: 0;\n\n    position: relative;\n  }\n\n  html {\n    height: 100%;\n\n    box-sizing: border-box;\n\n    column-fill: auto;\n\n    overflow: hidden;\n  }\n";
+export declare class ReflowableContent implements ContentController {
+    private iframe;
+    private document;
+    private page;
+    private columns;
+    private htmlPadding;
+    private columnGap;
+    private resizeObserver;
+    constructor(iframe: HTMLIFrameElement);
+    get currentPage(): number;
+    get totalPages(): number;
+    attach(): void;
+    detach(): void;
+    prepareChapter(): void;
+    private setColumnCount;
+    goToPage(page: number): void;
+    ensureVisible(elem: Element): void;
+    getFirstVisibleElement(): Element | null;
+    private updatePageOffset;
+    private get offset();
+    private updateStyles;
+}