${g_tabler.build_select({
list: ['计划中'],
value: '',
class: 'form-select-sm',
})}
${g_tabler.build_select({
list: ['计划中'],
value: '',
class: 'form-select-sm',
})}
`
},
},
target: self.ifrmaeDoc.querySelector('#resources_filter')
})
},
initStyle({ g_style }) {
g_style.addStyle('image', `
.img_selected img {
border: 4px solid #206bc4;
}
`)
},
initPlugins(win) {
let { g_plugin } = win
win.assignInstance(g_plugin, {
homepage: 'https://github.com/hunmer/mCollection/issues',
init: () => g_plugin.initPlugins()
})
},
loadScripts(name, cb){
let urls
if(name == 'filesaver'){
urls = ['https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js', 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js']
}else return
loadRes(document, urls, cb)
},
initUntils(win) {
// iframe不支持使用eval函数的替代方案
Object.assign(win, {
getObjVal(obj, key, def) {
let val = obj
key.split('.').some(k => {
if (typeof (val[k]) == 'undefined') return true
val = val[k]
})
return val ?? def
},
setObjVal(obj, key, value) {
let last
let val = obj
let keys = key.split('.')
if (keys.every(k => {
if (typeof (val[k]) != 'undefined') {
last = val
val = val[k]
return true
}
})) {
last[keys.pop()] = value
return true
}
}
})
},
}
g_app.init()
var g_api = {
api: 'http://127.0.0.1:41597/',
fetch(url, opts) {
return GM_xmlhttpRequest({
url, ...opts
})
},
addFromPaths(data) {
let items = data.items
let all = items.length
delete data.items
if(all > 50) g_app.inst.tabs.setActive('log')
g_app.log(`准备发送数据给mCollection...（${ items.length})`) & console.log(data)
return new Promise(reslove => {
const next = () => {
let list = items.splice(0, 10)
let len = list.length
if(!len) return reslove({msg: 'OK'})
g_app.log(`发送中...（${len} / ${items.length})`)
this.fetch(this.api + "api/item/addFromPaths", {
method: 'POST',
responseType: 'JSON',
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
onerror: () => alert('导入失败,请确保mCollection在后台运行!') & reslove(),
onload: ({status, statusText, responseText}) => {
if (status == 200 && statusText == 'OK') {
g_app.log(`收到mCollection回复...（${responseText}}）`)
let ret = JSON.parse(responseText)
// reslove(ret)
console.log(ret)
next()
}
},
data: JSON.stringify({...data, items: list})
})
}
next()
})
}
}
function getImageBase64(url, source ) {
// TODO 进度显示
let target = source || url
return new Promise(reslove => {
if (target.startsWith('data:image')) return reslove(target)
_request(target, {
// onprogress: progress =>
onload: ({response}) => {
let img = new Image();
img.src = URL.createObjectURL(response);
img.onload = () => {
let canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
canvas.getContext('2d').drawImage(img, 0, 0);
reslove(canvas.toDataURL());
}
},
onerror: reason => {
console.error({msg: '获取图片失败！', url, source, reason})
if(source != url) return getImageBase64(url).then(reslove) // 尝试获取小图片
}
})
})
}
function _request(opts, callbacks = {}){
let {onerror, onload, onstatechange} = callbacks
if(typeof(opts) != 'object') opts = {url: opts}
return GM_xmlhttpRequest(Object.assign({
timeout: 1000 * 10,
responseType: 'blob',
anonymous: true,
onprogress({ loaded, total }) {
callbacks.onprogress && callbacks.onprogress(parseInt(loaded / total * 100))
},
onload(...args) {
onload && onload.apply(this, args)
},
onreadystatechange({readyState, status}) {
if(readyState == 4 && status != 200){
onerror && onerror('error code ' + status)
}
onstatechange && onstatechange.apply(this, args)
},
// 下面的好像不触发...
onerror: () => onerror && onerror('error'),
ontimeout: () => onerror && onerror('timeout'),
onabort: () => onerror && onerror('abort'),
}, opts))
}
function createIframe(opts) {
let iframe = this.iframe = document.createElement('iframe');
iframe.src = 'about:blank';
iframe.sandbox = 'allow-scripts allow-same-origin allow-modals';
iframe.style.cssText = opts.css || ''
document.body.appendChild(iframe);
let { contentWindow: win, contentDocument } = iframe
let ifrmaeDoc = contentDocument || win.document;
ifrmaeDoc.body.innerHTML = opts.html
initDraggableEles(ifrmaeDoc, iframe)
return { iframe, win, ifrmaeDoc }
}
function initDraggableEles(container, parentEle){
parentEle ??= container
let isDragging = false;
let lastX, lastY;
let header = container.querySelector('#draggable-header')
header.addEventListener('mousedown', function ({ offsetX, offsetY }) {
lastX = offsetX;
lastY = offsetY;
isDragging = true;
})
header.addEventListener('mouseenter', () => header.style.cursor = 'move')
header.addEventListener('mouseleave', () => header.style.cursor = 'none')
container.addEventListener('mousemove', event => {
if (isDragging) {
let { left, top, width, height } = parentEle != container ? parentEle.getBoundingClientRect() : {left: 0, top: 0, width: 0, height: 0}
let x = Math.min(Math.max(0, left + event.clientX - lastX), unsafeWindow.innerWidth - width);
let y = Math.min(Math.max(0, top + event.clientY - lastY), unsafeWindow.innerHeight - height);
parentEle.style.left = `${x}px`;
parentEle.style.top = `${y}px`;
event.preventDefault()
}
})
container.addEventListener('mouseup', () => isDragging = false)
container.addEventListener('mouseleave', () => isDragging = false)
}
function getSourceImage(url) {
let args = url.split('/')
if (url.includes('i.pinimg.com')) { // pinterest
args[3] = 'originals'
}else
if(url.includes('.sinaimg.cn')){ // weibo
// https://wx1.sinaimg.cn/orj360/006YezONly1hfn358xn4lj30jg0jgwgp.jpg
// https://wx1.sinaimg.cn/large/006YezONly1hfn358xn4lj30jg0jgwgp.jpg
args[3] = 'large'
}
return args.join('/')
}
const _loadedScripts = []
function loadRes(doc, files, callback, cache = true) {
files = [...files]
const load = url => {
return new Promise(reslove => {
if(_loadedScripts.includes(url)) reslove()
_request({url, responseType: undefined}, {
onload: ({ responseText }) => {
_loadedScripts.push(url)
let isCss = url.endsWith('.css')
if (isCss) {
let arr = url.split('/')
arr.pop()
responseText = responseText.replaceAll('./', arr.join('/') + '/') // 替换相对资源地址
}
reslove(GM_addElement(doc.head, isCss ? 'style' : 'script', {textContent: responseText}))
}
})
})
}
const next = () => {
let url = files.shift()
if (url == undefined) return callback && callback()
let ext = url.split('.').pop().toLowerCase()
if (ext == "js") {
if (!cache || !doc.querySelector('script[src="' + url + '"]')) {
return load(url).then(next)
}
} else
if (ext == "css") {
if (!cache || !doc.querySelector('link[href="' + url + '"]')) {
return load(url).then(next)
}
}
next()
}
next()
}
// 类似primise.all, 但是它也能接受函数对象，让promise初始化保持顺序进行
function awaitPromises(promises) {
return new Promise(reslove=>{
let ret = []
const next = ()=>{
let promise = promises.shift()
if (promise == undefined) return reslove(ret)
if(typeof(promise) == 'function') promise = promise()
promise.then(val => ret.push(val) & next())
}
next()
})
}
Object.defineProperty(Array.prototype, 'map1', {
value: function(cb) {
let ret = [], val
this.forEach(item => {
if((val = cb(item)) !== undefined) ret.push(val)
})
return ret
},
enumerable: false
});