yaledevuni/comics-web-reader

web based file reader( comics viewer )

💫 About Me:

I'm 4th year Com-Sci student in University of Victoria*^_^*.

Visit my portfolio website: www.yaledevworld.com

🌐 Socials:

💻 Tech Stack:

📊 GitHub Stats:

🏆 GitHub Trophies

🔝 Top Contributed Repo

✍️ Random Dev Quote

---

comics-web-reader's Issues

Add universal setting on the navigation bar

• Add setting icon on the nav bar
• Add setting page for universal setting
• Add reversed page option in the setting

Look up local storage or link query to handle setting options to pass entire application

Combine read file by Handler and read file by IndexedDB(Draft)

Store the file in IndexedDB. If data is corrupted somehow then read file form file.

• Takes double the amount from storage......

Enhance Loading indicator in main page and viewer

Rerendering cover images in main page when other states change

Proposed solution: Instead of using Blob in image src directly, use useEffect for Blob dependency.
Example:

  useEffect(() => {
    const fetchBook = async () => {
      const bookId = parseInt(searchParams.get("index") as string, 10);
      const fetchedBook = await db.books.get(bookId);
      setBook(fetchedBook as Book);
      // Create Blob URL once when the book is fetched
      const blobURL = URL.createObjectURL(
        new Blob([fetchedBook?.image as BlobPart], {
          type: "image/webp",
        })
      );
      setImageSrc(blobURL);
    };
    fetchBook();
  }, []);

File picker support not only zip but also image(jpeg, png, webp, and ect...)

Resume file's index

File picker support Folder with images

Filter library by keyword, or seriese

File Info page

Before viewer page(ex. /info/viewer), set new page for config file info

V 0.3.1 upcomming features

• File picker support not only zip but also image(jpeg, png, webp, and ect...)
• File picker support Folder with images( ext. as above)
• Filter library by keyword, or seriese.
• Resume file's index

optimize open large file

Optimize it by various method(async, loading indicator)