Building a Web Based Comic Book Reader
Briefly

Building a Web Based Comic Book Reader
"Earlier this week, I took a look at parsing electronic comic books and sending them to GenAI as a way to get summaries of stories. That was a fun experiment and it actually worked quite well. I thought I'd take a stab at trying a similar approach with Chrome's Built-in AI support as well when I discovered that... wait... I don't actually have a way to view comics on the web. Or so I thought."
"Shoelace - I love Shoelace's look and web component API, but I have to be honest, I barely used it in my demo and it's probably over kill for what I built. But I like it - so I'm keeping it. zip.js - for supporting CBZ files. Unarchiver.js - for RAR support. Technically this library supports zip files (and more) too, but I came to this after I had zip working well and ... I didn't want to poke the bear."
A modern client-side comic book reader loads and displays electronic comics entirely in the browser without server-side extraction. The reader supports CBZ and RAR archive formats using zip.js for zip extraction and Unarchiver.js for RAR handling, and employs Shoelace web components for UI styling. The implementation processes archives in memory instead of relying on the FileSystem API. Chrome built-in AI can be paired with the reader for story summarization. The project intentionally avoids React and favors a lightweight, framework-free approach focused on browser compatibility and simple archive support.
Read at Raymondcamden
Unable to calculate read time
[
|
]