Skip to content

Commit

Permalink
version up
Browse files Browse the repository at this point in the history
  • Loading branch information
@mienaiyami
mienaiyami committed Jun 26, 2023
1 parent 89012ae commit 35b1093
Show file tree
Hide file tree
Showing 6 changed files with 120 additions and 53 deletions.
5 changes: 4 additions & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
# Yomikiru

Offline Manga/Manhwa/Comic/EPub Reader (not a downloader/host).
Manga/Manhwa/Comic/EPub Reader (not a downloader/host).
It is a offline app to read locally stored manga or epub with great reading experience.
> App provides "AniList tracking" which uses internet only if enabled.
[![Github Latest Release](https://img.shields.io/github/v/tag/mienaiyami/yomikiru?label=release&style=flat-square&logo=github)](https://github.com/mienaiyami/yomikiru/releases/latest) |
[![Github All Releases](https://img.shields.io/github/downloads/mienaiyami/yomikiru/total.svg?style=flat-square&logo=github)](https://github.com/mienaiyami/yomikiru/releases)
Expand All @@ -17,6 +19,7 @@ Offline Manga/Manhwa/Comic/EPub Reader (not a downloader/host).

- Lightweight, take low cpu and ram when running.
- Supports most image formats (`".jpg", ".jpeg", ".png", ".webp", ".svg", ".apng", ".gif", ".avif"`) and archive (`.zip, .cbz`,`.7z`) and `.pdf` (only as images, non clickable). `.rar` won't be supported. **It is recommended to use folder as chapters instead of archives like `.zip`, `.cbz`.**
- Anilist support.
- Create multiple instances of reader.
- Multiple useful and customizable shortcuts.
- Scroll with keys and two available custom scrolling speed.
Expand Down
14 changes: 6 additions & 8 deletions changelog.md
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,20 @@
## Note

**Due to release changes (auto release), existing users (v2.11.5 and below) might need to manually update the app.**
**Due to release changes, existing users (v2.11.5 and below) might need to manually update the app.**

## Added

- Input smoothening/delay for number,range/slider, color inputs.
- AniList Tracking now available. Enable from setting.
- Open supported file in reader on pasting link in location tab search input.

## Changed

- UI Enhancements.
- Epub font size "+", "-" buttons add/sub "1" instead of "2".
- Epub history moves to top after updating chapter.
- Epub: Auto focus after font size change.
- Page mover keys now works when press hold.

## Fixed

- Epub font size input uneditable, #187.
- Scroll with keys not working in epub when sidelist pinned.
- Epub history not updating on app close.
- Epub sidelist pinned and autofocus issues, #186.
- Download window not closing if app is closed mid download.

---
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "yomikiru",
"productName": "Yomikiru",
"version": "2.12.3",
"version": "2.13.0",
"description": "App to read manga / comic / epub offline on desktop",
"main": ".webpack/main",
"author": {
Expand Down
148 changes: 106 additions & 42 deletions src/Components/Settings.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -797,6 +797,15 @@ const Settings = (): ReactElement => {
>
Copy Current Theme to Clipboard
</button>
<button
onClick={() =>
window.electron.shell.openExternal(
"https://github.com/mienaiyami/yomikiru/discussions/191"
)
}
>
Get more Themes
</button>
</td>
</tr>
{process.platform === "win32" && (
Expand Down Expand Up @@ -1346,41 +1355,110 @@ const Settings = (): ReactElement => {
</ul>
</li>
<li>
In location tab, click item to see its content or double-click to open it in reader.
<b>Home Location tab :</b>
<ul>
<li>
In location tab, click item to see its content or double-click (if enabled in
settings above) to open it in reader.
</li>
<li>
Open chapter in reader directly if chapter is a sub-folder of sub-folder of{" "}
<code>Default Location</code>.
<br />
Example: If the default location is set to{" "}
{process.platform === "win32" ? (
<code>D:\manga</code>
) : (
<code>/home/manga</code>
)}{" "}
and there is a folder called <code>One Piece</code> within it, any sub-folder
located directly under <code>One Piece</code> will open automatically by
clicking its link in the home location list. This feature can be enabled in the
settings.
</li>
</ul>
<li>
<b>Home screen search:</b>
<ul>
<li>
You don't need to type the whole word in search. (e.g. For{" "}
<code>One Piece</code> type <code>op</code>).
</li>
<li>
Paste link to set browse pasted link in Locations tab. Or page link of a
supported file to open it in reader directly.
</li>
<li>
Type <code>..{window.path.sep}</code> to go up directory.
</li>
{process.platform === "win32" ? (
<li>
Type let <code>D:\</code> to go to <code>D drive</code>.
</li>
) : (
""
)}
<li>
Type name ending with <code>{window.path.sep}</code> to open it in search.
e.g. When there is a directory named <code>One piece</code> in current
list, type <code>One Piece{window.path.sep}</code> to open that as new
list.
</li>
</ul>
</li>
</li>
<li>
Collapse/Un-collapse Bookmarks, History page tabs by clicking on the Dividers beside
them in home screen.
</li>
<li>
When using the <code>vertical Scroll</code> mode, you can change chapters on the first
or last page by clicking on either side of the screen. No response in center 20% of
screen.
<b>Reader :</b>
<ul>
<li>Left &nbsp;&nbsp;= Previous Chapter</li>
<li>Right = Next Chapter</li>
<li>
When using the <code>vertical Scroll</code> mode, you can change chapters on
the first or last page by clicking on either side of the screen. No response in
center 20% of screen.
<ul>
<li>Left &nbsp;&nbsp;= Previous Chapter</li>
<li>Right = Next Chapter</li>
<li>
Limit width of images in reader. To use <code>Max Image Width</code>{" "}
feature, disable <code>Size Clamp</code>.
</li>
<li>
To scroll using mouse in "Left to Right" and "Right to Left" reading
mode, you can use <code>Fit Vertically</code> option or make size such
that there is no scrollbar.
</li>
</ul>
</li>
<li>
Access the side list by moving the mouse to left side of the screen. You can
pin and resize the side list.
</li>

<li>
Zen Mode (Full Screen Mode): Hides UI, Only shows images and page number if
enabled. Can be enabled using the shortcut key defined,{" "}
<code>{shortcuts.find((e) => e.command === "toggleZenMode")?.key1}</code> or{" "}
<code>{shortcuts.find((e) => e.command === "toggleZenMode")?.key2}</code>.
</li>
</ul>
</li>
<li>
Access the side list by moving the mouse to left side of the screen. You can pin and
resize the side list.
</li>
<li>
Open chapter directly from the file explorer after enabling{" "}
<code>File Explorer Option</code>.
<ul>
<li>
Right Click on folder or .cbz/.7z/.zip/.epub &nbsp;&nbsp;&#8594;&nbsp;&nbsp;
Show more options (win11) &nbsp;&nbsp;&#8594;&nbsp;&nbsp; Open in Yomikiru.
Right Click on folder or .cbz/.7z/.zip/.pdf/.epub
&nbsp;&nbsp;&#8594;&nbsp;&nbsp; Show more options (win11)
&nbsp;&nbsp;&#8594;&nbsp;&nbsp; Open in Yomikiru.
</li>
<li>
Note that this only opens the chapter containing images, not the Manga Folder.
</li>
</ul>
</li>
<li>
Zen Mode (Full Screen Mode): Hides UI, Only shows images and page number if enabled.{" "}
</li>
<li>
Copy theme using "Copy Current Theme to Clipboard" under theme and share it easily. To
install theme, just copy from anywhere and "Save Theme from Clipboard".
Expand All @@ -1391,43 +1469,29 @@ const Settings = (): ReactElement => {
<b>Do not use high scale with pdf which have high page count.</b>
</li>
<li>
Open chapter in reader directly if chapter is a sub-folder of sub-folder of{" "}
<code>Default Location</code>.
<br />
Example: If the default location is set to{" "}
{process.platform === "win32" ? <code>D:\manga</code> : <code>/home/manga</code>} and
there is a folder called <code>One Piece</code> within it, any sub-folder located
directly under <code>One Piece</code> will open automatically by clicking its link in
the home location list. This feature can be enabled in the settings.
</li>
<li>
Home screen search:
<b>AniList Tracking : </b>
<ul>
<li>
You don't need to type the whole word in search. (e.g. For{" "}
<code>One Piece</code> type <code>op</code>).
After logging in successfully you can enable tracking by opening a manga and
checking side-list (moving mouse to left most part of app).
</li>
<li>Paste link to set browse pasted link in Locations tab.</li>
<li>
Type <code>..{window.path.sep}</code> to go up directory.
Tracker are managed according to the folder of manga. If manga folder is
moved/renamed/deleted local tracker will be remove and user will need to add
tracker again.
</li>
{process.platform === "win32" ? (
<li>
Type let <code>D:\</code> to go to <code>D drive</code>.
</li>
) : (
""
)}
<li>
Type name ending with <code>{window.path.sep}</code> to open it in search. e.g.
When there is a directory named <code>One piece</code> in current list, type{" "}
<code>One Piece{window.path.sep}</code> to open that as new list.
Currently you need to manually update the progress entry but auto updating of
tracker will be supported soon.
</li>
</ul>
</li>
<li>
Limit width of images in reader. To use <code>Max Image Width</code> feature, disable{" "}
<code>Size Clamp</code>.
If you know how to write <code>.css</code>, you can customize style of app, more than
just theme color that is enabled by "Theme Maker, by making your custom{" "}
<code>.css</code> file and adding it as <code>Custom Stylesheet</code>.
<br />
You can use developer/inspect tool to check the element and existing styles.
</li>
</ul>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/Components/TopBar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -181,7 +181,7 @@ const TopBar = (): ReactElement => {

<label style={{ display: isReaderOpen && bookInReader ? "flex" : "none" }} className="pageNumber">
<input
className="pageNumberInput"
className="pageNumberInput noBG"
ref={bookProgressRef}
type="number"
defaultValue={0}
Expand Down
2 changes: 2 additions & 0 deletions src/Components/anilist/AniLogin.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,8 @@ const AniLogin = () => {
Click "Proceed" to start authorization process. You will be redirected to your default browser.
After authorization, anilist will give you a token, copy and paste that below to complete
linking.
<br />
Check Usage & Features in settings for more info or ask on the github page.
</p>
<div className="btns">
{!proceeded && (
Expand Down

0 comments on commit 35b1093

Please sign in to comment.