Yande.re Masonry

Yande.re/Konachan Masonry(Waterfall) Layout. Also support danbooru/gelbooru/rule34/sakugabooru/lolibooru/safebooru/3dbooru/xbooru/atfbooru/aibooru et cetera.

As of 2023-08-12. See the latest version.

Author
asadahimeka
Ratings
0 0 0
Version
0.29.1
Created
2022-05-12
Updated
2023-08-12
License
MIT
Applies to

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

  1. git clone https://github.com/asadahimeka/yandere-masonry.git
  2. cd yandere-masonry
  3. yarn install
  4. 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:

  1. 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.
  2. 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

yandere-masonry