https://github.com/asadahimeka/booruwf-web
Booru sites masonry browsing mode. Booru 站点瀑布流浏览 Web 版
https://github.com/asadahimeka/booruwf-web
booru booru-browser booru-client booru-gallery booru-image-viewer booru-websites danbooru gelbooru konachan masonry yandere
Last synced: 7 months ago
JSON representation
Booru sites masonry browsing mode. Booru 站点瀑布流浏览 Web 版
- Host: GitHub
- URL: https://github.com/asadahimeka/booruwf-web
- Owner: asadahimeka
- License: mit
- Created: 2022-08-30T17:30:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-09T02:09:23.000Z (9 months ago)
- Last Synced: 2025-03-16T20:43:11.830Z (7 months ago)
- Topics: booru, booru-browser, booru-client, booru-gallery, booru-image-viewer, booru-websites, danbooru, gelbooru, konachan, masonry, yandere
- Language: Vue
- Homepage: https://booru.vercel.app
- Size: 929 KB
- Stars: 47
- Watchers: 2
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.en.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Yande.re Masonry
[中文](https://github.com/asadahimeka/yandere-masonry/blob/main/readme.md) | English
Yande.re/Konachan Thumbnail Zoom & Double Click to Next Page & Waterfall Browse
*For questions or suggestions please go to GitHub [feedback](https://github.com/asadahimeka/yandere-masonry/issues)*
Build with [vite](https://vitejs.dev) & [vite-plugin-tm-userscript](https://github.com/asadahimeka/vite-plugin-tm-userscript)
## 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
### Waterfall mode
Click the upper right button to enter waterfall mode
### Output Download Address
In waterfall mode, you can use the `输出下载地址` 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
### 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 sites supported by thumbnail enlargement and double-click page turning are as follows:
https://yande.re/
https://konachan.com/
https://konachan.net/
The Booru stations supported by Waterfall are as follows:
https://danbooru.donmai.us/
https://konachan.com/
https://konachan.net/
https://yande.re/
https://gelbooru.com/
https://rule34.xxx/
https://lolibooru.moe/
https://www.sakugabooru.com/
http://behoimi.org/
https://safebooru.org/
https://tbib.org/
https://xbooru.com/
https://rule34.paheal.net/
https://realbooru.com/
## Screenshots
## 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](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
Modified from coderzhaoziwei/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