Repository: asadahimeka/yandere-masonry
Branch: main
Commit: 1ea1ac12f3ba
Files: 117
Total size: 2.9 MB
Directory structure:
gitextract_f7ynjoip/
├── .eslintignore
├── .eslintrc.json
├── .gitattributes
├── .github/
│ └── FUNDING.yml
├── .gitignore
├── .npmrc
├── .vscode/
│ └── settings.json
├── CHANGELOG.md
├── LICENSE
├── README.en.md
├── README.md
├── dist/
│ └── yandere-masonry.user.js
├── docs/
│ ├── README.old.en.md
│ └── README.old.md
├── header.config.js
├── index.html
├── package.json
├── packages/
│ ├── booru/
│ │ ├── LICENSE.md
│ │ ├── index.d.ts
│ │ ├── index.js
│ │ ├── index.mjs
│ │ ├── package.json
│ │ ├── readme.md
│ │ └── readme.zh-cn.md
│ ├── release/
│ │ ├── index.d.ts
│ │ ├── index.mjs
│ │ └── package.json
│ ├── true-masonry/
│ │ ├── index.ts
│ │ └── package.json
│ ├── vite-plugin-userscript/
│ │ ├── LICENSE
│ │ ├── README.md
│ │ ├── index.d.ts
│ │ ├── index.js
│ │ ├── index.mjs
│ │ └── package.json
│ ├── vue-masonry-css/
│ │ ├── LICENSE
│ │ ├── README.md
│ │ ├── index.ts
│ │ └── package.json
│ └── vue-virtual-waterfall/
│ ├── VirtualWaterfall.vue
│ ├── index.ts
│ └── package.json
├── pnpm-workspace.yaml
├── scripts/
│ ├── postbuild.mjs
│ └── release.mjs
├── src/
│ ├── App.vue
│ ├── api/
│ │ ├── all-girl.ts
│ │ ├── anihonetwallpaper.ts
│ │ ├── anime-pictures.ts
│ │ ├── autocomplete.ts
│ │ ├── booru.ts
│ │ ├── danbooru.ts
│ │ ├── e-shuushuu.ts
│ │ ├── fav.ts
│ │ ├── gelbooru.ts
│ │ ├── hentaibooru.ts
│ │ ├── index.ts
│ │ ├── kusowanka.ts
│ │ ├── moebooru.ts
│ │ ├── nozomi.ts
│ │ ├── r34-paheal.ts
│ │ ├── realbooru.ts
│ │ ├── rule34.ts
│ │ ├── rule34hentai.ts
│ │ ├── sankaku-complex.ts
│ │ ├── sankaku-idol.ts
│ │ ├── sankaku-idol_unused.ts
│ │ ├── sankaku.ts
│ │ └── zerochan.ts
│ ├── components/
│ │ ├── AppBar.vue
│ │ ├── AppContainer.vue
│ │ ├── DPlayer.vue
│ │ ├── NavDrawer.vue
│ │ ├── PoolList.vue
│ │ ├── PostDetail.vue
│ │ ├── PostExportTags.vue
│ │ ├── PostList.vue
│ │ ├── SettingsDrawer.vue
│ │ ├── Snackbar.vue
│ │ └── WfLayout.vue
│ ├── data/
│ │ ├── all_tags_cn.json
│ │ ├── all_tags_cn.min.json
│ │ ├── all_tags_cn_space.json
│ │ ├── all_tags_cn_space.min.json
│ │ ├── danbooru.csv
│ │ ├── danbooru_tags_cn.json
│ │ ├── gelbooru.csv
│ │ ├── handle-tags.mjs
│ │ ├── moebooru_tags_cn.json
│ │ ├── sankakucomplex_chan.csv
│ │ ├── tags_cn.json
│ │ └── yande.csv
│ ├── env.d.ts
│ ├── locales/
│ │ ├── en.json
│ │ ├── ja.json
│ │ ├── zh-Hans.json
│ │ └── zh-Hant.json
│ ├── main.ts
│ ├── plugins/
│ │ ├── vuetify.ts
│ │ └── webfontloader.ts
│ ├── prepare.ts
│ ├── store/
│ │ ├── actions/
│ │ │ ├── _util.ts
│ │ │ ├── detail.ts
│ │ │ ├── post.ts
│ │ │ └── site.ts
│ │ ├── index.ts
│ │ └── settings.ts
│ ├── styles/
│ │ ├── custom.css
│ │ ├── konachan.css
│ │ ├── prepare.css
│ │ └── yandere.css
│ └── utils/
│ ├── fsa.ts
│ ├── i18n.ts
│ └── index.ts
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
================================================
FILE CONTENTS
================================================
================================================
FILE: .eslintignore
================================================
/dist
node_modules
/packages/**/*.js
/packages/**/*.mjs
/scripts
/**/header.config.js
/**/*.d.ts
================================================
FILE: .eslintrc.json
================================================
{
"root": true,
"env": {
"browser": true,
"es6": true,
"greasemonkey": true
},
"parserOptions": {
"parser": "@typescript-eslint/parser",
"ecmaVersion": "latest",
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"extends": ["eslint:recommended", "@antfu/vue"],
"rules": {
"@typescript-eslint/brace-style": ["error", "1tbs", { "allowSingleLine": true }],
"antfu/if-newline": "off",
"arrow-parens": ["error", "as-needed"],
"brace-style": ["error", "1tbs", { "allowSingleLine": true }],
"curly": ["warn", "multi-line"],
"eqeqeq": "off",
"no-console": "off",
"no-unexpected-multiline": "error",
"no-unused-expressions": "off",
"no-void": "off",
"quotes": ["warn", "single"],
"semi": ["error", "never"],
"space-before-function-paren": ["error", { "anonymous": "always", "named": "never", "asyncArrow": "always" }],
"vue/component-tags-order": ["warn", { "order": [["script", "template"], "style"] }],
"vue/html-self-closing": ["warn", { "html": { "void": "never", "normal": "never", "component": "always" }, "svg": "never", "math": "never" }],
"vue/no-deprecated-v-bind-sync": "off",
"vue/no-v-text-v-html-on-component": "off",
"vue/singleline-html-element-content-newline": "off",
"vue/no-deprecated-destroyed-lifecycle": "off"
}
}
================================================
FILE: .gitattributes
================================================
* text=auto
* vue eol=lf encoding=UTF-8
*.css eol=lf encoding=UTF-8
*.html eol=lf encoding=UTF-8
*.js eol=lf encoding=UTF-8
*.jsx eol=lf encoding=UTF-8
*.md eol=lf encoding=UTF-8
*.scss eol=lf encoding=UTF-8
*.ts eol=lf encoding=UTF-8
*.tsx eol=lf encoding=UTF-8
*.txt eol=lf encoding=UTF-8
*.xml eol=lf encoding=UTF-8
# Images
*.gif binary
*.ico binary
*.jpg binary
*.png binary
*.svg eol=lf encoding=UTF-8
*.webp binary
# Fonts
*.eot binary
*.otf binary
*.ttf binary
*.woff binary
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
# github: YunYouJun # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
# patreon: YunYouJun # Replace with a single Patreon username
ko_fi: sakurayumine
custom: https://sponsors-yumine.netlify.app # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
================================================
FILE: .gitignore
================================================
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
*.local
# Editor directories and files
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
================================================
FILE: .npmrc
================================================
registry=https://registry.npmjs.org/
shamefully-hoist=true
strict-peer-dependencies=false
auto-install-peers=true
link-workspace-packages=true
================================================
FILE: .vscode/settings.json
================================================
{
"i18n-ally.localesPaths": ["src/locales"],
"i18n-ally.sourceLanguage": "zh-Hans",
"i18n-ally.keystyle": "nested",
// "typescript.tsdk": "node_modules\\typescript\\lib",
"eslint.probe": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
}
================================================
FILE: CHANGELOG.md
================================================
## v0.37.5
- fix: 修复 gelbooru 无法下载图片到子目录
## v0.37.4
- fix: 修复 e-shuushuu.net 无法加载
## v0.37.3
- fix: 修复 gelbooru 无法下载原图
## v0.37.2
- feat: 新增通过 FileSystemAccess API 下载图片的设置
- fix: 修复 Safari 浏览下无法加载
## v0.37.1
- fix: 修复深色模式设置失效
## v0.37.0
- feat: Justified 布局缩略图宽度调整设置
- feat: 图片详情弹窗操作按钮栏与标签栏位置互换设置
- feat: 点击详情图片是否关闭弹窗的设置
- fix: 修复 Zerochan API 挑战
- fix: 尝试修复批量选择后导出的下载TXT文件异常
## v0.36.10
- fix: 修复 rule34.xxx 视频无法加载
## v0.36.9
- fix: 修复 danbooru 添加收藏时的错误提示
## v0.36.8
- fix: 修复 rule34.xxx 无法加载
## v0.36.4
- fix: https://idol.sankakucomplex.com 切换为 https://www.idolcomplex.com
## v0.36.3
- fix: 更新标签翻译
## v0.36.2
- feat: 支持 rule34hentai.net
## v0.36.1
- fix: 标签导出功能支持全站点
## v0.36.0
- feat: danbooru 添加标签导出功能
## v0.35.9
- fix: 修复 Firefox rule34.xxx 无法添加收藏
- feat: 添加一种瀑布流布局,使用 CSS Grid 实现
## v0.35.8
- feat: yande.re/konachan/danbooru 支持在详情弹窗左上角显示 Artist/Character/Copyright 标签
## v0.35.7
- fix: 修复 gelbooru 无法加载
## v0.35.6
- fix: 修复因标签黑名单导致的无法继续加载问题
- fix: 样式修改
## v0.35.5
- fix: 尝试修复 rule34.xxx 评分阈值与 AI 开关不生效的问题
## v0.35.4
- fix: 修复 Firefox 下 rule34.xxx 无法加载
## v0.35.3
- fix: virtual 布局可选择列数
- fix: 替换 nozomi 链接
## v0.35.2
- fix: 修复 sankaku 无法加载
## v0.35.1
- fix: 修复 realbooru.com 详情 GIF 无法加载
## v0.35.0
- feat: 新增 danbooru/gelbooru/rule34.xxx 的搜索标签自动补全
## v0.34.1
- fix: 修复 realbooru.com 无法加载
## v0.34.0
- feat: 显示列表图片的分辨率
- fix: 优化瀑布流虚拟列表组件
- fix: 修复 xbooru 图片链接
## v0.33.6
- fix: 修复 rule34.xxx 图片链接
## v0.33.5
- fix: 修复 rule34.paheals 下载链接
## v0.33.4
- fix: yandere 瀑布流模式下与主页图片顺序一致
- fix: 修复 anime-pictures 大图无法加载
- fix: 修复 rule34.paheals 图片无法下载
## v0.33.3
- fix: rule34.paheal 通过解析 HTML 获取数据
## v0.33.2
- fix: 修复 sankaku idol 翻页问题
## v0.33.1
- fix: 修复 fancybox 无法使用
## v0.33.0
- feat: 支持 e-shuushuu.net
- feat: 支持 zerochan.net
- feat: 支持 sankaku.app(chan.sankakucomplex.com)
- feat: 支持 idol.sankakucomplex.com
- feat: 支持 anime-pictures.net
- feat: 支持 allgirl.booru.org
- feat: 支持 booru.eu
- feat: 支持 kusowanka.com
- feat: 支持 anihonetwallpaper.com
- feat: 支持 nozomi.la
- feat: 新增使用 fancybox 查看大图的设置
- fix: 修复 rule34.paheal 无法加载的问题
## v0.32.3
- feat: 添加 Danbooru/Gelbooru/Rule34 收藏按钮
- feat: 添加显示列表图片卡片左上角复选框的设置,勾选复选框可加入下载列表
## v0.32.2
- fix: 优化 a11y,便于使用 Vimium 插件浏览
- fix: 修复 Justified 布局下没有缩略图大图开关
- fix: 样式修改
## v0.32.1
- fix: 修复 Firefox 下 Gelbooru 无法查看大图的问题
## v0.32.0
- feat: 新增图片铺满屏幕设置
- feat: 新增本地标签黑名单导入导出功能
- feat: 新增自动进入瀑布流模式设置
- fix: 样式修改
## v0.31.0
- feat: 添加虚拟瀑布流布局(实验性)
- feat: 添加父投稿与子项提示(Y 站和 K 站)
## v0.30.0
- feat: 添加 danbooru 标签翻译, 数据来自 [danbooru-diffusion-prompt-builder](https://github.com/wfjsw/danbooru-diffusion-prompt-builder)
- feat: 简单适配从 rule34.xxx 收藏夹界面进入瀑布流模式
- fix: danbooru.donmai.us 使用 720x720 缩略图
## v0.29.1
- feat: 支持保存图片到子文件夹,需要将 Tampermonkey 的“下载模式”修改为“浏览器 API”。
- fix: 图片列表添加快捷操作按钮,鼠标上浮时显示
## v0.29.0
- feat: 国际化支持
## v0.28.1
- fix: yande.re 站点下载文件时使用原文件名
## v0.28.0
- feat: 修改设置界面样式
## v0.27.4
- fix: 修改 Flexbin 布局为适高不等宽
## v0.27.0
- feat: 支持设置图片信息流布局
- Masonry (等宽不等高)
- Grid (等宽等高)
- Flexbin (等高不等宽)
- fix: 下载列表可选择图片清晰度
- fix: 详情弹窗修改为整屏弹出
- fix: 图片详情样品图可使用右键复制
- fix: 视频详情加载上/下一个按钮,样式修改
## v0.26.0
- feat: 支持 atfbooru 与 aibooru
- feat: 支持设置站点 API Key 查询字符串
- feat: 添加 moebooru 语言选择
- revert: 回滚弹窗遮罩样式
## v0.25.2
- feat: 详情弹窗支持使用 A/D/←/→ 加载上一张/下一张图片
- feat: 列表右键菜单添加下载原图选项
- fix: 详情查看大图默认修改为原始大小
- fix: 修改弹窗遮罩样式
## v0.25.1
- feat: 简单支持详情图片旋转操作
## v0.25.0
- chore: 升级 vue 版本到 2.7
- fix: 修复依赖 CDN 加载顺序
## v0.24.8
- feat: 添加缩略图列表布局设置,默认为瀑布流布局,可切换为等高网格布局
## v0.24.7
- fix: 修复因 Gelbooru CSP 导致的 DPlayer 加载失败
## v0.24.6
- fix: 修改所有 CDN 为 UNPKG
## v0.24.5
- feat: 图片预加载数量配置
- fix: 图片详情翻到最后一张时加载下一页
## v0.24.0
- feat: 添加 NSFW 开关,默认打开
- feat: 添加鼠标滚轮事件开关,默认打开
- feat: 添加详情图片预加载开关,默认关闭
## v0.23.0
- feat: 瀑布流模式添加全屏按钮
- feat: 图片详情查看大图添加调整原图适应页面的按钮
## v0.22.4
- feat: 详情弹窗查看原图时可以进入全屏查看
- fix: 详情弹窗鼠标滚轮事件判断
## v0.22.3
- feat: 详情弹窗可以用鼠标滚轮加载上一张/下一张图片
- fix: 详情弹窗稍微扩大
## v0.22.0
- feat: 瀑布流点击详情查看原图时可拖动图片
- fix: 显示侧栏滚动条
## v0.21.0
- feat: ✨添加 Web 预览版本链接
- feat: 添加 Pixiv Ranking 与 Pixiv Viewer 链接
- fix: 瀑布流初始化时只加载两页,避免某些情况下无限加载
## v0.20.4
- fix: 瀑布流模式详情记住标签显示隐藏状态
## v0.20.2
- fix: 修改 macy 响应列数
## v0.20.1
- feat: 添加反馈链接
## v0.20.0
- feat: ✨ moebooru 支持在图集列表与详情页面进入瀑布流模式
- feat: moebooru 添加返回首页按钮
- feat: 瀑布流列表标注视频与 GIF 格式的作品
- fix: 进入瀑布流按钮样式更改
- fix: 修改 a.thumb 样式
- docs: 更新翻译文件
## v0.19.1
- fix: 修复 dplayer 初始化错误
## v0.19.0
- feat: 使用 dplayer 替代原生播放器
- feat: 添加标签显示隐藏按钮
- feat: 支持 lolibooru
- feat: 支持 sakugabooru
- feat: 支持 3dbooru
- fix: 修复某些站点图片加载错误
- chore: 更新依赖
## v0.18.0
- feat: 本地标签黑名单
- feat: 作品详情弹窗加载上一个或下一个作品
- feat: 顶栏页码输入框可使用方向键跳页
## v0.17.3
- feat: moebooru 可以直接加载上一个或者下一个周期的人气作品
## v0.17.2
- fix: moebooru /tag 页面的标签添加翻译
- fix: 侧栏添加更新日志链接
- fix: 替换 `GM_notification` 为 `snackbar`
## v0.17.1
- fix: 修复搜索标签触发行为
- docs:完善更新日志
- docs: 更新 Readme
## v0.2.40
- feat: 瀑布流模式顶栏添加加载收藏夹 (moebooru 站点)、人气作品、随机作品按钮
## v0.2.39
- feat: 瀑布流模式支持标签搜索
## v0.2.38
- feat: 瀑布流模式侧栏添加人气与随机作品列表页面链接
- docs: 更新 Readme
## v0.2.37
- fix: 进入瀑布流模式时尝试移除 moebooru 站点一些监听事件
## v0.2.34
- fix: 移除 mdi CSS CDN 链接
## v0.2.33
- perf: 放弃 CSS Iconfont,使用 `@mdi/js` 加载 svg 图标
- chore: 更新依赖 & 添加依赖 `@antfu/eslint-config-vue`
- chore: eslint 基本配置修改为 `@antfu/vue`
## v0.2.31
- fix: 跳页输入框样式修改
- fix: 只在 moebooru 站点获取用户名
- refactor: 修改文件结构
## v0.2.30
- fix: 修改依赖库 CDN
## v0.2.29
- fix: 瀑布流模式详情只在 moebooru 站点查询作品信息
## v0.2.28
- feat: 瀑布流模式支持在 appbar 跳转页数
- docs: 更新 Readme
## v0.2.27
- fix: moebooru 瀑布流模式详情标签默认颜色
## v0.2.26
- feat: moebooru 支持在人气页面进入瀑布流模式
- feat: moebooru 瀑布流模式详情支持彩色标签
## v0.2.25
- fix: 通过 GitHub Raw 加载翻译文件
- fix: 替换 eleme CDN 为 jsDelivr
- docs: 更新翻译文件
## v0.2.24
- docs: 更新翻译文件
## v0.2.23
- chore: 修改翻译文件位置
## v0.2.22
- feat: 添加 moebooru 标签中文翻译
- fix: 使用 `GM_info` 获取脚本版本
## v0.2.21
- fix: 防止 Konachan Access Denied 时无限跳转
## v0.2.19
- fix: moebooru 站点使用 url 参数设置语言
## v0.2.18
- feat: 访问 moebooru 站点时默认设置语言为中文
## v0.2.17
- feat: 加载下一页时自动修改地址
- feat: 瀑布流模式列数选择小于 6 时列表会加载大图
- feat: 添加退出瀑布流模式按钮
- fix: 样式修改
- fix: 修改 Macy 默认列数为 5
- fix: 修复 safebooru 添加瀑布流模式按钮两次
- fix: 设置各站点 page limit
- chore: 更新依赖 `@himeka/booru`
- chore: 修改 eslint 规则
## v0.2.16
- fix: 样式修改
## v0.2.15
- fix: moebooru 修改获取用户名的方式
## v0.2.14
- fix: 修改脚本版本展示位置
## v0.2.13
- feat: 添加脚本版本展示
## v0.2.12
- feat: 瀑布流模式支持输出下载地址
## v0.2.10
- feat: 瀑布流模式图片详情支持查询收藏状态
- feat: 瀑布流模式侧栏添加个人页面、收藏夹链接
- fix: 静态页不运行脚本("jpg", "jpeg", "png", "gif", "mp4", "webm", "json", "xml")
- docs: 更新 Readme
## v0.2.9
- fix: 修改 @exclude
## v0.2.8
- feat: 瀑布流模式图片详情支持查看原图
## v0.2.7
- feat: 支持瀑布流模式图片显示列数调整
- fix: 样式调整
- chore: 添加 postbuild 与 release 脚本
## v0.2.5
- chore: 更新 `@himeka/booru` 依赖
## v0.2.4
- fix: 样式修改
## v0.2.3
- fix: 收藏失败时提示错误
## v0.2.2
- fix: 修改瀑布流按钮插入时机
## v0.2.1
- feat: moebooru 添加收藏功能
- feat: 右键缩略图时弹出菜单,可以收藏、新标签页打开、加入下载列表
- fix: 下载功能使用 `GM_download`
## v0.2.0
- feat: 添加下载、下载列表
## v0.1.5
- feat: 详情支持视频展示
- docs:修改 Readme
## v0.1.4
- fix: 修改瀑布流按钮插入时机
## v0.1.3
- chore: 添加推送脚本
## v0.1.1
- fix: 修改 run-at 为 document-end
## v0.1.0
- feat: Yande.re 缩略图列表页面使用 Macy 库
- fix: 样式修改
## v0.0.1
- init: 初版提交,Forked 自 yande-re-chinese-patch
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2022 Yumine Sakura
Copyright (c) 2021 coderzhaoziwei
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.en.md
================================================
# Yande.re Masonry

[](https://github.com/asadahimeka/yandere-masonry/blob/main/CHANGELOG.md)







English | [Simple Readme](https://github.com/asadahimeka/yandere-masonry/blob/main/docs/README.old.en.md) | [中文](https://github.com/asadahimeka/yandere-masonry/blob/main/README.md)
Yande.re/Konachan Masonry(Waterfall) Layout.
## Table of Contents
- [Project Introduction](#-project-introduction)
- [Features](#-features)
- [Supported Sites](#-supported-sites)
- [Screenshot Display](#-screenshot-display)
- [Installation Guide](#-installation-guide)
- [Usage Guide](#-usage-guide)
- [FAQ](#-faq)
- [Technical Details](#-technical-details)
- [Development Guide](#-development-guide)
- [Changelog](#-changelog)
- [Contributing Guide](#-contributing-guide)
- [Acknowledgements](#-acknowledgements)
- [License](#-license)
- [Sponsorship](#-sponsorship)
- [Statistics](#-statistics)
## 📖 Project Introduction
**Yande.re Masonry** is a userscript designed specifically for anime image browsing websites, aiming to greatly enhance the browsing experience. It brings practical features such as masonry layout, Chinese tag translation, thumbnail enlargement, double-click page navigation, and more to Yande.re, Konachan, and over 20 Booru sites.
This project was originally improved based on [zhzwz/yande-re-chinese-patch](https://github.com/zhzwz/yande-re-chinese-patch) and has now evolved into a fully featured modern userscript.
* 🎨 **Immersive Browsing** - Masonry layout makes browsing smoother and more efficient
* 🌏 **Localization Support** - Complete Chinese tag translation to eliminate language barriers
* ⚡ **Performance Optimization** - Virtual scrolling, lazy loading, and other techniques ensure a smooth experience
* 🔧 **Highly Customizable** - Rich configuration options to meet different user needs
* 🌐 **Multi-site Support** - Install once, supports 20+ sites
---
## ✨ Features
### 🖼️ Masonry Browsing Mode
Core feature that completely changes the browsing experience:
* **Multiple Layout Modes**:
* Masonry (equal width, variable height) - classic waterfall layout
* Grid (equal width, equal height) - neat grid
* Justified (adaptive height, variable width) - compact layout
* Virtual (virtual scrolling) - best choice for large numbers of images
* **Smart Loading**:
* Automatically loads more when scrolling to the bottom
* Supports infinite scrolling
* Virtual scrolling optimizes performance
* **Customizable Column Count**:
* Automatic mode (based on screen width)
* Manual selection from 1–20 columns
* Automatically switches to high-definition preview when fewer than 7 columns
### 🏷️ Chinese Tag Translation
Eliminate browsing barriers caused by English tags:
* **Complete Translation Coverage**:
* Yande.re/Konachan tag translations (source: [yande-re-chinese-patch](https://github.com/zhzwz/yande-re-chinese-patch))
* Danbooru-based site translations (source: [danbooru-diffusion-prompt-builder](https://github.com/wfjsw/danbooru-diffusion-prompt-builder))
* Other site tags (source: [Yellow-Rush/zh_CN-Tags](https://github.com/Yellow-Rush/zh_CN-Tags))
* **Smart Autocomplete**: Real-time suggestions and translations while typing tags
* **Continuous Updates**: PRs are welcome to supplement or correct translations
### 🔍 Search and Filtering
Powerful search features (based on the original site search syntax):
* **Tag Search**: Supports tag autocomplete
* **Advanced Search**: Supports meta tags such as rating and order
* **Blacklist Filtering**: Local tag blacklist to block unwanted content
* **NSFW Control**: One-click toggle to show/hide NSFW content
* **Sorting Methods**:
* By score, favorites, resolution
* By time, popularity
* Random, quality sorting
### ➡️ Quick Browsing
Detail features that improve browsing efficiency:
In non-masonry mode (Y/K sites):
* **Thumbnail Enlargement**: Larger preview images to see details at a glance
* **Double-click Paging**: Double-click left side for previous page, right side for next page
* **Visited Mark**: A horizontal line is shown under images that have been viewed
Masonry mode:
* **Keyboard Navigation**: Image detail supports A/D/←/→ keys for paging
* **Mouse Wheel Navigation**: Image detail supports mouse wheel paging
* **HD Preview**: Thumbnails in the image list can use high-definition image links
* **Image Preloading**: Image detail supports preloading the next sample/original image
* **Auto Enter**: Can be set to automatically enter masonry mode
* **Images Fill Screen**: Supports full-width display mode, balancing immersion and reading whitespace
### 📥 Batch Download
Convenient image management features:
* **Batch Selection**: Quickly select multiple images
* **Download List**: Manage the download queue
* **Export Links**: Export image URLs as TXT, supporting tools like Xunlei/IDM/wget
* **Filename Handling**: Domain prefix + artwork tags
* **Download Source Selection**: Original file (fileUrl) / JPG compressed image (jpegUrl)
### ⭐ Favorites and Interaction (Y/K Sites)
* **One-click Favorite**: Quickly add to personal favorites
* **Pool Browsing**: Browse related artwork collections
* **Popularity Rankings**: View popular, ranked, and recently favorited works
### 🎛️ Interface Customization
* **Dark Mode**: Eye-friendly night browsing experience
* **Fullscreen Mode**: Immersive browsing with no distractions
* **Column Switching**: Adjust display density according to preference
* **Image Resolution Display**: Intuitively view image dimensions
* **Type Indicators**: Icon indicators for GIFs, videos, child images, parent images, etc.
---
## 🌐 Supported Sites
### Full Support (Tag Translation + Double-click Paging + Masonry)
| Site | URL | Features |
| -------------- | ---------------------------------------------------------- | ---------------------------------- |
| Yande.re | [https://yande.re](https://yande.re) | Full support, primary testing site |
| Konachan | [https://konachan.com](https://konachan.com) | Full support |
| Konachan(Safe) | [https://konachan.net](https://konachan.net) | Full support |
| Sakugabooru | [https://www.sakugabooru.com](https://www.sakugabooru.com) | Almost full support |
### Basic Support (Masonry)
| Site | URL | Features |
| ------------- | ---------------------------------------------------------------- | ------------------------------------------ |
| Danbooru | [https://danbooru.donmai.us](https://danbooru.donmai.us) | Basic support |
| Gelbooru | [https://gelbooru.com](https://gelbooru.com) | Basic support (API Key required) |
| Rule34 | [https://rule34.xxx](https://rule34.xxx) | Basic support (API Key required) |
| Safebooru | [https://safebooru.org](https://safebooru.org) | Basic support |
| AIBooru | [https://aibooru.online](https://aibooru.online) | Basic support |
| Xbooru | [https://xbooru.com](https://xbooru.com) | Basic support |
| ATFBooru | [https://booru.allthefallen.moe](https://booru.allthefallen.moe) | Basic support |
| TBIB | [https://tbib.org](https://tbib.org) | Basic support |
| Rule34 Paheal | [https://rule34.paheal.net](https://rule34.paheal.net) | Basic support |
| Lolibooru | [https://lolibooru.moe](https://lolibooru.moe) | Basic support (site currently unavailable) |
| 3dbooru | [http://behoimi.org](http://behoimi.org) | Basic support (site currently unavailable) |
### Limited Support (Masonry, partial feature limitations)
| Site | URL | Notes |
| ----------------- | ------------------------------------------------------------------ | -------------------------------------- |
| Anime Pictures | [https://anime-pictures.net](https://anime-pictures.net) | Partial feature limitations |
| Anihone Wallpaper | [https://anihonetwallpaper.com](https://anihonetwallpaper.com) | Partial feature limitations |
| All Girl | [https://allgirl.booru.org](https://allgirl.booru.org) | Partial feature limitations |
| e-shuushuu | [https://e-shuushuu.net](https://e-shuushuu.net) | Partial feature limitations |
| Zerochan | [https://www.zerochan.net](https://www.zerochan.net) | Partial feature limitations |
| Sankaku App | [https://sankaku.app](https://sankaku.app) | Partial feature limitations (unstable) |
| Sankaku Complex | [https://chan.sankakucomplex.com](https://chan.sankakucomplex.com) | Partial feature limitations (unstable) |
| Idol Complex | [https://www.idolcomplex.com](https://www.idolcomplex.com) | Partial feature limitations (unstable) |
| Realbooru | [https://realbooru.com](https://realbooru.com) | Partial feature limitations |
| Hentai Booru | [https://booru.eu](https://booru.eu) | Partial feature limitations |
| Kusowanka | [https://kusowanka.com](https://kusowanka.com) | Partial feature limitations |
| Nozomi.la | [https://nozomi.la](https://nozomi.la) | Partial feature limitations |
| Rule34 Hentai | [https://rule34hentai.net](https://rule34hentai.net) | Partial feature limitations |
> ⚠️ **Note**:
>
> * The primary supported sites are Yande.re and Konachan; other sites have basic support
> * Some sites may have inconsistencies between page listings and API responses
> * Some sites require setting an API Key to function properly
---
## 📸 Screenshot Display









---
## 🚀 Installation Guide
> ⚠️ **Compatibility**:
> - The primary testing environment is Windows + Chrome/Edge browser
> - Firefox browser is supported to the best of our ability
> - macOS + Safari support is limited
### Method 1: Install via Greasy Fork (Recommended)
1. **Install a userscript manager** (if not already installed):
* Chrome/Edge: [Tampermonkey](https://www.tampermonkey.net/) or [Violentmonkey](https://violentmonkey.github.io/)
* Firefox: [Tampermonkey](https://www.tampermonkey.net/) or [Greasemonkey](https://www.greasespot.net/)
* Safari: [Userscripts](https://apps.apple.com/app/userscripts/id1463298887) or [Stay for Safari](https://apps.apple.com/app/stay-for-safari/id1591620171)
2. **Install the script**:
* Click Greasy Fork: [Click to install](https://greasyfork.org/zh-CN/scripts/444885)
* Or Sleazy Fork: [Click to install](https://sleazyfork.org/scripts/444885)
* Click "Install" on the confirmation page
3. **Verify installation**:
* Visit any supported site (e.g., yande.re)
* A "Enter Masonry" button should appear in the top-right corner of the page
### Method 2: Install Directly from GitHub
1. Download the script file:
* [Click to download](https://github.com/asadahimeka/yandere-masonry/raw/main/dist/yandere-masonry.user.js)
2. Open the userscript manager
3. Click "Create new script" or drag the file to install
### Method 3: Try the Web Version
No installation required, experience it directly in the browser:
* [Online preview version](https://booru.vercel.app/)
### Update Script
The script checks for updates automatically, or update manually:
* Click "Check for updates" in the Tampermonkey dashboard
* Or reinstall the latest version
---
## 📖 Usage Guide
### Quick Start
1. Visit any supported site (e.g., yande.re/post)
2. Click the "Enter Masonry" button in the top-right corner
3. Enjoy the brand-new browsing experience!
### Masonry Mode Operations
#### Top Toolbar
| Icon | Function |
| ---- | --------------------- |
| ⚙️ | Open settings |
| 1️⃣ | Page number switching |
| ⭐ | Browse my favorites |
| 🔥 | Browse popular works |
| 🔀 | Random browsing |
| 🔍 | Tag search |
| ☑️ | Batch selection |
| ⬇️ | Download manager |
| ☀️ | Dark mode toggle |
| ⛶ | Fullscreen mode |
| 🌐 | Language switching |
| ⏏️ | Exit masonry mode |
#### Sidebar
* **Site Switching**: Quickly switch between different sites
* **Blacklist Management**: Add tags you don't want to see
* **API Credentials**: Set credentials for sites that require login
* **NSFW Control**: Show/hide sensitive content
* **Layout Mode**: Masonry/Grid/Justified/Virtual
* **Column Settings**: Auto or 1–20 columns
* **Keyboard & Wheel**: Control image switching in detail view
* **Image Preloading**: Control detail image preloading and quantity
* **Large Thumbnails**: Control whether list thumbnails use large image links
* **Fixed Container Width**: Control whether the image list leaves margins on both sides
* **Auto Enter**: Control whether to automatically enter masonry mode
* **Info Display**: Control whether image resolution is shown in the image list
* **Button Position**: Control the position of the action button bar in image detail view
* **Close Behavior**: Control how closing the detail popup is triggered
* **Viewer Tool**: Fancybox plugin can be used to view image details
#### Image Operations
List:
* **Single click**: Open image details
* **Right click**: Quick menu (favorite, download, open details, etc.)
* **Middle click**: Middle mouse button click the detail link button to open in a new tab
Details:
* Detail link
* Source link
* Artist link
* Tag links
* Tag display
* Tag export
* Favorite artwork
* Zoom image
* Download artwork
#### Shortcuts
| Key | Function |
| --------------------------- | -------------------- |
| ← / → | Previous/Next image |
| A / D | Previous/Next image |
| Enter | Search tags |
| Mouse wheel | Previous/Next image |
| Middle mouse button | Open link in new tab |
### Tag Search
1. Click the 🔍 search button
2. Enter tags (English only supported)
3. Real-time autocomplete suggestions are shown
4. Press Enter to perform the search
### Batch Download
1. Select the images you want to download
2. Click the ⬇️ download button
3. Choose:
* Direct download: Use the browser download manager
* Export links: Save as a TXT file and download with other tools
4. Configure download source (Y site / K site): original image / JPG compressed image
### Favorites Feature
Supported sites:
* yande.re
* konachan.com
* konachan.net
* danbooru.donmai.us
* gelbooru.com
* rule34.xxx
---
## ❓ FAQ
### Q: Why are some site features incomplete?
A: The project is mainly optimized for Yande.re and Konachan. Other sites receive basic support. Some site API limitations or structural differences cause feature restrictions.
### Q: Why do images in masonry mode differ from the original site list?
A: Masonry mode uses site APIs to fetch data, which may differ from page rendering logic. This is normal.
### Q: What if tag translations are incomplete?
A: PRs are welcome to add translations! See the "Contributing Translations" section for details.
### Q: How do I disable a feature?
A: Most features can be turned off in the settings sidebar, such as thumbnail enlargement and NSFW display.
### Q: Does the script support mobile devices?
A: Partially supported. Mainly optimized for desktop; mobile experience may be imperfect.
### Q: Why can’t some sites be used?
A: Login and API credentials are required. Set credentials in the sidebar to enable usage.
### Q: Why is the download feature slow?
A: Browsers have concurrent download limits. It is recommended to use the "Export links" feature with professional download tools (such as IDM, wget, aria2, etc.).
### Q: How can I report issues or suggestions?
A: Please submit feedback on [GitHub Issues](https://github.com/asadahimeka/yandere-masonry/issues).
---
## 🎯 Technical Details
### Frontend Tech Stack
* **Vue 2.7 + Composition API**:
* Uses Vue 2.7 Composition API features
* `