Makes RJ codes more useful.(8-bit RJCode supported.)
当前为
// ==UserScript==
// @name VoiceLinks
// @namespace Sanya
// @description Makes RJ codes more useful.(8-bit RJCode supported.)
// @match *://*/*
// @match file:///*
// @version 4.1.7
// @connect dlsite.com
// @connect media.ci-en.jp
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// @grant GM.xmlHttpRequest
// @grant GM_xmlhttpRequest
// @run-at document-start
// @homepage https://sleazyfork.org/zh-CN/scripts/456775-voicelinks
// ==/UserScript==
(function () {
'use strict';
//------持久化设置项------
let settings = {
//语言设置
_s_lang: "zh_CN",
_s_popup_lang: "zh_CN",
//常规设置
_s_parse_url: true,
_s_parse_url_in_dl: false,
_s_show_translated_title_in_dl: true,
_s_copy_as_filename_btn: true,
_s_show_compatibility_warning: true,
_s_url_insert_mode: "before_rj",
_s_url_insert_text: "🔗",
//信息显示设置
_s_category_preset: "voice",
_s_voice__info_display_order: [
"voice__circle_name",
"voice__translator_name",
"voice__release_date",
"voice__update_date",
"voice__age_rating",
"voice__scenario",
"voice__illustration",
"voice__voice_actor",
"voice__music",
"voice__genre",
"voice__file_size"
],
_s_voice__circle_name: true,
_s_voice__translator_name: true,
_s_voice__release_date: true,
_s_voice__update_date: true,
_s_voice__age_rating: true,
_s_voice__scenario: false,
_s_voice__illustration: false,
_s_voice__voice_actor: true,
_s_voice__music: true,
_s_voice__genre: true,
_s_voice__file_size: true,
_s_game__info_display_order: [
"game__circle_name",
"game__translator_name",
"game__release_date",
"game__update_date",
"game__age_rating",
"game__scenario",
"game__illustration",
"game__voice_actor",
"game__music",
"game__genre",
"game__file_size"
],
_s_game__circle_name: true,
_s_game__translator_name: true,
_s_game__release_date: true,
_s_game__update_date: true,
_s_game__age_rating: true,
_s_game__scenario: true,
_s_game__illustration: true,
_s_game__voice_actor: true,
_s_game__music: true,
_s_game__genre: true,
_s_game__file_size: true,
_s_manga__info_display_order: [
"manga__circle_name",
"manga__translator_name",
"manga__release_date",
"manga__update_date",
"manga__age_rating",
"manga__scenario",
"manga__illustration",
"manga__voice_actor",
"manga__music",
"manga__genre",
"manga__file_size"
],
_s_manga__circle_name: true,
_s_manga__translator_name: true,
_s_manga__release_date: true,
_s_manga__update_date: true,
_s_manga__age_rating: true,
_s_manga__scenario: true,
_s_manga__illustration: true,
_s_manga__voice_actor: true, //音声漫画
_s_manga__music: true,
_s_manga__genre: true,
_s_manga__file_size: true,
_s_video__info_display_order: [
"video__circle_name",
"video__translator_name",
"video__release_date",
"video__update_date",
"video__age_rating",
"video__scenario",
"video__illustration",
"video__voice_actor",
"video__music",
"video__genre",
"video__file_size"
],
_s_video__circle_name: true,
_s_video__translator_name: true,
_s_video__release_date: true,
_s_video__update_date: true,
_s_video__age_rating: true,
_s_video__scenario: true,
_s_video__illustration: true,
_s_video__voice_actor: true,
_s_video__music: true,
_s_video__genre: true,
_s_video__file_size: true,
_s_novel__info_display_order: [
"novel__circle_name",
"novel__translator_name",
"novel__release_date",
"novel__update_date",
"novel__age_rating",
"novel__scenario",
"novel__illustration",
"novel__voice_actor",
"novel__music",
"novel__genre",
"novel__file_size"
],
_s_novel__circle_name: true,
_s_novel__translator_name: true,
_s_novel__release_date: true,
_s_novel__update_date: true,
_s_novel__age_rating: true,
_s_novel__scenario: true,
_s_novel__illustration: true,
_s_novel__voice_actor: false,
_s_novel__music: false,
_s_novel__genre: true,
_s_novel__file_size: true,
_s_other__info_display_order: [
"other__circle_name",
"other__translator_name",
"other__release_date",
"other__update_date",
"other__age_rating",
"other__scenario",
"other__illustration",
"other__voice_actor",
"other__music",
"other__genre",
"other__file_size"
],
_s_other__circle_name: true,
_s_other__translator_name: true,
_s_other__release_date: true,
_s_other__update_date: true,
_s_other__age_rating: true,
_s_other__scenario: true,
_s_other__illustration: true,
_s_other__voice_actor: true,
_s_other__music: true,
_s_other__genre: true,
_s_other__file_size: true,
//标签显示设置
_s_tag_main_switch: true,
_s_tag_display_order: [
"tag_no_longer_available",
"tag_work_type",
"tag_translatable",
"tag_not_translatable",
"tag_translated",
"tag_bonus_work",
"tag_has_bonus",
"tag_language_support",
"tag_file_format",
"tag_ai",
],
_s_tag_work_type: true,
_s_tag_translatable: true,
_s_tag_not_translatable: true,
_s_tag_translated: true,
_s_tag_language_support: true,
_s_tag_bonus_work: true,
_s_tag_has_bonus: true,
_s_tag_file_format: false,
_s_tag_no_longer_available: true,
_s_tag_ai: true,
_s_tag_translation_request: true,
_s_tag_translation_request_display_order: [
"tag_translation_request_simplified_chinese",
"tag_translation_request_traditional_chinese",
"tag_translation_request_english",
"tag_translation_request_korean",
"tag_translation_request_spanish",
"tag_translation_request_german",
"tag_translation_request_french",
"tag_translation_request_indonesian",
"tag_translation_request_italian",
"tag_translation_request_portuguese",
"tag_translation_request_swedish",
"tag_translation_request_thai",
"tag_translation_request_vietnamese",
],
_s_tag_translation_request_english: false,
_s_tag_translation_request_simplified_chinese: true,
_s_tag_translation_request_traditional_chinese: true,
_s_tag_translation_request_korean: false,
_s_tag_translation_request_spanish: false,
_s_tag_translation_request_german: false,
_s_tag_translation_request_french: false,
_s_tag_translation_request_indonesian: false,
_s_tag_translation_request_italian: false,
_s_tag_translation_request_portuguese: false,
_s_tag_translation_request_swedish: false,
_s_tag_translation_request_thai: false,
_s_tag_translation_request_vietnamese: false,
backup: function() {
let backup = {};
for (let key in this) {
if(!key.startsWith("_s_")) continue;
//如果类型为列表，则需要将其拷贝出来
if(this[key] && Array.isArray(this[key])){
backup[key] = [...this[key]];
}else{
backup[key] = this[key];
}
}
this.default_backup = backup;
},
//备份默认值
default_backup: {},
//暂存已修改值，不更新到设置
temp_edited: {},
load: function(){
for(let key in this){
if(!key.startsWith("_s_")) continue;
let val = GM_getValue(key.substring(3), this[key]);
if(typeof val !== typeof this[key]){
val = this[key];
}
if(Array.isArray(val) && val.length !== this[key].length){
val = this[key];
}
this[key] = val !== undefined ? val : this[key];
}
},
save: function () {
//将暂存修改应用至Settings
for (let key in this.temp_edited) {
if(!key.startsWith("_s_")) continue;
if(this[key] === undefined || this.temp_edited[key] === undefined) continue;
this[key] = this.temp_edited[key];
this.temp_edited[key] = undefined;
}
//将修改保存至GM
for(let key in this){
if(!key.startsWith("_s_")) continue;
GM_setValue(key.substring(3), this[key]);
}
},
//保存临时修改
saveTemp: function (key, value){
if(!key.startsWith("_s_")) key = "_s_" + key;
this.temp_edited[key] = value;
},
clearTemp: function (){
this.temp_edited = {};
},
reset: function () {
if(!this.default_backup) return;
for(let key in this.default_backup){
if(!key.startsWith("_s_")) continue;
GM_setValue(key.substring(3), this.default_backup[key]);
}
},
hasEdited: function (key) {
if(!key.startsWith("_s_")) key = "_s_" + key;
if(this[key] === undefined) return false;
return this[key] !== this.default_backup[key];
},
getDefaultValue: function (key) {
if(!key.startsWith("_s_")) key = "_s_" + key;
return this.default_backup[key];
}
}
settings.backup();
settings.load();
//----------------------
//------本地化-----------
const localizationMap = {
title_settings: {
zh_CN: "VoiceLinks 设置",
zh_TW: "VoiceLinks 設定",
en_US: "VoiceLinks Settings"
},
title_language_settings: {
zh_CN: "语言设置",
zh_TW: "語言設定",
en_US: "Language Settings"
},
display_language: {
zh_CN: "显示语言",
zh_TW: "顯示語言",
en_US: "Language"
},
popup_language: {
zh_CN: "弹窗语言",
zh_TW: "彈窗語言",
en_US: "Popup Language"
},
popup_language_tooltip: {
zh_CN: "仅修改标题和标签显示语言，信息本身的语言以DLSite网页设置的语言为准。",
zh_TW: "只修改標題和標籤顯示語言，資訊本身的語言以DLSite網頁設定的語言為準。",
en_US: "Only modify the title and tag display language, the language of the information itself is determined by the language of the DLSite page settings."
},
title_general_settings: {
zh_CN: "常规",
zh_TW: "常規",
en_US: "General"
},
parse_url: {
zh_CN: "解析URL",
zh_TW: "解析URL",
en_US: "Parse URL"
},
parse_url_tooltip: {
zh_CN: "鼠标悬停导指向DLSite作品页面的URL时，同样显示作品信息",
zh_TW: "鼠標懸停導向DLSite作品頁面的URL時，同樣顯示作品資訊",
en_US: "Show work info when hovering over DLSite work URL"
},
parse_url_in_dl: {
zh_CN: "在DLSite上解析URL",
zh_TW: "在DLSite上解析URL",
en_US: "Parse URL in DLSite"
},
parse_url_in_dl_tooltip: {
zh_CN: "URL较多可能影响正常阅读",
zh_TW: "URL較多可能影響正常閱讀",
en_US: "URL is more likely to affect normal reading"
},
show_translated_title_in_dl: {
zh_CN: "在DLSite显示对应语言的翻译标题",
zh_TW: "在DLSite顯示對應語言的翻譯標題",
en_US: "Show translated title in DLSite"
},
show_translated_title_in_dl_tooltip: {
zh_CN: "作品信息页面的标题将会被修改为与翻译语言对应的标题，避免简中看繁中作品标题为日文的问题",
zh_TW: "作品資訊頁面的標題將會被修改為與翻譯語言對應的標題，避免繁中看簡中作品標題為日文的問題",
en_US: "The title of the work info page will be modified to match the corresponding translation language, to avoid viewing the title as Japanese when viewing a work in non-English language."
},
copy_as_filename_btn: {
zh_CN: "“复制为有效文件名”按钮",
zh_TW: "“複製為有效檔案名”按鈕",
en_US: '"Copy as filename" button'
},
copy_as_filename_btn_tooltip: {
zh_CN: "鼠标悬停至DLSite作品标题部分将会出现该按钮，点击即可将标题复制为有效文件名，有效文件名指的是会将标题中的非法部分用相似的符号代替",
zh_TW: "鼠標懸停至DLSite作品標題部分將會出現按鈕，點擊即可將標題複製為有效檔案名，有效檔案名指的是會將標題中的非法部分用相似的符號代替",
en_US: "Show button when hovering over DLSite work title. Clicking it will copy the title to a valid filename, which will replace the illegal part of the title with similar symbols."
},
show_compatibility_warning: {
zh_CN: "显示兼容性警告",
zh_TW: "顯示兼容性警告",
en_US: "Show compatibility warning"
},
show_compatibility_warning_tooltip: {
zh_CN: "如果脚本中，修改DLSite页面元素的功能覆盖了其它脚本的修改，则会触发该弹窗警告",
zh_TW: "如果腳本中，修改DLSite頁面元素的功能覆蓋了其它腳本的修改，则會觸發該彈窗警告",
en_US: "If the script modifies the functionality of DLSite elements that are covered by other scripts, the warning will be triggered"
},
url_insert_mode: {
zh_CN: "导向文本的插入方式",
zh_TW: "導向文本的插入方式",
en_US: "Type of the insertion"
},
url_insert_mode_tooltip: {
zh_CN: "如果某段链接中的RJ号被解析成功，为了保证原链接不被完全覆盖，会根据需要，在URL的文本前/后插入特定导向文本",
zh_TW: "如果某段連結中的RJ號被解析成功，為了保證原連結不被完全覆蓋，會根據需要，在URL的文本前/後插入特定導向文本",
en_US: "If the RJ number in a link is parsed successfully, it is necessary to insert a specific text in the URL before/after the link when the link is almost completely covered by the script"
},
url_insert_mode_none: {
zh_CN: "不插入",
zh_TW: "不插入",
en_US: "None"
},
url_insert_mode_prefix: {
zh_CN: "前缀插入代替原链接",
zh_TW: "前綴插入代替原連結",
en_US: "Insert before the link as original link."
},
url_insert_mode_before_rj: {
zh_CN: "插入到RJ号前代替RJ链接",
zh_TW: "插入到RJ號前代替RJ連結",
en_US: "Insert before the RJ link as the RJ link."
},
url_insert_text: {
zh_CN: "导向文本",
zh_TW: "導向文本",
en_US: "Text to insert"
},
title_info_settings: {
zh_CN: "信息显示",
zh_TW: "信息顯示",
en_US: "Info Display"
},
category_preset: {
zh_CN: "类别预设",
zh_TW: "類別預設",
en_US: "Category Preset"
},
category_preset_tooltip: {
zh_CN: "使不同类别的作品根据需要显示不同的信息<br/><br/>注意：即使勾选了显示，若作品中不存在该信息则也会隐藏。",
zh_TW: "使不同類別的作品根據需要顯示不同的信息<br/><br/>注意：即使勾選了顯示，若作品中不存在該信息則也會隱藏。",
en_US: "Show the information of different categories of works. <br/><br/>Note: even if checked, the information of a work that does not exist will be hidden."
},
circle_name: {
zh_CN: "社团名",
zh_TW: "社團名",
en_US: "Circle Name"
},
translator_name: {
zh_CN: "翻译者",
zh_TW: "翻譯者",
en_US: "Translator"
},
release_date: {
zh_CN: "发售日",
zh_TW: "發售日",
en_US: "Release Date"
},
update_date: {
zh_CN: "更新日",
zh_TW: "更新日",
en_US: "Update Date"
},
age_rating: {
zh_CN: "年龄指定",
zh_TW: "年齡指定",
en_US: "Age Rating"
},
scenario: {
zh_CN: "剧情",
zh_TW: "劇情",
en_US: "Scenario"
},
illustration: {
zh_CN: "插画",
zh_TW: "插圖",
en_US: "Illustration"
},
voice_actor: {
zh_CN: "声优",
zh_TW: "聲優",
en_US: "Voice Actor"
},
music: {
zh_CN: "音乐",
zh_TW: "音樂",
en_US: "Music"
},
genre: {
zh_CN: "分类",
zh_TW: "分類",
en_US: "Genre"
},
file_size: {
zh_CN: "文件容量",
zh_TW: "檔案容量",
en_US: "File Size"
},
title_tag_settings: {
zh_CN: "标签显示",
zh_TW: "標籤顯示",
en_US: "Tag Display"
},
tag_main_switch: {
zh_CN: "标签总开关",
zh_TW: "標籤總開關",
en_US: "Tag Main Switch"
},
tag_main_switch_tooltip: {
zh_CN: "关闭则所有标签均不显示",
zh_TW: "關閉則所有標籤都不顯示",
en_US: "If turned off, all tags will not be displayed"
},
tag_work_type: {
zh_CN: "作品类型",
zh_TW: "作品類型",
en_US: "Work Type"
},
work_type_game: {
zh_CN: "游戏",
zh_TW: "遊戲",
en_US: "Game"
},
work_type_comic: {
zh_CN: "漫画",
zh_TW: "漫畫",
en_US: "Manga"
},
work_type_illustration: {
zh_CN: "CG・插画",
zh_TW: "CG・插畫",
en_US: "CG + Illustrations"
},
work_type_novel: {
zh_CN: "小说",
zh_TW: "小說",
en_US: "Novel"
},
work_type_video: {
zh_CN: "视频",
zh_TW: "影片",
en_US: "Video"
},
work_type_voice: {
zh_CN: "音声・ASMR",
zh_TW: "聲音作品・ASMR",
en_US: "Voice / ASMR"
},
work_type_music: {
zh_CN: "音乐",
zh_TW: "音樂",
en_US: "Music"
},
work_type_tool: {
zh_CN: "工具/装饰",
zh_TW: "工具/配件",
en_US: "Tools / Accessories"
},
work_type_voice_comic: {
zh_CN: "音声漫画",
zh_TW: "有聲漫畫",
en_US: "Voiced Comics"
},
work_type_other: {
zh_CN: "其他",
zh_TW: "其他",
en_US: "Miscellaneous"
},
tag_translatable: {
zh_CN: "可翻译",
zh_TW: "可翻譯",
en_US: "Translatable"
},
tag_translatable_tooltip: {
zh_CN: "大家一起来翻译 授权作品",
zh_TW: "大家一起翻譯 授权作品",
en_US: "Translators Unite translation permitted work"
},
tag_not_translatable: {
zh_CN: "不可翻译",
zh_TW: "不可翻譯",
en_US: "Not Translatable"
},
tag_not_translatable_tooltip: {
zh_CN: "未授权 大家一起来翻译",
zh_TW: "未授權 大家一起來翻譯",
en_US: "Not Translators Unite translation permitted work"
},
tag_translated: {
zh_CN: "翻译作品",
zh_TW: "翻譯作品",
en_US: "Translated"
},
tag_translated_tooltip: {
zh_CN: "当前作品为 大家一起来翻译 作品",
zh_TW: "當前作品為 大家一起來翻譯 作品",
en_US: "Current work is Translators Unite translation work"
},
tag_language_support: {
zh_CN: "语言支持",
zh_TW: "語言支援",
en_US: "Language Support"
},
language_japanese: {
zh_CN: "日文",
zh_TW: "日文",
en_US: "Japanese"
},
language_english: {
zh_CN: "英文",
zh_TW: "英文",
en_US: "English"
},
language_korean: {
zh_CN: "韩语",
zh_TW: "韓語",
en_US: "Korean"
},
language_simplified_chinese: {
zh_CN: "简体中文",
zh_TW: "簡體中文",
en_US: "Simplified Chinese"
},
language_traditional_chinese: {
zh_CN: "繁体中文",
zh_TW: "繁體中文",
en_US: "Traditional Chinese"
},
language_german: {
zh_CN: "德语",
zh_TW: "德語",
en_US: "German"
},
language_french: {
zh_CN: "法语",
zh_TW: "法語",
en_US: "French"
},
language_russian: {
zh_CN: "俄语",
zh_TW: "俄語",
en_US: "Russian"
},
language_spanish: {
zh_CN: "西班牙语",
zh_TW: "西班牙語",
en_US: "Spanish"
},
language_indonesian: {
zh_CN: "印尼文",
zh_TW: "印尼文",
en_US: "Indonesian"
},
language_italian: {
zh_CN: "意大利语",
zh_TW: "義大利語",
en_US: "Italian"
},
language_arabic: {
zh_CN: "阿拉伯语",
zh_TW: "阿拉伯語",
en_US: "Arabic"
},
language_portuguese: {
zh_CN: "葡萄牙语",
zh_TW: "葡萄牙語",
en_US: "Portuguese"
},
language_finnish: {
zh_CN: "芬兰语",
zh_TW: "芬蘭語",
en_US: "Finnish"
},
language_polish: {
zh_CN: "波兰语",
zh_TW: "波蘭語",
en_US: "Polish"
},
language_swedish: {
zh_CN: "瑞典文",
zh_TW: "瑞典文",
en_US: "Swedish"
},
language_thai: {
zh_CN: "泰语",
zh_TW: "泰語",
en_US: "Thai"
},
language_vietnamese: {
zh_CN: "越南语",
zh_TW: "越南語",
en_US: "Vietnamese"
},
language_japanese_abbr: {
zh_CN: "日",
zh_TW: "日",
en_US: "JP"
},
language_english_abbr: {
zh_CN: "英",
zh_TW: "英",
en_US: "EN"
},
language_korean_abbr: {
zh_CN: "韩",
zh_TW: "韩",
en_US: "KO"
},
language_simplified_chinese_abbr: {
zh_CN: "简中",
zh_TW: "簡中",
en_US: "ZH"
},
language_traditional_chinese_abbr: {
zh_CN: "繁中",
zh_TW: "繁中",
en_US: "TW"
},
language_german_abbr: {
zh_CN: "德",
zh_TW: "德",
en_US: "DE"
},
language_french_abbr: {
zh_CN: "法",
zh_TW: "法",
en_US: "FR"
},
language_spanish_abbr: {
zh_CN: "西",
zh_TW: "西",
en_US: "ES"
},
language_indonesian_abbr: {
zh_CN: "印",
zh_TW: "印",
en_US: "ID"
},
language_italian_abbr: {
zh_CN: "意",
zh_TW: "意",
en_US: "IT"
},
language_portuguese_abbr: {
zh_CN: "葡",
zh_TW: "葡",
en_US: "PT"
},
language_swedish_abbr: {
zh_CN: "瑞典",
zh_TW: "瑞典",
en_US: "SV"
},
language_thai_abbr: {
zh_CN: "泰",
zh_TW: "泰",
en_US: "TH"
},
language_vietnamese_abbr: {
zh_CN: "越",
zh_TW: "越",
en_US: "VN"
},
tag_translation_request: {
zh_CN: "翻译申请情况",
zh_TW: "翻譯申請情况",
en_US: "Translation Request"
},
tag_translation_request_tooltip: {
zh_CN: "当前作品目前的翻译申请情况，格式为：语言简写 申请数-发售数",
zh_TW: "當前作品目前的翻譯申請情況，格式為：语言簡稱 申請數-發售數",
en_US: "Current work's translation request. Format: Language_Abbr Number_of_Requests - Number_of_Sales"
},
tag_bonus_work: {
zh_CN: "特典",
zh_TW: "特典",
en_US: "Bonus"
},
tag_bonus_work_tooltip: {
zh_CN: "当前作品是某部作品的特典",
zh_TW: "當前作品是某部作品的特典",
en_US: "Current work is a bonus work"
},
tag_has_bonus: {
zh_CN: "有特典",
zh_TW: "有特典",
en_US: "Has Bonus"
},
tag_has_bonus_tooltip: {
zh_CN: "当前作品目前附赠特典，若特典已下架则不会显示该标签",
zh_TW: "當前作品目前附赠特典，若特典已下架則不會顯示該標籤",
en_US: "Current work has bonus. If bonus is not available, the tag will not be displayed."
},
tag_file_format: {
zh_CN: "文件格式",
zh_TW: "檔案形式",
en_US: "File Format"
},
tag_file_format_tooltip: {
zh_CN: "WAV、EXE、MP3等",
zh_TW: "WAV、EXE、MP3等",
en_US: "WAV, EXE, MP3, etc."
},
tag_no_longer_available: {
zh_CN: "已下架",
zh_TW: "已下架",
en_US: "Unavailable"
},
tag_announce: {
zh_CN: "预告",
zh_TW: "預告",
en_US: "Announce"
},
tag_ai: {
zh_CN: "AI & 部分AI",
zh_TW: "AI & 部分AI",
en_US: "AI & Partial AI"
},
tag_aig: {
zh_CN: "AI生成",
zh_TW: "AI生成",
en_US: "AI Gen",
},
tag_aip: {
zh_CN: "AI部分使用",
zh_TW: "AI部分使用",
en_US: "AI Partial",
},
tag_ai_tooltip: {
zh_CN: "全部或部分使用AI的作品",
zh_TW: "全部或部分使用AI的作品",
en_US: "Full or partial use of AI",
},
button_save: {
zh_CN: "保存设置",
zh_TW: "保存設置",
en_US: "Save",
},
button_cancel: {
zh_CN: "取消设置",
zh_TW: "取消設置",
en_US: "Cancel",
},
button_reset: {
zh_CN: "重置设置",
zh_TW: "重置設置",
en_US: "Reset",
},
save_complete: {
zh_CN: "设置已保存，刷新对应页面以生效",
zh_TW: "設置已保存，刷新對應頁面以生效",
en_US: "Settings saved, refresh the corresponding page to take effect",
},
save_failed: {
zh_CN: "设置保存失败",
zh_TW: "設置保存失敗",
en_US: "Settings save failed",
},
reset_confirm: {
zh_CN: "确定要将设置重置到最初始的状态吗？（重置后，需要再点击保存才会生效）",
zh_TW: "確定要將設置重置到最初始的狀態嗎？（重置後，需要再點擊保存才會生效）",
en_US: "Are you sure you want to reset the settings to the initial state? (After resetting, you need to click Save to take effect)",
},
reset_complete: {
zh_CN: "设置已重置",
zh_TW: "設置已重置",
en_US: "Settings reset",
},
reset_failed: {
zh_CN: "设置重置失败",
zh_TW: "設置重置失敗",
en_US: "Settings reset failed",
},
reset_order: {
zh_CN: "重置顺序",
zh_TW: "重置順序",
en_US: "Reset Order",
},
reset_order_confirm: {
zh_CN: "确定要将元素顺序重置到最初始的状态吗？",
zh_TW: "確定要將元素順序重置到最初始的狀態嗎？",
en_US: "Are you sure you want to reset the element order to the initial state?",
},
reset_order_and_setting: {
zh_CN: "重置元素顺序和各自的设置值",
zh_TW: "重置元素順序和各自的設置值",
en_US: "Reset element order and their settings",
},
get: function (key, langKey = "_s_lang") {
return typeof key === "string" ? localizationMap[key][settings[langKey]] : key[settings[langKey]];
}
}
function localize(key) {
return localizationMap.get(key);
}
function localizePopup(key) {
return localizationMap.get(key, "_s_popup_lang");
}
//----------------------
const RJ_REGEX = new RegExp("(R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6})", "gi");
const URL_REGEX = new RegExp("dlsite.com/.*/product_id/((R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6}))", "g");
const VOICELINK_CLASS = 'voicelink-' + Math.random().toString(36).slice(2);
const VOICELINK_IGNORED_CLASS = `${VOICELINK_CLASS}_ignored`;
const RJCODE_ATTRIBUTE = 'rjcode';
const POPUP_CSS = `
.${VOICELINK_CLASS}_voicepopup {
min-width: 630px !important;
z-index: 2147483646 !important;
max-width: 80% !important;
position: fixed !important;
line-height: normal !important; /*原1.4em !important;*/
font-size:1.1em!important;
margin-bottom: 10px !important;
box-shadow: 0 0 .125em 0 rgba(0,0,0,.5) !important;
border-radius: 0.5em !important;
background-color:#8080C0 !important;
color:#F6F6F6 !important;
text-align: left !important;
padding: 10px !important;
pointer-events: none !important;
}
#${VOICELINK_CLASS}_info-container > div {
margin-bottom: 3px !important;
font-size: 15.4px !important;
}
#${VOICELINK_CLASS}_info-container .${VOICELINK_CLASS}_tags {
margin-top: 12px !important;
margin-bottom: 0 !important;
}
.${VOICELINK_CLASS}_loader {
display: flex !important;
justify-content: center !important;
align-items: center !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 100% !important;
height: 100% !important;
min-width: 300px !important;
min-height: 30px !important;
z-index: -1 !important;
}
.${VOICELINK_CLASS}_dot {
width: 20px !important;
height: 20px !important;
margin: 0 8px !important;
background-color: #fbfbfb !important;
border-radius: 50% !important;
animation: ${VOICELINK_CLASS}_scale 1s infinite !important;
}
.${VOICELINK_CLASS}_dot:nth-child(1) {
animation-delay: 0s !important;
}
.${VOICELINK_CLASS}_dot:nth-child(2) {
animation-delay: 0.2s !important;
}
.${VOICELINK_CLASS}_dot:nth-child(3) {
animation-delay: 0.4s !important;
}
@keyframes ${VOICELINK_CLASS}_scale {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
}
.${VOICELINK_CLASS}_voicepopup-maniax{
background-color:#8080C0 !important;
}
.${VOICELINK_CLASS}_voicepopup-girls{
background-color:#B33761 !important;
}
.${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_img_container{
width: 300px !important;
margin: 0 12px 0 0 !important;
padding: 3px !important;
flex-shrink: 0 !important;
}
.${VOICELINK_CLASS}_img_container img {
width: 100% !important;
height: auto !important;
}
.${VOICELINK_CLASS}_voicepopup a {
text-decoration: none !important;
color: pink !important;
}
.${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_age-18{
color: hsl(300deg 76% 77%) !important;
}
.${VOICELINK_CLASS}_voicepopup .${VOICELINK_CLASS}_age-all{
color: hsl(157deg 82% 52%) !important;
}
.${VOICELINK_CLASS}_voice-title {
font-size: 21px !important; /*原1.4em*/
font-weight: bold !important;
text-align: center !important;
margin: 5px 10px 0 0 !important;
display: block !important;
}
.${VOICELINK_CLASS}_rjcode {
text-align: center !important;
margin: 5px 0 !important;
font-size: 18.5px !important; /*原1.2em !important;*/
font-style: italic !important;
opacity: 0.3 !important;
}
.${VOICELINK_CLASS}_error {
height: 210px !important;
line-height: 210px !important;
text-align: center !important;
}
.${VOICELINK_CLASS}_discord-dark {
background-color: #36393f !important;
color: #dcddde !important;
font-size: 0.9375rem !important;
}
.${VOICELINK_CLASS}_work_title:hover #${VOICELINK_CLASS}_copy_btn {
opacity: 1 !important;
}
#${VOICELINK_CLASS}_copy_btn {
background: transparent !important;
border-color: transparent !important;
cursor: pointer !important;
transition: all 0.3s !important;
opacity: 0 !important;
font-size: 0.75em !important;
user-select: none !important;
position: absolute !important;
}
#${VOICELINK_CLASS}_copy_btn:hover {
scale: 1.2 !important;
}
#${VOICELINK_CLASS}_copy_btn:active {
scale: 1.1 !important;
}
`
const SETTINGS_CSS = `
#${VOICELINK_CLASS}_settings-container {
font-family: Arial, sans-serif !important;
background-color: #f4f4f9 !important;
margin: auto !important;
padding: 20px 30px !important;
line-height: unset !important;
position: fixed !important;
overflow-y: auto !important;
overflow-x: hidden !important;
top: 20px !important;
bottom: 20px !important;
left: 50% !important;
transform: translateX(-50%) !important;
box-sizing: border-box !important;
max-width: 800px !important;
width: 100% !important;
height: calc(100% - 40px) !important;
z-index: 2147483647 !important;
border-radius: 20px !important;
box-shadow: darkgray 0px 0px 17px 2px !important;
/*scrollbar-width: none;*/
/*-ms-overflow-style: none;*/
}
#${VOICELINK_CLASS}_settings-container::-webkit-scrollbar {
width: 5px !important;
height: 5px !important;
}
#${VOICELINK_CLASS}_settings-container::-webkit-scrollbar-track {
background-color: #f4f4f9 !important;
border-radius: 5px !important;
}
#${VOICELINK_CLASS}_settings-container::-webkit-scrollbar-thumb {
background-color: #888 !important;
border-radius: 5px !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_container {
max-width: 800px !important;
margin: auto !important;
background: #fff !important;
padding: 20px !important;
border-radius: 10px !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
#${VOICELINK_CLASS}_settings-container h1 {
display: block !important;
text-align: center !important;
color: #333 !important;
font-size: 32px !important;
margin: 21.44px 0 !important;
font-weight: bold !important;
line-height: normal !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_section-container {
margin: 20px 0 !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_section-container h2 {
display: block !important;
color: #007bff !important;
font-size: 24px !important;
margin: 22px 0 14px 0 !important;
font-weight: bold !important;
line-height: normal !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting {
/*display: flex;*/
/*align-items: center;*/
/*justify-content: space-between;*/
margin: 10px 0 !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting .${VOICELINK_CLASS}_row-title {
margin: 0 0 0 10px !important;
color: #555 !important;
font-size: 18px !important;
font-weight: normal !important;
/*flex-grow: 1;*/
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="text"],
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="password"],
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="number"],
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="email"],
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting select {
width: 100% !important;
padding: 10px !important;
border: 1px solid #ddd !important;
border-radius: 5px !important;
background: #fafafa !important;
box-sizing: border-box !important;
color: #666666FF !important;
font-size: 13.3333px !important;
height: unset !important;
max-height: unset !important;
max-width: unset !important;
/*margin-bottom: 10px;*/
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"] {
display: none !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_toggle-container {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting .${VOICELINK_CLASS}_toggle {
display: inline-block !important;
margin: 0 !important;
width: 60px !important;
height: 30px !important;
padding: 0 !important;
background: #ccc !important;
border-radius: 15px !important;
position: relative !important;
cursor: pointer !important;
transition: background 0.3s !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_toggle:before {
content: "" !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background: #fff !important;
border-radius: 50% !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;
transition: transform 0.3s !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"]:checked + label {
background: #007bff !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_setting input[type="checkbox"]:checked + label:before {
transform: translateX(30px) !important;
}
#${VOICELINK_CLASS}_button-close{
position: absolute !important;
top: 20px !important;
right: 20px !important;
font-size: 24px !important;
cursor: pointer !important;
background: rgba(0, 0, 0, 0.05) !important;
border: none !important;
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
}
#${VOICELINK_CLASS}_button-save,
#${VOICELINK_CLASS}_button-cancel,
#${VOICELINK_CLASS}_button-reset{
display: block !important;
width: 100% !important;
padding: 10px !important;
border: none !important;
border-radius: 5px !important;
background: #007bff !important;
color: #fff !important;
font-size: 16px !important;
cursor: pointer !important;
margin-top: 10px !important;
transition: background 0.3s, filter 0.3s !important;
}
#${VOICELINK_CLASS}_button-reset{
background: #999 !important;
}
#${VOICELINK_CLASS}_button-save:hover,
#${VOICELINK_CLASS}_button-cancel:hover,
#${VOICELINK_CLASS}_button-reset:hover{
filter: brightness(1.3) !important;
}
#${VOICELINK_CLASS}_button-save:active,
#${VOICELINK_CLASS}_button-cancel:active,
#${VOICELINK_CLASS}_button-reset:active{
filter: brightness(0.9) !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip {
position: relative !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip .${VOICELINK_CLASS}_tooltip-text {
visibility: hidden !important;
min-width: 200px !important;
max-width: 100% !important;
background-color: #555 !important;
color: #fff !important;
font-size: 14px !important;
text-align: center !important;
border-radius: 5px !important;
padding: 8px 10px !important;
position: absolute !important;
z-index: 1 !important;
bottom: 125% !important;
left: 0 !important;
/*margin-left: -100px;*/
opacity: 0 !important;
filter: brightness(1.0) !important;
transition: opacity 0.3s !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_tooltip:hover .${VOICELINK_CLASS}_tooltip-text {
visibility: visible !important;
opacity: 1 !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable {
cursor: move !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable span{
cursor: default !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_dragging{
background-color: #1e82ff38 !important;
user-select: none !important;
transition: background-color 0.3s !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_sortable .${VOICELINK_CLASS}_setting {
cursor: move !important;
}
#${VOICELINK_CLASS}_settings-container table {
width: 100% !important;
margin-bottom: 20px !important;
border-collapse: collapse !important;
font-size: unset !important;
}
#${VOICELINK_CLASS}_settings-container table,
#${VOICELINK_CLASS}_settings-container th,
#${VOICELINK_CLASS}_settings-container td {
border: 0 solid #ddd !important;
}
#${VOICELINK_CLASS}_settings-container th,
#${VOICELINK_CLASS}_settings-container td {
border-bottom: 1px dashed rgba(221, 221, 221, 0.64) !important;
/*border-top: 1px solid #ddd;*/
padding: 8px 10px !important;
text-align: left !important;
vertical-align: middle !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_hidden{
display: none !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_input-cell{
text-align: right !important;
padding-right: 20px !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_indent-1 > td {
padding: 8px 24px !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_indent-1 .${VOICELINK_CLASS}_input-cell {
padding: 8px 20px !important;
}
.${VOICELINK_CLASS}_tags{
display: flex !important;
flex-wrap: wrap !important;
justify-content: left !important;
align-items: stretch !important;
}
.${VOICELINK_CLASS}_tags > label,
.${VOICELINK_CLASS}_tags > span{
border-radius: 5px !important;
font-size: 14px !important;
margin-right: 8px !important;
margin-bottom: 8px !important;
padding: 5px 8px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
transition: color 0.3s, background-color 0.3s !important;
}
.${VOICELINK_CLASS}_tags > label.${VOICELINK_CLASS}_tag_tight,
.${VOICELINK_CLASS}_tags > span.${VOICELINK_CLASS}_tag_tight{
padding: 2px 7px !important;
}
.${VOICELINK_CLASS}_tags > label.${VOICELINK_CLASS}_tag_small,
.${VOICELINK_CLASS}_tags > span.${VOICELINK_CLASS}_tag_small{
padding: 2px 7px !important;
font-size: 12px !important;
}
.${VOICELINK_CLASS}_tag-off{
background-color: #ffffff !important;
color: #aaaaaa !important;
}
.${VOICELINK_CLASS}_tag-purple{
background-color: #EED9F2 !important;
color: #7B1FA2 !important;
}
.${VOICELINK_CLASS}_tag-blue{
background-color: #d9eefc !important;
color: #4285F4 !important;
}
.${VOICELINK_CLASS}_tag-red{
background-color: #ffd6da !important;
color: #EA4335 !important;
}
.${VOICELINK_CLASS}_tag-yellow{
background-color: #FFF8E1 !important;
color: #F57F17 !important;
}
.${VOICELINK_CLASS}_tag-green{
background-color: #dcf5e4 !important;
color: #34A853 !important;
}
.${VOICELINK_CLASS}_tag-teal{
background-color: #d8eced !important;
color: #0097A7 !important;
}
.${VOICELINK_CLASS}_tag-gray{
background-color: #E0E0E0 !important;
color: #424242 !important;
}
.${VOICELINK_CLASS}_tag-pink{
background-color: #ffd9e7 !important;
color: #f032a7 !important;
}
.${VOICELINK_CLASS}_tag-orange{
background-color: #ffebcc !important;
color: #f04000 !important;
}
.${VOICELINK_CLASS}_tag-darkblue{
background-color: #d2e7fa !important;
color: #0D47A1 !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_reset-btn-small {
position: relative !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
margin-right: 4px !important;
padding: 0 !important;
color: transparent !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAA6xJREFUeF7tmlFy2jAQhn+ZHIScJOEixYQ++BYJt/BDSU0vUnKSuvcoVkeq3RpXsndlScYAMzwwyLL20+rXarUCN/4RN24/7gDuHnDjBO5LYEoHSF+ytHjPiynHMJkHrLfZVwApgOKwzzdTQZgEQMv4xu7JIEQHYDB+UghRAfQYDyGwKr7kx9hLIRqASzRewY4C4FKNjwKgz3gAZesLIfGhBhVzawzqAQPG9y13DUZIHFDhWBS5+h3kEwxA+jl7lhLfPYxaGX8UJ+xCgAgHIM2WVYK1EHjzAEF1UUqJ4tt7vvPUn+4mGADVeeofggYhTlj58oagAAgQSiGwwS+UeMASFZZS4KkOkXs1wpc3BAdAgmCYUeU9coHXPhhS4m3skogCwBVC85xcQB2cnk0uMRZCNAAECMfDPl+ZjBzQEr2MXMPoqAB6IJSHff44pO6fXrJXy67iLIzRARggkIxv4KgkihR6SXQ/rH6ahycB0IbgImI2TxASG24YPRmAIXcf+t8Cge0FswVQb5Mq1F62YXG9YLYA9DIy6wHLC+YN4E+w9F+MwMkuzRqA8gKTFnCCo9kDqLXgR0c0rUFVV1xnD0AZtN5mSgzPQuXDPifZRmo0tCVN/b8JgDjhkXJkvhYAzS3T37mgCuFVADAJoVcASmiQdI6jgZOVnGVligeoARHJA0wJTs5WwzHGpa3RA4jngqsAYEq/exXBsXuty6xyngkOoN5rZWdQrJibYxC37XqbqUDo7FDkPQ4w7rUT3eh2Aa23WXdy4B3A2JibO6vU9pYTIbnggiSCTQZHLuAcc1MN4rYbEwWqd5EB2GJuasDBNYzS3pYfpLo/G4CPBATFMGobk/hx4xOWB1i2Q3BfSjWwr50tMcqZfbYHaC2wpKGExI6bkXUFYbt6p4a/7feyPKAlhqarqlE3NFQYNi9Ut8aUy5Xue9gANAR78YPzDQ0FQF/RhasYOwFQg+27pvJ1dd2G0ms88eBjguwMYACCFsakwoGSlembfUKRBTn/5x0AYXDOZS2EvpU9o4x32gW6FIkD/Vf1laC0XWW3+lIJTmM9QPN+X1vvqCXQhtGjCTYPb5e+nZ3khgTRVfC8LwGTNwyVtQwZN/C/KpfbjNWVUXEAxYB6r7aWtVD66LQJFmN4WwImo+qokVL1ZXpcC2gC/AwZYQYF0Fils8oPWFYVnoTQmZv2t9ECLZRSokwSfLjW/HC9KwoA7qBitr8DiEn7Et9194BLnJWYY7p5D/gNXP0HX03p5E0AAAAASUVORK5CYII=") !important;
background-position: center !important;
background-size: contain !important;
background-color: transparent !important;
border-radius: 3px !important;
border: none !important;
opacity: 0.5 !important;
}
#${VOICELINK_CLASS}_settings-container button.${VOICELINK_CLASS}_reset-btn-small:hover {
opacity: 1 !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat {
background-color: transparent !important;
border: none !important;
color: #aaa !important;
cursor: pointer !important;
border-radius: 5px !important;
padding: 5px 5px !important;
margin-bottom: 6px !important;
margin-right: 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background-color 0.3s !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat:hover {
background-color: rgba(0, 0, 0, 0.1) !important;
}
#${VOICELINK_CLASS}_settings-container .${VOICELINK_CLASS}_button-flat span{
display: inline-block !important;
}
`
/**
* Work promise cache
* @type {{info:{}, api:{}, api2: {}, circle: {}}}
*/
const work_promise = {};
function getAdditionalPopupClasses() {
const hostname = document.location.hostname;
switch (hostname) {
case "boards.4chan.org": return "post reply";
case "discordapp.com": return `${VOICELINK_CLASS}_discord-dark`;
default: return null;
}
}
function getVoiceLinkTarget(target){
while (target && !target.classList.contains(VOICELINK_CLASS)){
target = target.parentElement;
}
return target;
}
function isInDLSite(){
return document.location.hostname.endsWith("dlsite.com");
}
/**
* Convert to valid file name.
* @param {String} original
*/
function convertToValidFileName(original){
const charMap = {
"/": "／",
"\\": "＼",
":": "：",
"*": "＊",
"?": "？",
"\"": "＂",
"<": "＜",
">": "＞",
"|": "｜"
}
let fileName = original;
for (let key in charMap){
fileName = fileName.replaceAll(key, charMap[key]);
}
return fileName;
}
function setUserSelectTitle(){
// Make title selectable
const hostname = document.location.hostname;
if(!hostname.endsWith("dlsite.com")){
return;
}
const rjList = document.URL.match(RJ_REGEX)
const rj = rjList[rjList.length - 1]
const title = document.getElementById("work_name");
if(!title){
return;
}
let titleStr = title.innerText;
let titleHtml = title.innerHTML;
const button = document.createElement("button");
button.id = `${VOICELINK_CLASS}_copy_btn`;
button.innerText = "📃";
button.addEventListener("mouseenter", function(){
button.innerText = "📃 复制为有效文件名";
});
button.addEventListener("mouseleave", function(){
button.innerText = "📃";
});
button.addEventListener("click", function(){
const fileName = convertToValidFileName(titleStr);
const promise = navigator.clipboard.writeText(fileName);
promise.then(() => {
button.innerText = "✔ 复制成功";
});
promise.catch(e => {
window.prompt("复制失败，请手动复制", fileName);
button.innerText = "📃";
});
});
title.style.setProperty("user-select", "text", "important"); //userSelect = "text !important";
title.classList.add(`${VOICELINK_CLASS}_work_title`);
if(settings._s_show_translated_title_in_dl){
//将Title替换成大家翻对应的语言翻译版本
WorkPromise.getTranslationInfo(rj).then(info => {
if(info.is_original) {
return null;
}
else{
return WorkPromise.getWorkTitle(rj);
}
}).then(t => {
if(!t){
if(settings._s_copy_as_filename_btn) title.appendChild(button);
return;
}
compatibilityCheck(title, titleHtml);
titleStr = t
title.innerText = t
if(settings._s_copy_as_filename_btn) title.appendChild(button);
})
}else{
if(settings._s_copy_as_filename_btn) title.appendChild(button);
}
}
function compatibilityCheck(titleElement, titleHtml){
if(!settings._s_show_compatibility_warning) return;
if(titleElement.innerHTML.trim() === titleHtml.trim()){
return;
}
//其它脚本修改了标题内部，进行警告
window.alert("警告：\n" +
"VoiceLinks检测到DL作品标题元素发生变化，该变化可能是脚本与其它插件冲突导致的。\n" +
"可以关闭本脚本中的 “在DLSite显示对应语言的翻译标题” 设置项，以尝试解决冲突。（也可根据情况酌情关闭 “在DL作品标题旁添加复制为文件名按钮” 选项）\n\n" +
"本脚本的设置方法：点击Tampermonkey等扩展程序的按钮，在弹出的脚本列表中找到当前脚本，点击下方的Settings按钮即可打开设置页面。\n\n" +
"注意：如果不想看到该警告，可以同时关闭“显示兼容性警告”设置项。")
}
function getXmlHttpRequest() {
return (typeof GM !== "undefined" && GM !== null ? GM.xmlHttpRequest : GM_xmlhttpRequest);
}
const Parser = {
walkNodes: function (elem) {
const rjNodeTreeWalker = document.createTreeWalker(
elem,
NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,
{
acceptNode: function (node) {
if(node.nodeName === "SCRIPT" || node.parentElement && node.parentElement.nodeName === "SCRIPT"){
return NodeFilter.FILTER_REJECT;
}
if(settings._s_parse_url && node.nodeName === "A"){
if(!settings._s_parse_url_in_dl && document.location.hostname.endsWith("dlsite.com")){
return NodeFilter.FILTER_SKIP;
}
let href = node.href;
if(href.match(URL_REGEX) && !node.classList.contains(VOICELINK_IGNORED_CLASS)){
return NodeFilter.FILTER_ACCEPT;
}
}
if (node.nodeName !== "#text") return NodeFilter.FILTER_SKIP;
if(node.parentElement.classList.contains(VOICELINK_IGNORED_CLASS)){
return NodeFilter.FILTER_SKIP;
}
if (node.parentElement.classList.contains(VOICELINK_CLASS))
return NodeFilter.FILTER_ACCEPT;
if (node.nodeValue.match(RJ_REGEX))
return NodeFilter.FILTER_ACCEPT;
return NodeFilter.FILTER_SKIP;
}
},
false,
);
while (rjNodeTreeWalker.nextNode()) {
const node = rjNodeTreeWalker.currentNode;
//Ignore Element which let user input (textarea), input can be ignored because it's not a text node.
if(node.parentElement.nodeName === "TEXTAREA"){
continue;
}
if (node.parentElement.classList.contains(VOICELINK_CLASS)) {
Parser.rebindEvents(node.parentElement);
}else if(node.nodeName === "A") {
// alert("准备解析链接：" + node.nodeValue)
Parser.linkifyURL(node);
}else{
// alert("准备解析文本：" + node.nodeValue)
Parser.linkify(node);
}
}
},
wrapPlaceholder: function (content) {
let e;
e = document.createElement("span");
e.classList = VOICELINK_CLASS;
e.innerText = content;
e.classList.add(VOICELINK_IGNORED_CLASS);
return e;
},
wrapRJCode: function (rjCode) {
let e;
e = document.createElement("a");
e.classList = VOICELINK_CLASS;
e.href = `https://www.dlsite.com/maniax/work/=/product_id/${rjCode.toUpperCase()}.html`
e.innerText = rjCode;
e.target = "_blank";
e.rel = "noreferrer";
e.classList.add(VOICELINK_IGNORED_CLASS);
e.style.setProperty("display", "inline", "important"); //display = "inline !important";
e.setAttribute(RJCODE_ATTRIBUTE, rjCode.toUpperCase());
e.setAttribute("voicelink-linkified", "true");
e.addEventListener("mouseover", Popup.over);
e.addEventListener("mouseout", Popup.out);
e.addEventListener("mousemove", Popup.move);
return e;
},
calculateCoverage: function(text){
const matches = text.match(RJ_REGEX);
if (!matches) return 0;
//覆盖大小 = 所有匹配项的长度总和
const coverSize = matches.reduce((total, current) => total + current.length, 0);
return (coverSize / text.length) * 100;
},
/***
* 处理直链
* @param {Node} node
***/
linkifyURL: function(node) {
const e = node;
const href = e.href;
const rjs = href.match(RJ_REGEX);
const rj = rjs[rjs.length - 1];
if(!rj) return;
// alert(`解析链接：${e.nodeValue}`)
e.classList.add(VOICELINK_CLASS);
e.setAttribute(RJCODE_ATTRIBUTE, rj.toUpperCase());
e.addEventListener("mouseover", Popup.over);
e.addEventListener("mouseout", Popup.out);
e.addEventListener("mousemove", Popup.move);
},
linkify: function (textNode) {
const nodeOriginalText = textNode.nodeValue;
const matches = [];
let insert = settings._s_url_insert_mode;
let tagA = textNode.parentElement.closest("a");
let tagB = textNode.parentElement.closest("button");
let tag = tagA ? tagA : tagB;
if((!tagA && !tagB) || insert.trim() !== "none" && this.calculateCoverage(tag.innerText) < 71){
insert = "none";
}
let match;
while (match = RJ_REGEX.exec(nodeOriginalText)) {
matches.push({
index: match.index,
value: match[0],
});
}
if(matches.length === 0) return;
// alert(`解析文本：${textNode.nodeValue}`)
// Keep text in text node until first RJ code
textNode.nodeValue = nodeOriginalText.substring(0, matches[0].index);
if(insert.startsWith("prefix")){
//加前缀
textNode.nodeValue = `${settings._s_url_insert_text}${textNode.nodeValue}`
}
// Insert rest of text while linkifying RJ codes
let prevNode = null;
for (let i = 0; i < matches.length; ++i) {
// Insert linkified RJ code
let code = matches[i].value
let rjLinkNode = Parser.wrapRJCode(code);
//保证后续游走时忽略当前节点
if(insert.startsWith("before_rj")){
//用导向文本替代RJ号链接，RJ号保留到后面的文本里不变
rjLinkNode.innerText = settings._s_url_insert_text;
textNode.parentNode.insertBefore(
rjLinkNode,
prevNode ? prevNode.nextSibling : textNode.nextSibling,
);
prevNode = rjLinkNode;
rjLinkNode = Parser.wrapPlaceholder(code);
}
textNode.parentNode.insertBefore(
rjLinkNode,
prevNode ? prevNode.nextSibling : textNode.nextSibling,
);
// Insert text after if there is any
//找到当前RJ和下一个RJ之间的字符串
let nextRJ = undefined;
if (i < matches.length - 1) {
nextRJ = matches[i + 1].index;
}
let substring = nodeOriginalText.substring(matches[i].index + matches[i].value.length, nextRJ);
if (substring) {
const subtextNode = document.createTextNode(substring);
textNode.parentNode.insertBefore(
subtextNode,
rjLinkNode.nextElementSibling,
);
prevNode = subtextNode;
}
else {
prevNode = rjLinkNode;
}
}
},
rebindEvents: function (elem) {
if (elem.nodeName === "A") {
elem.addEventListener("mouseover", Popup.over);
elem.addEventListener("mouseout", Popup.out);
elem.addEventListener("mousemove", Popup.move);
}
else {
const voicelinks = elem.querySelectorAll("." + VOICELINK_CLASS);
for (let i = 0, j = voicelinks.length; i < j; i++) {
const voicelink = voicelinks[i];
voicelink.addEventListener("mouseover", Popup.over);
voicelink.addEventListener("mouseout", Popup.out);
voicelink.addEventListener("mousemove", Popup.move);
}
}
},
}
const DateParser = {
parseDateStr: function(dateStr, lang){
dateStr = dateStr.trim().replace(/ /g, "");
lang = lang.trim().toLowerCase().replace(/_/g, "-");
let nums = this.parseNumbers(dateStr);
if(!nums || nums.length < 3 && lang !== "en-us" || nums.length < 2 && lang === "en-us"){
//数字不够，无法解析
return null;
}
let parsers = [
this.parseAsiaDateStr,
this.parseEnglishDateStr,
this.parseEuropeanDateStr,
this.parseSpanishDateStr
]
let date = null;
for (let i = 0; i < parsers.length; i++){
date = parsers[i](dateStr, nums, lang);
if(date){
break;
}
}
return date;
},
parseNumbers: function (dateStr){
let nums = dateStr.match(/\d+/g);
if(!nums) return null;
for (let i = 0; i < nums.length; i++) {
nums[i] = Number(nums[i]);
}
return nums;
},
parseAsiaDateStr: function(dateStr, nums, lang){
//2024年10月05日
//2024년 10월 05일（已去除空格）
if (!dateStr.match(/\d{4}年\d{1,2}月\d{1,2}日/)
&& !dateStr.match(/\d{4}년\d{1,2}월\d{1,2}일/)) {
return null;
}
return new Date(nums[0], nums[1] - 1, nums[2]);
},
parseEnglishDateStr: function(dateStr, nums, lang){
//Oct/05/2024
if(!dateStr.match(/[a-zA-Z]{3}\/\d{1,2}\/\d{4}/)){
return null;
}
const monthMap = {
"Jan": 0, "Feb": 1, "Mar": 2,
"Apr": 3, "May": 4, "Jun": 5,
"Jul": 6, "Aug": 7, "Sep": 8,
"Oct": 9, "Nov": 10, "Dec": 11
}
let monthStr = dateStr.substring(0, dateStr.indexOf("/")).toLowerCase();
monthStr = monthStr[0].toUpperCase() + monthStr.substring(1);
return new Date(nums[1], monthMap[monthStr], nums[0])
},
parseSpanishDateStr: function (dateStr, nums, lang) {
//10/05/2024
if(lang !== "es-es" || !dateStr.match(/\d{1,2}\/\d{1,2}\/\d{4}/)){
return null;
}
return new Date(nums[2], nums[0] - 1, nums[1]);
},
parseEuropeanDateStr: function (dateStr, nums, lang) {
//05/10/2024
if(lang === "es-es" || !dateStr.match(/\d{1,2}\/\d{1,2}\/\d{4}/)){
return null;
}
return new Date(nums[2], nums[1] - 1, nums[0]);
},
/***
获得带倒计时的文本HTML
@param date {Date}
***/
getCountDownDateText: function(date){
if(!date) return "";
const today = new Date();
today.setHours(0);
today.setMinutes(0);
today.setSeconds(0);
today.setMilliseconds(0);
date.setHours(0);
date.setMinutes(0);
date.setSeconds(0);
date.setMilliseconds(0);
if(date.getTime() < today.getTime()) return "";
let days = (date.getTime() - today.getTime()) / (1000 * 60 * 60 * 24);
return `<span style="color:#ffeb3b !important; font-size: 16px !important; font-style: italic !important; margin-left: 16px !important">(Coming in ${days} day${(days > 1 ? "s" : "")})</span>`
},
}
const Popup = {
popupElement: {
popup: null,
not_found: null,
img: {container: null},
right_panel: null,
title: null,
rj_code: null,
info_container: null,
loader: null,
flag: null,
tags: null,
circle_name: null,
debug: null,
translator_name: null,
release_date: null,
update_date: null,
age_rating: null,
scenario: null,
illustration: null,
voice_actor: null,
music: null,
genre: null,
file_size: null,
},
makePopup: function (display) {
const popup = document.createElement("div");
const ele = Popup.popupElement;
ele.popup = popup;
popup.className = `${VOICELINK_CLASS}_voicepopup ${VOICELINK_CLASS}_voicepopup-maniax ` + (getAdditionalPopupClasses() || '');
popup.id = `${VOICELINK_CLASS}-voice-popup`; // + rjCode;
popup.style.setProperty("display", display === false ? "none" : "flex", "important"); //display = display === false ? "none" : "flex";
document.body.appendChild(popup);
const notFoundElement = document.createElement("div");
ele.not_found = notFoundElement;
//占满整个popup
//"display: none; width: 100%; height: 100%";
notFoundElement.style.setProperty("display", "none", "important");
notFoundElement.style.setProperty("width", "100%", "important");
notFoundElement.style.setProperty("height", "100%", "important");
notFoundElement.innerText = "Work Not Found.";
popup.appendChild(notFoundElement);
const imgContainer = document.createElement("div")
imgContainer.classList.add(`${VOICELINK_CLASS}_img_container`);
ele.img.container = imgContainer;
const rightPanel = document.createElement("div");
ele.right_panel = rightPanel;
const titleElement = document.createElement("div");
ele.title = titleElement;
titleElement.classList.add(`${VOICELINK_CLASS}_voice-title`);
rightPanel.appendChild(titleElement);
const rjCodeElement = document.createElement("div");
ele.rj_code = rjCodeElement;
rjCodeElement.classList.add(`${VOICELINK_CLASS}_rjcode`);
rightPanel.appendChild(rjCodeElement);
const infoContainer = document.createElement("div");
ele.info_container = infoContainer;
infoContainer.id = `${VOICELINK_CLASS}_info-container`;
infoContainer.style.setProperty("position", "relative", "important"); //position = "relative !important";
infoContainer.style.setProperty("min-height", "70px", "important"); //minHeight = "70px !important";
rightPanel.appendChild(infoContainer);
const loader = document.createElement("div");
loader.className = `${VOICELINK_CLASS}_loader`;
loader.innerHTML = Csp.createHTML(`
<div class="${VOICELINK_CLASS}_dot"></div>
<div class="${VOICELINK_CLASS}_dot"></div>
<div class="${VOICELINK_CLASS}_dot"></div>
`);
ele.loader = loader;
infoContainer.appendChild(loader);
ele.tags = document.createElement("div");
infoContainer.appendChild(ele.tags);
ele.circle_name = document.createElement("div");
ele.debug = document.createElement("div");
ele.translator_name = document.createElement("div");
ele.release_date = document.createElement("div");
ele.update_date = document.createElement("div");
ele.age_rating = document.createElement("div");
ele.scenario = document.createElement("div");
ele.illustration = document.createElement("div");
ele.voice_actor = document.createElement("div");
ele.music = document.createElement("div");
ele.genre = document.createElement("div");
ele.file_size = document.createElement("div");
rightPanel.style.setProperty("padding-bottom", "3px", "important"); //paddingBottom = "3px !important";
rightPanel.style.setProperty("flex-grow", "1", "important"); //flexGrow = "1 !important";
popup.appendChild(rightPanel);
popup.insertBefore(imgContainer, popup.childNodes[0]);
},
updatePopup: function(e, rjCode, isParent=false) {
const ele = Popup.popupElement;
const popup = ele.popup;
popup.className = `${VOICELINK_CLASS}_voicepopup ${VOICELINK_CLASS}_voicepopup-maniax ` + (getAdditionalPopupClasses() || '');
// popup.id = "voice-" + rjCode;
popup.style.setProperty("display", "flex", "important"); //= "display: flex";
popup.setAttribute(RJCODE_ATTRIBUTE, rjCode);
let workFound = true;
Popup.setFoundState(true);
WorkPromise.getFound(rjCode).then(async found => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
if(found){
//找到则直接返回交给下一级处理
return {found: true, parentRJ: rjCode};
}
//没找到则尝试找到父作品的RJ号，填补子作品信息的缺失
let parentRJ = await WorkPromise.getParentRJ(rjCode);
if(parentRJ === rjCode || !parentRJ) {
return {found: false, parentRJ: rjCode};
}
found = await WorkPromise.getFound(parentRJ);
return {found: found, parentRJ: parentRJ};
}).then((state) => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
const found = state.found;
const rj = state.parentRJ;
if(found && rj !== rjCode){
//如果找到了父作品的信息但子作品找不到，就重新update
Popup.updatePopup(e, rj, true);
return;
}
ele.not_found.style.setProperty("display", found ? "none" : "block", "important"); //display = found ? "none" : "block";
Popup.setFoundState(found);
workFound = found;
});
WorkPromise.getGirls(rjCode).then(isGirls => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
if(isGirls) popup.className += (` ${VOICELINK_CLASS}_voicepopup-girls`)
}).catch(e => {});
const imgContainer = ele.img.container;
let img = ele.img[rjCode];
if(!img){
//由于切换图片src会导致加载延迟，故根据RJ号保留所有图片的img元素并按需显示
img = document.createElement("img");
ele.img[rjCode] = img;
imgContainer.appendChild(img);
}
for (let i = 0; i < imgContainer.childNodes.length; ++i) {
imgContainer.childNodes[i].style.setProperty("display", "none", "important"); //display = "none !important";
}
img.style.setProperty("display", "block", "important"); //display = "block"
WorkPromise.getImgLink(rjCode).then(link => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
img.src = link;
}).catch(e => {});
const titleElement = ele.title;
titleElement.innerText = "Loading...";
WorkPromise.getWorkTitle(rjCode).then(title => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
titleElement.innerText = title
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
titleElement.innerHTML = Csp.createHTML("");
});
const rjCodeElement = ele.rj_code;
rjCodeElement.innerHTML = Csp.createHTML(`[${isParent ? " ↑ " : ""}<span class="${VOICELINK_IGNORED_CLASS}" style="font-weight: bold !important;text-decoration-line: underline !important;">${rjCode}</span>]`);
WorkPromise.getRJChain(rjCode).then(chain => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
rjCodeElement.innerHTML = Csp.createHTML(chain);
});
//清除原有信息并展示加载界面
for(let child of [...this.popupElement.info_container.children]){
if(child === this.popupElement.loader) continue;
child.remove();
}
ele.loader.style.setProperty("display", "flex", "important"); //display = "flex !important";
WorkPromise.getWorkCategory(rjCode).then(category => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
this.set_info_container(rjCode, category);
}).catch(e => {
if (rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
//TODO: 考虑是默认other还是直接报错
this.set_info_container(rjCode, "other");
});
Popup.move(e);
},
setFoundState(found){
const ele = Popup.popupElement;
const popup = ele.popup;
ele.not_found.style.setProperty("display", found ? "none" : "block", "important"); //display = found ? "none" : "block";
ele.img.container.style.setProperty("display", found && !Popup.hideImg ? "block" : "none", "important"); //display = found && !Popup.hideImg ? "block" : "none";
ele.right_panel.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.title.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.rj_code.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
//ele.flag.style.display = found ? "block" : "none";
ele.circle_name.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.debug.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
//ele.translatable.style.display = found && ele.translatable.innerHTML.trim().length > 0 ? "inline-block" : "none";
ele.translator_name.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.release_date.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.update_date.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.age_rating.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.voice_actor.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.music.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.genre.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
ele.file_size.style.setProperty("display", found ? "block" : "none", "important"); //display = found ? "block" : "none";
},
set_circle_name: function (rjCode, category){
const id = `${category}__circle_name`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const circleElement = ele.circle_name;
circleElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.circle_name)}: Loading...`);
WorkPromise.getCircle(rjCode).then(circle => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
circleElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.circle_name)}: <a>${circle}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
circleElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(circleElement);
},
set_translator_name: function (rjCode, category){
const id = `${category}__translator_name`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const translatorElement = ele.translator_name;
translatorElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.translator_name)}: Loading...`);
WorkPromise.getTranslatorName(rjCode).then(name => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
translatorElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.translator_name)}: <a>${name}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
translatorElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(translatorElement);
},
set_release_date: function (rjCode, category){
const id = `${category}__release_date`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const releaseElement = ele.release_date;
releaseElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.release_date)}: Loading...`);
WorkPromise.getReleaseDate(rjCode).then(date => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
releaseElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.release_date)}: <a>${date}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
releaseElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(releaseElement);
},
set_update_date: function (rjCode, category){
const id = `${category}__update_date`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const updateElement = ele.update_date;
updateElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.update_date)}: Loading...`);
WorkPromise.getUpdateDate(rjCode).then(date => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
updateElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.update_date)}: <a>${date}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
updateElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(updateElement);
},
set_age_rating: function (rjCode, category){
const id = `${category}__age_rating`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const ageElement = ele.age_rating;
ageElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.age_rating)}: Loading...`);
WorkPromise.getAgeRating(rjCode).then(rating => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
let ratingClass = `${VOICELINK_CLASS}_age-all`;
if(rating.includes("18")){
ratingClass = `${VOICELINK_CLASS}_age-18`;
}
ageElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.age_rating)}: <a class="${ratingClass}">${rating}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
ageElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(ageElement);
},
set_scenario: function (rjCode, category){
const id = `${category}__scenario`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const scenarioElement = ele.scenario;
scenarioElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.scenario)}: Loading...`);
WorkPromise.getScenario(rjCode).then(name => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
scenarioElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.scenario)}: <a>${name}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
scenarioElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(scenarioElement);
},
set_illustration: function (rjCode, category){
const id = `${category}__illustration`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const illustrationElement = ele.illustration;
illustrationElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.illustration)}: Loading...`);
WorkPromise.getIllustrator(rjCode).then(name => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
illustrationElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.illustration)}: <a>${name}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
illustrationElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(illustrationElement);
},
set_voice_actor: function (rjCode, category){
const id = `${category}__voice_actor`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const voiceActorElement = ele.voice_actor;
voiceActorElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.voice_actor)}: Loading...`);
WorkPromise.getCV(rjCode).then(name => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
voiceActorElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.voice_actor)}: <a>${name}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
voiceActorElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(voiceActorElement);
},
set_music: function (rjCode, category) {
const id = `${category}__music`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const musicElement = ele.music;
musicElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.music)}: Loading...`);
WorkPromise.getMusic(rjCode).then(name => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
musicElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.music)}: <a>${name}</a>`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
musicElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(musicElement);
},
set_genre: function (rjCode, category){
const id = `${category}__genre`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const genreElement = ele.genre;
genreElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.genre)}: Loading...`);
WorkPromise.getTags(rjCode).then(tags => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
let tagsHtml = `${localizePopup(localizationMap.genre)}: <a>`;
tags.forEach(tag => {
tagsHtml += tag + "\u3000";
});
tagsHtml += "</a>";
genreElement.innerHTML = Csp.createHTML(tagsHtml);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
genreElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(genreElement);
},
set_file_size: function (rjCode, category){
const id = `${category}__file_size`;
const settingId = `_s_${id}`;
if(!settings[settingId]) return;
const ele = this.popupElement;
const popup = ele.popup;
const fileSizeElement = ele.file_size;
fileSizeElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.file_size)}: Loading...`);
WorkPromise.getFileSize(rjCode).then(filesize => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
fileSizeElement.innerHTML = Csp.createHTML(`${localizePopup(localizationMap.file_size)}: ${filesize}`);
}).catch(_ => {
if(rjCode !== popup.getAttribute(RJCODE_ATTRIBUTE)) return;
fileSizeElement.innerHTML = Csp.createHTML("");
});
ele.info_container.appendChild(fileSizeElement);
},
get_tag: function (text, tagClass) {
if(!tagClass.startsWith(`${VOICELINK_CLASS}_`)){
tagClass = `${VOICELINK_CLASS}_${tagClass}`
}
const tag = document.createElement("span");
tag.classList.add(`${VOICELINK_CLASS}_tag_tight`);
tag.classList.add(tagClass);
tag.innerText = text;
return tag;
},
get_tag_no_longer_available: async function (rjCode) {
let sale = await WorkPromise.getSale(rjCode);
if(sale) return;
return Popup.get_tag(localizePopup(localizationMap.tag_no_longer_available),
"tag-gray");
},
get_tag_work_type: async function (rjCode) {
let type = await WorkPromise.getWorkTypeText(rjCode);
let tagClass = "tag-gray";
switch (type) {
case localizePopup(localizationMap.work_type_game):
tagClass = "tag-purple";
break;
case localizePopup(localizationMap.work_type_comic):
tagClass = "tag-green";
break;
case localizePopup(localizationMap.work_type_illustration):
tagClass = "tag-teal";
break;
case localizePopup(localizationMap.work_type_novel):
tagClass = "tag-gray";
break;
case localizePopup(localizationMap.work_type_video):
tagClass = "tag-darkblue";
break;
case localizePopup(localizationMap.work_type_voice):
tagClass = "tag-orange";
break;
case localizePopup(localizationMap.work_type_music):
tagClass = "tag-yellow";
break;
case localizePopup(localizationMap.work_type_tool):
tagClass = "tag-gray";
break;
case localizePopup(localizationMap.work_type_voice_comic):
tagClass = "tag-blue";
break;
case localizePopup(localizationMap.work_type_other):
tagClass = "tag-gray";
break;
default:
tagClass = "tag-gray";
break;
}
return Popup.get_tag(type, tagClass);
},
get_tag_translatable: async function (rjCode) {
let able = await WorkPromise.getTranslatable(rjCode);
if(!able) return;
return Popup.get_tag(localizePopup(localizationMap.tag_translatable),
"tag-green");
},
get_tag_not_translatable: async function (rjCode) {
let able = await WorkPromise.getTranslatable(rjCode);
let translated = await WorkPromise.getTranslated(rjCode);
if(able || translated) return;
return Popup.get_tag(localizePopup(localizationMap.tag_not_translatable),
"tag-red");
},
get_tag_translated: async function (rjCode) {
let translated = await WorkPromise.getTranslated(rjCode);
if(!translated) return;
return Popup.get_tag(localizePopup(localizationMap.tag_translated), "tag-teal");
},
get_tag_bonus_work: async function (rjCode) {
let bonus = await WorkPromise.getBonus(rjCode);
if(!bonus) return;
return Popup.get_tag(localizePopup(localizationMap.tag_bonus_work),
"tag-yellow");
},
get_tag_has_bonus: async function (rjCode) {
let has = await WorkPromise.getHasBonus(rjCode);
if(!has) return;
return Popup.get_tag(localizePopup(localizationMap.tag_has_bonus),
"tag-orange");
},
get_tag_language_support: async function (rjCode) {
const lang = await WorkPromise.getLanguages(rjCode);
if(!lang || lang.length <= 0){
return;
}
let txt = "";
lang.forEach(l => {
txt += ` | ${l}`;
});
txt = txt.substring(3);
return Popup.get_tag(txt, "tag-pink");
},
get_tag_file_format: async function (rjCode) {
const format = await WorkPromise.getFileFormats(rjCode);
if(!format || format.length <= 0){
return;
}
let txt = "";
format.forEach(f => {
txt += ` | ${f}`;
});
txt = txt.substring(3);
return Popup.get_tag(txt, "tag-darkblue");
},
get_tag_ai: async function (rjCode) {
const ai = await WorkPromise.getAIUsedText(rjCode);
if(!ai) return;
return Popup.get_tag(ai, "tag-purple");
},
get_translatable_tag: async function (rjCode, tag_id) {
if(settings[`_s_${tag_id}`] !== true) return;
if(tag_id.startsWith("tag_")) tag_id = tag_id.substring(4);
const t = await WorkPromise.getWorkPromise(rjCode).translatable;
const stat = t[tag_id];
const hasRequest = stat.request > 0;
const hasSale = stat.sale > 0;
const displayCount = stat.agree || hasRequest || hasSale;
const lang = tag_id.substring("translation_request_".length);
const tag = Popup.get_tag(`${localizePopup(localizationMap[`language_${lang}_abbr`])}${stat.agree ? "" : (stat.agree === false ? " ✘" : " ?")} ${displayCount ? ` ${stat.request}-${stat.sale}` : ""}`,
hasSale ? "tag-green" : (hasRequest ? "tag-orange" : "tag-gray"));
tag.classList.add(`${VOICELINK_CLASS}_tag_small`);
return tag;
},
get_tag_container: function (rjCode, tag_list) {
const container = document.createElement("div");
container.classList.add(`${VOICELINK_CLASS}_tags`);
for (const tag_id of tag_list) {
if(settings[`_s_${tag_id}`] !== true) continue;
let shadowTag = document.createElement("span");
shadowTag.style.setProperty("display", "none", "important"); //display = "none !important";
shadowTag.setAttribute("data-id", tag_id);
container.appendChild(shadowTag);
let tag_get = this[`get_${tag_id}`];
tag_get(rjCode).then(tag => {
if(tag){
container.insertBefore(tag, shadowTag);
shadowTag.remove();
}
});
}
return container;
},
get_translatable_tag_container: function (rjCode, tag_list) {
const container = document.createElement("div");
container.classList.add(`${VOICELINK_CLASS}_tags`);
container.style.setProperty("margin-top", "0", "important"); //marginTop = "0 !important";
for (const tag_id of tag_list) {
let shadowTag = document.createElement("span");
shadowTag.style.setProperty("display", "none", "important"); //display = "none !important";
shadowTag.setAttribute("data-id", tag_id);
container.appendChild(shadowTag);
Popup.get_translatable_tag(rjCode, tag_id).then(tag => {
if(tag){
container.insertBefore(tag, shadowTag);
shadowTag.remove();
}
}).catch(e => {});
}
return container;
},
//整合顺序
set_info_container: function (rjCode, category) {
//清除上次的信息
for(let child of [...this.popupElement.info_container.children]){
if(child === this.popupElement.loader) {
child.style.setProperty("display", "none", "important"); //display = "none !important";
continue;
}
child.remove();
}
//TAG部分
const infoContainer = this.popupElement.info_container;
let tagContainer = null;
if(settings._s_tag_main_switch === true){
const container = this.get_tag_container(rjCode,
settings[`_s_tag_display_order`]);
tagContainer = container;
infoContainer.appendChild(container);
}
//翻译申请情况
const shadowContainer = document.createElement("div");
shadowContainer.style.setProperty("display", "none", "important"); //display = "none !important";
infoContainer.appendChild(shadowContainer);
WorkPromise.getTranslatable(rjCode).then(able => {
if(rjCode !== Popup.popupElement.popup.getAttribute(RJCODE_ATTRIBUTE)) return;
if(able && settings._s_tag_translation_request === true){
const translatableContainer = this.get_translatable_tag_container(rjCode,
settings._s_tag_translation_request_display_order);
infoContainer.insertBefore(translatableContainer, shadowContainer);
shadowContainer.remove();
}
}).catch(e => {});
//信息部分
const order = settings[`_s_${category}__info_display_order`];
order.forEach(id => {
try{
id = id.substring(id.indexOf("__") + 2);
this["set_" + id](rjCode, category);
}catch (e) {
console.error(e);
}
});
const debugElement = document.createElement("div");
this.popupElement.info_container.appendChild(debugElement);
WorkPromise.getDebug(rjCode).then(t => {
debugElement.innerHTML = Csp.createHTML(t);
});
},
over: function (e) {
const target = isInDLSite() ? e.target : getVoiceLinkTarget(e.target);
if(!target || !target.classList.contains(VOICELINK_CLASS)) return;
const rjCode = target.getAttribute(RJCODE_ATTRIBUTE);
if(rjCode === null) return;
//修正链接
if(target.hasAttribute("voicelink-linkified")){
WorkPromise.getWorkPromise(rjCode).info.then(info => {
if(info.is_announce === true){
target.href = `https://www.dlsite.com/maniax/announce/=/product_id/${rjCode}.html`;
}
});
}
const popup = document.querySelector(`div#${VOICELINK_CLASS}-voice-popup`); // + rjCode);
if (popup) {
popup.style.setProperty("display", "flex", "important"); //display = "flex !important";
}
else {
Popup.makePopup();
}
Popup.updatePopup(e, rjCode);
},
out: function (e) {
const popup = document.querySelector(`div#${VOICELINK_CLASS}-voice-popup`); // + rjCode);
if (popup) {
popup.style.setProperty("display", "none", "important"); //display = "none !important";
}
},
move: function (e) {
const popup = document.querySelector(`div#${VOICELINK_CLASS}-voice-popup`); // + rjCode);
if (popup) {
if (popup.offsetWidth + e.clientX + 10 < window.innerWidth - 10) {
popup.style.setProperty("left", (e.clientX + 10) + "px", "important"); //left = (e.clientX + 10) + "px";
}
else {
popup.style.setProperty("left", (window.innerWidth - popup.offsetWidth - 10) + "px", "important"); //left = (window.innerWidth - popup.offsetWidth - 10) + "px";
}
if (e.clientY > window.innerHeight / 2) {
popup.style.setProperty("top", Math.max(e.clientY - popup.offsetHeight - 8, 0) + "px", "important"); //top = (e.clientY - popup.offsetHeight - 8) + "px";
}
else {
popup.style.setProperty("top", Math.min(e.clientY + 20, window.innerHeight - popup.offsetHeight) + "px", "important"); //top = (e.clientY + 20) + "px";
}
}
},
}
const WorkPromise = {
/**
* 标题、社团、发行日期、更新日期、年龄指定
* CV、标签、文件大小、封面地址
*/
checkNotNull: function (obj){
if(!obj) throw new Error();
return obj;
},
getWorkPromise: function (rjCode){
if(work_promise[rjCode]){
return work_promise[rjCode];
}
work_promise[rjCode] = DLsite.getWorkRequestPromise(rjCode);
return work_promise[rjCode];
},
getFound: async function(rjCode){
try{
const data = await WorkPromise.getWorkPromise(rjCode).api2;
if(data && data.product_id !== undefined) return true;
//否则再次检查api1
const api = await WorkPromise.getWorkPromise(rjCode).api;
return api && api.is_sale !== undefined;
}catch (e){
//说明是网络问题，删除缓存并返回true
delete work_promise[rjCode];
return true;
}
},
getTranslationInfo: async function(rjCode){
const p = WorkPromise.getWorkPromise(rjCode);
let data = await p.api2;
if(data.translation_info) return data.translation_info;
data = await p.api;
return data.translation_info ? data.translation_info : {};
},
getRJChain: async function(rjCode) {
//RJxxx → RJxxx → RJxxx，这样从子级指向父级
const trans = await WorkPromise.getTranslationInfo(rjCode);
let chain = `<span class="${VOICELINK_IGNORED_CLASS}" style="font-weight: bold !important;text-decoration-line: underline !important;">${rjCode}</span>`;
if(trans.is_child){
chain += ` → ${trans.parent_workno} → ${trans.original_workno}`;
}else if(trans.is_parent){
chain += ` → ${trans.original_workno}`;
}
return `[ ${chain} ]`;
},
getParentRJ: async function(rjCode){
try{
const p = WorkPromise.getWorkPromise(rjCode);
let trans = await WorkPromise.getTranslationInfo(rjCode);
if(trans.is_original || trans.is_parent) return rjCode;
if(trans.parent_workno) return trans.parent_workno;
let data = await p.info;
return data.parentWork;
}catch (e){
return null;
}
},
getGirls: async function(rjCode){
const p = WorkPromise.getWorkPromise(rjCode);
let data = await p.api2;
if(data.sex_category && data.sex_category === 2) return true;
if(data.site_id === "girls") return true;
//否则再次检查api1
data = await WorkPromise.getWorkPromise(rjCode).api;
WorkPromise.checkNotNull(data.is_girls)
return data.is_girls;
},
getAnnounce: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const info = await p.info;
return info.is_announce;
},
getSale: async function(rjCode, checkAnnounce = true){
const p = WorkPromise.getWorkPromise(rjCode);
let data = await p.api;
if(!checkAnnounce){
return data.is_sale;
}
return data.is_sale || await WorkPromise.getAnnounce(rjCode);
},
getBonus: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
let data = await p.api;
return !data.is_sale && data.is_free && data.is_oly && data.wishlist_count === false;
// return data.is_bonus;
},
getHasBonus: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
let data = await p.api;
return data.bonuses && data.bonuses.length > 0;
},
getTranslatable: async function(rjCode) {
const trans = await WorkPromise.getTranslationInfo(rjCode);
return trans.is_translation_agree === true;
},
getTranslated: async function(rjCode) {
const trans = await WorkPromise.getTranslationInfo(rjCode);
return trans.is_parent === true || trans.is_child === true;
},
getLanguages: async function(rjCode){
//返回字符串数组，根据popup设置的语言返回支持的语言列表
const map = {
JPN: localizePopup(localizationMap.language_japanese),
ENG: localizePopup(localizationMap.language_english),
CHI_HANS: localizePopup(localizationMap.language_simplified_chinese),
CHI_HANT: localizePopup(localizationMap.language_traditional_chinese),
KO_KR: localizePopup(localizationMap.language_korean),
SPA: localizePopup(localizationMap.language_spanish),
FRE: localizePopup(localizationMap.language_french),
RUS: localizePopup(localizationMap.language_russian),
THA: localizePopup(localizationMap.language_thai),
GER: localizePopup(localizationMap.language_german),
FIN: localizePopup(localizationMap.language_finnish),
POR: localizePopup(localizationMap.language_portuguese),
VIE: localizePopup(localizationMap.language_vietnamese),
ITA: localizePopup(localizationMap.language_italian),
ARA: localizePopup(localizationMap.language_arabic),
POL: localizePopup(localizationMap.language_polish),
}
const p = WorkPromise.getWorkPromise(rjCode);
let api = await p.api2;
api = api.options ? api : await p.api;
const options = api.options?.split("#");
const result = [];
for (const key in map) {
const lang = map[key];
if(options?.includes(key)) result.push(lang);
}
return result;
},
getFileFormats: async function(rjCode){
//返回字符串数组，返回文件格式列表
const result = [];
const p = WorkPromise.getWorkPromise(rjCode);
let api = await p.api2;
if(api.file_type === "EXE"){
result.push("EXE");
}else if(api.file_type_string){
result.push(api.file_type_string);
}
if(api.file_type_special) result.push(api.file_type_special);
if(!api.options) api = await p.api;
if(api.options && api.options.includes("WPD")){
result.push("PDF");
}
if(api.options && api.options.includes("WAP")){
result.push("APK");
}
return result;
},
getAIUsedText: async function(rjCode) {
//返回是否使用或部分使用AI，根据popup语言返回字符串。
const p = WorkPromise.getWorkPromise(rjCode);
let api = await p.api2;
api = api.options ? api : await p.api;
const options = api.options ? api.options : "";
if(options.includes("AIG")){
return localizePopup(localizationMap.tag_aig);
}else if(options.includes("AIP")){
return localizePopup(localizationMap.tag_aip);
}
return null;
},
getDebug: async function(rjCode){
return "";
const work = WorkPromise.getWorkPromise(rjCode);
const api2 = await work.api2;
const api = await work.api;
const info = await work.info;
const circle = work.circle;
return `is_ana_api2: ${api2.is_ana}<br/>
is_ana_api: ${api.is_ana}`;
},
getWorkCategory: async function(rjCode){
const type = await WorkPromise.getWorkType(rjCode);
/* voice: 音声
* game: 游戏
* manga: 漫画/插画/音声漫画
* video: 视频
* novel: 小说
* other: 其它
*/
switch (type) {
case 0:
return "voice";
case 1:
return "game";
case 2 || 3 || 8:
return "manga";
case 5:
return "video";
case 4:
return "novel";
default:
return "other";
}
},
getWorkTypeText: async function(rjCode) {
const mapping = [
localizePopup(localizationMap.work_type_voice),
localizePopup(localizationMap.work_type_game),
localizePopup(localizationMap.work_type_comic),
localizePopup(localizationMap.work_type_illustration),
localizePopup(localizationMap.work_type_novel),
localizePopup(localizationMap.work_type_video),
localizePopup(localizationMap.work_type_music),
localizePopup(localizationMap.work_type_tool),
localizePopup(localizationMap.work_type_voice_comic),
localizePopup(localizationMap.work_type_other),
];
return mapping[await WorkPromise.getWorkType(rjCode)];
},
getWorkType: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
let workType = api2.work_type;
if(!workType) workType = (await p.api).work_type;
switch (workType) {
case "SOU":
return 0;
case (["ACN", "QIZ", "ADV", "RPG", "TBL", "DNV", "SLN", "TYP", "STG", "PZL", "ETC"]
.includes(workType) ? workType : "ERR"):
return 1;
case (["MNG", "SCM", "WBT"]
.includes(workType) ? workType : "ERR"):
return 2;
case "ICG":
return 3;
case (["NRE", "KSV"].includes(workType) ? workType : "ERR"):
return 4;
case "MOV":
return 5;
case "MUS":
return 6;
case (["TOL", "IMT", "AMT"]
.includes(workType) ? workType : "ERR"):
return 7;
case "VCM":
return 8;
case "ET3":
return 9;
default:
throw new Error("无法获取作品类型/未知作品类型：" + workType);
}
},
getImgLink: async function(rjCode){
let link = undefined;
const p = WorkPromise.getWorkPromise(rjCode);
try {
let data = await p.api2;
if (data.image_main && data.image_main.url) link = "https:" + data.image_main.url;
} catch (e) {}
if(link && !link.includes("no_img_main.gif")){
return link;
}
try{
const info = await p.info;
WorkPromise.checkNotNull(info.img);
return info.img;
}catch (e) {
}
try{
const apiData = await WorkPromise.getWorkPromise(rjCode).api;
if(apiData.work_image) return "https:" + apiData.work_image;
}catch (e){}
throw new Error("无法获取图片链接");
},
getWorkTitle: async function(rjCode){
return await WorkPromise.getWorkPromise(rjCode).translated_title;
},
getAgeRating: async function(rjCode){
let p = WorkPromise.getWorkPromise(rjCode);
let api = await p.api2;
if(!api.age_category) api = await p.api;
switch (api.age_category){
case 1:
return "All";
case 2:
return "R15";
case 3:
return "R18";
}
const info = await p.info;
WorkPromise.checkNotNull(info.rating);
return info.rating;
},
getCircle: async function(rjCode, findOriginal = true){
let trans = await WorkPromise.getTranslationInfo(rjCode);
if(!trans.is_original && findOriginal){
//使用原作RJ号开始寻找，如果找不到翻译信息就没办法了
rjCode = trans.original_workno ? trans.original_workno : rjCode;
}
let work = WorkPromise.getWorkPromise(rjCode);
let api2 = await work.api2;
if(api2.maker_name) return api2.maker_name;
/**
* 接下来有两种搜索方式：
* 1. api1 + circle接口
* 2. info搜索
* 前者成功率更高（下架后还能获取到api1，社团没解散就能获得社团信息），两个加载速度不确定谁快谁慢，所以把1放在前面
*/
const circleInfo = await work.circle;
if(circleInfo && circleInfo.name) return circleInfo.name;
let info = await work.info;
if(info.circle) return info.circle;
throw new Error("无法获取社团信息");
},
getTranslatorName: async function(rjCode){
let trans = await WorkPromise.getTranslationInfo(rjCode);
if(!trans.is_child) throw new Error("非翻译作品RJ号");
return await WorkPromise.getCircle(rjCode, false);
},
getReleaseDate: async function(rjCode){
const p = WorkPromise.getWorkPromise(rjCode);
const info = await p.info;
if(info && !info.is_announce && info.date) return info.date;
if(info && info.is_announce && info.dateAnnounce) {
return `<span style="color: gold !important;">${info.dateAnnounce}</span>${DateParser.getCountDownDateText(DateParser.parseDateStr(info.dateAnnounce, info.lang))}`
}
//从api中查找发售时间
let api = await p.api2;
api = api.regist_date ? api : await p.api;
WorkPromise.checkNotNull(api.regist_date)
return api.regist_date;
},
getUpdateDate: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const info = await p.info;
if(info["update"]) return info["update"];
throw new Error();
},
getScenario: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
if(api2.creaters && api2.creaters.scenario_by && api2.creaters.scenario_by.length > 0){
let list = api2.creaters.scenario_by;
let text = "";
for (let s of list) {
text += " / " + s.name;
}
text = text.substring(3);
return text;
}
//无法获取api2则直接通过html获取
const info = await WorkPromise.getWorkPromise(rjCode).info;
WorkPromise.checkNotNull(info.scenario);
return info.scenario;
},
getIllustrator: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
if(api2.creaters && api2.creaters.illust_by && api2.creaters.illust_by.length > 0){
let list = api2.creaters.illust_by;
let text = "";
for (let s of list) {
text += " / " + s.name;
}
text = text.substring(3);
return text;
}
//无法获取api2则直接通过html获取
const info = await WorkPromise.getWorkPromise(rjCode).info;
WorkPromise.checkNotNull(info.illustration);
return info.illustration;
},
getCV: async function(rjCode){
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
if(api2.creaters && api2.creaters.voice_by && api2.creaters.voice_by.length > 0){
let cvs = api2.creaters.voice_by;
let text = "";
for (let cv of cvs){
text += " / " + cv.name;
}
text = text.substring(3);
return text;
}
//无法获取api2则直接通过html获取
const info = await WorkPromise.getWorkPromise(rjCode).info;
WorkPromise.checkNotNull(info.cv);
return info.cv;
},
getMusic: async function(rjCode) {
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
if(api2.creaters && api2.creaters.music_by && api2.creaters.music_by.length > 0){
let ms = api2.creaters.music_by;
let text = "";
for (let m of ms){
text += " / " + m.name;
}
text = text.substring(3);
return text;
}
//无法获取api2则直接通过html获取
const info = await WorkPromise.getWorkPromise(rjCode).info;
WorkPromise.checkNotNull(info.music);
return info.music;
},
getTags: async function(rjCode) {
//注意该方法返回字符串数组而不是纯字符串
const p = WorkPromise.getWorkPromise(rjCode);
const api2 = await p.api2;
if(api2.genres && api2.genres.length > 0){
return api2.genres.map(genre => genre.name);
}
//无法获取api2时通过html获取
const info = await p.info;
WorkPromise.checkNotNull(info.tags);
return info.tags;
},
getFileSizeStr: function(byteCount = 0){
const units = ["B", "KB", "MB", "GB", "TB"];
let unit = "B";
for (let i = 1; byteCount >= 1024; i++){
byteCount /= 1024;
unit = units[i];
}
return `${Math.round(byteCount * 100) / 100}${unit}`;
},
getFileSize: async function(rjCode) {
const trans = await WorkPromise.getTranslationInfo(rjCode);
if(trans.is_parent){
//翻译版本的父级没有内容信息，自然无法显示文件大小，所以需要获得原作品的大小信息
//Child和Original都有各自的大小信息，正常获取计算即可
rjCode = trans.original_workno ? trans.original_workno : rjCode;
}
const p = WorkPromise.getWorkPromise(rjCode);
let api2 = await p.api2;
if(api2.contents_file_size && api2.contents_file_size > 0){
return WorkPromise.getFileSizeStr(api2.contents_file_size);
}
//通过html获取
let info = trans.is_child && trans.original_workno ? await WorkPromise.getWorkPromise(trans.original_workno).info : await p.info;
if(info.filesize) return info.filesize;
throw new Error("无法获取文件大小信息");
},
}
const DLsite = {
parseWorkDOM: function (dom, rj) {
// workInfo: {
// rj: any;
// img: string;
// title: any;
// circle: any;
// date: any;
// rating: any;
// tags: any[];
// cv: any;
// filesize: any;
// dateAnnounce: any;
// }
const workInfo = {};
workInfo.rj = rj;
let metaList = dom.getElementsByTagName("meta")
for (let i = 0; i < metaList.length; i++){
let meta = metaList[i];
if(meta.getAttribute("property") === 'og:image'){
workInfo.img = meta.content;
break;
}
}
workInfo.lang = dom.querySelector("html").getAttribute("lang");
workInfo.title = dom.getElementById("work_name").innerText;
workInfo.circle = dom.querySelector("span.maker_name").innerText;
workInfo.circleId = dom.querySelector("#work_maker a").href;
workInfo.circleId = workInfo.circleId.substring(workInfo.circleId.lastIndexOf("/") + 1, workInfo.circleId.lastIndexOf(".")).trim();
const table_outline = dom.querySelector("table#work_outline");
for (let i = 0, ii = table_outline.rows.length; i < ii; i++) {
const row = table_outline.rows[i];
const row_header = row.cells[0].innerText.trim();
const row_data = row.cells[1];
const lambda = text => row_header === text;
switch (true) {
case (["販売日", "贩卖日", "販賣日", "Release date", "판매일", "Lanzamiento", "Veröffentlicht",
"Date de sortie", "Tanggal rilis", "Data di rilascio", "Lançamento", "Utgivningsdatum",
"วันที่ขาย", "Ngày phát hành"].some(lambda)):
workInfo.date = row_data.innerText;
break;
case (["更新情報", "更新信息", "更新資訊", "Update information", "갱신 정보", "Actualizar información",
"Aktualisierungen", "Mise à jour des informations", "Perbarui informasi", "Aggiorna informazioni",
"Atualizar informações", "Uppdatera information", "ข้อมูลอัปเดต", "Thông tin cập nhật"].some(lambda)):
workInfo.update = row_data.firstChild.data;
break;
case (["年齢指定", "年龄指定", "年齡指定", "Age", "연령 지정", "Edad", "Altersfreigabe", "Âge", "Batas usia",
"Età", "Idade", "Ålder", "การกำหนดอายุ", "Độ tuổi chỉ định"].some(lambda)):
workInfo.rating = row_data.innerText;
break;
case (["ジャンル", "分类", "分類", "Genre", "장르", "Género", "Genre", "Genre", "Genre", "Genere", "Gênero",
"Genre", "ประเภท", "Thể loại"].some(lambda)):
const tag_nodes = row_data.querySelectorAll("a");
workInfo.tags = [...tag_nodes].map(a => { return a.innerText });
break;
case (["シナリオ", "Scenario", "剧情", "劇本", "시나리오", "Guión", "Szenario", "Scénario", "Skenario",
"Scenario", "Cenário", "Scenario", "บทละคร", "Kịch bản"].some(lambda)):
workInfo.scenario = row_data.innerText;
break;
case (["イラスト", "Illustration", "插画", "插畫", "일러스트", "Ilustración", "AbbilDung", "Illustration",
"Ilustrasi", "Illustrazione", "Ilustração", "Illustration", "ภาพประกอบ", "Tranh minh họa"].some(lambda)):
workInfo.illustration = row_data.innerText;
break;
case (["声優", "声优", "聲優", "Voice Actor", "성우", "Doblador", "Synchronsprecher", "Doubleur",
"Pengisi suara", "Doppiatore/Doppiatrice", "Ator de voz", "Röstskådespelare", "นักพากย์",
"Diễn viên lồng tiếng"].some(lambda)):
workInfo.cv = row_data.innerText;
break;
case (["音楽", "Music", "音乐", "音樂", "음악", "Música", "Musik", "Musique", "Musik", "Musica.",
"Música", "musik", "ดนตรี", "Âm nhạc"].some(lambda)):
workInfo.music = row_data.innerText;
break;
case (["ファイル容量", "文件容量", "檔案容量", "File size", "파일 용량", "Tamaño del Archivo", "Dateigröße",
"Taille du fichier", "Ukuran file", "Dimensione del file", "Tamanho do arquivo", "Filstorlek",
"ขนาดไฟล์", "Dung lượng tệp"].some(lambda)):
workInfo.filesize = row_data.innerText.trim();
break;
default:
break;
}
}
//获取发售预告时间
const work_date_ana = dom.querySelector("strong.work_date_ana");
if (work_date_ana) {
workInfo.dateAnnounce = work_date_ana.innerText;
//workInfo.img = "https://img.dlsite.jp/modpub/images2/ana/doujin/" + rj_group + "/" + rj + "_ana_img_main.jpg"
}
return workInfo;
},
// Get language code for DLSite API
getLangCode: function (lang) {
if(!lang) return "ja-JP";
switch (lang.toUpperCase()) {
case "JPN":
return "ja-JP";
case "ENG":
return "en-US";
case "KO_KR":
return "ko-KR";
case "CHI_HANS":
return "zh-CN";
case "CHI_HANT":
return "zh-TW";
default:
return "ja-JP"
}
},
parseApiData: function (rjCode, data){
if(!data) data = {};
let apiData = data;
apiData.is_bonus = !data.is_sale && data.is_free && data.is_oly && data.wishlist_count === false;
apiData.is_girls = (data.options && data.options.indexOf("OTM") >= 0) || (data.site_id === "girls");
if(data.regist_date){
let reg_date = data.regist_date.replace(/-/g, '/');
let releaseDate = new Date(reg_date);
apiData.regist_timestamp = releaseDate.getTime();
apiData.regist_date = `${releaseDate.getFullYear()} / ${releaseDate.getMonth() + 1} / ${releaseDate.getDate()}`;
if(apiData.regist_timestamp > Date.now()){
apiData.is_coming_soon = true;
}
}
return apiData;
},
getHttpAsync: async function (url){
return new Promise((resolve, reject) => {
getXmlHttpRequest()({
method: "GET",
url,
headers: {
"Accept": "text/xml",
"User-Agent": "Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:67.0)",
"Cache-Control": "no-cache"
},
onload: resolve,
onerror: reject
});
})
},
getAnnouncePromise: async function (rjCode, parentRJ) {
const url = `https://www.dlsite.com/maniax/announce/=/product_id/${rjCode}.html`;
let resp = await DLsite.getHttpAsync(url);
if (resp.readyState === 4 && resp.status === 200) {
const dom = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
const workInfo = DLsite.parseWorkDOM(dom, rjCode);
workInfo.parentWork = parentRJ === rjCode ? null : parentRJ;
workInfo.is_announce = true;
return workInfo;
}
else if (resp.readyState === 4 && resp.status === 404) {
return {
parentWork: parentRJ === rjCode ? null : parentRJ,
is_announce: false
};
}
},
getHtmlPromise: async function (rjCode) {
const url = `https://www.dlsite.com/maniax/work/=/product_id/${rjCode}.html`;
let resp = await DLsite.getHttpAsync(url);
if (resp.readyState === 4 && resp.status === 200) {
const dom = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
const workInfo = DLsite.parseWorkDOM(dom, rjCode);
workInfo.parentWork = DLsite.getParentWorkRjCode(resp.finalUrl);
workInfo.parentWork = workInfo.parentWork === rjCode ? null : workInfo.parentWork;
workInfo.is_announce = false;
return workInfo;
}
else if (resp.readyState === 4 && resp.status === 404) {
return await DLsite.getAnnouncePromise(rjCode, DLsite.getParentWorkRjCode(resp.finalUrl));
}
},
getApi2Promise: async function (rjCode, locale = undefined) {
let url = `https://www.dlsite.com/maniax/api/=/product.json?workno=${rjCode}` + (locale ? `&locale=${locale}` : "");
let resp = await DLsite.getHttpAsync(url);
let data;
if (resp.readyState === 4 && resp.status === 200) {
data = JSON.parse(resp.responseText);
data = data ? data[0] : {};
data = data ? data : {}
}
else if (resp.readyState === 4 && resp.status === 404) {
return {};
}
else {
throw new Error(`无法通过API2获取${rjCode}的信息：${resp.status} ${resp.statusText}`);
}
const translation_info = data.translation_info ? data.translation_info : {};
data.lang = DLsite.getLangCode(translation_info.lang);
return data;
},
getApiPromise: async function (rjCode, locale = undefined) {
//获取对应语言下的实际信息
let url = `https://www.dlsite.com/maniax/product/info/ajax?product_id=${rjCode}&cdn_cache_min=1` + (locale ? `&locale=${locale}` : "");
let resp = await DLsite.getHttpAsync(url);
let data;
if (resp.readyState === 4 && resp.status === 200) {
data = JSON.parse(resp.responseText);
data = data ? data[rjCode] : {};
data = data ? data : {};
}
else if(resp.readyState === 4 && resp.status === 404){
return {};
}
else {
throw new Error(`无法通过API获取${rjCode}的信息：${resp.status} ${resp.statusText}`);
}
const translation_info = data.translation_info ? data.translation_info : {};
data.lang = DLsite.getLangCode(translation_info.lang);
return DLsite.parseApiData(rjCode, data);
},
getCirclePromise: async function (rjCode, apiPromise){
let apiData = await apiPromise;
if(!apiData.maker_id) return null;
const maker_id = apiData.maker_id;
let url;
let resp;
let data;
try {
url = `https://media.ci-en.jp/dlsite/lookup/${maker_id}.json`;
resp = await DLsite.getHttpAsync(url);
data = undefined;
if (resp.readyState === 4 && resp.status === 200) {
data = JSON.parse(resp.responseText);
data = data ? data[0] : {};
data = data ? data : {};
data.maker_id = maker_id;
}
}catch (e){}
if(!data || !data.name){
//未获取到社团名称则使用html解析获取
url = `https://www.dlsite.com/maniax/circle/profile/=/maker_id/${maker_id}.html`;
resp = await DLsite.getHttpAsync(url);
data = data ? data : {};
if(resp.readyState === 4 && resp.status === 200){
let doc = new DOMParser().parseFromString(Csp.createHTML(resp.responseText), "text/html");
let name = doc.querySelector("strong.prof_maker_name");
name = name ? name.innerText : null;
data.name = name;
}
}
return data;
},
getTranslatablePromise: async function (rjCode) {
rjCode = rjCode.toUpperCase();
const result = {
translation_request_english: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_simplified_chinese:{
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_traditional_chinese:{
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_korean: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_spanish: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_german: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_french: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_indonesian: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_italian: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_portuguese: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_swedish: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_thai: {
agree: undefined,
request: undefined,
sale: undefined
},
translation_request_vietnamese: {
agree: undefined,
request: undefined,
sale: undefined
},
};
const data = await DLsite.getTranslatableApiPromise(rjCode);
if(!data.translationStatusForTranslator){
return result;
}
const map = {
translation_request_english: "ENG",
translation_request_simplified_chinese: "CHI_HANS",
translation_request_traditional_chinese: "CHI_HANT",
translation_request_korean: "KO_KR",
translation_request_spanish: "SPA",
translation_request_german: "GER",
translation_request_french: "FRE",
translation_request_indonesian: "IND",
translation_request_italian: "ITA",
translation_request_portuguese: "POR",
translation_request_swedish: "SWE",
translation_request_thai: "THA",
translation_request_vietnamese: "VIE",
};
for (let key in map) {
let lang = map[key];
let status = data.translationStatusForTranslator[lang];
if(!status){
//状况未知
continue;
}
result[key].agree = status.available;
result[key].request = status.count;
result[key].sale = status.on_sale_count;
}
return result;
},
getTranslatableApiPromise: async function (rjCode) {
//新的可用api，用于搜索作品翻译情况，但也可以获得其它信息。
rjCode = rjCode.toUpperCase();
let url = `https://www.dlsite.com/maniax/api/=/translatableProducts.json?keyword=${rjCode}`; //可以使用locale参数指定语言，但这里不需要
let resp = await DLsite.getHttpAsync(url);
let data;
if (resp.readyState === 4 && resp.status === 200) {
data = JSON.parse(resp.responseText);
}
else {
throw new Error(`无法通过API获取${rjCode}的翻译信息：${resp.status} ${resp.statusText}`);
}
//从结果中找到对应RJ号，由于关键字是RJ号的话结果一般都在第一页，所以就放弃翻页寻找了
if(data.meta && data.meta.code !== 200){
throw new Error(`无法通过API查询${rjCode}的翻译信息：${data.meta.code} - ${data.meta.errorType} - ${data.meta.errorMessage}`);
}
if(!data.data || !Array.isArray(data.data.products)){
throw new Error(`无法通过API查询${rjCode}的翻译信息：未预料到的响应格式。`);
}
for (const work of data.data.products) {
if(work.id === rjCode){
return work;
}
}
//未找到则返回空对象
return {};
},
getWorkRequestPromise: function (rjCode) {
return {
_info: undefined,
_api: undefined,
_api2: undefined,
_circle: undefined,
_translatable: undefined,
_translated_title: undefined,
get info(){
return this._info ? this._info : this._info = DLsite.getHtmlPromise(rjCode);
},
get api() {
return this._api ? this._api : this._api = DLsite.getApiPromise(rjCode);
},
get api2() {
return this._api2 ? this._api2 : this._api2 = DLsite.getApi2Promise(rjCode);
},
get circle(){
return this._circle ? this._circle : this._circle = DLsite.getCirclePromise(rjCode, this.api);
},
get translatable() {
return this._translatable ? this._translatable : this._translatable = DLsite.getTranslatablePromise(rjCode);
},
get translated_title(){
async function getter(t){
if(t._translated_title) return t._translated_title;
let api = await t.api2;
if(api.translation_info){
//api2有效
if(!api.translation_info.is_original) {
//通过再次查询获得翻译标题
api = await DLsite.getApi2Promise(rjCode, api.lang);
}
t._translated_title = api.work_name;
return t._translated_title;
}
//api2无效，通过api查询
api = await t.api;
if(!api.translation_info){
//api无效则无法获取标题（网页获取希望渺茫）
t._translated_title = null;
return null;
}
if(!api.translation_info.is_original) {
//非原作则再次查询
api = await DLsite.getApiPromise(rjCode, api.lang);
}
t._translated_title = api.work_name;
return t._translated_title;
}
return getter(this);
}
}
},
getParentWorkRjCode: function (redirectUrl){
const reg = new RegExp("(?<=product_id/)((R[JE][0-9]{8})|(R[JE][0-9]{6})|([VB]J[0-9]{8})|([VB]J[0-9]{6}))")
return redirectUrl.match(reg)[0];
}
}
function getSettingsUi() {
return {
//这一层是设置界面最顶层，编辑大标题信息
title: localize(localizationMap.title_settings),
items: [
{
//这一层是设置界面的大分类
title: localize(localizationMap.title_language_settings),
items: [
{
//这一层是设置项列表集合（使用表格呈现设置项）"
items: [
{
//这一层是设置项
type: "dropdown",
title: localize(localizationMap.display_language),
id: "lang",
ignore_reset: true,
options: [
{
title: "简体中文",
value: "zh_CN"
},
{
title: "繁體中文",
value: "zh_TW"
},
{
title: "English",
value: "en_US"
}
]
},
{
//这一层是设置项
type: "dropdown",
title: localize(localizationMap.popup_language),
id: "popup_lang",
ignore_reset: true,
tooltip: localize(localizationMap.popup_language_tooltip),
options: [
{
title: "简体中文",
value: "zh_CN"
},
{
title: "繁體中文",
value: "zh_TW"
},
{
title: "English",
value: "en_US"
}
]
}
]
}
]
},
{
//这一层是设置界面的大分类
title: localize(localizationMap.title_general_settings),
items: [
{
//这一层是设置项列表集合（使用表格呈现设置项）
items: [
{
//解析URL
type: "checkbox",
title: localize(localizationMap.parse_url),
id: "parse_url",
tooltip: localize(localizationMap.parse_url_tooltip)
},
{
//DL上解析URL
binding: {
target: "parse_url",
value: true
},
type: "checkbox",
title: localize(localizationMap.parse_url_in_dl),
id: "parse_url_in_dl",
indent: 1, //设置项缩进
tooltip: localize(localizationMap.parse_url_in_dl_tooltip)
},
{
//DL显示翻译标题
type: "checkbox",
title: localize(localizationMap.show_translated_title_in_dl),
id: "show_translated_title_in_dl",
tooltip: localize(localizationMap.show_translated_title_in_dl_tooltip)
},
{
//“复制为有效文件名”按钮
type: "checkbox",
title: localize(localizationMap.copy_as_filename_btn),
id: "copy_as_filename_btn",
tooltip: localize(localizationMap.copy_as_filename_btn_tooltip)
},
{
//**显示兼容性警告**
type: "checkbox",
title: `<strong>**${localize(localizationMap.show_compatibility_warning)}**</strong>`,
id: "show_compatibility_warning",
tooltip: localize(localizationMap.show_compatibility_warning_tooltip)
},
{
//导向文本插入方式
type: "dropdown",
title: localize(localizationMap.url_insert_mode),
id: "url_insert_mode",
tooltip: localize(localizationMap.url_insert_mode_tooltip),
options: [
{
title: localize(localizationMap.url_insert_mode_none),
value: "none"
},
{
title: localize(localizationMap.url_insert_mode_prefix),
value: "prefix"
},
{
title: localize(localizationMap.url_insert_mode_before_rj),
value: "before_rj"
}
]
},
{
type: "input",
title: localize(localizationMap.url_insert_text),
id: "url_insert_text",
indent: 1
}
]
}
]
},
{
//分类：信息显示
title: localize(localizationMap.title_info_settings),
items: [
{
//预设表格
items: [
{
type: "dropdown",
title: localize(localizationMap.category_preset),
id: "category_preset",
tooltip: localize(localizationMap.category_preset_tooltip),
ignore_reset: true, //不显示重置按钮
options: [
{
title: localize(localizationMap.work_type_voice),
value: "voice"
},
{
title: localize(localizationMap.work_type_game),
value: "game"
},
{
title: `${localize(localizationMap.work_type_comic)} / ${localize(localizationMap.work_type_illustration)} / ${localize(localizationMap.work_type_voice_comic)}`,
value: "manga"
},
{
title: localize(localizationMap.work_type_video),
value: "video"
},
{
title: localize(localizationMap.work_type_novel),
value: "novel"
},
{
title: localize(localizationMap.work_type_other),
value: "other"
}
]
}
]
},
{
//音声Preset对应的表格，注意使用Binding来决定表格是否显示
binding: {
target: "category_preset",
value: "voice"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "voice__info_display_order", //若排序则一定要指定id，该id将会存储在设置项中，作为列表记录每个元素的顺序
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "voice__circle_name", //注意这里不同的preset要改成不同的值
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "voice__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "voice__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "voice__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "voice__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "voice__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "voice__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "voice__voice_actor",
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "voice__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "voice__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "voice__file_size",
}
]
},
{
//游戏Preset对应的表格
binding: {
target: "category_preset",
value: "game"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "game__info_display_order",
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "game__circle_name",
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "game__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "game__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "game__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "game__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "game__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "game__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "game__voice_actor",
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "game__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "game__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "game__file_size",
}
]
},
{
//漫画对应preset
binding: {
target: "category_preset",
value: "manga"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "manga__info_display_order",
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "manga__circle_name",
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "manga__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "manga__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "manga__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "manga__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "manga__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "manga__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "manga__voice_actor",
tooltip: localize(localizationMap.work_type_voice_comic)
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "manga__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "manga__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "manga__file_size",
}
]
},
{
//视频对应preset
binding: {
target: "category_preset",
value: "video"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "video__info_display_order",
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "video__circle_name",
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "video__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "video__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "video__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "video__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "video__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "video__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "video__voice_actor",
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "video__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "video__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "video__file_size",
}
]
},
{
//小说对应Preset
binding: {
target: "category_preset",
value: "novel"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "novel__info_display_order",
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "novel__circle_name",
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "novel__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "novel__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "novel__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "novel__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "novel__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "novel__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "novel__voice_actor",
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "novel__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "novel__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "novel__file_size",
}
]
},
{
//其他对应Preset
binding: {
target: "category_preset",
value: "other"
},
sortable: true, //为true则代表该表格内的行可以排序
sort_id: "other__info_display_order",
items: [
{
//社团名
type: "checkbox",
title: localize(localizationMap.circle_name),
id: "other__circle_name",
},
{
//翻译者
type: "checkbox",
title: localize(localizationMap.translator_name),
id: "other__translator_name",
},
{
//发售日
type: "checkbox",
title: localize(localizationMap.release_date),
id: "other__release_date",
},
{
//更新日
type: "checkbox",
title: localize(localizationMap.update_date),
id: "other__update_date",
},
{
//年龄指定
type: "checkbox",
title: localize(localizationMap.age_rating),
id: "other__age_rating",
},
{
//剧情作者
type: "checkbox",
title: localize(localizationMap.scenario),
id: "other__scenario",
},
{
//插画作者
type: "checkbox",
title: localize(localizationMap.illustration),
id: "other__illustration",
},
{
//配音者
type: "checkbox",
title: localize(localizationMap.voice_actor),
id: "other__voice_actor",
},
{
//音乐作者
type: "checkbox",
title: localize(localizationMap.music),
id: "other__music",
},
{
//作品标签/分类
type: "checkbox",
title: localize(localizationMap.genre),
id: "other__genre",
},
{
//文件大小
type: "checkbox",
title: localize(localizationMap.file_size),
id: "other__file_size",
}
]
}
]
},
{
//分类：标签显示
title: localize(localizationMap.title_tag_settings),
items: [
{
//总开关表格
items: [
{
type: "checkbox",
title: localize(localizationMap.tag_main_switch),
tooltip: localize(localizationMap.tag_main_switch_tooltip),
id: "tag_main_switch"
}
]
},
{
//标签开关表格
binding: {
target: "tag_main_switch",
value: true
},
items: [
{
//所有的标签开关集合
type: "tag_switch",
//标签之间可以排序
sortable: true,
sort_id: "tag_display_order",
items: [
{
//作品类型
title: localize(localizationMap.tag_work_type),
id: "tag_work_type",
class: "tag-darkblue",
tooltip: `
<div class="${VOICELINK_CLASS}_tags">
<span class="${VOICELINK_CLASS}_tag-purple">${localize(localizationMap.work_type_game)}</span>
<span class="${VOICELINK_CLASS}_tag-green">${localize(localizationMap.work_type_comic)}</span>
<span class="${VOICELINK_CLASS}_tag-teal">${localize(localizationMap.work_type_illustration)}</span>
<span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_novel)}</span>
<span class="${VOICELINK_CLASS}_tag-darkblue">${localize(localizationMap.work_type_video)}</span>
<span class="${VOICELINK_CLASS}_tag-orange">${localize(localizationMap.work_type_voice)}</span>
<span class="${VOICELINK_CLASS}_tag-yellow">${localize(localizationMap.work_type_music)}</span>
<span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_tool)}</span>
<span class="${VOICELINK_CLASS}_tag-blue">${localize(localizationMap.work_type_voice_comic)}</span>
<span class="${VOICELINK_CLASS}_tag-gray">${localize(localizationMap.work_type_other)}</span>
</div>`,
},
{
//可翻译
title: localize(localizationMap.tag_translatable),
id: "tag_translatable",
class: "tag-green",
tooltip: localize(localizationMap.tag_translatable_tooltip)
},
{
//不可翻译
title: localize(localizationMap.tag_not_translatable),
id: "tag_not_translatable",
class: "tag-red",
tooltip: localize(localizationMap.tag_not_translatable_tooltip)
},
{
//翻译作品
title: localize(localizationMap.tag_translated),
id: "tag_translated",
class: "tag-teal",
tooltip: localize(localizationMap.tag_translated_tooltip)
},
{
//支持语言
title: localize(localizationMap.tag_language_support),
id: "tag_language_support",
class: "tag-pink",
tooltip: `
<div class="${VOICELINK_CLASS}_tags">
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_japanese)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_simplified_chinese)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_traditional_chinese)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_english)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_korean)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_german)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_french)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_indonesian)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_italian)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_portuguese)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_swedish)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_thai)}</span>
<span class="${VOICELINK_CLASS}_tag-pink">${localize(localizationMap.language_vietnamese)}</span>
</div>
`
},
{
//特典作品
title: localize(localizationMap.tag_bonus_work),
id: "tag_bonus_work",
class: "tag-yellow",
tooltip: localize(localizationMap.tag_bonus_work_tooltip)
},
{
//含特典
title: localize(localizationMap.tag_has_bonus),
id: "tag_has_bonus",
class: "tag-orange",
tooltip: localize(localizationMap.tag_has_bonus_tooltip)
},
{
//文件格式
title: localize(localizationMap.tag_file_format),
id: "tag_file_format",
class: "tag-darkblue",
tooltip: localize(localizationMap.tag_file_format_tooltip)
},
{
//已下架
title: localize(localizationMap.tag_no_longer_available),
id: "tag_no_longer_available",
class: "tag-gray",
},
{
//AI & 部分AI
title: localize(localizationMap.tag_ai),
id: "tag_ai",
class: "tag-purple",
tooltip: localize(localizationMap.tag_ai_tooltip)
}
]
},
]
},
{
//翻译情况显示表格
items: [
{
//翻译情况显示开关
type: "checkbox",
title: localize(localizationMap.tag_translation_request),
id: "tag_translation_request",
tooltip: localize(localizationMap.tag_translation_request_tooltip)
},
]
},
{
//翻译情况标签显示表格
binding: {
target: "tag_translation_request",
value: true
},
items: [
{
//各种翻译情况显示
type: "tag_switch",
sortable: true,
sort_id: "tag_translation_request_display_order",
items: [
{
//英语
title: `${localize(localizationMap.language_english_abbr)} 1-1`,
id: "tag_translation_request_english",
class: "tag-orange",
tooltip: localize(localizationMap.language_english)
},
{
//简体中文
title: `${localize(localizationMap.language_simplified_chinese_abbr)} 1-1`,
id: "tag_translation_request_simplified_chinese",
class: "tag-orange",
tooltip: localize(localizationMap.language_simplified_chinese)
},
{
//繁体中文
title: `${localize(localizationMap.language_traditional_chinese_abbr)} 1-1`,
id: "tag_translation_request_traditional_chinese",
class: "tag-orange",
tooltip: localize(localizationMap.language_traditional_chinese)
},
{
//韩语
title: `${localize(localizationMap.language_korean_abbr)} 1-1`,
id: "tag_translation_request_korean",
class: "tag-orange",
tooltip: localize(localizationMap.language_korean)
},
{
//西班牙语
title: `${localize(localizationMap.language_spanish_abbr)} 1-1`,
id: "tag_translation_request_spanish",
class: "tag-orange",
tooltip: localize(localizationMap.language_spanish)
},
{
//德语
title: `${localize(localizationMap.language_german_abbr)} 1-1`,
id: "tag_translation_request_german",
class: "tag-orange",
tooltip: localize(localizationMap.language_german)
},
{
//法语
title: `${localize(localizationMap.language_french_abbr)} 1-1`,
id: "tag_translation_request_french",
class: "tag-orange",
tooltip: localize(localizationMap.language_french)
},
{
//印尼语
title: `${localize(localizationMap.language_indonesian_abbr)} 1-1`,
id: "tag_translation_request_indonesian",
class: "tag-orange",
tooltip: localize(localizationMap.language_indonesian)
},
{
//意大利语
title: `${localize(localizationMap.language_italian_abbr)} 1-1`,
id: "tag_translation_request_italian",
class: "tag-orange",
tooltip: localize(localizationMap.language_italian)
},
{
//葡萄牙语
title: `${localize(localizationMap.language_portuguese_abbr)} 1-1`,
id: "tag_translation_request_portuguese",
class: "tag-orange",
tooltip: localize(localizationMap.language_portuguese)
},
{
//瑞典语
title: `${localize(localizationMap.language_swedish_abbr)} 1-1`,
id: "tag_translation_request_swedish",
class: "tag-orange",
tooltip: localize(localizationMap.language_swedish)
},
{
//泰语
title: `${localize(localizationMap.language_thai_abbr)} 1-1`,
id: "tag_translation_request_thai",
class: "tag-orange",
tooltip: localize(localizationMap.language_thai)
},
{
//越南语
title: `${localize(localizationMap.language_vietnamese_abbr)} 1-1`,
id: "tag_translation_request_vietnamese",
class: "tag-orange",
tooltip: localize(localizationMap.language_vietnamese)
}
]
}
]
}
]
}
]
};
}
class SettingPageBuilder {
constructor(structure, settings) {
this.structure = structure;
this.settings = settings;
this.container = null;
}
getClass(name) {
if(!VOICELINK_CLASS || VOICELINK_CLASS === "") return name;
return `${VOICELINK_CLASS}_${name}`;
}
build(useTemp = false) {
const f = this.structure;
let tempSettings = this.settings;
//若未要求则清空设置暂存
if(useTemp){
tempSettings = {};
for(let key in this.settings.temp_edited){
if(!key.startsWith("_s_")) continue;
tempSettings[key] = this.settings.temp_edited[key];
}
}else{
this.settings.clearTemp();
}
//创建container
const container = document.createElement("div");
container.className = this.getClass("container");
container.id = this.getClass("settings-container");
this.container = container;
//创建关闭按钮
const closeButton = document.createElement("button");
closeButton.id = this.getClass("button-close");
closeButton.innerText = "X";
closeButton.onclick = () => {
container.remove();
};
container.appendChild(closeButton);
//创建标题
const title = document.createElement("h1");
title.innerText = f.title;
container.appendChild(title);
//遍历构建Section
for(const section of f.items){
container.appendChild(this.buildSection(section));
}
//添加保存、重置按钮
const buttonContainer = document.createElement("div");
buttonContainer.className = this.getClass("button-container");
const saveButton = document.createElement("button");
saveButton.id = this.getClass("button-save");
saveButton.innerText = localize(localizationMap.button_save);
saveButton.onclick = () => {
try{
this.settings.save();
window.alert(localize(localizationMap.save_complete))
container.remove();
}catch (e){
window.alert(e);
}
};
const resetButton = document.createElement("button");
resetButton.id = this.getClass("button-reset");
resetButton.innerText = localize(localizationMap.button_reset);
resetButton.onclick = () => {
if(!window.confirm(localize(localizationMap.reset_confirm))){
return;
}
try{
// this.settings.reset();
window.alert(localize(localizationMap.reset_complete))
}catch (e) {
window.alert(e);
}
this.refreshSettings(this.settings.default_backup);
};
buttonContainer.appendChild(saveButton);
buttonContainer.appendChild(resetButton);
container.appendChild(buttonContainer);
this.initSortableElement();
this.refreshSettings(tempSettings);
return container;
};
buildSection(section){
//创建容器
const container = document.createElement("div");
container.className = this.getClass("section-container");
//创建标题
const title = document.createElement("h2");
title.innerText = section.title;
container.appendChild(title);
//遍历构建Table
for(const item of section.items){
container.appendChild(this.buildTable(item, container));
}
return container;
};
buildTable(table, section){
//创建table
const tableElement = document.createElement("table");
//创建可能存在的preset绑定
this.createBinding(table, tableElement, section);
//遍历构建Row（先把row缓存在列表里，经过排序后构建）
let rowList = [];
const nodesCache = document.createElement("div");
for(const row of table.items){
let rowElement = this.buildRow(row, nodesCache);
if(table.sortable){
this.setSortable(rowElement);
}
rowList.push(rowElement);
//存入缓存用于绑定
nodesCache.appendChild(rowElement);
}
//重置按钮行
let resetRow;
if(table.sortable){
tableElement.setAttribute("data-sort-id", table.sort_id);
this.sortSortable(rowList, table.sort_id);
//若可排序则还要添加重置按钮
if(table.ignore_reset !== true){
resetRow = document.createElement("tr");
const resetCell = document.createElement("td");
resetCell.classList.add(this.getClass("input-cell"))
resetCell.colSpan = 2;
resetCell.style.setProperty("text-align", "right", "important"); //textAlign = "right !important";
const resetButton = document.createElement("button");
resetButton.classList.add(this.getClass("button-flat"));
resetButton.title = localize(localizationMap.reset_order);
resetButton.style.setProperty("margin-right", "0", "important"); //marginRight = "0 !important";
resetButton.style.setProperty("margin-bottom", "0", "important"); //marginBottom = "0 !important";
const icon = document.createElement("span");
icon.classList.add(this.getClass("reset-btn-small"));
resetButton.appendChild(icon);
const title = document.createElement("span");
title.innerText = localize(localizationMap.reset_order);
resetButton.appendChild(title);
resetButton.onclick = () => {
if(!window.confirm(localize(localizationMap.reset_order_confirm))){
return;
}
this.reorderSortable(table.sort_id, this.settings.getDefaultValue(table.sort_id));
// tableElement.insertBefore(resetRow, tableElement.firstChild);
};
resetCell.appendChild(resetButton);
resetRow.appendChild(resetCell);
// tableElement.appendChild(resetRow);
}
}
rowList.forEach((row) => {
tableElement.appendChild(row);
});
if(resetRow){
tableElement.appendChild(resetRow);
}
return tableElement;
};
buildRow(row, table){
//创建row
let rowElement = document.createElement("tr");
//根据类型创建内容
switch (row.type) {
case "checkbox":
rowElement = this.createToggleRow(row);
break;
case "dropdown":
rowElement = this.createDropdownRow(row);
break;
case "input":
rowElement = this.createInputRow(row);
break;
case "tag_switch":
rowElement = this.createTagSwitchRow(row);
break;
default:
console.error(`Unknown row type: ${row.type}`);
break;
}
//设置Binding
if(row.binding){
this.createBinding(row, rowElement, table)
}
rowElement.classList.add(this.getClass("setting"));
if(row.id){
rowElement.setAttribute("data-id", row.id);
}
return rowElement;
};
createToggleRow(row){
//创建Row
const rowElement = document.createElement("tr");
if(row.indent) {
rowElement.classList.add(this.getClass(`indent-${row.indent}`));
}
//创建设置项标题
const titleCell = document.createElement("td");
titleCell.className = this.getClass("tooltip");
const title = document.createElement("span");
title.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
title.innerHTML = Csp.createHTML(row.title);
titleCell.appendChild(title);
if(row.tooltip) {
const tooltip = document.createElement("span");
tooltip.className = this.getClass("tooltip-text");
tooltip.innerHTML = Csp.createHTML(row.tooltip);
titleCell.appendChild(tooltip);
}
//创建开关和重置按钮
const settingId = `_s_${row.id}`;
const inputCell = document.createElement("td");
inputCell.classList.add(this.getClass("input-cell"));
const inputContainer = document.createElement("div");
inputContainer.classList.add(this.getClass("toggle-container"));
inputCell.appendChild(inputContainer);
//创建开关
const input = document.createElement("input");
input.type = "checkbox";
input.id = this.getClass(row.id);
input.name = input.id;
// inputCell.appendChild(input);
inputContainer.appendChild(input);
const label = document.createElement("label");
label.classList.add(this.getClass("toggle"));
label.setAttribute("for", input.id);
const hidden = document.createElement("span");
hidden.classList.add(this.getClass("hidden"));
hidden.innerHTML = Csp.createHTML(row.title);
label.appendChild(hidden);
// inputCell.appendChild(label);
inputContainer.appendChild(label);
//创建重置按钮
if(row.ignore_reset !== true){
const defaultValue = this.settings.getDefaultValue(settingId);
const resetButton = document.createElement("button");
resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
resetButton.title = localize(localizationMap.button_reset);
resetButton.onclick = () => {
input.checked = defaultValue === true;
input.dispatchEvent(new Event("change"));
};
// inputCell.insertBefore(resetButton, inputCell.firstChild);
inputContainer.insertBefore(resetButton, inputContainer.firstChild);
input.addEventListener("change", () => {
//决定是否显示重置按钮
resetButton.style.setProperty("display", input.checked === defaultValue ? "none" : "inline-block", "important"); //display = input.checked === defaultValue ? "none" : "inline-block";
});
}
//监听器都创建好了再设置初始值
input.addEventListener("change", () => {
//更新到暂存设置
this.settings.saveTemp(settingId, input.checked);
})
input.checked = this.settings[settingId] === true;
input.dispatchEvent(new Event("change"));
rowElement.appendChild(titleCell);
rowElement.appendChild(inputCell);
return rowElement;
};
createDropdownRow(row){
const rowElement = document.createElement("tr");
if(row.indent) {
rowElement.classList.add(this.getClass(`indent-${row.indent}`));
}
const titleCell = document.createElement("td");
titleCell.className = this.getClass("tooltip");
const label = document.createElement("label");
label.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
label.setAttribute("for", this.getClass(row.id));
label.innerHTML = Csp.createHTML(row.title);
titleCell.appendChild(label);
if(row.tooltip) {
const tooltip = document.createElement("span");
tooltip.className = this.getClass("tooltip-text");
tooltip.innerHTML = Csp.createHTML(row.tooltip);
titleCell.appendChild(tooltip);
}
const inputCell = document.createElement("td");
inputCell.classList.add(this.getClass("input-cell"));
const select = document.createElement("select");
select.className = this.getClass("ignore-drag");
select.id = this.getClass(row.id);
select.name = select.id;
for(const item of row.options){
const option = document.createElement("option");
option.value = item.value;
option.innerText = item.title;
select.appendChild(option);
}
inputCell.appendChild(select);
//创建重置按钮
const settingId = `_s_${row.id}`;
if(row.ignore_reset !== true){
const defaultValue = this.settings.getDefaultValue(settingId);
const resetButton = document.createElement("button");
resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
resetButton.title = localize(localizationMap.button_reset);
resetButton.onclick = () => {
select.value = defaultValue;
select.dispatchEvent(new Event("change"));
};
inputCell.insertBefore(resetButton, inputCell.firstChild);
select.addEventListener("change", () => {
//决定是否显示重置按钮
resetButton.style.setProperty("display", select.value === defaultValue ? "none" : "inline-block", "important"); //display = select.value === defaultValue ? "none" : "inline-block";
});
}
//监听器都创建好了再设置初始值
select.addEventListener("change", () => {
//更新到暂存设置
this.settings.saveTemp(settingId, select.value);
})
select.value = this.settings[settingId];
select.dispatchEvent(new Event("change"));
rowElement.appendChild(titleCell);
rowElement.appendChild(inputCell);
return rowElement;
};
createInputRow(row){
const rowElement = document.createElement("tr");
if(row.indent) {
rowElement.classList.add(this.getClass(`indent-${row.indent}`));
}
const titleCell = document.createElement("td");
titleCell.className = this.getClass("tooltip");
const label = document.createElement("label");
label.className = this.getClass("row-title") + " " + this.getClass("ignore-drag");
label.setAttribute("for", this.getClass(row.id));
label.innerHTML = Csp.createHTML(row.title);
titleCell.appendChild(label);
if(row.tooltip) {
const tooltip = document.createElement("span");
tooltip.className = this.getClass("tooltip-text");
tooltip.innerHTML = Csp.createHTML(row.tooltip);
titleCell.appendChild(tooltip);
}
const inputCell = document.createElement("td");
inputCell.classList.add(this.getClass("input-cell"));
const input = document.createElement("input");
input.type = "text";
input.id = this.getClass(row.id);
input.name = input.id;
inputCell.appendChild(input);
//创建重置按钮
const settingId = `_s_${row.id}`;
if(row.ignore_reset !== true){
const defaultValue = this.settings.getDefaultValue(settingId);
const resetButton = document.createElement("button");
resetButton.className = this.getClass("reset-btn-small") + " " + this.getClass("ignore-drag");
resetButton.title = localize(localizationMap.button_reset);
resetButton.onclick = () => {
input.value = defaultValue;
input.dispatchEvent(new Event("change"));
};
inputCell.insertBefore(resetButton, inputCell.firstChild);
input.addEventListener("change", () => {
//决定是否显示重置按钮
resetButton.style.setProperty("display", input.value === defaultValue ? "none" : "inline-block", "important"); //display = input.value === defaultValue ? "none" : "inline-block";
});
}
//监听器都创建好了再设置初始值
input.addEventListener("change", () => {
//更新到暂存设置
this.settings.saveTemp(settingId, input.value);
})
input.value = this.settings[settingId];
input.dispatchEvent(new Event("change"));
rowElement.appendChild(titleCell);
rowElement.appendChild(inputCell);
return rowElement;
};
createTagSwitchRow(row){
const rowElement = document.createElement("tr");
if(row.indent) {
rowElement.classList.add(this.getClass(`indent-${row.indent}`));
}
const tagCell = document.createElement("td");
tagCell.colSpan = 2;
//用内部容器再次包裹标签，保证重置按钮的位置
const tagContainer = document.createElement("div");
tagContainer.className = this.getClass("tags");
tagCell.appendChild(tagContainer);
const tagList = [];
for(const tag of row.items){
const tagSpan = document.createElement("label");
tagSpan.classList.add(this.getClass(tag["class"]));
tagSpan.innerText = tag.title;
tagSpan.setAttribute("for", this.getClass(tag.id));
tagSpan.setAttribute("data-id", tag.id);
this.setSortable(tagSpan);
//添加switch
const settingId = `_s_${tag.id}`;
const switchInput = document.createElement("input");
switchInput.style.setProperty("display", "none", "important"); //display = "none !important";
switchInput.type = "checkbox";
switchInput.id = this.getClass(tag.id);
switchInput.name = switchInput.id;
switchInput.addEventListener("change", (event) => {
if(event.target.checked) {
tagSpan.classList.remove(this.getClass("tag-off"));
}else if(!tagSpan.classList.contains(this.getClass("tag-off"))) {
tagSpan.classList.add(this.getClass("tag-off"));
}
//更新到暂存设置
this.settings.saveTemp(settingId, switchInput.checked);
})
switchInput.checked = this.settings[`_s_${tag.id}`] === true;
switchInput.dispatchEvent(new Event("change"));
tagSpan.classList.toggle(this.getClass("tag-off"), !switchInput.checked);
tagSpan.appendChild(switchInput);
if(tag.tooltip) {
tagSpan.classList.add(this.getClass("tooltip"));
const tooltip = document.createElement("span");
tooltip.className = this.getClass("tooltip-text");
tooltip.innerHTML = Csp.createHTML(tag.tooltip);
tagSpan.appendChild(tooltip);
}
tagList.push(tagSpan);
}
if(row.sortable){
tagContainer.setAttribute("data-sort-id", row.sort_id);
this.sortSortable(tagList, row.sort_id);
//添加排列重置按钮
if(row.ignore_reset !== true){
const resetOrderButton = document.createElement("button");
resetOrderButton.classList.add(this.getClass("button-flat"));
resetOrderButton.title = localize(localizationMap.button_reset);
resetOrderButton.onclick = () => {
if(!window.confirm(localize(localizationMap.reset_order_confirm))){
return;
}
this.reorderSortable(row.sort_id, this.settings.getDefaultValue(row.sort_id));
};
const icon = document.createElement("span");
icon.classList.add(this.getClass("reset-btn-small"));
resetOrderButton.appendChild(icon);
const title = document.createElement("span");
title.innerText = localize(localizationMap.reset_order);
resetOrderButton.appendChild(title);
tagCell.appendChild(resetOrderButton);
// tagCell.insertBefore(resetOrderButton, tagCell.firstChild);
}
}
//添加设置重置按钮
if(row.ignore_reset !== true){
const resetSettingsButton = document.createElement("button");
resetSettingsButton.classList.add(this.getClass("button-flat"));
resetSettingsButton.title = localize(localizationMap.button_reset);
resetSettingsButton.onclick = () => {
if(!window.confirm(localize(localizationMap.reset_confirm))){
return;
}
for (const item of row.items) {
let tag = tagContainer.querySelector("#" + this.getClass(item.id));
if(!tag) continue;
tag.checked = this.settings.getDefaultValue(item.id);
tag.dispatchEvent(new Event("change"));
}
};
const icon = document.createElement("span");
icon.classList.add(this.getClass("reset-btn-small"));
resetSettingsButton.appendChild(icon);
const title = document.createElement("span");
title.innerText = localize(localizationMap.button_reset);
resetSettingsButton.appendChild(title);
tagCell.appendChild(resetSettingsButton);
// tagCell.insertBefore(resetOrderButton, tagCell.firstChild);
}
tagList.forEach((tag) => {
tagContainer.appendChild(tag);
});
rowElement.appendChild(tagCell);
return rowElement;
};
createBinding(data, element, section){
if(!data.binding || !this.container) return;
const binding = data.binding;
const target = section.querySelector("#" + this.getClass(binding.target));
if(!target) return;
let showState = "unset";
switch (element.nodeName){
case "TABLE":
showState = "table";
break;
case "TR":
showState = "table-row";
break;
}
target.addEventListener("change", (event) => {
const value = event.target.value;
const checked = event.target.checked;
element.style.setProperty("display", value === binding.value || checked === binding.value ? showState : "none", "important"); //display = value === binding.value || checked === binding.value ? showState : "none";
});
element.style.setProperty("display", target.value === binding.value || target.checked === binding.value ? showState : "none", "important"); //display = target.value === binding.value || target.checked === binding.value ? showState : "none";
};
sortSortable(sortList, sortId, orderList){
orderList = orderList ? orderList : this.settings[`_s_${sortId}`];
if(!orderList) return;
for (let i = 0; i < orderList.length; ++i) {
for (let j = 0; j < sortList.length; ++j){
if(orderList[i] === sortList[j].getAttribute("data-id")) {
let tmp = sortList[i];
sortList[i] = sortList[j];
sortList[j] = tmp;
break;
}
}
}
};
setSortable(ele){
ele.classList.add(this.getClass("sortable"));
};
refreshSettings(settings) {
//刷新设置项值的展示情况（保持input值和设置中的实际值一致）
//清空设置暂存
this.settings.clearTemp();
settings = settings ? settings : this.settings;
//刷新设置项
for(const key in settings){
if(!key.startsWith("_s_")) continue;
const targetId = this.getClass(key.substring(3));
if(settings[key] && Array.isArray(settings[key])){
//可能是排序对象，先搜索排序目标，搜不到再按默认值处理
if(this.reorderSortable(key.substring(3), settings[key])) continue;
}
//非排序对象
const target = this.container.querySelector("#" + targetId);
if(!target) continue;
if(target.tagName === "INPUT") {
if(target.type === "checkbox") {
target.checked = settings[key] === true;
}else{
target.value = settings[key];
}
}else if(target.tagName === "SELECT") {
target.value = settings[key];
}
if(key === "_s_lang") continue;
target.dispatchEvent(new Event("change"));
}
};
reorderSortable(sort_id, orderList) {
const target = this.container.querySelector(`*[data-sort-id="${sort_id}"]`);
if(target) {
let list = [...target.children];
this.sortSortable(list, sort_id, orderList);
for(let i = 0; i < list.length; ++i) {
target.removeChild(list[i]);
}
for(let i = 0; i < list.length; ++i) {
target.appendChild(list[i]);
}
this.settings.saveTemp(sort_id, list.map(ele => ele.getAttribute("data-id")).filter(val => val && val !== ""));
return true;
}
return false;
}
initSortableElement() {
//初始化排序组件
const sortableGroups = this.container.querySelectorAll(`.${this.getClass('sortable')}`);
sortableGroups.forEach(group => {
new Sortable(group, group.parentElement.getAttribute("data-sort-id"), this.settings);
});
};
}
class Sortable {
constructor(element, sort_id, settings, options) {
this.element = element;
this.options = options;
this.sortId = sort_id;
this.settings = settings;
this.dragging = null;
if(!sort_id) {
throw new Error("sort_id is required");
}
this.init();
}
getClass(name) {
if(!VOICELINK_CLASS || VOICELINK_CLASS === "") return name;
return `${VOICELINK_CLASS}_${name}`;
}
init() {
this.element.addEventListener('mousedown', this.onMouseDown.bind(this));
document.addEventListener('mousemove', this.onMouseMove.bind(this));
document.addEventListener('mouseup', this.onMouseUp.bind(this));
}
onMouseDown(event) {
if(event.target.nodeName === "INPUT" || event.target.classList.contains(this.getClass("toggle")) || event.target.classList.contains(this.getClass("ignore-drag"))) return;
if (event.target.closest(`.${this.getClass('sortable')}`)) {
this.dragging = event.target.closest(`.${this.getClass('sortable')}`);
this.dragging.classList.add(this.getClass('dragging'));
}
}
onMouseMove(event) {
if (this.dragging) {
event.preventDefault();
try{
let sibling = document.elementFromPoint(event.clientX, event.clientY).closest(`.${this.getClass('sortable')}`);
if (sibling && sibling !== this.dragging) {
this.element.parentNode.insertBefore(this.dragging, sibling.nextSibling === this.dragging ? sibling : sibling.nextSibling);
//暂存当前顺序
const order = [...this.element.parentNode.children].map(item => item.getAttribute("data-id")).filter(item => item || item === "");
this.settings.saveTemp(this.sortId, order);
}
}catch (e) {
console.error(e)
}
}
}
onMouseUp(event) {
if (this.dragging) {
this.dragging.classList.remove(this.getClass('dragging'));
this.dragging = null;
}
}
}
const SettingsPopup = {
showPopup(useTemp = false) {
let uiBuilder = new SettingPageBuilder(getSettingsUi(), settings);
let ui = uiBuilder.build(useTemp);
const displayLangElement = ui.querySelector(`#${VOICELINK_CLASS}_lang`);
displayLangElement.addEventListener("change", e => {
settings._s_lang = displayLangElement.value;
GM_setValue("lang", settings._s_lang);
ui.remove();
SettingsPopup.showPopup(true);
});
document.body.appendChild(ui);
}
};
let isInit = false;
let observing = false;
function init () {
if(!isInit) {
const style = document.createElement("style");
style.innerHTML = Csp.createHTML(POPUP_CSS + SETTINGS_CSS);
document.head.appendChild(style);
// SettingsPopup.getPopup()
GM_registerMenuCommand("Settings", () => SettingsPopup.showPopup())
GM_registerMenuCommand("Notice", () => showUpdateNotice(true))
document.addEventListener("securitypolicyviolation", function (e) {
if (e.blockedURI.includes("img.dlsite.jp")) {
const img = document.querySelector(`img[src="${e.blockedURI}"]`);
img.remove();
const imgContainer = Popup.popupElement.img.container;
if(imgContainer){
imgContainer.style.setProperty("display", "none", "important"); //display = "none !important";
Popup.hideImg = true;
}
}
});
isInit = true;
}
if(!document.body || observing){
return;
}
Parser.walkNodes(document.body);
Popup.makePopup(false);
const observer = new MutationObserver(function (m) {
for (let i = 0; i < m.length; ++i) {
let addedNodes = m[i].addedNodes;
let removedNodes = m[i].removedNodes;
for (let j = 0; j < removedNodes.length; ++j){
let node = removedNodes[j];
}
for (let j = 0; j < addedNodes.length; ++j) {
Parser.walkNodes(addedNodes[j]);
}
}
});
observer.observe(document.body, { childList: true, subtree: true})
setUserSelectTitle();
//显示重要通知
showUpdateNotice();
observing = true;
}
document.addEventListener("DOMContentLoaded", init);
function showUpdateNotice(force = false) {
const firstTimeToken = 104;
if(GM_getValue("first_token", undefined) === firstTimeToken && !force){
return;
}
let popup = document.createElement("div");
popup.style = `
position: fixed;
width: 60%;
max-width: 800px;
height: auto;
margin: 20px auto;
padding: 10px;
left: 0;
right: 0;
top: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 999;
border-radius: 10px;
border: 2px solid gray`;
popup.innerHTML = Csp.createHTML(`
<h1 style="text-indent: 0; color: black;">Notice from VoiceLinks</h1>
<p>
<strong><span style="font-size:14px;">重大更新，添加大量自定义设置，部分原有设置被重置，请打开<a data-link="settings">设置</a>界面重新设置。</span></strong>
</p>
<p>
<strong><span style="font-size:14px;">A large number of custom settings have been added, and some original settings have been reset. Please open the <a data-link="settings">settings</a> interface to set up.</span></strong>
</p>
<p>
<br />
</p>
<p>
具体更新：
</p>
<p>
- <strong>设置界面完全重构</strong>，并增加大量可设置项，包括<strong>自定义信息的显示情况与显示顺序</strong>
</p>
<p>
- 使用<strong>标签</strong>来标记额外的作品信息
</p>
<p>
- 现在可以查看<strong>翻译申请情况</strong>了
</p>
<input style="font-size: 16px; text-align: center; width: 100%; padding: 5px 10px" type="button" value="OK">
`);
popup.querySelectorAll("a[data-link=settings]").forEach(link => {
link.style.color = "blue !important";
link.style.cursor = "pointer !important";
link.style.textDecoration = "underline !important";
link.addEventListener("click", function () {
SettingsPopup.showPopup();
})
})
popup.querySelector("input[type=button][value=OK]").addEventListener("click", function(){
popup.remove();
GM_setValue("first_token", firstTimeToken);
})
document.body.appendChild(popup);
}
//Deal with Trusted Types
let Csp = {
createHTML: (str) => str
};
if(window.isSecureContext === true && trustedTypes){
Csp = trustedTypes.createPolicy(
trustedTypes.defaultPolicy ? "VoiceLinkTrustedTypes" : "VoiceLinkTrustedTypes",
Csp);
}
init();
})();