Code Monkey home page Code Monkey logo

suwayomi-webui's Introduction

Suwayomi-WebUI

This is the repository of the default client of Suwayomi-Server.

The server has this web app bundled by default and is able to automatically update to the latest versions. Thus, there is no need to manually download any builds unless you want to host the app yourself instead of having it hosted by the Suwayomi-Server.

Features

  • All available Suwayomi-Server features are implemented
  • Library management
    • Filter/Sort/Search your manga
    • Use categories to categorize your manga
    • Select manga in your library and perform actions (e.g. download, change categories, mark as read, ...) on one or multiple manga
  • Manga chapter management
    • Filter/Sort the chapter list
    • Select chapters and perform actions (e.g. download, bookmark, mark as read, ...) on one or multiple manga
  • Select a range of manga/chapters by using shift + left click or long press
  • Download queue
  • Settings per device (e.g. different reader settings for pc, phone and tablet)
  • Reader settings per manga
  • Option to ignore duplicated chapters while reading
  • Option to automatically download next chapters while reading
  • Option to automatically delete downloaded chapters after reading them
  • Migration of manga between sources
  • Hide in library manga while browsing sources
  • Save source searches to easily reuse them
  • Overview of duplicated manga in your library (settings > library)
  • Duplication check when adding a new manga to your library
  • Quick add/remove a manga to your library in the source browse (hover with mouse on pc or long press on touch devices)
  • Inform about available WebUI and Server updates
  • Inform about successful WebUI and Server updates since the last time the app was used

Preview

An ongoing changelog of all relevant changes since the last stable release can be found here

To use the preview version you can select the PREVIEW channel in the settings of your Suwayomi-Server. The server is then able to download and also keep the version automatically up-to-date.

Keep in mind that the preview version might need a newer version than the stable server. In case your server is outdated, it will automatically downgrade to the latest compatible WebUI version.

Minified builds of WebUI can be found here Suwayomi-WebUI-preview.

Additionally, there is an online build of the WebUI preview version that is available here. Make sure to set your Suwayomi-Server hostname in Settings or you'll get infinite loading. Also note that its the latest revision of WebUI and might not work correctly if you connect to a stable build of Suwayomi-Server.

Contributing and Technical info

See CONTRIBUTING.md.

Translation

Feel free to translate the project on Weblate

Translation Progress Translation status

License

Copyright (C) Contributors to the Suwayomi project

This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

suwayomi-webui's People

Contributors

akabhirav avatar alexandre-p-j avatar arbuilder avatar ariamoradi avatar arias800 avatar brutuz avatar chancez avatar comradekingu avatar ff2400t avatar forgenn avatar infix avatar jipaix avatar johena avatar kolbyml avatar kraxen72 avatar kreach37 avatar manchewable avatar martinek avatar ntbm avatar phanirithvij avatar rickymcmuffin avatar robonau avatar schroda avatar she11sh0cked avatar silenc3isgold3n avatar syer10 avatar taos15 avatar topru333 avatar voltrare avatar weblate avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

suwayomi-webui's Issues

[Question] Close Button at Reader Settings

