// ==UserScript==
// @name 🏷️ UTags - Add usertags to links
// @name:zh-CN 🏷️ 小鱼标签 (UTags) - 为链接添加用户标签
// @namespace https://utags.pipecraft.net/
// @homepageURL https://github.com/utags/utags#readme
// @supportURL https://github.com/utags/utags/issues
// @version 0.5.1
// @description Allow users to add custom tags to links.
// @description:zh-CN 此插件允许用户为网站的链接添加自定义标签。比如，可以给论坛的用户或帖子添加标签。
// @icon data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ff6361' class='bi bi-tags-fill' viewBox='0 0 16 16'%3E %3Cpath d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E %3Cpath d='M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E %3C/svg%3E
// @author Pipecraft
// @license MIT
// @match https://utags.pipecraft.net/*
// @match https://greasyfork.org/*
// @match https://sleazyfork.org/*
// @match https://*.v2ex.com/*
// @match https://v2hot.pipecraft.net/*
// @match https://*.pipecraft.net/*
// @grant GM.getValue
// @grant GM.setValue
// @grant GM_addValueChangeListener
// @grant GM_removeValueChangeListener
// @grant GM_addElement
// @grant GM_addStyle
// @grant GM.registerMenuCommand
// ==/UserScript==
//
;(() => {
"use strict"
var listeners = {}
var getValue = async (key) => {
const value = await GM.getValue(key)
return value && value !== "undefined" ? JSON.parse(value) : void 0
}
var setValue = async (key, value) => {
if (value !== void 0) {
const newValue = JSON.stringify(value)
if (listeners[key]) {
const oldValue = await GM.getValue(key)
await GM.setValue(key, newValue)
if (newValue !== oldValue) {
for (const func of listeners[key]) {
func(key, oldValue, newValue)
}
}
} else {
await GM.setValue(key, newValue)
}
}
}
var _addValueChangeListener = (key, func) => {
listeners[key] = listeners[key] || []
listeners[key].push(func)
return () => {
if (listeners[key] && listeners[key].length > 0) {
for (let i = listeners[key].length - 1; i >= 0; i--) {
if (listeners[key][i] === func) {
listeners[key].splice(i, 1)
}
}
}
}
}
var addValueChangeListener = (key, func) => {
if (typeof GM_addValueChangeListener !== "function") {
console.warn("Do not support GM_addValueChangeListener!")
return _addValueChangeListener(key, func)
}
const listenerId = GM_addValueChangeListener(key, func)
return () => {
GM_removeValueChangeListener(listenerId)
}
}
var doc = document
var win = window
var uniq = (array) => [...new Set(array)]
var $ = (selectors, element) => (element || doc).querySelector(selectors)
var $$ = (selectors, element) => [
...(element || doc).querySelectorAll(selectors),
]
var createElement = (tagName, attributes) =>
setAttributes(doc.createElement(tagName), attributes)
var addElement = (parentNode, tagName, attributes) => {
if (!parentNode) {
return
}
if (typeof parentNode === "string") {
attributes = tagName
tagName = parentNode
parentNode = doc.head
}
if (typeof tagName === "string") {
const element = createElement(tagName, attributes)
parentNode.append(element)
return element
}
setAttributes(tagName, attributes)
parentNode.append(tagName)
return tagName
}
var addStyle = (styleText) => {
const element = createElement("style", { textContent: styleText })
doc.head.append(element)
return element
}
var addEventListener = (element, type, listener, options) => {
if (!element) {
return
}
if (typeof type === "object") {
for (const type1 in type) {
if (Object.hasOwn(type, type1)) {
element.addEventListener(type1, type[type1])
}
}
} else if (typeof type === "string" && typeof listener === "function") {
element.addEventListener(type, listener, options)
}
}
var removeEventListener = (element, type, listener, options) => {
if (!element) {
return
}
if (typeof type === "object") {
for (const type1 in type) {
if (Object.hasOwn(type, type1)) {
element.removeEventListener(type1, type[type1])
}
}
} else if (typeof type === "string" && typeof listener === "function") {
element.removeEventListener(type, listener, options)
}
}
var getAttribute = (element, name) =>
element ? element.getAttribute(name) : null
var setAttribute = (element, name, value) =>
element ? element.setAttribute(name, value) : void 0
var setAttributes = (element, attributes) => {
if (element && attributes) {
for (const name in attributes) {
if (Object.hasOwn(attributes, name)) {
const value = attributes[name]
if (value === void 0) {
continue
}
if (/^(value|textContent|innerText|innerHTML)$/.test(name)) {
element[name] = value
} else if (name === "style") {
setStyle(element, value, true)
} else if (/on\w+/.test(name)) {
const type = name.slice(2)
addEventListener(element, type, value)
} else {
setAttribute(element, name, value)
}
}
}
}
return element
}
var addClass = (element, className) => {
if (!element || !element.classList) {
return
}
element.classList.add(className)
}
var removeClass = (element, className) => {
if (!element || !element.classList) {
return
}
element.classList.remove(className)
}
var setStyle = (element, values, overwrite) => {
if (!element) {
return
}
const style = element.style
if (typeof values === "string") {
style.cssText = overwrite ? values : style.cssText + ";" + values
return
}
if (overwrite) {
style.cssText = ""
}
for (const key in values) {
if (Object.hasOwn(values, key)) {
style[key] = values[key].replace("!important", "")
}
}
}
var isUrl = (text) => /^https?:\/\//.test(text)
if (typeof Object.hasOwn !== "function") {
Object.hasOwn = (instance, prop) =>
Object.prototype.hasOwnProperty.call(instance, prop)
}
var parseInt10 = (number, defaultValue) => {
if (typeof number === "number" && !Number.isNaN(number)) {
return number
}
if (typeof defaultValue !== "number") {
defaultValue = Number.NaN
}
if (!number) {
return defaultValue
}
const result = Number.parseInt(number, 10)
return Number.isNaN(result) ? defaultValue : result
}
var headFuncArray = []
var bodyFuncArray = []
var headBodyObserver
var startObserveHeadBodyExists = () => {
if (headBodyObserver) {
return
}
headBodyObserver = new MutationObserver(() => {
if (doc.head && doc.body) {
headBodyObserver.disconnect()
}
if (doc.head && headFuncArray.length > 0) {
for (const func of headFuncArray) {
func()
}
headFuncArray.length = 0
}
if (doc.body && bodyFuncArray.length > 0) {
for (const func of bodyFuncArray) {
func()
}
bodyFuncArray.length = 0
}
})
headBodyObserver.observe(doc, {
childList: true,
subtree: true,
})
}
var runWhenBodyExists = (func) => {
if (!doc.body) {
bodyFuncArray.push(func)
startObserveHeadBodyExists()
return
}
func()
}
var isTouchScreen = () => "ontouchstart" in win
var addElement2 =
typeof GM_addElement === "function"
? (parentNode, tagName, attributes) => {
if (!parentNode) {
return
}
if (typeof parentNode === "string") {
attributes = tagName
tagName = parentNode
parentNode = doc.head
}
if (typeof tagName === "string") {
const element = GM_addElement(tagName)
setAttributes(element, attributes)
parentNode.append(element)
return element
}
setAttributes(tagName, attributes)
parentNode.append(tagName)
return tagName
}
: addElement
var addStyle2 =
typeof GM_addStyle === "function"
? (styleText) => GM_addStyle(styleText)
: addStyle
var registerMenuCommand = (name, callback, accessKey) => {
if (window !== top) {
return
}
if (typeof GM.registerMenuCommand !== "function") {
console.warn("Do not support GM.registerMenuCommand!")
return
}
GM.registerMenuCommand(name, callback, accessKey)
}
var style_default = `#browser_extension_settings_container{--browser-extension-settings-background-color: #f2f2f7;--browser-extension-settings-text-color: #444444;--browser-extension-settings-link-color: #217dfc;--sb-track-color: #00000000;--sb-thumb-color: #33334480;--sb-size: 2px;position:fixed;top:10px;right:30px;max-height:90%;height:600px;overflow:hidden;display:none;z-index:100000;border-radius:5px;-webkit-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);-moz-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);box-shadow:0px 10px 39px 10px rgba(62,66,66,.22) !important}#browser_extension_settings_container .browser_extension_settings_wrapper{display:flex;height:100%;overflow:hidden;background-color:var(--browser-extension-settings-background-color)}#browser_extension_settings_container .browser_extension_settings_wrapper h1{font-size:26px;font-weight:800;border:none}#browser_extension_settings_container .browser_extension_settings_wrapper h2{font-size:18px;font-weight:600;border:none}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container{overflow-x:auto;box-sizing:border-box;padding:10px 15px;background-color:var(--browser-extension-settings-background-color);color:var(--browser-extension-settings-text-color)}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div{background-color:#fff;font-size:14px;border-top:1px solid #ccc;padding:6px 15px 6px 15px}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a:visited,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a:visited{display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-decoration:none;color:var(--browser-extension-settings-text-color)}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a:hover,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a:visited:hover,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a:hover,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a:visited:hover{text-decoration:none;color:var(--browser-extension-settings-text-color)}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a span,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div a:visited span,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a span,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div a:visited span{margin-right:10px;line-height:24px}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div.active,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div:hover,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div.active,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div:hover{background-color:#e4e4e6}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div.active a,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div.active a{cursor:default}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div:first-of-type,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div:first-of-type{border-top:none;border-top-right-radius:10px;border-top-left-radius:10px}#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .installed_extension_list div:last-of-type,#browser_extension_settings_container .browser_extension_settings_wrapper .extension_list_container .related_extension_list div:last-of-type{border-bottom-right-radius:10px;border-bottom-left-radius:10px}#browser_extension_settings_container .thin_scrollbar{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);scrollbar-width:thin}#browser_extension_settings_container .thin_scrollbar::-webkit-scrollbar{width:var(--sb-size)}#browser_extension_settings_container .thin_scrollbar::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}#browser_extension_settings_container .thin_scrollbar::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}#browser_extension_settings_main{min-width:250px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:10px 15px;background-color:var(--browser-extension-settings-background-color);color:var(--browser-extension-settings-text-color)}#browser_extension_settings_main h2{text-align:center;margin:5px 0 0;font-size:18px;font-weight:600;border:none}#browser_extension_settings_main footer{display:flex;justify-content:center;flex-direction:column;font-size:11px;margin:10px auto 0px;background-color:var(--browser-extension-settings-background-color);color:var(--browser-extension-settings-text-color)}#browser_extension_settings_main footer a{color:var(--browser-extension-settings-link-color) !important;text-decoration:none;padding:0}#browser_extension_settings_main footer p{text-align:center;padding:0;margin:2px;line-height:13px}#browser_extension_settings_main a.navigation_go_previous{color:var(--browser-extension-settings-link-color);cursor:pointer;display:none}#browser_extension_settings_main a.navigation_go_previous::before{content:"< "}#browser_extension_settings_main .option_groups{background-color:#fff;padding:6px 15px 6px 15px;border-radius:10px;display:flex;flex-direction:column;margin:10px 0 0}#browser_extension_settings_main .option_groups .action{font-size:14px;padding:6px 0 6px 0;color:var(--browser-extension-settings-link-color);cursor:pointer}#browser_extension_settings_main .bes_external_link{font-size:14px;padding:6px 0 6px 0}#browser_extension_settings_main .bes_external_link a,#browser_extension_settings_main .bes_external_link a:visited,#browser_extension_settings_main .bes_external_link a:hover{color:var(--browser-extension-settings-link-color);text-decoration:none;cursor:pointer}#browser_extension_settings_main .option_groups textarea{font-size:12px;margin:10px 0 10px 0;height:100px;width:100%;border:1px solid #a9a9a9;border-radius:4px;box-sizing:border-box}#browser_extension_settings_main .switch_option{display:flex;justify-content:space-between;align-items:center;padding:6px 0 6px 0;font-size:14px}#browser_extension_settings_main .option_groups>*{border-top:1px solid #ccc}#browser_extension_settings_main .option_groups>*:first-child{border-top:none}#browser_extension_settings_main .switch_option>span{margin-right:10px}#browser_extension_settings_main .option_groups .bes_tip{position:relative;margin:0;padding:0 15px 0 0;border:none;max-width:none;font-size:14px}#browser_extension_settings_main .option_groups .bes_tip .bes_tip_anchor{cursor:help;text-decoration:underline}#browser_extension_settings_main .option_groups .bes_tip .bes_tip_content{position:absolute;bottom:15px;left:0;background-color:#fff;color:var(--browser-extension-settings-text-color);text-align:left;padding:10px;display:none;border-radius:5px;-webkit-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);-moz-box-shadow:0px 10px 39px 10px rgba(62,66,66,.22);box-shadow:0px 10px 39px 10px rgba(62,66,66,.22) !important}#browser_extension_settings_main .option_groups .bes_tip .bes_tip_anchor:hover+.bes_tip_content,#browser_extension_settings_main .option_groups .bes_tip .bes_tip_content:hover{display:block}#browser_extension_settings_main .option_groups .bes_tip p,#browser_extension_settings_main .option_groups .bes_tip pre{margin:revert;padding:revert}#browser_extension_settings_main .option_groups .bes_tip pre{font-family:Consolas,panic sans,bitstream vera sans mono,Menlo,microsoft yahei,monospace;font-size:13px;letter-spacing:.015em;line-height:120%;white-space:pre;overflow:auto;background-color:#f5f5f5;word-break:normal;overflow-wrap:normal;padding:.5em;border:none}#browser_extension_settings_main .container{--button-width: 51px;--button-height: 24px;--toggle-diameter: 20px;--color-off: #e9e9eb;--color-on: #34c759;width:var(--button-width);height:var(--button-height);position:relative;padding:0;margin:0;flex:none;user-select:none}#browser_extension_settings_main input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}#browser_extension_settings_main .switch{width:100%;height:100%;display:block;background-color:var(--color-off);border-radius:calc(var(--button-height)/2);border:none;cursor:pointer;transition:all .2s ease-out}#browser_extension_settings_main .switch::before{display:none}#browser_extension_settings_main .slider{width:var(--toggle-diameter);height:var(--toggle-diameter);position:absolute;left:2px;top:calc(50% - var(--toggle-diameter)/2);border-radius:50%;background:#fff;box-shadow:0px 3px 8px rgba(0,0,0,.15),0px 3px 1px rgba(0,0,0,.06);transition:all .2s ease-out;cursor:pointer}#browser_extension_settings_main input[type=checkbox]:checked+.switch{background-color:var(--color-on)}#browser_extension_settings_main input[type=checkbox]:checked+.switch .slider{left:calc(var(--button-width) - var(--toggle-diameter) - 2px)}#browser_extension_side_menu{min-height:100px;width:40px;opacity:0;position:fixed;top:80px;right:0;padding-top:20px;z-index:10000}#browser_extension_side_menu:hover{opacity:1}#browser_extension_side_menu button{cursor:pointer;width:24px;height:24px;border:none;background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 16C14.2094 16 16.0002 14.2091 16.0002 12C16.0002 9.79086 14.2094 8 12.0002 8C9.79109 8 8.00023 9.79086 8.00023 12C8.00023 14.2091 9.79109 16 12.0002 16ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1182 1.86489L15.5203 4.81406C15.8475 4.97464 16.1621 5.1569 16.4623 5.35898L19.2185 4.23223C19.6814 4.043 20.2129 4.2248 20.463 4.65787L22.5901 8.34213C22.8401 8.77521 22.7318 9.3264 22.3365 9.63266L19.9821 11.4566C19.9941 11.6362 20.0002 11.8174 20.0002 12C20.0002 12.1826 19.9941 12.3638 19.9821 12.5434L22.3365 14.3673C22.7318 14.6736 22.8401 15.2248 22.5901 15.6579L20.463 19.3421C20.2129 19.7752 19.6814 19.957 19.2185 19.7678L16.4623 18.641C16.1621 18.8431 15.8475 19.0254 15.5203 19.1859L15.1182 22.1351C15.0506 22.6306 14.6274 23 14.1273 23H9.87313C9.37306 23 8.94987 22.6306 8.8823 22.1351L8.48014 19.1859C8.15296 19.0254 7.83835 18.8431 7.53818 18.641L4.78195 19.7678C4.31907 19.957 3.78756 19.7752 3.53752 19.3421L1.41042 15.6579C1.16038 15.2248 1.26869 14.6736 1.66401 14.3673L4.01841 12.5434C4.00636 12.3638 4.00025 12.1826 4.00025 12C4.00025 11.8174 4.00636 11.6362 4.01841 11.4566L1.66401 9.63266C1.26869 9.3264 1.16038 8.77521 1.41041 8.34213L3.53752 4.65787C3.78755 4.2248 4.31906 4.043 4.78195 4.23223L7.53818 5.35898C7.83835 5.1569 8.15296 4.97464 8.48014 4.81406L8.8823 1.86489C8.94987 1.3694 9.37306 1 9.87313 1H14.1273C14.6274 1 15.0506 1.3694 15.1182 1.86489ZM13.6826 6.14004L14.6392 6.60948C14.8842 6.72975 15.1201 6.86639 15.3454 7.01805L16.231 7.61423L19.1674 6.41382L20.4216 8.58619L17.9153 10.5278L17.9866 11.5905C17.9956 11.7255 18.0002 11.8621 18.0002 12C18.0002 12.1379 17.9956 12.2745 17.9866 12.4095L17.9153 13.4722L20.4216 15.4138L19.1674 17.5862L16.231 16.3858L15.3454 16.982C15.1201 17.1336 14.8842 17.2702 14.6392 17.3905L13.6826 17.86L13.2545 21H10.746L10.3178 17.86L9.36131 17.3905C9.11626 17.2702 8.88037 17.1336 8.6551 16.982L7.76954 16.3858L4.83313 17.5862L3.57891 15.4138L6.0852 13.4722L6.01392 12.4095C6.00487 12.2745 6.00024 12.1379 6.00024 12C6.00024 11.8621 6.00487 11.7255 6.01392 11.5905L6.0852 10.5278L3.57891 8.58619L4.83312 6.41382L7.76953 7.61423L8.6551 7.01805C8.88037 6.86639 9.11625 6.72976 9.36131 6.60949L10.3178 6.14004L10.746 3H13.2545L13.6826 6.14004Z' fill='black'/%3E%3C/svg%3E")}#browser_extension_side_menu button:hover{opacity:70%}#browser_extension_side_menu button:active{opacity:100%}@media(max-width: 500px){#browser_extension_settings_container{right:10px}#browser_extension_settings_container .extension_list_container{display:none}#browser_extension_settings_container .extension_list_container.bes_active{display:block}#browser_extension_settings_container .extension_list_container.bes_active+div{display:none}#browser_extension_settings_main a.navigation_go_previous{display:block}}`
function createSwitch(options = {}) {
const container = createElement("label", { class: "container" })
const checkbox = createElement(
"input",
options.checked ? { type: "checkbox", checked: "" } : { type: "checkbox" }
)
addElement2(container, checkbox)
const switchElm = createElement("span", { class: "switch" })
addElement2(switchElm, "span", { class: "slider" })
addElement2(container, switchElm)
if (options.onchange) {
addEventListener(checkbox, "change", options.onchange)
}
return container
}
function createSwitchOption(text, options) {
const div = createElement("div", { class: "switch_option" })
addElement2(div, "span", { textContent: text })
div.append(createSwitch(options))
return div
}
var besVersion = 17
var openButton = `<svg viewBox="0 0 60.2601318359375 84.8134765625" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 9.62969px; width: 6.84191px;"><g transform="matrix(1 0 0 1 -6.194965820312518 77.63671875)"><path d="M66.4551-35.2539C66.4551-36.4746 65.9668-37.5977 65.0391-38.4766L26.3672-76.3672C25.4883-77.1973 24.4141-77.6367 23.1445-77.6367C20.6543-77.6367 18.7012-75.7324 18.7012-73.1934C18.7012-71.9727 19.1895-70.8496 19.9707-70.0195L55.5176-35.2539L19.9707-0.488281C19.1895 0.341797 18.7012 1.41602 18.7012 2.68555C18.7012 5.22461 20.6543 7.12891 23.1445 7.12891C24.4141 7.12891 25.4883 6.68945 26.3672 5.81055L65.0391-32.0312C65.9668-32.959 66.4551-34.0332 66.4551-35.2539Z"></path></g></svg>`
var openInNewTabButton = `<svg viewBox="0 0 72.127685546875 72.2177734375" version="1.1" xmlns="http://www.w3.org/2000/svg" class=" glyph-box" style="height: 8.19958px; width: 8.18935px;"><g transform="matrix(1 0 0 1 -12.451127929687573 71.3388671875)"><path d="M84.5703-17.334L84.5215-66.4551C84.5215-69.2383 82.7148-71.1914 79.7852-71.1914L30.6641-71.1914C27.9297-71.1914 26.0742-69.0918 26.0742-66.748C26.0742-64.4043 28.1738-62.4023 30.4688-62.4023L47.4609-62.4023L71.2891-63.1836L62.207-55.2246L13.8184-6.73828C12.9395-5.85938 12.4512-4.73633 12.4512-3.66211C12.4512-1.31836 14.5508 0.878906 16.9922 0.878906C18.1152 0.878906 19.1895 0.488281 20.0684-0.439453L68.5547-48.877L76.6113-58.0078L75.7324-35.2051L75.7324-17.1387C75.7324-14.8438 77.7344-12.6953 80.127-12.6953C82.4707-12.6953 84.5703-14.6973 84.5703-17.334Z"></path></g></svg>`
var relatedExtensions = [
{
id: "utags",
title: "\u{1F3F7}\uFE0F UTags - Add usertags to links",
url: "https://greasyfork.org/scripts/460718",
},
{
id: "links-helper",
title: "\u{1F517} \u94FE\u63A5\u52A9\u624B",
description:
"\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00\u7B2C\u4E09\u65B9\u7F51\u7AD9\u94FE\u63A5\uFF0C\u56FE\u7247\u94FE\u63A5\u8F6C\u56FE\u7247\u6807\u7B7E\u7B49",
url: "https://greasyfork.org/scripts/464541",
},
{
id: "v2ex.rep",
title:
"V2EX.REP - \u4E13\u6CE8\u63D0\u5347 V2EX \u4E3B\u9898\u56DE\u590D\u6D4F\u89C8\u4F53\u9A8C",
url: "https://greasyfork.org/scripts/466589",
},
{
id: "v2ex.min",
title: "v2ex.min - V2EX \u6781\u7B80\u98CE\u683C",
url: "https://greasyfork.org/scripts/463552",
},
]
var getInstalledExtesionList = () => {
return $(".extension_list_container .installed_extension_list")
}
var getRelatedExtesionList = () => {
return $(".extension_list_container .related_extension_list")
}
var isInstalledExtension = (id) => {
const list = getInstalledExtesionList()
if (!list) {
return false
}
const installed = $(`[data-extension-id="${id}"]`, list)
return Boolean(installed)
}
var addCurrentExtension = (extension) => {
const list = getInstalledExtesionList()
if (!list) {
return
}
if (isInstalledExtension(extension.id)) {
return
}
const element = createInstalledExtension(extension)
list.append(element)
const list2 = getRelatedExtesionList()
if (list2) {
updateRelatedExtensions(list2)
}
}
var activeExtension = (id) => {
const list = getInstalledExtesionList()
if (!list) {
return false
}
for (const element of $$(".active", list)) {
removeClass(element, "active")
}
const installed = $(`[data-extension-id="${id}"]`, list)
if (installed) {
addClass(installed, "active")
}
}
var activeExtensionList = () => {
const extensionListContainer = $(".extension_list_container")
if (extensionListContainer) {
addClass(extensionListContainer, "bes_active")
}
}
var deactiveExtensionList = () => {
const extensionListContainer = $(".extension_list_container")
if (extensionListContainer) {
removeClass(extensionListContainer, "bes_active")
}
}
var createInstalledExtension = (installedExtension) => {
const div = createElement("div", {
class: "installed_extension",
"data-extension-id": installedExtension.id,
})
const a = addElement2(div, "a", {
onclick: installedExtension.onclick,
})
addElement2(a, "span", {
textContent: installedExtension.title,
})
const svg = addElement2(a, "svg")
svg.outerHTML = openButton
return div
}
var updateRelatedExtensions = (container) => {
container.innerHTML = ""
for (const relatedExtension of relatedExtensions) {
if (isInstalledExtension(relatedExtension.id)) {
continue
}
const div4 = addElement2(container, "div", {
class: "related_extension",
})
const a = addElement2(div4, "a", {
href: relatedExtension.url,
target: "_blank",
})
addElement2(a, "span", {
textContent: relatedExtension.title,
})
const svg = addElement2(a, "svg")
svg.outerHTML = openInNewTabButton
}
}
function createExtensionList(installedExtensions) {
const div = createElement("div", {
class: "extension_list_container thin_scrollbar",
})
addElement2(div, "h1", { textContent: "Settings" })
const div2 = addElement2(div, "div", {
class: "installed_extension_list",
})
for (const installedExtension of installedExtensions) {
if (isInstalledExtension(installedExtension.id)) {
continue
}
const element = createInstalledExtension(installedExtension)
div2.append(element)
}
addElement2(div, "h2", { textContent: "Other Extensions" })
const div3 = addElement2(div, "div", {
class: "related_extension_list",
})
updateRelatedExtensions(div3)
return div
}
var prefix = "browser_extension_settings_"
var randomId = String(Math.round(Math.random() * 1e4))
var settingsContainerId = prefix + "container_" + randomId
var settingsElementId = prefix + "main_" + randomId
var getSettingsElement = () => $("#" + settingsElementId)
var getSettingsStyle = () =>
style_default
.replace(/browser_extension_settings_container/gm, settingsContainerId)
.replace(/browser_extension_settings_main/gm, settingsElementId)
var storageKey = "settings"
var settingsOptions
var settingsTable = {}
var settings = {}
async function getSettings() {
var _a
return (_a = await getValue(storageKey)) != null ? _a : {}
}
async function saveSattingsValue(key, value) {
const settings2 = await getSettings()
settings2[key] =
settingsTable[key] && settingsTable[key].defaultValue === value
? void 0
: value
await setValue(storageKey, settings2)
}
function getSettingsValue(key) {
var _a
return Object.hasOwn(settings, key)
? settings[key]
: (_a = settingsTable[key]) == null
? void 0
: _a.defaultValue
}
var closeModal = () => {
const settingsContainer = getSettingsContainer()
if (settingsContainer) {
settingsContainer.style.display = "none"
}
removeEventListener(document, "click", onDocumentClick, true)
removeEventListener(document, "keydown", onDocumentKeyDown, true)
}
var onDocumentClick = (event) => {
const target = event.target
if (target == null ? void 0 : target.closest(`.${prefix}container`)) {
return
}
closeModal()
}
var onDocumentKeyDown = (event) => {
if (event.defaultPrevented) {
return
}
if (event.key === "Escape") {
closeModal()
event.preventDefault()
}
}
async function updateOptions() {
if (!getSettingsElement()) {
return
}
for (const key in settingsTable) {
if (Object.hasOwn(settingsTable, key)) {
const item = settingsTable[key]
const type = item.type || "switch"
switch (type) {
case "switch": {
const checkbox = $(
`#${settingsElementId} .option_groups .switch_option[data-key="${key}"] input`
)
if (checkbox) {
checkbox.checked = getSettingsValue(key)
}
break
}
case "textarea": {
const textArea = $(
`#${settingsElementId} .option_groups textarea[data-key="${key}"]`
)
if (textArea) {
textArea.value = getSettingsValue(key)
}
break
}
default: {
break
}
}
}
}
if (typeof settingsOptions.onViewUpdate === "function") {
const settingsMain = createSettingsElement()
settingsOptions.onViewUpdate(settingsMain)
}
}
function getSettingsContainer() {
const container = $(`.${prefix}container`)
if (container) {
const theVersion = parseInt10(container.dataset.besVersion, 0)
if (theVersion < besVersion) {
container.id = settingsContainerId
container.dataset.besVersion = String(besVersion)
}
return container
}
return addElement2(doc.body, "div", {
id: settingsContainerId,
class: `${prefix}container`,
"data-bes-version": besVersion,
style: "display: none;",
})
}
function getSettingsWrapper() {
const container = getSettingsContainer()
return (
$(`.${prefix}wrapper`, container) ||
addElement2(container, "div", {
class: `${prefix}wrapper`,
})
)
}
function initExtensionList() {
const wrapper = getSettingsWrapper()
if (!$(".extension_list_container", wrapper)) {
const list = createExtensionList([])
wrapper.append(list)
}
addCurrentExtension({
id: settingsOptions.id,
title: settingsOptions.title,
onclick: showSettings,
})
}
function createSettingsElement() {
let settingsMain = getSettingsElement()
if (!settingsMain) {
const wrapper = getSettingsWrapper()
for (const element of $$(`.${prefix}main`)) {
element.remove()
}
settingsMain = addElement2(wrapper, "div", {
id: settingsElementId,
class: `${prefix}main thin_scrollbar`,
})
addElement2(settingsMain, "a", {
textContent: "Settings",
class: "navigation_go_previous",
onclick() {
activeExtensionList()
},
})
if (settingsOptions.title) {
addElement2(settingsMain, "h2", { textContent: settingsOptions.title })
}
const optionGroups = []
const getOptionGroup = (index) => {
if (index > optionGroups.length) {
for (let i = optionGroups.length; i < index; i++) {
optionGroups.push(
addElement2(settingsMain, "div", {
class: "option_groups",
})
)
}
}
return optionGroups[index - 1]
}
for (const key in settingsTable) {
if (Object.hasOwn(settingsTable, key)) {
const item = settingsTable[key]
const type = item.type || "switch"
const group = item.group || 1
const optionGroup = getOptionGroup(group)
switch (type) {
case "switch": {
const switchOption = createSwitchOption(item.title, {
async onchange(event) {
const checkbox = event.target
if (checkbox) {
await saveSattingsValue(key, checkbox.checked)
}
},
})
switchOption.dataset.key = key
addElement2(optionGroup, switchOption)
break
}
case "textarea": {
let timeoutId
const div = addElement2(optionGroup, "div", {
class: "bes_textarea",
})
addElement2(div, "textarea", {
"data-key": key,
placeholder: item.placeholder || "",
onkeyup(event) {
const textArea = event.target
if (timeoutId) {
clearTimeout(timeoutId)
timeoutId = void 0
}
timeoutId = setTimeout(async () => {
if (textArea) {
await saveSattingsValue(key, textArea.value.trim())
}
}, 100)
},
})
break
}
case "action": {
addElement2(optionGroup, "a", {
class: "action",
textContent: item.title,
onclick: item.onclick,
})
break
}
case "externalLink": {
const div4 = addElement2(optionGroup, "div", {
class: "bes_external_link",
})
addElement2(div4, "a", {
textContent: item.title,
href: item.url,
target: "_blank",
})
break
}
case "tip": {
const tip = addElement2(optionGroup, "div", {
class: "bes_tip",
})
addElement2(tip, "a", {
class: "bes_tip_anchor",
textContent: item.title,
})
const tipContent = addElement2(tip, "div", {
class: "bes_tip_content",
innerHTML: item.tipContent,
})
break
}
}
}
}
if (settingsOptions.footer) {
const footer = addElement2(settingsMain, "footer")
footer.innerHTML =
typeof settingsOptions.footer === "string"
? settingsOptions.footer
: `<p>Made with \u2764\uFE0F by
<a href="https://www.pipecraft.net/" target="_blank">
Pipecraft
</a></p>`
}
}
return settingsMain
}
function addSideMenu() {
if (!getSettingsValue("displaySettingsButtonInSideMenu")) {
return
}
const menu =
$("#browser_extension_side_menu") ||
addElement2(doc.body, "div", {
id: "browser_extension_side_menu",
"data-bes-version": besVersion,
})
const button = $("button[data-bes-version]", menu)
if (button) {
const theVersion = parseInt10(button.dataset.besVersion, 0)
if (theVersion >= besVersion) {
return
}
button.remove()
}
addElement2(menu, "button", {
type: "button",
"data-bes-version": besVersion,
title: "\u8BBE\u7F6E",
onclick() {
setTimeout(showSettings, 1)
},
})
}
function addCommonSettings(settingsTable3) {
let maxGroup = 0
for (const key in settingsTable3) {
if (Object.hasOwn(settingsTable3, key)) {
const item = settingsTable3[key]
const group = item.group || 1
if (group > maxGroup) {
maxGroup = group
}
}
}
settingsTable3.displaySettingsButtonInSideMenu = {
title: "Display Settings Button in Side Menu",
defaultValue: !(
typeof GM === "object" && typeof GM.registerMenuCommand === "function"
),
group: maxGroup + 1,
}
}
function handleShowSettingsUrl() {
if (location.hash === "#bes-show-settings") {
setTimeout(showSettings, 100)
}
}
async function showSettings() {
const settingsContainer = getSettingsContainer()
const settingsMain = createSettingsElement()
await updateOptions()
settingsContainer.style.display = "block"
addEventListener(document, "click", onDocumentClick, true)
addEventListener(document, "keydown", onDocumentKeyDown, true)
activeExtension(settingsOptions.id)
deactiveExtensionList()
}
var initSettings = async (options) => {
settingsOptions = options
settingsTable = options.settingsTable || {}
addCommonSettings(settingsTable)
addValueChangeListener(storageKey, async () => {
settings = await getSettings()
await updateOptions()
addSideMenu()
if (typeof options.onValueChange === "function") {
options.onValueChange()
}
})
settings = await getSettings()
addStyle2(getSettingsStyle())
runWhenBodyExists(() => {
initExtensionList()
addSideMenu()
})
handleShowSettingsUrl()
}
var content_default = `\uFEFF:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) #utags_layer{height:200px;width:200px;background-color:red}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul{box-sizing:border-box !important;display:inline !important;list-style-type:none !important;margin:0 0 0 2px !important;padding:0px !important;vertical-align:text-bottom !important;line-height:normal !important;background-color:rgba(0,0,0,0);border:none !important;box-shadow:none !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul>li{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;float:none !important;width:unset !important;height:14px !important;border:none !important;padding:0 !important;margin:0 !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul>li.notag{position:relative !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_text_tag{box-sizing:border-box !important;display:block !important;border:1px solid red;color:red !important;border-radius:3px !important;padding:1px 3px !important;margin:0px 3px !important;font-size:10px !important;letter-spacing:0 !important;line-height:10px !important;font-weight:normal !important;text-decoration:none !important;text-align:center !important;min-width:unset !important;min-height:unset !important;cursor:pointer;background:unset !important;background-color:unset !important;pointer-events:auto}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_captain_tag,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_captain_tag2{border:1px solid rgba(255,255,255,0);text-indent:-9999px;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ff6361' class='bi bi-tags-fill' viewBox='0 0 16 16'%3E %3Cpath d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E %3Cpath d='M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E %3C/svg%3E") !important;background-size:13px !important;background-repeat:no-repeat !important;background-position:0 0 !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_captain_tag{opacity:1%;position:absolute;top:0px;left:-2px;padding:0 !important;margin:0 !important;border:none !important;width:4px !important;height:4px !important;font-size:1px !important;background-color:rgba(255,255,255,.7019607843) !important;transition:all 0s .3s}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_captain_tag:hover,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul .utags_captain_tag2:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23256cf1' class='bi bi-tags-fill' viewBox='0 0 16 16'%3E %3Cpath d='M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E %3Cpath d='M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z'/%3E %3C/svg%3E") !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) *:hover+.utags_ul .utags_captain_tag,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_ul:hover .utags_captain_tag,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_show_all .utags_captain_tag,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) :not(a)+.utags_ul .utags_captain_tag{opacity:100%;font-size:10px !important;width:18px !important;height:18px !important;background-position:3px 3px !important;transition:all 0s .1s;z-index:90}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_hide_all .utags_captain_tag,:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_show_all .utags_captain_tag{transition:unset}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) html:has(#vimiumHintMarkerContainer) .utags_captain_tag{opacity:99%;font-size:10px;width:12px;height:12px}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) :not(a)+.utags_ul .utags_captain_tag{position:relative}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u6807\u9898\u515A,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u63A8\u5E7F,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u65E0\u804A,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u5FFD\u7565,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",sb,"]{opacity:10%}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u5DF2\u9605,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u65B0\u7528\u6237,"]{opacity:50%}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",hide,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u9690\u85CF,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u4E0D\u518D\u663E\u793A,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",block,"]{opacity:5%;display:none}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u70ED\u95E8,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u6536\u85CF,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u5173\u6CE8,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u7A0D\u540E\u9605\u8BFB,"]{background-image:linear-gradient(to right, #ffffff, #fefce8) !important;opacity:100% !important;display:block !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u70ED\u95E8,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u6536\u85CF,"],:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node*=",\u5173\u6CE8,"]{background-image:linear-gradient(to right, #ffffff, #fef2f2) !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) [data-utags_list_node]:hover{opacity:100% !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_no_hide [data-utags_list_node*=","]{display:block !important}:not(#utags_should_has_higher_specificity) :not(#utags_should_has_higher_specificity) .utags_no_opacity_effect [data-utags_list_node*=","]{opacity:100% !important}`
function createTag(tagName) {
const a = createElement("a")
a.textContent = tagName
a.dataset.utags_tag = tagName
a.setAttribute(
"href",
"https://utags.pipecraft.net/tags/#" + encodeURIComponent(tagName)
)
a.setAttribute("target", "_blank")
a.setAttribute("class", "utags_text_tag")
return a
}
var extensionVersion = "0.5.1"
var databaseVersion = 2
var storageKey2 = "extension.utags.urlmap"
var cachedUrlMap
async function getUrlMap() {
return (await getValue(storageKey2)) || {}
}
async function getUrlMapVesion1() {
return getValue("plugin.utags.tags.v1")
}
async function getTags(key) {
if (!cachedUrlMap) {
cachedUrlMap = await getUrlMap()
}
return cachedUrlMap[key] || { tags: [] }
}
async function saveTags(key, tags, meta) {
const urlMap = await getUrlMap()
urlMap.meta = Object.assign({}, urlMap.meta, {
extensionVersion,
databaseVersion,
})
const newTags = mergeTags(tags, [])
if (newTags.length === 0) {
delete urlMap[key]
} else {
const now = Date.now()
const data = urlMap[key] || {}
const newMeta = Object.assign({}, data.meta, meta, {
updated: now,
})
newMeta.created = newMeta.created || now
urlMap[key] = {
tags: newTags,
meta: newMeta,
}
}
await setValue(storageKey2, urlMap)
}
function addTagsValueChangeListener(func) {
addValueChangeListener(storageKey2, func)
}
addTagsValueChangeListener(async () => {
cachedUrlMap = null
await checkVersion()
})
async function reload() {
console.log("Current extionsion is outdated, need reload page")
const urlMap = await getUrlMap()
urlMap.meta = urlMap.meta || {}
await setValue(storageKey2, urlMap)
location.reload()
}
async function checkVersion() {
cachedUrlMap = await getUrlMap()
const meta = cachedUrlMap.meta || {}
if (meta.extensionVersion !== extensionVersion) {
console.log(
"Previous extension version:",
meta.extensionVersion,
"current extension version:",
extensionVersion
)
if (meta.extensionVersion > extensionVersion) {
}
}
if (meta.databaseVersion !== databaseVersion) {
console.log(
"Previous database version:",
meta.databaseVersion,
"current database version:",
databaseVersion
)
if (meta.databaseVersion > databaseVersion) {
await reload()
return false
}
}
return true
}
function isValidKey(key) {
return isUrl(key)
}
function isValidTags(tags) {
return Array.isArray(tags)
}
function mergeTags(tags, tags2) {
tags = tags || []
tags2 = tags2 || []
return uniq(
tags
.concat(tags2)
.map((v) => (v ? String(v).trim() : v))
.filter(Boolean)
)
}
async function migrationData(urlMap) {
console.log("Before migration", JSON.stringify(urlMap))
const meta = urlMap.meta || {}
const now = Date.now()
const meta2 = { created: now, updated: now }
if (!meta.databaseVersion) {
meta.databaseVersion = 1
}
if (meta.databaseVersion === 1) {
for (const key in urlMap) {
if (!Object.hasOwn(urlMap, key)) {
continue
}
if (!isValidKey(key)) {
continue
}
const tags = urlMap[key]
if (!isValidTags(tags)) {
throw new Error("Invaid data format.")
}
const newTags = mergeTags(tags, [])
if (newTags.length > 0) {
urlMap[key] = { tags: newTags, meta: meta2 }
} else {
delete urlMap[key]
}
}
meta.databaseVersion = 2
}
if (meta.databaseVersion === 2) {
}
urlMap.meta = meta
console.log("After migration", JSON.stringify(urlMap))
return urlMap
}
async function mergeData(urlMapNew) {
if (typeof urlMapNew !== "object") {
throw new TypeError("Invalid data format")
}
let numberOfLinks = 0
let numberOfTags = 0
const urlMap = await getUrlMap()
if (
!urlMapNew.meta ||
urlMapNew.meta.databaseVersion !== urlMap.meta.databaseVersion
) {
urlMapNew = await migrationData(urlMapNew)
}
if (urlMapNew.meta.databaseVersion !== urlMap.meta.databaseVersion) {
throw new Error("Invalid database version")
}
for (const key in urlMapNew) {
if (!Object.hasOwn(urlMapNew, key)) {
continue
}
if (!isValidKey(key)) {
continue
}
const tags = urlMapNew[key].tags || []
const meta = urlMapNew[key].meta || {}
if (!isValidTags(tags)) {
throw new Error("Invaid data format.")
}
const orgData = urlMap[key] || { tags: [] }
const orgTags = orgData.tags || []
const newTags = mergeTags(orgTags, tags)
if (newTags.length > 0) {
const orgMeta = orgData.meta || {}
const created = Math.min(orgMeta.created || 0, meta.created || 0)
const updated = Math.max(orgMeta.updated || 0, meta.updated || 0)
const newMata = Object.assign({}, orgMeta, meta, { created, updated })
urlMap[key] = Object.assign({}, orgData, {
tags: newTags,
meta: newMata,
})
numberOfTags += Math.max(newTags.length - orgTags.length, 0)
if (orgTags.length === 0) {
numberOfLinks++
}
} else {
delete urlMap[key]
}
}
await setValue(storageKey2, urlMap)
console.log(
`\u6570\u636E\u5DF2\u6210\u529F\u5BFC\u5165\uFF0C\u65B0\u589E ${numberOfLinks} \u6761\u94FE\u63A5\uFF0C\u65B0\u589E ${numberOfTags} \u6761\u6807\u7B7E\u3002`
)
return { numberOfLinks, numberOfTags }
}
async function migration() {
const result = await checkVersion()
if (!result) {
return
}
cachedUrlMap = await getUrlMap()
const meta = cachedUrlMap.meta || {}
if (meta.databaseVersion !== databaseVersion) {
meta.databaseVersion = meta.databaseVersion || 1
if (meta.databaseVersion < databaseVersion) {
console.log("Migration start")
await saveTags("any", [])
console.log("Migration done")
}
}
const urlMapVer1 = await getUrlMapVesion1()
if (urlMapVer1) {
console.log(
"Migration start: database version 1 to database version",
databaseVersion
)
const result2 = await mergeData(urlMapVer1)
if (result2) {
await setValue("plugin.utags.tags.v1", null)
}
}
}
async function outputData() {
if (
/^(utags\.pipecraft\.net|localhost|127\.0\.0\.1)$/.test(location.hostname)
) {
const urlMap = await getUrlMap()
const textarea = createElement("textarea")
textarea.id = "utags_output"
textarea.setAttribute("style", "display:none")
textarea.value = JSON.stringify(urlMap)
doc.body.append(textarea)
textarea.addEventListener("click", async () => {
if (textarea.dataset.utags_type === "export") {
const urlMap2 = await getUrlMap()
textarea.value = JSON.stringify(urlMap2)
textarea.dataset.utags_type = "export_done"
textarea.click()
} else if (textarea.dataset.utags_type === "import") {
const data = textarea.value
try {
const result = await mergeData(JSON.parse(data))
textarea.value = JSON.stringify(result)
textarea.dataset.utags_type = "import_done"
textarea.click()
} catch (error) {
console.error(error)
textarea.value = JSON.stringify(error)
textarea.dataset.utags_type = "import_failed"
textarea.click()
}
}
})
}
}
var numberLimitOfShowAllUtagsInArea = 10
function hideAllUtagsInArea(target) {
const element = $(".utags_show_all")
if (!element) {
return
}
if (element === target || element.contains(target)) {
return
}
for (const element2 of $$(".utags_show_all")) {
removeClass(element2, "utags_show_all")
addClass(element2, "utags_hide_all")
setTimeout(() => {
removeClass(element2, "utags_hide_all")
})
}
}
function showAllUtagsInArea(element) {
if (!element) {
return false
}
const utags = $$(".utags_ul", element)
if (utags.length > 0 && utags.length <= numberLimitOfShowAllUtagsInArea) {
addClass(element, "utags_show_all")
return true
}
return false
}
function bindDocumentEvents() {
const eventType = isTouchScreen() ? "touchstart" : "click"
let lastShownArea
addEventListener(
doc,
eventType,
(event) => {
let target = event.target
if (!target) {
return
}
hideAllUtagsInArea(target)
const targets = []
do {
targets.push(target)
target = target.parentElement
} while (targets.length <= 8 && target)
while (targets.length > 0) {
const area = targets.pop()
if (showAllUtagsInArea(area)) {
if (lastShownArea === area) {
hideAllUtagsInArea()
lastShownArea = void 0
return
}
lastShownArea = area
return
}
}
},
true
)
addEventListener(
doc,
"keydown",
(event) => {
if (event.defaultPrevented) {
return
}
if (event.key === "Escape" && $(".utags_show_all")) {
hideAllUtagsInArea()
lastShownArea = void 0
event.preventDefault()
}
},
true
)
}
var getCanonicalUrl = (url) => url
var site = {
matches: /.*/,
includeSelectors: ["a[href]:not(.utags_text_tag)"],
excludeSelectors: [".browser_extension_settings_container"],
getCanonicalUrl,
}
var default_default = site
function getScriptUrl(url) {
return getCanonicalUrl2(url.replace(/(scripts\/\d+)(.*)/, "$1"))
}
function getCanonicalUrl2(url) {
if (/(greasyfork|sleazyfork)\.org/.test(url)) {
console.log("before", url)
url = url.replace(
/((greasyfork|sleazyfork)\.org\/)(\w{2}(-\w{2})?)(\/|$)/,
"$1"
)
console.log("after", url)
if (url.includes("/scripts/")) {
return url.replace(/(scripts\/\d+)([^/]*)/, "$1")
}
if (url.includes("/users/")) {
return url.replace(/(users\/\d+)(.*)/, "$1")
}
}
return url
}
var site2 = {
matches: /(greasyfork|sleazyfork)\.org/,
listNodesSelectors: [".script-list li", ".discussion-list-container"],
conditionNodesSelectors: [
".script-list li .script-link",
".script-list li .script-list-author a",
".discussion-list-container .script-link",
".discussion-list-container .discussion-title",
".discussion-list-container .discussion-meta-item:nth-child(2) > a",
],
includeSelectors: ["a[href]:not(.utags_text_tag)"],
excludeSelectors: [
...default_default.excludeSelectors,
".sidebar",
".pagination",
".sign-out-link,.sign-in-link",
".with-submenu",
"#script-links.tabs",
"#install-area",
".history_versions .version-number",
'a[href*="show_all_versions"]',
'a[href*="/reports/new"]',
'a[href*="/conversations/new"]',
'a[href*="/discussions/mark_all_read"]',
'a[href*="/discussions/new"]',
"div.sidebarred-main-content > p:nth-child(3) > a",
],
addExtraMatchedNodes(matchedNodesSet) {
if (location.pathname.includes("/scripts/")) {
const element = $("#script-info header h2")
if (element) {
const title = element.textContent
if (title) {
const key = getScriptUrl(location.href)
const meta = { title }
element.utags = { key, meta }
matchedNodesSet.add(element)
}
}
} else if (location.pathname.includes("/users/")) {
const element = $("#about-user h2")
if (element) {
const title = element.textContent
if (title) {
const key = getCanonicalUrl2(location.href)
const meta = { title }
element.utags = { key, meta }
matchedNodesSet.add(element)
}
}
}
},
getCanonicalUrl: getCanonicalUrl2,
}
var greasyfork_org_default = site2
function cloneWithoutUtags(element) {
const newElement = element.cloneNode(true)
for (const utag of $$(".utags_ul", newElement)) {
utag.remove()
}
return newElement
}
function getCanonicalUrl3(url) {
return url.replace(/[?#].*/, "").replace(/(\w+\.)?v2ex.com/, "www.v2ex.com")
}
var site3 = {
matches: /v2ex\.com|v2hot\./,
listNodesSelectors: [".box .cell"],
conditionNodesSelectors: [
".box .cell .topic-link",
".item_hot_topic_title a",
'.box .cell .topic_info strong:first-of-type a[href*="/member/"]',
".box .cell .topic_info .node",
'#Main strong a.dark[href*="/member/"]',
],
includeSelectors: [
'a[href*="/t/"]',
'a[href*="/member/"]',
'a[href*="/go/"]',
'a[href^="https://"]:not([href*="v2ex.com"])',
'a[href^="http://"]:not([href*="v2ex.com"])',
],
excludeSelectors: [
".site-nav a",
".cell_tabs a",
".tab-alt-container a",
"#SecondaryTabs a",
"a.page_normal,a.page_current",
"a.count_livid",
".post-item a.post-content",
],
addExtraMatchedNodes(matchedNodesSet) {
if (location.pathname.includes("/member/")) {
const profile = $("h1")
if (profile) {
const username = profile.textContent
if (username) {
const key = `https://www.v2ex.com/member/${username}`
const meta = { title: username, type: "user" }
profile.utags = { key, meta }
matchedNodesSet.add(profile)
}
}
}
if (location.pathname.includes("/t/")) {
const header = $(".header h1")
if (header) {
const key = getCanonicalUrl3(
"https://www.v2ex.com" + location.pathname
)
const title = $("h1").textContent
const meta = { title, type: "topic" }
header.utags = { key, meta }
matchedNodesSet.add(header)
}
const main2 = $("#Main") || $(".content")
const replyElements = $$('.box .cell[id^="r_"]', main2)
for (const reply of replyElements) {
const replyId = reply.id
const floorNoElement = $(".no", reply)
const replyContentElement = $(".reply_content", reply)
const agoElement = $(".ago,.fade.small", reply)
if (replyId && floorNoElement && replyContentElement && agoElement) {
let newAgoElement = $("a", agoElement)
if (!newAgoElement) {
newAgoElement = createElement("a", {
textContent: agoElement.textContent,
href: "#" + replyId,
})
agoElement.textContent = ""
agoElement.append(newAgoElement)
}
const floorNo = parseInt10(floorNoElement.textContent, 1)
const pageNo = Math.floor((floorNo - 1) / 100) + 1
const key =
getCanonicalUrl3("https://www.v2ex.com" + location.pathname) +
"?p=" +
String(pageNo) +
"#" +
replyId
const title = cloneWithoutUtags(replyContentElement).textContent
const meta = { title, type: "reply" }
newAgoElement.utags = { key, meta }
matchedNodesSet.add(newAgoElement)
}
}
}
if (location.pathname.includes("/go/")) {
const header = $(".cell_ops.flex-one-row input")
if (header) {
const key = getCanonicalUrl3(
"https://www.v2ex.com" + location.pathname
)
const title = document.title.replace(/.*›\s*/, "").trim()
const meta = { title, type: "node" }
header.utags = { key, meta }
matchedNodesSet.add(header)
}
}
},
getCanonicalUrl: getCanonicalUrl3,
}
var v2ex_default = site3
var sites = [v2ex_default, greasyfork_org_default]
function matchedSite(hostname2) {
for (const site5 of sites) {
if (site5.matches.test(hostname2)) {
return site5
}
}
return default_default
}
var hostname = location.hostname
var site4 = matchedSite(hostname)
function getListNodes() {
if (typeof site4.getListNodes === "function") {
return site4.getListNodes()
}
if (site4.listNodesSelectors) {
return $$(site4.listNodesSelectors.join(","))
}
return []
}
function getConditionNodes() {
if (typeof site4.getConditionNodes === "function") {
return site4.getConditionNodes()
}
if (site4.conditionNodesSelectors) {
return $$(site4.conditionNodesSelectors.join(","))
}
return []
}
function getCanonicalUrl4(url) {
if (typeof site4.getCanonicalUrl === "function") {
return site4.getCanonicalUrl(url)
}
return url
}
var isValidUtagsElement = (element) => {
if ($("img,svg,audio,video", element)) {
return false
}
let href = getAttribute(element, "href")
if (!href) {
return false
}
href = href.trim()
if (href.length === 0 || href === "#") {
return false
}
const protocol = element.protocol
if (protocol !== "http:" && protocol !== "https:") {
return false
}
return true
}
var isExcluedUtagsElement = (element, excludeSelector) => {
return excludeSelector ? Boolean(element.closest(excludeSelector)) : false
}
var addMatchedNodes = (matchedNodesSet) => {
const includeSelectors = site4.includeSelectors
if (!includeSelectors || includeSelectors.length === 0) {
return
}
const elements = $$(includeSelectors.join(","))
if (elements.length === 0) {
return
}
const excludeSelectors = site4.excludeSelectors || []
const excludeSelector = excludeSelectors.join(",")
for (const element of elements) {
if (
!isValidUtagsElement(element) ||
isExcluedUtagsElement(element, excludeSelector)
) {
element.utags = {}
continue
}
const key = getCanonicalUrl4(element.href)
const title = element.textContent.trim()
const meta = {}
if (title && !isUrl(title)) {
meta.title = title
}
element.utags = { key, meta }
matchedNodesSet.add(element)
}
}
function matchedNodes() {
const matchedNodesSet = /* @__PURE__ */ new Set()
addMatchedNodes(matchedNodesSet)
if (typeof site4.addExtraMatchedNodes === "function") {
site4.addExtraMatchedNodes(matchedNodesSet)
}
return [...matchedNodesSet]
}
var settingsTable2 = {
showHidedItems: {
title:
"\u663E\u793A\u88AB\u9690\u85CF\u7684\u5185\u5BB9 (\u6DFB\u52A0\u4E86 'block', 'hide', '\u9690\u85CF'\u7B49\u6807\u7B7E\u7684\u5185\u5BB9)",
defaultValue: false,
},
noOpacityEffect: {
title:
"\u53BB\u9664\u534A\u900F\u660E\u6548\u679C (\u6DFB\u52A0\u4E86 'sb', '\u5FFD\u7565', '\u6807\u9898\u515A'\u7B49\u6807\u7B7E\u7684\u5185\u5BB9)",
defaultValue: false,
},
openTagsPage: {
title: "\u6807\u7B7E\u5217\u8868",
type: "externalLink",
url: "https://utags.pipecraft.net/tags/",
group: 2,
},
openDataPage: {
title: "\u5BFC\u51FA\u6570\u636E/\u5BFC\u5165\u6570\u636E",
type: "externalLink",
url: "https://utags.pipecraft.net/data/",
group: 2,
},
}
var addUtagsStyle = () => {
const style = addStyle2(content_default)
style.id = "utags_style"
}
function onSettingsChange() {
if (getSettingsValue("showHidedItems")) {
addClass(doc.documentElement, "utags_no_hide")
} else {
removeClass(doc.documentElement, "utags_no_hide")
}
if (getSettingsValue("noOpacityEffect")) {
addClass(doc.documentElement, "utags_no_opacity_effect")
} else {
removeClass(doc.documentElement, "utags_no_opacity_effect")
}
}
function appendTagsToPage(element, key, tags, meta) {
var _a, _b
if (
(_b = (_a = element.nextSibling) == null ? void 0 : _a.classList) == null
? void 0
: _b.contains("utags_ul")
) {
element.nextSibling.remove()
}
const ul = createElement("ul")
let li = createElement("li")
if (tags.length === 0) {
addClass(li, "notag")
}
let a = createElement("a")
a.textContent = "\u{1F3F7}\uFE0F"
a.setAttribute(
"class",
tags.length === 0
? "utags_text_tag utags_captain_tag"
: "utags_text_tag utags_captain_tag2"
)
a.addEventListener("click", async function () {
const newTags = prompt(
"[UTags] \u8BF7\u8F93\u5165\u6807\u7B7E\uFF0C\u7528\u9017\u53F7\u5206\u5F00\u591A\u4E2A\u6807\u7B7E",
tags.join(", ")
)
if (newTags !== null) {
const newTagsArray = newTags.split(/\s*[,，]\s*/)
await saveTags(key, newTagsArray, meta)
}
})
li.append(a)
ul.append(li)
for (const tag of tags) {
li = createElement("li")
a = createTag(tag)
li.append(a)
ul.append(li)
}
ul.setAttribute("class", "utags_ul")
element.after(ul)
element.dataset.utags = tags.join(",")
setTimeout(() => {
const style = getComputedStyle(element)
const zIndex = style.zIndex
if (zIndex && zIndex !== "auto") {
setStyle(ul, { zIndex })
}
}, 1e3)
}
async function displayTags() {
const listNodes = getListNodes()
for (const node of listNodes) {
node.dataset.utags_list_node = ""
}
const conditionNodes = getConditionNodes()
for (const node of conditionNodes) {
node.dataset.utags_condition_node = ""
}
const nodes = matchedNodes()
await Promise.all(
nodes.map(async (node) => {
if (!node.utags || !node.utags.key) {
return
}
const object = await getTags(node.utags.key)
const tags = object.tags || []
appendTagsToPage(node, node.utags.key, tags, node.utags.meta)
})
)
for (const node of listNodes) {
const conditionNodes2 = $$("[data-utags_condition_node]", node)
const tagsArray = []
for (const node2 of conditionNodes2) {
if (node2.closest("[data-utags_list_node]") !== node) {
continue
}
if (node2.dataset.utags) {
tagsArray.push(node2.dataset.utags)
}
}
if (tagsArray.length === 1) {
node.dataset.utags_list_node = "," + tagsArray[0] + ","
} else if (tagsArray.length > 1) {
node.dataset.utags_list_node =
"," + uniq(tagsArray.join(",").split(",")).join(",") + ","
}
}
}
async function initStorage() {
await migration()
addTagsValueChangeListener(displayTags)
}
var countOfLinks = 0
async function main() {
if ($("#utags_style")) {
console.log(
`[UTags] [${"userscript"}-${"prod"}] Skip this, since another instance is already running.`,
location.href
)
return
}
addUtagsStyle()
await initSettings({
id: "utags",
title:
"\u{1F3F7}\uFE0F \u5C0F\u9C7C\u6807\u7B7E (UTags) - \u4E3A\u94FE\u63A5\u6DFB\u52A0\u7528\u6237\u6807\u7B7E",
footer: `
<p>
<a href="https://github.com/utags/utags/issues" target="_blank">
Report and Issue...
</a></p>
<p>Made with \u2764\uFE0F by
<a href="https://www.pipecraft.net/" target="_blank">
Pipecraft
</a></p>`,
settingsTable: settingsTable2,
async onValueChange() {
onSettingsChange()
},
})
registerMenuCommand("\u2699\uFE0F \u8BBE\u7F6E", showSettings, "o")
await initStorage()
setTimeout(outputData, 1)
onSettingsChange()
await displayTags()
bindDocumentEvents()
countOfLinks = $$("a:not(.utags_text_tag)").length
setInterval(async () => {
const count = $$("a:not(.utags_text_tag)").length
if (countOfLinks !== count) {
countOfLinks = count
await displayTags()
}
}, 1e3)
}
main()
})()
