If there are lots of pages in the page selector. The current page may be scrolled off screen. Have it scroll to the current page after opening.

Embed api to integrate on other websites and apps.
@workhorsy See: lbryio/lbry-desktop#1377

Extract and read metadata from the archives.

Metadata for Graphic Novels and Comic Books:

https://digitalcommons.unl.edu/cgi/viewcontent.cgi?article=3168&context=libphilprac

ACBF

http://acbf.wikia.com/wiki/Advanced_Comic_Book_Format_Wiki

Advanced Comic Book Format (ACBF) specification is a distribution and interchange format for digital comic books. ACBF specification defines a means of representing structured and semanticaly enhanced content used in comic books. In contrast to widely used Comic Book Archive (CBR, CBZ …), content is represented in separate graphic and text layer(s) as well as comic book metadata is present.

• Pica ( switch to npm module ) ?
• Pdfjs ?
• Jszip ?
• Uncompress ?

Simplify UI with modular and reusable components:

Todo

• Fix translations preact-i18nline
• Fix settings #110
• Handle Errors
• History #104
• Improve UI / UX
• Fix fontawesome bug / icons
• Test / lighthouse test
• Responsive / mobile support
• Remove duplicated css / modules
• Fix empty library
• Port / Fix Reader

We should separate the website code from the reader.
Maybe isolate the reader in it's own component?

This leads to us having the basically reload the app when it freaks out, because there is not free space.

When it uncompress a page, it then creates a thumbnail. It does not wait for the thumbnail to be created before it starts uncompressing the next page. This often leads to all the thumbnails getting queued in memory. Then they are finally created after all the pages are uncompressed. This can lead to huge memory spikes, and makes it look like everything is loaded, when it is not.

Add support for comic book smart panels view.

https://github.com/zoran123456/Comic-Smart-Panels

CPD file

Add a tutorial buttons that shows how to:

1. open a comic
2. load comics from the library
3. change pages
4. change pages from library
5. change settings

Find a library that can open 7zip files, or compile 7zip with Emscripten/WebAssembly.

real input -> event

firefox (window.ontouchstart -> false)
mouse -> mouse
touch -> mouse
pen -> mouse

chrome (window.ontouchstart -> true)
mouse -> mouse
touch -> touch
pen -> mouse

IE (window.ontouchstart -> true)
mouse -> mouse & pen
touch -> mouse & pen
pen -> mouse & pen

Implement missing features:

• Improve UI / UX.
• Right-to-left for Manga #86
• Pinch to zoom #85
• Toolbar ( display: controls, current-page, total-pages, info... )

Examples

https://openseadragon.github.io/examples/ui-binding-custom-buttons/
https://openseadragon.github.io/examples/ui-reference-strip/
http://comics.balaclark.com/demo.html

The indexedDB standard does not yet have a way to list all databases. Webkit does have indexedDB.webkitGetDatabaseNames though. So we work around this by storing their names in localStorage.

This sucks, especially because tables in the indexedDB can be removed by the LRU cache at any time (without notice). Then the localStorage will list tables that no longer exist.

E.G. issue-01.zip

This seems to happen only in Chrome, on machines with fast disks such as SSDs. Also note that it only happens when initially loading a comic. When reloading it from localStorage, it is in the correct order.

This probably can be fixed by including the index when sending the uncompressed page from the web workers into the image carousel.

Show what comics was read sorted by date. Include thumb nail, date, and progress bar on bottom of cover.

Comic thumb nail
[=======   ]
9:34 AM - comic_02.cbz


Comic thumb nail
[==========]
6/28/2015 - comic_01.cbz

Unable to scroll at settings menu,
can't see the last options...

Sometimes in Firefox, if I update to a new version of Comic-Book-Reader, it only downloads some of the new files. This then breaks, because the JS files are changed or missing.

We will need this to add Service Workers.

If I disable cookies on chrome ( android ) I just see a blank page, but there are no errors / warnings.
We could add a fall back to make store data optional.
http://crocodillon.com/blog/always-catch-localstorage-security-and-quota-exceeded-errors

Currently errors are printed to the console. Which is useless for normal users that do not have to console open.

Implement Hot-keys / Shortcuts

The loading progress is too small, and in the corner. Make it larger and in the center of the page.

version Brave 0.15.0

This works for PDF files though.

When loading many pages without reloading, E.G 1000+ in Chrome. It will silently corrupt old Object URLS. I have not found a bug for this. Will have to look more.

Implement OSD
https://openseadragon.github.io/docs/

An open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.

This will have many advantages:

1. Save on memory, as we can destroy the WebWorker when done. This will free all the memory without having to wait for GC on the main thread.
2. Will stop the UI from being jerkey, because it will not have to block it while resizing the images.

Have it highlight and scroll to the current book. Just like the page selector.