Yande.re Masonry
中文 | English
Yande.re/Konachan Thumbnail Zoom & Double Click to Next Page & Waterfall Browsing
Modified from zhzwz/yande-re-chinese-patch
Changelog see CHANGELOG.md
For questions or suggestions please go to GitHub Issues
Build with vite & vite-plugin-tm-userscript
Install
How to install the userscript manager plugin is not repeated, you can refer to Greasy Fork homepage tips to install the browser plugin.
Greasy Fork: Click to install
Sleazy Fork: Click to install
GitHub Raw:Click to install
Web Preview:Click to view
Features
Thumbnail zoom
Enlarge the thumbnail of the list page, currently compatible with yande.re and Konachan
Double click to turn the page
Double-click any area on the left side of the page to enter the previous page, double-click any area on the right side of the page to enter the next page, currently compatible with yande.re and Konachan
Visited marking
A horizontal line will be marked below the image that has been clicked on the details page, using the :visited feature of the <a>
tag, which will expire after clearing the browser cache, currently compatible with yande.re and Konachan
Waterfall mode
Click the upper right button to enter waterfall mode
Output Download Address
In waterfall mode, you can use the Output download links
function to save the image address TXT and then use Thunder, IDM, wget, etc. to download in batches, see https://github.com/FoXZilla/Pxer/issues/8
Topbar action
- Open sidebar
- Load specified number of pages
- Load favorites, popular, random posts (yande.re / Konachan)
- Load pools (yande.re / Konachan)
- Search posts by tags
- Waterfall display column toggle, if the number of columns is selected non-automatically and the number of columns is less than 6, the images will be displayed as sample_url (i.e. the size of the clicked details).
- Batch selection
- View download list
- Toggle dark mode
- Exit waterfall mode
Sidebar action
- Site switching, see below for supported sites
- Go to Favorites, Popular, Random posts page (yande.re / Konachan)
- Go to the Pool page (yande.re / Konachan)
- Local tag blacklist
- Set site API Credentials
- Toggle NSFW content display
- Set image flow layout
- Masonry (equal width and not equal height)
- Grid (equal width and height)
- Justified (fit height and not equal width)
Details View
Click on the thumbnail to view the details, and the following actions can be performed
- Add to favorites (yande.re / Konachan)
- Open detail page
- Open source link
- View original image
- Download / Add to download list
- Open tags page
- Click on the image to toggle button and tags display
- When viewing the original image you can use the mouse to drag and drop the image itself to move it
Site Support
⚠ Notice
Main support sites are Yande.re and Konachan, other sites are basic support, not tested in detail
This script is mainly for the convenience of image browsing. Other functions such as downloading are simply supported, and are not guaranteed to be fully available. In addition, there is a situation where the image list of the origin site page is inconsistent with the list returned by the API, please be aware
The supported sites for thumbnail enlargement and double-click page flip are as follows:
https://yande.re
https://konachan.com
https://konachan.net
The supported booru sites for waterfall layout are as follows:
https://yande.re
https://konachan.com
https://konachan.net
https://danbooru.donmai.us
https://gelbooru.com
https://rule34.xxx
https://lolibooru.moe
https://www.sakugabooru.com
http://behoimi.org (3dbooru)
https://safebooru.org
https://tbib.org
https://xbooru.com
https://rule34.paheal.net
https://realbooru.com
https://booru.allthefallen.moe
https://aibooru.online
Screenshots
Sponsors
Sponsors list: https://sponsors.nanoka.top/account
Developing
git clone https://github.com/asadahimeka/yandere-masonry.git
cd yandere-masonry
yarn install
yarn dev
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
Recommended IDE Setup
Type Support For .vue
Imports in TS
Since TypeScript cannot handle type information for .vue
imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue
imports (for example to get props validation when using manual h(...)
calls), you can enable Volar's Take Over mode by following these steps:
- Run
Extensions: Show Built-in Extensions
from VS Code's command palette, look for TypeScript and JavaScript Language Features
, then right click and select Disable (Workspace)
. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
- Reload the VS Code window by running
Developer: Reload Window
from the command palette.
You can learn more about Take Over mode here.
Credits
zhzwz/yande-re-chinese-patch
Booru Search API modified from AtoraSuunva/booru
License
Licensed under the MIT license
Copyright © 2022 Yumine Sakura