The Close Icon in the Reader Settings onClick calls history.back() which is the previous chapter if you've read a while.
Is this intended behaviour? For me the expected behavior would be either closing the Settings Nav(but there's already a button for it) or going back to the manga detail page.

[Bug] Simple mistake in server address setting dialog

Device information

  • Tachidesk version: v0.5.3-r966-linux-x64
  • Server Operating System: ArchLinux
  • Server Desktop Environment: N/A
  • Server JVM version: Openjdk 16.0.2u7
  • Client Operating System: ArchLinux
  • Client Web Browser: Firefox 92.0.1

Steps to reproduce

  1. Attempt to change server address

Expected behavior

Enter new category name => Enter new server address
Category name => Server Address

Actual behavior

Screenshot 2021-09-29 at 20-08-40 Tachidesk

[Feature Request] Replace all bottom sheets with dialog

What feature should be added to Tachidesk?

Bottom sheet on PC is very difficult to access, and doesn't really make sense outside mobile devices

Why/Project's Benefit/Existing Problem

Replace all instance of bottom sheet to dialogs (similar to manga sites). Tachidesk is a desktop reader first, it does not need to copy Tachiyomi mobile UI (☞゚ヮ゚)

[Feature Request] Options to order library

What feature should be added to Tachidesk?

The library should have the possibility to be ordered in different ways, by the last chapter uploaded, by date added, alphabetically etc..

Why/Project's Benefit/Existing Problem

Currently, the library is ordered by the internal manga id, which makes looking for updates difficult.

[Feature Request] Viewing Mode: Double Page

What feature should be added to Tachidesk?

Viewing Page like a book
As laptop/desktop screen is wide, viewing two pages at once (from left to right for manhua/regular comics) and (from right to left for manga) could help in reading as the two pages is resized to fit in the screen side by side

this is only for regular sized manga pages as some pages that is long (webtoon) and wide( manga pages that is combined to one page) could make this mode breaks.

in my opinion, to detect the page size:
use something like:
if value is higher than the (usual size) , then view that page as single page

Why/Project's Benefit/Existing Problem

This helps to take lesser amount of scrolling and we can view two full pages at the height of the screen

[Feature Request] Comfortable grid view

What feature should be added to Tachidesk?

Many users prefer comfortable grid view over compact, and it looks much, much better imo

Why/Project's Benefit/Existing Problem

Tachiyomi and its forks have it, yoink it from there

[Feature Request] Image scaling options when viewing manga

What feature should be added to Tachidesk?

Include a way to change the image scaling options to compensate different image sizes (in the reader sizes).

Why/Project's Benefit/Existing Problem

When reading manga (typically, from scanlation groups), resolutions are sometimes different (for example, the start and end pages are in 1280 x 720 [landscape], while the rest is in 720 x 1280 [portrait]). Some manga reading applications like YACReader (https://github.com/YACReader/yacreader) allows you to change the image scaling options [Fit Vertically/Horizontally, fill size, or fit page] (by pressing A) in order to compensate the fit with the device's screen resolution.

In its current state, you either zoom the webpage all the way out to see the image in one go or change the orientation options in your settings and it is kinda inconvenient to have a good reading experience.

Custom color filter

Need feature for custom color filter and custom brightness. It will help a lot for users reading in low light and the users accustomed to color filter

[Feature Request] Option to fit pages vertically on the screen

What feature should be added to Tachidesk?

Add on option in the reader settings to fit pages on the screen vertically so you don't need to scroll to read them.

Why/Project's Benefit/Existing Problem

i personally think it's more convenient that way.

[Feature Request] Search bar in sources page to open URL

It be good to have a search bar in the source tab which accepts URL and when searched it opens directly the manga page rather than opening manually via extension using the title.

for example https://manga4life.com/manga/Goblin-Slayer should open directly
image

Ideally placed as here
image

Copy and pasting a URL should access the extension (based on the domain if possible) and open the manga page inside Tachidesk. If the URL does not correspond to any installed extension, it should prompt install option (if possible) or no appropriate extension error message.

(edited👍)

[Bug] Inconsistent image sizes, and lack of dual-page reads or pagination

Device information

  • Tachidesk version: v0.2.7-r312-win32
  • Server Operating System: the latest version of Windows 10
  • Server Desktop Environment: N/A
  • Server JVM version: bundled with win32
  • Client Operating System: Same
  • Client Web Browser: the latest version of Brave browser

Steps to reproduce

  1. Download MangaPark
  2. Open "Strawberry Panic"
  3. Pick a chapter

Expected behavior

Scrolling images with dynamic navigation should be consistent

Actual behavior

None of the scanned pages is the same size, leading to misalignment

Other details

It would be useful if the screen can display two pages at once in a consistent manner

Edge counter-case: Images that are two pages in one (many scan sites have them), and long art strips from webtoons and tapas.io

[Feature Request] change date format

What feature should be added to Tachidesk?

an option to change between different date formats
current/universal, YYYY-MM-DD
American, MM-DD-YYYY
non american, DD-MM-YYYY
ect.
(i think this mostly only effects the chapter release date)

Why/Project's Benefit/Existing Problem

its awkward to figure out what the date is when you are used to a specific format that isn't what is being used

[Feature Request] auto scroll

What feature should be added to Tachidesk?

vertical auto-scroll would be nice. something that slowly keeps scrolling.

Why/Project's Benefit/Existing Problem

use PC without leaving mouse to auto-scroll

[Feature Request] Hotkey support

A few suggestions:

Alt + arrows : move the page back or forward (or Esc to go back) [does not work in electron #27 ]

Ctrl+F : To move from browse/latest to search mode in extensions

Right click : to save page inside a manga (rather than searching inside folders) via a drop down menu possibly

Ctrl+O : to open a popup view of the library (or switch to library shortcut)

Ctrl+J : to open download queue

Zoom out problems

Whenever I try to zoom out beyond 80%,it doesn't zoom out only scrolls. I zoom out with ctrl+scroll wheel

[Bug] Open Site feature has issues

Device information

  • Tachidesk version: v0.4.2 latest stable
  • Server Operating System: win 10
  • Server Desktop Environment: Docker
  • Client Web Browser: Google Chrome latest

Steps to reproduce

  1. Browse any source
  2. Go to any manga page
  3. Click on open site

Expected behavior

Open specific manga page url of source website in another tab.

Actual behaviour

It either hangs on loading, open the same page, open wrong manga altogether.

Other details

If some extensions provide actual link we can use and hide it for extensions which it doesn’t provide link.

[The Last Page is missing] <Every chapter i read in Tachidesk doesn't have the last page of the chapter>

Device information

  • Tachidesk version: v0.6.0-r1056-win64
  • Server Operating System: Windows 10
  • Server Desktop Environment: N/A
  • Client Operating System: Windows 10
  • Client Web Browser: Google Chrome 96.0.4664.110

When i read a chapter, the number 1 page is black and all pages go to the next number (so if i use tachiyomi the first page is in tachidesk the second one), but the number of pages remains the same because the last one just disappear...
Please help me :/

[Bug] <Pains to do search every time>

When I search in a source for manga or comics after selecting and going back the search results always disappear and the searching process is being repeated. It does not happen in tachiyomi mobile app. There the search results are kept after going back to search option. I dunno whether it is caching or memory issues but it pains to do a search after selecting the wrong manga for the same keyword every time. This issue also raised in discord server with picture reference. Please, fix it.

[Feature Request] Continue reading and last read button in the library and titles

following up Suwayomi/Suwayomi-Server#137 Additional suggestions:

"Continue reading" button to be added when in library in the corner which can open the last read chapter among all titles. Should display "finished reading" or something if the last read is the already read final chapter of the series or when you never read a title. If Suwayomi/Suwayomi-Server#137 works, the history of the titles' last read could be used to define which chapter to open.

"Resume/Start" button to be added when opened a title in the corner and open the last read of that series.(in Tachiyomi but not yet in Tachidesk).

image

[Feature Request] Merge sources and extensions screen

What feature should be added to Tachidesk?

A merged screen for sources and extensions

Why/Project's Benefit/Existing Problem

It will be much nicer to have a unified sources and extensions screen, with install extension being grouped at the top. This is planned for Tachiyomi 1.x, Tachidesk could obtain it sooner

[Feature Request] Plugin Catalog as a Grid

PLEASE READ THIS

What feature should be added to Tachidesk?

Currently, on a 16:9 screen, the plugin catalog only has 1 item per row, which wastes a lot of space.

Why/Project's Benefit/Existing Problem

Depending on the screen setting, the plugin catalog should have a grid that is about 2 or 3 inches wide.

[Feature Request] Hot Keys/ Shortcuts

What feature should be added to Tachidesk?

I have some suggestions about what shortcuts we can add but the motive of this feature request was to pull the devs' attention towards the idea of shortcuts.
Examples/suggestions : -
c+->(right arrow key) skips to the next chapter
c+<-(left arrow key) skips to the previous chapter
esc goes back/ exits the manga(may solve the problem of having no way to back from stuff)
+ zoom in
- zoom out

Why/Project's Benefit/Existing Problem

Will improve the general experience and make the app more user friendly.

[Feature Request] Permanent Sidebar instead of Hidden Sidebar

Instead of a hidden sidebar why don't we have a permanent sidebar while browsing the app,
like how they show servers on discord with the same/similar logos as Tachi

For desktop that it be might be convenient and
Could be hidden for small window/phone or when reading a manga

[Bug] If the last page is not the only page visible it never gets counted as read

Device information

  • Tachidesk version: stable v0.4.3
  • Server Operating System: Ubuntu 20.04.02 / docker
  • Server JVM version: docker
  • Client Operating System: win10
  • Client Web Browser: Firefox 89.0.2

Steps to reproduce

  1. Open a manga
  2. Read to the last page
  3. If the last page is not the only page visible it never gets counted as read and the chapter as well

Expected behavior

Mark last page as read as soon as it is visible.

Actual behavior

Last page is not marked as read even if fully visible, as long as the second to last page is still visible too.

Other details

You can resize the browser window so the last page is the only visible, then it gets marked as read.

Example

Works:
grafik

Doesn't work:
grafik

[Feature Request] Re-Reading A page

When you open a chapter of manga which you have already read, It takes you to the chapter you are currently reading. So if a person wants to re-read a chapter they can't do it because when they open the chapter they have already read it will take them to the last page of the chapter and because of the option [Load next chapter at ending] they will be moved to the chapter they are currently reading. So, In order to re-read a chapter they have to disable the [Load next chapter at ending] option and then when they tap on the chapter they have read, the last page of the manga will load and they have to manually go to the first chapter to re-read the chapter.
If the chapter, that has been already read will load on the its first page it will be easier for people to re-read the chapter.

Why/Project's Benefit/Existing Problem

It will help people re-read chapter of manga fast.

[Feature Request] Download All Chapters

What feature should be added to Tachidesk?

A "Download All Chapters" option add in main library page for each manga, or in the manga info page.

Why/Project's Benefit/Existing Problem

This will greatly help people like to download all chapters before reading, but click on each chapter and download them one by one is too frustrated and would easily miss 1 or 2 chapters.

Sidebar is unreadable in Light Mode

The Sidebar in the Reading view does not change the color when the theme is switched to light mode.
Sidebar and the Text inside the Sidebar are both black in color which makes anything written on it illegible

[Feature Request] Reader Layout and Shortcut Suggestion

image

The "X" in the reader settings is kind of confusing and makes me think I am closing the sidebar while I am closing the manga itself.

It would be cool to have the "X" as separate button above ">", something like this.
image.

Also, it be cool if you could keymap Esc button as to go back as shortcut as well (Think it would be ideal since electron does not have the arrows as in browser).

[Feature Request] Extensions grid

Having single lined list of extensions is just wasting a ton of space in the middle of the screen (might be difficult to point of which install button to click for larger screens).

Instead having them as tiles (similar to the library) can save space will be quite compact.

image
vv
image

if this is possible then also a setting to set number of extensions per row (might help adjust for different screen sizes to users' needs).

[Feature Request] Put the "next chapter" button at the end of the chapter.

Put the "next chapter" button and possibly the "previous chapter" button at the end of the chapter that is being read can make it easier for the users to navigate between chapters. This can prove helpful for those who are using the Tachidesk server remotely as well through browsers instead of having to open the navigation menu on the top left.
Just a suggestion.

[Feature Request] Sort Library

What feature should be added to Tachidesk?

In the manga page, you would have the ability to update your reading status, that would be the ones below.
In the Library, the ability to sort in (Reading, Plan To Read, Completed, On Hold, Re-reading, Dropped).

Why/Project's Benefit/Existing Problem

Fast search of the mangas you are currently (Reading, Plan To Read, Completed, On Hold, Re-reading, Dropped).

[Bug] Space/Tap/Click should Scroll down the page instead of going to next image

Device information

  • Tachidesk version: v0.6.2-r1074-linux-x64
  • Server JVM version: OpenJDK 8u312
  • Client Operating System: Same or Android
  • Client Web Browser: Chrome/Firefox

Steps to reproduce

  1. Open a comic with large images
  2. Make it so that you'll need to scroll down to see the full image (or just open a webtoon, they have long pages)
  3. Click space or tap/click on the "next" area.

Expected behavior

Space/Tap/Click should Scroll down the page instead of going to next image

Actual behavior

Space/Tap/Click will take you to the next image regardless of how much you actually read/viewed.

Other details

This behavior is more apparent when reading in "Webtoon" or "Continuous vertical" mode, and especially with webcomics/webtoons as they have very long images.

[Bug] MangaCard scaling in MangaGrid doesn't work

When one Thumbnail loading fails in the MangaGrid, the height of the complete row is set to the minHeight of 400px which breaks the Layout of the properly loaded cards and makes them look squished.
Bildschirmfoto 2021-10-25 um 13 38 24

[Feature Request] Library sorting

Sorts the library according to date added, chapters left unread, alphabetical order or ratings. This allows easier navigation in the library.

[Feature Request] Global page search on the Appbar

Currently, the page for the sources does not allow you to search multiple sites after the plugin is downloaded.
And there seems to be no search bar in the other tabs.

Bonus points: using this as a speed test for seeing which sites are the best in your area.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.