{"id":13341521,"url":"https://github.com/superjose/omar-online-manga-reader","last_synced_at":"2026-01-28T12:24:32.136Z","repository":{"id":82948022,"uuid":"601982360","full_name":"superjose/omar-online-manga-reader","owner":"superjose","description":"An online manga reader built in Rust using Web Assembly and Yew. ","archived":false,"fork":false,"pushed_at":"2023-05-30T09:35:40.000Z","size":1296,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-24T10:06:25.568Z","etag":null,"topics":["rust","web-assembly","yew","yew-framework"],"latest_commit_sha":null,"homepage":"","language":"Rust","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/superjose.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-15T08:45:41.000Z","updated_at":"2023-05-01T10:22:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"b7e3f9fe-5205-4108-8300-30d7088328aa","html_url":"https://github.com/superjose/omar-online-manga-reader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superjose%2Fomar-online-manga-reader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superjose%2Fomar-online-manga-reader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superjose%2Fomar-online-manga-reader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superjose%2Fomar-online-manga-reader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/superjose","download_url":"https://codeload.github.com/superjose/omar-online-manga-reader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243125097,"owners_count":20240263,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["rust","web-assembly","yew","yew-framework"],"created_at":"2024-07-29T19:25:28.938Z","updated_at":"2026-01-28T12:24:32.105Z","avatar_url":"https://github.com/superjose.png","language":"Rust","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OMAR - The Online MAnga Reader\n\nThis is an online manga reader built in Rust using Web Assembly (Yew).\n\n**No manga is provided**. Just the reader.\n\n\n\u003cimg width=\"400px\" style=\"display:block; margin: 0 auto; max-width:100%\" src=\"src/assets/screenshots/2023-05-30.png\"\u003e\n\n\nYou can include it in your site, run it locally or do whatever you want. \n\n\n# Features (In Progress)\n\nIn 2010, I began a site called [innerbleach.com](http://web.archive.org/web/20140503061934/http://innerbleach.com/content/online-manga-reader-ver-20) (Which is now deceased). \n\n\u003cimg width=\"400px\" src=\"src/assets/screenshots/the_beginning.png\" style=\"display:block; margin: 0 auto; text-align:center;\" \u003e\n\nI built a manga reader that made the reading experience unique and pleasant. I also believed it was one of its kind, as it allowed you to:\n\n- [x] Basic instantaneous manga reading (No Page loads)\n- [x] No loading between pages.\n- [x] View the manga side by side, creating a true reading experience.\n- [ ] Continuous scroll mode - \n- [ ] View thumbnails in a carousel while you were reading\n- [ ] Prefetch the pages while you were reading.\n- [ ] Save your progress and come back to where you left off.\n- [ ] Dim the background through a \"turn off the lights\"\n- [ ] Automatically control the manga page by changing its width, and height to match your screen (so you could read it from afar), or very close.\n- [ ] Read it from a TV and automatically scroll by a fixed timer (Cinema Mode). \n- [ ] View small thumbnails (Gallery Mode)\n- [ ] Create a playlist. You could mash up One Piece, Bleach, Fairy Tail and Naruto into one batch reading (And support all the features mentioned above)\n- [ ] Customize the color of the buttons.\n\nI'll try to create feature parity with it.\n\n# Installation\n1. Download and Install [Rust](https://www.rust-lang.org/).\n2. Install Bonnie and Trunk\n```sh\ncargo install bonnie trunk\n```\n3. Run:\n```\ntrunk serve\n```\n\n# How to add your manga.\n\nCreate the following structure:\u003cbr/\u003e\n\u003cimg src=\"/src/assets/screenshots/how_to_load_manga.png\"\u003e\n\n1. Create a folder inside `src/assets` called `manga`.\n2. Inside it, create a folder name called `one_piece`.\n3. Then add the folder of the chapter in numbers:\n    E.g: Chapter 1042 is `1042`. \n\n4. Add the pages inside the chapter's folder from 01 to last with the .jpg extension.\nE.g:\n```\n01.jpg\n02.jpg\n...\n19.jpg\n```\n\nWhen you run `trunk serve`, OMAR will automatically scan the folder `src/assets/one_piece` and count all the files and have it ready for you. \n\n### References\nBonnie:\nhttps://github.com/arctic-hen7/bonnie/wiki/Getting-Started\n\nhttps://dev.to/arctic_hen7/how-to-set-up-tailwind-css-with-yew-and-trunk-il9\n\n### Notes\n- The build.rs file is used to read the files from a directory and return it in a concrete rust file that will be used by Yew to extract it.\n- https://github.dev/brooks-builds/full-stack-todo-rust-course\n\n\n### FAQ\n\n#### Why Rust?\nI want to learn the syntax, and it's a fun way to do so!\n\nI did the same when I began learning JavaScript.\n\n#### Will there be a JS version?\nWho knows? ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperjose%2Fomar-online-manga-reader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuperjose%2Fomar-online-manga-reader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperjose%2Fomar-online-manga-reader/lists"}