An artist's long comic page cutter into their desired webcomic platform.
- Drag&Drop and Click to Upload
- Drag to Re-Organise
- Webcomic platform options available: Webtoon and more soon!
- File extensions options: JEPG, and PNG available
- Scale to optimize (or expand to lossless pixels)
- Zip folder
For the general public and artists.
For modern browsers.
- Color accessible
Screenreaders will not be supported.
- Service Worker [PENDING]
- Offline app experience [PENDING]
- tablet
- desktop (Window Desktop App WIP via Tauriel)
Consider the following when contributing:
- Maintenance and versioning update
- Better UI experience
- Optimizations
- Bug fixes
- Testing
npm install
Note: I work on windows, so cross-env is required to be implemented in the future.
Send me an DM to my email hyfydistro@gmail.com or at Twitter @hyfydistro.
google sheet tranlsation open to fill up.
Please DM me if you can't access it or if a translation set is finished. Lots appreciated!
- Same working features as old design.
- New design
- fix broken social media links
- Add File Name Edits feature
- i18n; translations request
- FR - French
- JP - Japan
- KR - Korean
- DE - German
- CH - Chinese
- PH - Filipino
- ID - Indonesia
- SP - Spanish
- Fix up service Worker
- testing
Note: Add public Google Sheet link here.
- Add About Page
- About description
- Video Tutorial Guide
- Move to Tauriel to make available as desktop app
-
warning feature for mobile size is not available
-
Loader for main page startup
-
testing (storybook, jest or playwright)
-
Add eslint
-
Add JS config for pathway naming easier
-
add testing (storybook, jest or playwright)
Fixes
- add node environment only to run service worker in prod build
- setup environment to work from "secure origin"
- cross-env environment ??
- switch to dnd-kit (OR Use Gesture) and for animation use auto-animate
- refactor File Extenion and Squash radio options. They both could be reused.
- Refactor the Checkbox and input Style. They are some repeated.
e.g.
- CheckboxTextInput.scss
- WebcomicInputSelect
- on unselected radio or checkbox, the value should be removed else it may get effected in processing the result.
Optimizations:
- use MemoryRouter for testing, excluding Browser history.
- use Memo for the re-renders
- use useCallback on functions to prevent re-renders
User Experience:
- skeleton loading component
- sw
NOTE:
- dnd-kit has 1* moderate severity vulnerability.
random package reminder maybe? https://mhnpd.github.io/react-loader-spinner/docs/components/watch
Q. How large can a file be in client side?
Internet Explorer v9 - v11, Chrome, Safari, Edge, and Firefox support the HTML5 uploader, which has a max 4GB file size limit.
Both Chrome and Edge support folder uploads.
Web browsers are limited by available memory, CPU utilization, network performance, and numerous other factors.
Q. Can you drag a folder full of image?
No.
It is a possible next Update Consideration:
Q. Can you have more than one single file?
Assume it won't connect from a new image file given, instead it start a newslicing process.