Greasy Fork is available in English.
有道云笔记网页版的增强优化
// ==UserScript==
// @name 有道云笔记增强大师
// @namespace rollup-react
// @version 0.0.6
// @description 有道云笔记网页版的增强优化
// @author sunrui
// @include https://note.youdao.com/web/*
// @grant unsafeWindow
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_deleteValue
// @grant GM_listValues
// ==/UserScript==
'use strict';
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
/* eslint-disable no-restricted-properties */
var MoveListExpander = function MoveListExpander() {
var _this = this;
classCallCheck(this, MoveListExpander);
this.insertInputBox = function () {
var parentDom = document.querySelector('.file-selector-bd');
var refDom = document.querySelector('.bd-selector-path');
if (document.querySelectorAll('.tampermonkey-search').length > 0 || !parentDom || !refDom) return;
var input = document.createElement('input');
input.style.borderTop = 'none';
input.style.borderLeft = 'none';
input.style.borderRight = 'none';
input.style.width = '100%';
input.style.padding = '0';
input.className = 'tampermonkey-search';
input.onkeyup = _this.handleKeyUp;
parentDom.insertBefore(input, refDom);
_this.inputDom = input;
};
this.runWithInterval = function (interval) {
setTimeout(function () {
_this.insertInputBox();
var expandableDoms = document.querySelectorAll('.file-selector-bd div.expandable:not(.expanded) > div.toggle');
if (_this.inputDom) {
_this.searchInDom(_this.inputDom.value);
}
if (expandableDoms.length > 0) {
expandableDoms.forEach(function (v) {
v.click();
});
_this.runWithInterval(500);
} else {
_this.runWithInterval(3000);
}
}, interval);
};
this.handleKeyUp = function (e) {
var input = e.currentTarget.value.toLowerCase();
_this.searchInDom(input);
};
this.searchInDom = function (searchWord) {
var allLeaves = document.querySelectorAll('.file-selector-bd div.tree-title');
allLeaves.forEach(function (leaf) {
if (leaf.innerText && leaf.innerText.toLowerCase().indexOf(searchWord) >= 0) {
leaf.style.display = '';
} else {
leaf.style.display = 'none';
}
});
};
console.log('移动笔记增强功能已启动.');
};
var MarkdownViewerPlugin = function MarkdownViewerPlugin() {
var _this = this;
classCallCheck(this, MarkdownViewerPlugin);
this.active = false;
this.iframe = null;
this.handleIframeOnload = function () {
var iframe = document.querySelector('#mdEditor');
document.querySelector('.content-container .loading-style').setAttribute('hidden', null);
iframe.removeAttribute('hidden');
};
this.switchToView = function () {
var iframe = document.querySelector('#mdEditor');
iframe.setAttribute('hidden', null);
iframe.src = iframe.src;
document.querySelector('.content-container .loading-style').removeAttribute('hidden');
if (!iframe.onload) {
iframe.onload = _this.handleIframeOnload;
}
};
this.insertViewButton = function () {
var parentDom = document.querySelector('.file-detail .hd');
var refDom = document.querySelector('.file-detail .btn-wrap');
if (!parentDom || !refDom) {
return;
}
if (document.querySelectorAll('.tampermonkey-view').length > 0 || !parentDom || !refDom) return;
var btnSwitchToView = document.createElement('div');
btnSwitchToView.innerText = '查看';
btnSwitchToView.className = 'hd-btn tampermonkey-view';
btnSwitchToView.onclick = _this.switchToView;
parentDom.insertBefore(btnSwitchToView, refDom);
};
this.removeButton = function () {
document.querySelectorAll('.tampermonkey-view').forEach(function (button) {
button.remove();
});
};
this.detect = function () {
_this.iframe = document.querySelector('#mdEditor');
var currentActive = _this.iframe != null;
if (!_this.active && currentActive) {
console.log('检测到markdonw编辑状态');
}
if (_this.active && !currentActive) {
console.log('退出markdonw编辑状态');
}
_this.active = currentActive;
if (_this.active) {
// 检测当前是不是编辑状态
var iframeDoc = _this.iframe.contentDocument;
if (iframeDoc && iframeDoc.querySelector('body') && iframeDoc.querySelector('body').getAttribute('data-mode') === 'edit') {
_this.insertViewButton();
} else {
_this.removeButton();
}
}
setTimeout(function () {
_this.detect();
}, 300);
};
console.log('Markdown增强插件启动.');
};
var TagPlugin = function TagPlugin() {
var _this = this;
classCallCheck(this, TagPlugin);
this.currentIndex = -1;
this.currentLabel = '';
this.detect = function () {
return;
setInterval(function () {
var fileTagCtl = document.querySelector('div.tools-item .tag-icon');
var fileTags = document.querySelectorAll('.file-tag');
if (fileTags.length > 0) {
return;
}
if (fileTagCtl) {
fileTagCtl.click();
}
}, 1000);
$(document).delegate('.tag-add-container input', 'keydown', function (event) {
var list = document.querySelectorAll('.tag-candidate-list .tag-candidate');
if (list[_this.currentIndex] && list[_this.currentIndex].hasAttribute('style')) {
list[_this.currentIndex].removeAttribute('style');
}
switch (event.key) {
case 'ArrowDown':
if (_this.currentIndex >= list.length - 1) {
_this.currentIndex = list.length - 1;
} else {
_this.currentIndex += 1;
}
_this.currentLabel = list[_this.currentIndex].getAttribute('title');
event.currentTarget.value = _this.currentLabel;
break;
case 'ArrowUp':
if (_this.currentIndex <= 0) {
_this.currentIndex = 0;
} else {
_this.currentIndex -= 1;
}
_this.currentLabel = list[_this.currentIndex].getAttribute('title');
event.currentTarget.value = _this.currentLabel;
break;
case 'Tab':
if (_this.currentIndex < 0) {
return;
}
list[_this.currentIndex].click();
event.currentTarget.value = _this.currentLabel;
_this.currentIndex = -1;
event.preventDefault();
event.stopPropagation();
break;
default:
_this.currentIndex = -1;
break;
}
if (list[_this.currentIndex]) {
list[_this.currentIndex].setAttribute('style', 'color: #fff;background:#398dee;');
}
});
};
console.log('TagPlugin is running.');
};
var EventMng = function EventMng() {
var _this = this;
classCallCheck(this, EventMng);
this.stateCallbacks = {};
this.detectors = [];
this.plugins = [];
this.monitorState = function () {
setInterval(function () {
_this.detectAll();
}, 1000);
};
this.detectAll = function () {
var dets = _this.detectors;
for (var i = 0; i < dets.length; i += 1) {
var det = dets[i];
det(_this.trigger);
}
};
this.on = function (eventType, cb) {
if (_this.stateCallbacks[eventType]) {
_this.stateCallbacks[eventType].push(cb);
} else {
_this.stateCallbacks[eventType] = [cb];
}
};
this.use = function (eventPlugin) {
if (eventPlugin && eventPlugin.version > 0) {
_this.on(eventPlugin.eventType, eventPlugin.action);
_this.detectors.push(eventPlugin.detect);
}
};
this.trigger = function (stateType) {
for (var _len = arguments.length, params = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
params[_key - 1] = arguments[_key];
}
console.log('[StateEvent] ' + stateType + ' is triggered.');
var callbacks = _this.stateCallbacks[stateType];
for (var i = 0; i < callbacks.length; i += 1) {
var cb = callbacks[i];
cb.apply(undefined, params);
}
};
console.log('状态管理上线...');
this.monitorState();
};
var FakeLoadingEvent = function FakeLoadingEvent() {
var _this = this;
classCallCheck(this, FakeLoadingEvent);
this.version = 1;
this.eventType = 'fake-loading';
this.action = function (notePoint, loadingGif) {
setTimeout(function () {
notePoint.removeAttribute('hidden');
loadingGif.setAttribute('hidden', null);
}, 2000);
};
this.detect = function (trigger) {
var notePoint = document.querySelector('.note-detail .detail-bd');
if (!notePoint) return;
var loadingGif = document.querySelector('.content-container .loading-style');
if (!loadingGif) return;
if (notePoint.hasAttribute('hidden') && !loadingGif.hasAttribute('hidden')) {
trigger(_this.eventType, notePoint, loadingGif);
}
};
console.log('FakeLoadingEvent monitor start..');
};
FakeLoadingEvent.new = function () {
return new FakeLoadingEvent();
};
var Runner = function Runner() {
classCallCheck(this, Runner);
this.run = function () {
var eventMng = new EventMng();
eventMng.use(FakeLoadingEvent.new());
new MoveListExpander().runWithInterval(1000);
new MarkdownViewerPlugin().detect();
new TagPlugin().detect();
};
};
// eslint-disable-next-line
(function () {
var runner = new Runner();
runner.run();
// eslint-disable-next-line
})();