### 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
- 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
- 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).
- 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

Other supported sites：

https://e-shuushuu.net

https://www.zerochan.net

https://sankaku.app (https://chan.sankakucomplex.com)

https://idol.sankakucomplex.com

https://anime-pictures.net

https://allgirl.booru.org

https://booru.eu

https://kusowanka.com

https://anihonetwallpaper.com

https://nozomi.la

## Screenshots


## Sponsors

Thanks for TSUKYU's support

## 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 `` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/ sfc-script-setup.html#sfc-script-setup) to learn more.

### Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar v1.8.27](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

### 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](https://github.com/johnsoncodehk/volar/discussions/471).

## Credits

[zhzwz/yande-re-chinese-patch](https://github.com/zhzwz/yande-re-chinese-patch)

[Booru Search API](https://github.com/asadahimeka/booru-search) modified from [AtoraSuunva/booru](https://github.com/AtoraSuunva/booru)

## License

Licensed under the [MIT](https://github.com/asadahimeka/yandere-masonry/blob/main/LICENSE) license

Copyright © 2022 Yumine Sakura