56 | 
57 |
`
58 | trs[index].insertBefore(albumEl, trs[index].childNodes[0])
59 | })
60 | })
61 | }
62 | const showCollectAlbum = () => {
63 | const hasPage = document.querySelector('.rc-pagination-item-active')
64 | const page = hasPage ? Number(document.querySelector('.rc-pagination-item-active').getAttribute('title')) : 1
65 | const listId = Number(href.match(/\d+/)[0])
66 | const params = {
67 | listId,
68 | pagingVO: {
69 | page,
70 | pageSize: 30
71 | }
72 | }
73 |
74 | const r = a.split('_')[0] + '_xmMain_' + '/api/collect/getCollectSongs' + '_' + JSON.stringify(params)
75 | const _s = md5(r)
76 | const trs = document.querySelectorAll('.table-container table tbody tr')
77 | if(trs[0].childElementCount !== 5) return
78 | fetch(`https://www.xiami.com/api/collect/getCollectSongs?_q=%7B%22listId%22:${listId},%22pagingVO%22:%7B%22page%22:${page},%22pageSize%22:${params.pagingVO.pageSize}%7D%7D&_s=${_s}`, {
79 | method: 'GET'
80 | }).then(response => response.json())
81 | .then((data) => {
82 | if (data.code !== 'SUCCESS') {
83 | window.alert('请求失败!')
84 | return
85 | }
86 | const { songs } = data.result.data
87 | songs.forEach((song, index) => {
88 | const albumEl = document.createElement('td')
89 | albumEl.innerHTML = `
90 |
96 |
97 |
`
98 | trs[index].insertBefore(albumEl, trs[index].childNodes[0])
99 | })
100 | })
101 | }
102 |
103 | const switchAlbum = () => {
104 | const collectRe = /ollect/
105 | const favoriteRe = /favorite/
106 | if (collectRe.test(href)) {
107 | showCollectAlbum()
108 | } else if (favoriteRe.test(href)) {
109 | showFavoriteAlbum()
110 | }
111 | }
112 |
113 | const clickListener = () => {
114 | const pagers = document.querySelectorAll('.rc-pagination li')
115 | for (let i = 0; i < pagers.length; i++) {
116 | pagers[i].addEventListener('click', () => {
117 | setTimeout(switchAlbum, 2000)
118 | }, false)
119 | }
120 | }
121 |
122 | const injected = () => {
123 | setTimeout(function () {
124 | switchAlbum()
125 | clickListener()
126 | }, 3000)
127 | }
128 |
129 | if(!flag) {
130 | injected()
131 | flag = true
132 | }
133 |
134 | document.addEventListener('click', () => {
135 | const newHref = window.location.href
136 | if(flag && href !== newHref) {
137 | injected()
138 | href = newHref
139 | console.log(href)
140 | }
141 | })
142 | })()
143 |
--------------------------------------------------------------------------------
/yande.re_db/gmDownloader.js:
--------------------------------------------------------------------------------
1 | // ==UserScript==
2 | // @name yande.re_db
3 | // @namespace http://tampermonkey.net/
4 | // @version 1.1
5 | // @description yande.re_db downloader by Beats0
6 | // @author Beats0
7 | // @match *://beats0.github.io/scripter/yande.re_db/*
8 | // @match *://mynovel.life/scripter/yande.re_db/*
9 | // @grant GM_download
10 | // @grant GM_info
11 | // @grant GM.download
12 | // @grant GM.info
13 | // ==/UserScript==
14 |
15 | (function () {
16 | 'use strict';
17 | const re = /([a-fA-F0-9]{40})/;
18 |
19 | function handleDownload(e) {
20 | if (e.target.id === 'download') {
21 | const saveEl = document.querySelectorAll('.btn')[1]
22 | saveEl.click()
23 | const db = JSON.parse(localStorage.getItem('yande.re_db'))
24 | if(!db || db.length === 0) {
25 | window.alert('please select image!')
26 | }
27 | localStorage.setItem('yande.re_db', JSON.stringify([]))
28 | for (let i = 0; i < db.length; i++) {
29 | GMDownload(db[i], db[i].match(re)[0])
30 | }
31 | }
32 | }
33 |
34 | // GM downloader
35 | function GMDownload(url, name) {
36 | var arg = {
37 | url: `https://steamuserimages-a.akamaihd.net/ugc/${url}`,
38 | name: `${name}.jpg`,
39 | onprogress: downloadProgress
40 | }
41 | console.log(arg)
42 | GM_download(arg)
43 | }
44 |
45 | // downloader progress
46 | function downloadProgress(xhr) {
47 | try {
48 | if (!xhr.lengthComputable) return;
49 | var stripe = document.getElementById('stripe'),
50 | width = Math.floor(xhr.loaded / xhr.total * 100);
51 | width === 100 ? stripe.style.width = 0 : stripe.style.width = `${width}%`
52 | } catch (e) {
53 | console.error(e);
54 | }
55 | }
56 |
57 | // create progress
58 | var body = document.getElementsByTagName('body')[0];
59 | var progressEl = document.createElement('div');
60 | progressEl.innerHTML = `
61 | `
71 | body.appendChild(progressEl)
72 |
73 | window.addEventListener('click', handleDownload, false)
74 | })();
--------------------------------------------------------------------------------
/yande.re_db/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
6 |
7 |
16 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
--------------------------------------------------------------------------------
/yande.re_db/index.js:
--------------------------------------------------------------------------------
1 | window.onload = function () {
2 | const downloadHandler = {
3 | // 创建blob对象
4 | downloadBlob: function (url) {
5 | return new Promise((resolve, reject) => {
6 | const xhr = new XMLHttpRequest();
7 | xhr.open('GET', url);
8 | xhr.responseType = 'blob';
9 |
10 | xhr.onload = function () {
11 | if (xhr.status === 200) {
12 | resolve(xhr);
13 | } else {
14 | reject(new Error(xhr.statusText || 'Download failed.'));
15 | }
16 | };
17 | xhr.onerror = function () {
18 | reject(new Error('Download failed.'));
19 | };
20 | xhr.send();
21 | });
22 | },
23 |
24 | downloadURL: function (url, name = '') {
25 | const link = document.createElement('a');
26 | link.download = name;
27 | link.href = url;
28 | if ('download' in document.createElement('a')) {
29 | document.body.appendChild(link);
30 | link.click();
31 | document.body.removeChild(link);
32 | } else {
33 | // 对不支持download进行兼容
34 | this.downloadClick(link, (link.target = '_blank'));
35 | }
36 | },
37 |
38 | // clone https://github.com/eligrey/FileSaver.js/blob/master/src/FileSaver.js
39 | downloadClick: function (node) {
40 | try {
41 | node.dispatchEvent(new MouseEvent('click'));
42 | } catch (e) {
43 | const evt = document.createEvent('MouseEvents');
44 | evt.initMouseEvent(
45 | 'click',
46 | true,
47 | true,
48 | window,
49 | 0,
50 | 0,
51 | 0,
52 | 80,
53 | 20,
54 | false,
55 | false,
56 | false,
57 | false,
58 | 0,
59 | null
60 | );
61 | node.dispatchEvent(evt);
62 | }
63 | },
64 |
65 | // 以 blob 形式载文件
66 | downloadFileBlob: function (url, fileName = '') {
67 | return this.downloadBlob(url, fileName)
68 | .then(res => {
69 | const resp = res.response
70 | if (resp.blob) {
71 | return resp.blob();
72 | } else {
73 | return new Blob([resp]);
74 | }
75 | })
76 | .then(blob => URL.createObjectURL(blob))
77 | .then(url => {
78 | this.downloadURL(url, fileName);
79 | URL.revokeObjectURL(url);
80 | })
81 | .catch(err => {
82 | throw new Error(err.message);
83 | });
84 | },
85 | }
86 |
87 | const app = new Vue({
88 | el: '#app',
89 | data: {
90 | pages: 1,
91 | currentPage: 1,
92 | jumpPage: 1,
93 | showR: false,
94 | showCheck: false,
95 | allPics: [],
96 | pics: [],
97 | checkedArr: [],
98 | },
99 | created() {
100 | this.fetchData()
101 | },
102 | methods: {
103 | fetchData() {
104 | let picType = ''
105 | picType = this.showR ? './r.json' : './public.json'
106 | axios.get(picType).then(res => {
107 | this.currentPage = 1
108 | this.pages = Math.ceil(res.data.pics.length / 50)
109 | this.allPics = res.data.pics
110 | this.pics = res.data.pics.slice(0, 50)
111 | })
112 | },
113 | handleShowPublic() {
114 | if (!this.showR) return
115 | this.showR = false
116 | this.checkedArr = []
117 | this.fetchData()
118 | },
119 | handleShowR() {
120 | if (this.showR) return
121 | this.showR = true
122 | this.checkedArr = []
123 | this.fetchData()
124 | },
125 | handleCheck(index, item) {
126 | if (!this.showCheck) {
127 | window.open(`https://steamuserimages-a.akamaihd.net/ugc/${ item }`, '_blank')
128 | return
129 | }
130 | if (this.checkedArr.includes(index)) {
131 | this.checkedArr = this.checkedArr.filter(item => item !== index).sort((a, b) => a - b)
132 | } else {
133 | this.checkedArr = Array.from(new Set([...this.checkedArr, index])).sort((a, b) => a - b)
134 | }
135 | },
136 | isChecked(index) {
137 | return this.checkedArr.includes(index)
138 | },
139 | handleSelectAll() {
140 | checkedArr = this.checkedArr.length === this.pics.length ? [] : Array.from({ length: this.pics.length }, (v, i) => i)
141 | this.checkedArr = checkedArr
142 | },
143 | handleDownload() {
144 | const re = /([a-fA-F0-9]{40})/;
145 | this.checkedArr.forEach(i => {
146 | const picCode = this.pics[i]
147 | const url = `https://steamuserimages-a.akamaihd.net/ugc/${picCode}`
148 | const fileName = `${picCode.match(re)[0]}.png`
149 | downloadHandler.downloadFileBlob(url, fileName).then(res => {}).catch(e => {
150 | console.log(`pic download failed: ${picCode}`)
151 | })
152 | })
153 | },
154 | go(page) {
155 | if (page > this.pages) return
156 | if (page === this.currentPage) return
157 | this.currentPage = page < 1 ? 1 : page
158 | this.checkedArr = []
159 | this.jumpPage = this.currentPage
160 | this.pics = this.allPics.slice(50 * (this.currentPage - 1), 50 * (this.currentPage))
161 | }
162 | },
163 | computed: {
164 | pagesArr() {
165 | let pageNum = this.pages,
166 | index = this.currentPage,
167 | arr = []
168 | if (pageNum <= 5) {
169 | for (let i = 1; i <= pageNum; i++) {
170 | arr.push(i)
171 | }
172 | return arr
173 | }
174 | if (index <= 2) return [1, 2, 3, 0, pageNum]
175 | if (index >= pageNum - 1) return [1, 0, pageNum - 2, pageNum - 1, pageNum]
176 | if (index === 3) return [1, 2, 3, 4, 0, pageNum]
177 | if (index === pageNum - 2) return [1, 0, pageNum - 3, pageNum - 2, pageNum - 1, pageNum]
178 | return [1, 0, index - 1, index, index + 1, 0, pageNum]
179 | },
180 | isSelectAll() {
181 | return this.checkedArr.length === this.pics.length ? 'deSelectAll' : 'selectAll'
182 | }
183 | },
184 | watch: {
185 | currentPage(newVal) {
186 | this.jumpPage = newVal
187 | }
188 | }
189 | })
190 | }
191 |
--------------------------------------------------------------------------------
/yande.re_db/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | padding: 0;
3 | margin: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | [v-cloak] {
8 | display: none;
9 | }
10 |
11 | body {
12 | background: #1b2838;
13 | text-align: left;
14 | color: #8F98A0;
15 | font-size: 14px;
16 | margin: 0;
17 | padding: 0;
18 | }
19 |
20 | legend {
21 | display: block;
22 | width: 100%;
23 | max-width: 100%;
24 | padding: 0;
25 | margin-bottom: .4rem;
26 | font-size: 1.2rem;
27 | line-height: inherit;
28 | color: inherit;
29 | white-space: normal;
30 | }
31 |
32 | legend > span {
33 | color: #ffffff;
34 | text-decoration: underline;
35 | }
36 |
37 | legend > span:hover {
38 | color: #007bff;
39 | cursor: pointer;
40 | background-color: transparent;
41 | }
42 |
43 | .container {
44 | margin-right: auto;
45 | margin-left: auto;
46 | padding-left: 15px;
47 | padding-right: 15px;
48 | }
49 |
50 | @media (min-width: 768px) {
51 | .container {
52 | width: 750px;
53 | }
54 | }
55 |
56 | @media (min-width: 992px) {
57 | .container {
58 | width: 970px;
59 | }
60 | }
61 |
62 | @media (min-width: 1200px) {
63 | .container {
64 | width: 1170px;
65 | }
66 | }
67 |
68 | .row {
69 | margin-left: -15px;
70 | margin-right: -15px;
71 | }
72 |
73 | .icon {
74 | width: 1em;
75 | height: 1em;
76 | vertical-align: middle;
77 | fill: currentColor;
78 | overflow: hidden;
79 | }
80 |
81 | .btn {
82 | background-color: #eff3f6;
83 | background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
84 | -moz-appearance: none;
85 | -moz-user-select: none;
86 | -ms-user-select: none;
87 | -webkit-appearance: none;
88 | -webkit-user-select: none;
89 | appearance: none;
90 | background-position: -1px -1px;
91 | background-repeat: repeat-x;
92 | background-size: 110% 110%;
93 | border: 1px solid rgba(27, 31, 35, .2);
94 | border-radius: .25em;
95 | cursor: pointer;
96 | display: inline-block;
97 | line-height: 20px;
98 | padding: 0 10px;
99 | position: relative;
100 | user-select: none;
101 | vertical-align: middle;
102 | white-space: nowrap;
103 | margin-right: 5px;
104 | }
105 |
106 | .btn.hover, .btn:hover {
107 | background-color: #e6ebf1;
108 | background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
109 | background-position: -.5em;
110 | border-color: rgba(27, 31, 35, .35);
111 | }
112 |
113 | .btn:hover {
114 | background-repeat: repeat-x;
115 | text-decoration: none;
116 | }
117 |
118 | .btn-primary {
119 | background-color: #28a745;
120 | background-image: linear-gradient(-180deg, #34d058, #28a745 90%);
121 | color: #fff;
122 | }
123 |
124 | .btn-primary.hover, .btn-primary:hover {
125 | background-color: #269f42;
126 | background-image: linear-gradient(-180deg, #2fcb53, #269f42 90%);
127 | background-position: -.5em;
128 | border-color: rgba(27, 31, 35, .5);
129 | }
130 |
131 | .pics {
132 | width: calc(100% / 5 - 5px);
133 | float: left;
134 | margin: 1.5px 1.5px;
135 | height: 135px;
136 | position: relative;
137 | }
138 |
139 | .pic-container {
140 | display: block;
141 | overflow: hidden;
142 | }
143 |
144 | .pics:hover, .pics:focus {
145 | outline: 1px solid Highlight;
146 | }
147 |
148 | .pic-checked {
149 | outline: 1px solid Highlight;
150 | }
151 |
152 | input[type="checkbox" i] {
153 | margin: 3px 3px 3px 4px;
154 | }
155 |
156 | a, .whiteLink {
157 | color: #ebebeb;
158 | text-decoration: none;
159 | cursor: pointer;
160 | }
161 |
162 | a.hoverunderline:hover {
163 | text-decoration: underline;
164 | }
165 |
166 | a.underlinedLink, span.underlinedLink {
167 | color: #ebebeb;
168 | text-decoration: underline;
169 | cursor: pointer;
170 | }
171 |
172 | a.whiteLink:hover, .whiteLink:hover, a.linkStandard:hover, a.linkTitle:hover, a.underlinedLink:hover, span.underlinedLink:hover {
173 | color: #66C0F4;
174 | text-decoration: none;
175 | cursor: pointer;
176 | }
177 |
178 | .page-container {
179 | padding: 5px 0;
180 | flex: 1;
181 | display: flex;
182 | flex-direction: row;
183 | justify-content: space-between;
184 | align-items: center;
185 | }
186 |
187 | .action-container {
188 | display: flex;
189 | flex-direction: row;
190 | align-items: center;
191 | justify-content: center;
192 | padding: 5px 0;
193 | margin-bottom: 40px;
194 | }
195 |
196 | .page-info {
197 | display: inline;
198 | }
199 |
200 | .pagingPageLinks {
201 | margin-right: 0;
202 | font-size: 12px;
203 | color: #959595;
204 | display: flex;
205 | align-items: center;
206 | justify-content: center;
207 | }
208 |
209 | .pagingCurrentPage {
210 | padding: 0 3px;
211 | background-color: #c9c9c9;
212 | color: #262627;
213 | }
214 |
215 | .pagingArrowImg {
216 | padding: 0 5px 1px 5px;
217 | }
218 |
219 | a.pagingPageLink, a.pagingPageLink:hover, a.pagingPageLink:visited, a.pagingPageLink:active {
220 | font-size: 12px;
221 | text-decoration: none;
222 | color: #c9c9c9;
223 | padding: 0 3px;
224 | }
225 |
226 | .imgWallItem {
227 | display: block;
228 | border: 1px solid black;
229 | background-color: black;
230 | background-repeat: no-repeat;
231 | background-position: center;
232 | background-size: cover;
233 | position: absolute;
234 | top: 1px;
235 | right: 1px;
236 | bottom: 1px;
237 | left: 1px;
238 | overflow: hidden;
239 | }
240 |
241 | .pager-jump {
242 | float: right;
243 | }
244 |
245 | .jump-input {
246 | display: inline-block;
247 | line-height: 1.5;
248 | font-size: 12px;
249 | border: 1px solid #dcdee2;
250 | color: #515a6e;
251 | background-color: #fff;
252 | background-image: none;
253 | position: relative;
254 | cursor: text;
255 | transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
256 | margin: 0 8px;
257 | padding: 1px 7px;
258 | height: 24px;
259 | border-radius: 3px;
260 | width: 50px;
261 | }
262 | .download-mode {
263 | margin-right: 5;
264 | color: #fff;
265 | }
266 | .switch {
267 | display: block;
268 | position: relative;
269 | width: 52px;
270 | height: 22px;
271 | margin-right: 5px;
272 | border: 1px solid #DFDFDF;
273 | outline: 0;
274 | border-radius: 11px;
275 | box-sizing: border-box;
276 | background-color: #DFDFDF;
277 | transition: background-color 0.1s, border 0.1s;
278 | cursor: pointer;
279 | }
280 |
281 |
282 | .switch:before {
283 | content: " ";
284 | position: absolute;
285 | top: 0;
286 | left: 0;
287 | width: 50px;
288 | height: 22px;
289 | border-radius: 11px;
290 | background-color: #eff3f6;
291 | transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
292 | }
293 | .switch:after {
294 | content: " ";
295 | position: absolute;
296 | top: 0;
297 | left: 0;
298 | width: 22px;
299 | height: 22px;
300 | border-radius: 11px;
301 | background-color: #FFFFFF;
302 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
303 | transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
304 | }
305 | .switch-on {
306 | border-color: #1AAD19;
307 | background-color: #60cc79;
308 | background-image: linear-gradient(-180deg, #34d058, #4bc867 90%);
309 | }
310 | .switch-on:before {
311 | border-color: #1AAD19;
312 | background-color: #28a745;
313 | background-image: linear-gradient(-180deg, #34d058, #28a745 90%);
314 | }
315 | .switch-on:after {
316 | transform: translateX(28px);
317 | }
--------------------------------------------------------------------------------
17 |
112 |
18 |
22 |
23 |
24 |
49 |
25 | Current: {{ 50 * (currentPage -1) + 1 }} ~ {{ 50 * (currentPage -1) + pics.length }} Total: {{ allPics.length }}
26 |
27 |
48 |
50 | download mode
51 |
52 |
53 |
61 |
62 |
63 |
72 |
64 |
71 |
66 |
70 |
67 |
68 |
69 |
73 |
98 |
74 | Current: {{ 50 * (currentPage -1) + 1 }} ~ {{ 50 * (currentPage -1) + pics.length }} Total: {{ allPics.length }}
75 |
76 |
97 |
99 | download mode
100 |
101 |
102 |
110 |
111 |