├── .gitattributes
├── LICENSE
├── README.md
└── src
    ├── frontend
        ├── assets
        │   ├── components
        │   │   ├── ContextMenu.css
        │   │   ├── ContextMenu.js
        │   │   ├── LocalFolderExtension.js
        │   │   ├── PublicConfig.js
        │   │   ├── SimAP.css
        │   │   ├── SimAP.js
        │   │   ├── SimLRC.css
        │   │   ├── SimLRC.js
        │   │   ├── SimProgress.css
        │   │   ├── SimProgress.js
        │   │   ├── dialog.css
        │   │   ├── dialog.html
        │   │   ├── dialog.js
        │   │   ├── marked.min.js
        │   │   ├── modal-eq.html
        │   │   ├── modal-update.html
        │   │   ├── modal.css
        │   │   ├── require.js
        │   │   ├── shutdown.html
        │   │   ├── webview.css
        │   │   └── webview.html
        │   ├── font-bold.woff2
        │   ├── font.woff2
        │   ├── icon-blue.png
        │   ├── icon-error.svg
        │   ├── icon-grey.svg
        │   ├── icon.woff2
        │   ├── logo.svg
        │   ├── main.css
        │   ├── main.js
        │   ├── misc
        │   │   ├── recommend-musictag.png
        │   │   ├── recommend-salt.png
        │   │   ├── recommend-vnimusic.png
        │   │   ├── taskbar-next.png
        │   │   ├── taskbar-pause.png
        │   │   ├── taskbar-play.png
        │   │   ├── taskbar-prev.png
        │   │   └── text.png
        │   ├── placeholder.svg
        │   └── windowsicon.ttf
        ├── lrc.html
        └── main.html
    ├── main.js
    └── package.json


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # SimMusic 2024
 2 | 高颜值插件化音频播放器。
 3 | 
 4 | ## ✏️ 相关说明
 5 | 1. 因维护者学业原因，开学后项目将缓慢更新，Issue 处理时间亦会有所延长，烦请理解，仍欢迎各位随时提出问题反馈或功能建议。
 6 | 2. 此 Repo 为 Windows 端仓库，Linux 用户请右转 [SimMusic2024-Linux](https://github.com/Simsv-Software/SimMusic2024-Linux) 使用官方的 Linux 适配版（ Special thanks to [@XIAYM-gh](https://github.com/XIAYM-gh) ）。
 7 | 
 8 | ## 🔗 帮助文档
 9 | - <a href="https://docs.simsv.com/sim-music/user-guide.html">📄 SimMusic 用户指南</a>
10 | - <a href="https://docs.simsv.com/sim-music/ext-index.html">🧩 SimMusic 扩展索引</a>
11 | - <a href="https://docs.simsv.com/sim-music/dev-docs.html">🧑‍💻 SimMusic 开发者参考</a>
12 | 
13 | ## ✨ 特色介绍
14 | ![Features](https://github.com/user-attachments/assets/2285413f-51d9-406f-a473-65eab79fa794)
15 | ![Features](https://github.com/user-attachments/assets/57a55928-ced3-482d-bb02-6a5fd5eb3698)
16 | ![Features](https://github.com/user-attachments/assets/b5ea101e-07f9-464c-aff3-c677ecdf1a69)
17 | ![Features](https://github.com/user-attachments/assets/5066b893-9884-4ba8-9a38-20abe568d61d)
18 | 
19 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/ContextMenu.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .context-menu {
 3 |     position: absolute;
 4 |     background-color: rgb(255 255 255 / .9);
 5 |     backdrop-filter: blur(15px);
 6 |     top: 22px;
 7 |     width: fit-content;
 8 |     z-index: 9;
 9 |     box-shadow: rgb(0 0 0 / .06) 0 10px 15px, rgb(0 0 0 / .06) 0 0 15px;
10 |     border: solid 1px rgb(0 0 0 / .05);
11 |     border-radius: 5px;
12 |     padding: 5px 0;
13 |     transition: opacity .15s;
14 |     opacity: 0;
15 | }
16 | .context-menu .item {
17 |     position: relative;
18 |     padding: 4px 24px 5px 12px;
19 |     font-size: 14px;
20 |     background-color: transparent;
21 |     color: #000;
22 |     white-space: nowrap;
23 | }
24 | .context-menu .item::before {
25 | 	font-family: 'icon';
26 | 	width: 20px;
27 | 	display: inline-block;
28 | 	content: var(--icon);
29 | 	color: rgba(0,0,0,.8);
30 | }
31 | .context-menu .item:hover, .context-menu .item-focused {
32 |     background-color: rgba(0,0,0,.05);
33 | }
34 | .context-menu .item:not(.sub):active {
35 |     opacity: .8;
36 |     background-color: rgba(0,0,0,.05);
37 | }
38 | .context-menu .separator {
39 |     margin: 5px 0;
40 |     border: none;
41 |     border-top: solid 1px rgb(0 0 0 / .05);
42 | }
43 | .context-menu .disabled {
44 |     color: black !important;
45 |     background-color: transparent !important;
46 |     opacity: .5 !important;
47 | }
48 | 
49 | .context-menu .sub {
50 |     padding-right: 40px;
51 | }
52 | .context-menu .sub::after {
53 |     content: "\eab6";
54 |     font-family: 'windowsicon';
55 |     font-size: 16px;
56 |     position: absolute;
57 |     right: 6px;
58 |     top: 50%;
59 |     transform: translateY(-50%);
60 | 	opacity:.8;
61 | }
62 | 
63 | #context-menu-mask {
64 |     position: fixed;
65 |     left: 0;
66 |     top: 0;
67 |     height: 100%;
68 |     width: 100%;
69 |     z-index: 1919810;
70 | }


--------------------------------------------------------------------------------
/src/frontend/assets/components/ContextMenu.js:
--------------------------------------------------------------------------------
  1 | class ContextMenu {
  2 |     dom;
  3 |     isSubmenu;
  4 |     submenuShowTimer = null;
  5 |     submenuRemoveTimer = null;
  6 | 
  7 |     constructor(items, { isSubmenu, parentItem } = {}) {
  8 |         this.isSubmenu = isSubmenu;
  9 |         this.dom = document.createElement("div");
 10 |         this.dom.classList.add("context-menu");
 11 |         this.dom.addEventListener("mousedown", (evt) => {
 12 |             evt.stopPropagation();
 13 |         });
 14 |         this.dom.addEventListener("mouseenter", () => {
 15 |             if (isSubmenu) {
 16 |                 parentItem.classList.add("item-focused");
 17 |             }
 18 |             else {
 19 |                 for (let i = 0; i < this.dom.getElementsByClassName("item-focused").length; i += 1) {
 20 |                     this.dom.getElementsByClassName("item-focused")[i].classList.remove("item-focused");
 21 |                     i -= 1;
 22 |                 }
 23 |             }
 24 |         });
 25 | 
 26 |         for (let item of items) {
 27 |             if (!item) {
 28 |                 continue;
 29 |             }
 30 |             let d;
 31 |             if (item.label) {
 32 |                 d = document.createElement("div");
 33 |                 d.classList.add("item");
 34 |                 d.textContent = item.label;
 35 | 				d.style.setProperty("--icon", item.icon ? `'\\${item.icon}'` : "");
 36 |                 if (item.submenu) {
 37 |                     if (item.submenu.length == 0) {
 38 |                         item.submenu = [{
 39 |                             label: "（空）",
 40 |                             disabled: true
 41 |                         }];
 42 |                     }
 43 |                     d.classList.add("sub");
 44 |                     d.addEventListener("mouseenter", () => {
 45 |                         let submenu = new ContextMenu(item.submenu, {
 46 |                             isSubmenu: true,
 47 |                             parentItem: d
 48 |                         });
 49 |                         this.submenuShowTimer && clearTimeout(this.submenuShowTimer);
 50 |                         this.submenuShowTimer = setTimeout(() => {
 51 |                             if (this.dom.nextElementSibling) {
 52 |                                 this.dom.nextElementSibling.remove();
 53 |                             }
 54 |                             submenu.popup([
 55 |                                 this.dom.offsetLeft + d.offsetLeft + d.clientWidth - 2,
 56 |                                 this.dom.offsetTop + d.offsetTop - 7,
 57 |                             ], [d.clientWidth - 4, -d.clientHeight - 9]);
 58 |                         }, 250);
 59 |                     });
 60 |                     d.addEventListener("mouseleave", () => {
 61 |                         this.submenuShowTimer && clearTimeout(this.submenuShowTimer);
 62 |                         if (!this.dom.nextElementSibling) {
 63 |                             return;
 64 |                         }
 65 |                         this.submenuRemoveTimer && clearTimeout(this.submenuRemoveTimer);
 66 |                         this.submenuRemoveTimer = setTimeout(() => {
 67 |                             if (this.dom.nextElementSibling) {
 68 |                                 this.dom.nextElementSibling.remove();
 69 |                             }
 70 |                         }, 200);
 71 |                         this.dom.nextElementSibling.addEventListener("mouseenter", () => {
 72 |                             this.submenuRemoveTimer && clearTimeout(this.submenuRemoveTimer);
 73 |                         });
 74 |                     });
 75 |                 }
 76 |                 if (item.click) {
 77 |                     d.addEventListener("click", () => {
 78 |                         this.dom.parentElement.remove();
 79 |                         setTimeout(() => {
 80 |                             item.click();
 81 |                         }, 100);
 82 |                     });
 83 |                 }
 84 |                 if (item.disabled) {
 85 |                     d.classList.add("disabled");
 86 |                 }
 87 |             }
 88 |             else if (item.type == "separator") {
 89 |                 d = document.createElement("hr");
 90 |                 d.classList.add("separator");
 91 |             }
 92 |             this.dom.appendChild(d);
 93 |         }
 94 |     };
 95 | 
 96 |     popup([x, y], [offsetX, offsetY] = [0, 0]) {
 97 |         let maskDom = document.getElementById("context-menu-mask");
 98 |         if (!maskDom) {
 99 |             if (this.isSubmenu) {
100 |                 return;
101 |             }
102 |             maskDom = document.createElement("div");
103 |             maskDom.id = "context-menu-mask";
104 |             maskDom.addEventListener("mousedown", function (evt) {
105 |                 if (evt.button == 0) {
106 |                     this.remove();
107 |                 }
108 |             });
109 |             maskDom.addEventListener("mousedown", function () {
110 |                 this.remove();
111 |             });
112 |             document.body.appendChild(maskDom);
113 |         }
114 |         maskDom.appendChild(this.dom);
115 | 
116 |         this.dom.style.left = `${(x + this.dom.clientWidth < window.innerWidth) ? x : x - this.dom.clientWidth - offsetX}px`;
117 |         this.dom.style.top = `${(y + this.dom.clientHeight < window.innerHeight) ? y : y - this.dom.clientHeight - offsetY}px`;
118 | 
119 |         setTimeout(() => {
120 |             this.dom.style.opacity = "1";
121 |         }, 100);
122 |     };
123 | };
124 | 
125 | function closeContextMenu() {
126 |     let maskDom = document.getElementById("context-menu-mask");
127 |     if (maskDom) {
128 |         maskDom.remove();
129 |     }
130 | };
131 | window.addEventListener("resize", closeContextMenu);
132 | window.addEventListener("blur", closeContextMenu);


--------------------------------------------------------------------------------
/src/frontend/assets/components/LocalFolderExtension.js:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 |  * SimMusic 内置本地音乐加载器
  4 |  * 亦可用作扩展开发示例以添加其他音乐源
  5 |  * 若无特殊说明，基本所有的file变量格式都是“scheme: + <id>”，自己开发时候请不要忘了添加scheme:前缀
  6 |  */
  7 | 
  8 | 
  9 | /**************** 基础配置 ****************/
 10 | // 当没有config.setItem时，调用config.getItem会返回defaultConfig中的值
 11 | defaultConfig["folderLists"] = [];
 12 | 
 13 | 
 14 | /**************** 工具函数 ****************/
 15 | // 这些函数是插件自己需要的函数，个人推荐const一个object然后都用它存放，防止和主程序内置函数名冲突
 16 | const FileExtensionTools = {
 17 | 	scanMusic(directory) {
 18 | 		try {
 19 | 			const supportedExtensions = config.getItem("musicFormats").split(" ");
 20 | 			let list = [];
 21 | 			fs.readdirSync(directory).forEach(file => {
 22 | 				const fullPath = path.join(directory, file);
 23 | 				if (fs.statSync(fullPath).isDirectory()) {
 24 | 					list = list.concat(this.scanMusic(fullPath));
 25 | 				} else {
 26 | 					const ext = path.extname(fullPath).toLowerCase();
 27 | 					if (supportedExtensions.includes(ext)) {
 28 | 						// 请务必以插件定义的“scheme:”开头，不然扫描元数据和获取播放链接的时候不知道问哪个插件调方法
 29 | 						// 后面的随意，例如在线歌曲可以使用“xxmusic:114514”，用歌曲id来，你喜欢就好
 30 | 						// 一首歌的内部id应该是唯一的（用于播放和元数据索引），不然歌曲索引的时候会重复请求数据，消耗无意义的资源
 31 | 						list.push("file:" + fullPath);
 32 | 					}
 33 | 				}
 34 | 			});
 35 | 			return list;
 36 | 		} catch { return []; }
 37 | 	},
 38 | 	formatTime(ms) {
 39 | 		const totalSeconds = Math.floor(ms / 1000);
 40 | 		const minutes = Math.floor(totalSeconds / 60);
 41 | 		const seconds = totalSeconds % 60;
 42 | 		const milliseconds = ms % 1000;
 43 | 		const formattedMinutes = minutes.toString().padStart(2, '0');
 44 | 		const formattedSeconds = seconds.toString().padStart(2, '0');
 45 | 		const formattedMilliseconds = milliseconds.toString();
 46 | 	  	return `${formattedMinutes}:${formattedSeconds}.${formattedMilliseconds}`;
 47 | 	},
 48 | 	fileMenuItem: [
 49 | 		{type: ["single"], content: { label: "在资源管理器显示", icon: "ED8A", click() {shell.showItemInFolder(getCurrentSelected()[0])} }}
 50 | 	]
 51 | }
 52 | 
 53 | 
 54 | 
 55 | /**************** 左侧导航 ****************/
 56 | // 如果你懒，这个字段可以不写，这样插件就没有左侧导航功能（你可以参考下面的写搜索功能）
 57 | ExtensionConfig.file.musicList = {
 58 | 	// 这个函数用于处理用户点击歌单“加号”的事件
 59 | 	// 如果没有（例如你的插件是自动同步一个用户的所有歌单），可以不写，这样加号图标就不会显示
 60 | 	add(callback) {
 61 | 		// 这里自己实现添加逻辑，简单输入可直接调内置的 prompt(placeholder:str, callback:function) 方法
 62 | 		ipcRenderer.invoke("pickFolder")
 63 | 		.then(dir => {
 64 | 			if (!dir || !dir[0]) return;
 65 | 			dir = dir[0].trim().replaceAll("/", "\\");
 66 | 			// 内置config读取可用getItem
 67 | 			const lists = config.getItem("folderLists");
 68 | 			// 由于数据格式由开发者自行定义，重复导入 & 其他错误需要开发者自行处理
 69 | 			if (dir.split("\\").length == 2 && !dir.split("\\")[1]) return alert("您不能导入磁盘根目录。");
 70 | 			if (lists.includes(dir)) return alert("此目录已被添加到目录列表中。");
 71 | 			lists.push(dir);
 72 | 			// 内置config写入可用setItem
 73 | 			config.setItem("folderLists", lists);
 74 | 			// 导入成功后需开发者自行调用callback以更新左侧显示内容（必须），switchList以打开刚才导入的歌单（可选）
 75 | 			callback();
 76 | 			ExtensionConfig.file.musicList.switchList(dir);
 77 | 		});
 78 | 	},
 79 | 	// 这个函数用于渲染左侧的歌单列表
 80 | 	renderList(container) {
 81 | 		const lists = config.getItem("folderLists");
 82 | 		lists.forEach(name => {
 83 | 			const splitted = name.split("\\");
 84 | 			const folderName = splitted[splitted.length - 1];
 85 | 			// 创建一个div即可，可以不需要有类名
 86 | 			const element = document.createElement("div");
 87 | 			element.textContent = folderName;
 88 | 			element.dataset.folderName = name;
 89 | 			// 处理点击，一般直接switchList即可
 90 | 			element.onclick = () => {this.switchList(name);};
 91 | 			// 创建右键菜单，具体使用方法参考 zhujin917/3sqrt7-context-menu/README.md
 92 | 			element.oncontextmenu = event => {
 93 | 				new ContextMenu([
 94 | 					{ label: "查看歌曲", icon: "ECB5", click() {element.click();} },
 95 | 					{ label: "在资源管理器中显示", icon: "ED8A", click() {shell.openPath(name);} },
 96 | 					{ type: "separator" },
 97 | 					{ label: "添加到歌单", icon: "EE0D", submenu: MusicList.getMenuItems(listName => {
 98 | 						MusicList.importToMusicList(listName, FileExtensionTools.scanMusic(name));
 99 | 						MusicList.switchList(listName, true);
100 | 					}) },
101 | 					{ label: "从列表中移除", icon: "ED74", click() {
102 | 						confirm(`目录「${folderName}」将从 SimMusic 目录列表中移除，但不会从文件系统中删除。是否继续？`, () => {
103 | 							const lists = config.getItem("folderLists");
104 | 							lists.splice(lists.indexOf(name), 1);
105 | 							config.setItem("folderLists", lists);
106 | 							if (element.classList.contains("active")) switchRightPage("rightPlaceholder");
107 | 							element.remove();
108 | 						});
109 | 					} },
110 | 				]).popup([event.clientX, event.clientY]);
111 | 			};
112 | 			// 把div附加到左侧界面，container会由ExtensionRuntime自动传入，无需担心是否存在
113 | 			container.appendChild(element);
114 | 		});
115 | 	},
116 | 	// 这个函数用于切换歌单
117 | 	switchList(name) {
118 | 		const splitted = name.split("\\");
119 | 		// 统一调用renderMusicList即可，第二个参数需要传入一个用于识别“当前歌单”的唯一的参数，推荐使用插件名+歌单id以防重复
120 | 		// 如果你的scanMusic必须是异步的，可以先renderMusicList([], id)以切换界面，再renderMusicList(list, id)，id一样就可以
121 | 		// rML第三个参数请固定false，第4个参数指定是否进行预先渲染，如果为true则在二次渲染之前不会显示歌单（适用于在线歌曲必须要获取metadata的情况）
122 | 		renderMusicList(FileExtensionTools.scanMusic(name), {
123 | 			uniqueId: "folder-" + name,
124 | 			errorText: "当前目录为空", 
125 | 			menuItems: FileExtensionTools.fileMenuItem, 
126 | 			musicListInfo: {
127 | 				name: splitted[splitted.length - 1],
128 | 				dirName: name,
129 | 			}
130 | 		});
131 | 		// 这个用于把当前歌单标蓝，放在renderMusicList函数后运行，推荐借鉴我的写法在renderList函数里自己设一个dataset，然后遍历dataset
132 | 		document.querySelectorAll(".left .leftBar div").forEach(ele => {
133 | 			if (ele.dataset.folderName != name) ele.classList.remove("active");
134 | 			else ele.classList.add("active");
135 | 		});
136 | 	},
137 | };
138 | 
139 | 
140 | /**************** 获取数据 ****************/
141 | // 这个函数用于读取音乐元数据，不管你是本地还是在线，无所谓你咋获取，最后都调callback(data)就行。
142 | // 如果是在线的用fetch就更好做，直接修改我musicmetadata的promise就得
143 | //【注意：读取失败可以返回null，各字段值可以没有】
144 | ExtensionConfig.file.readMetadata = async (file) => {
145 | 	file = file.replace("file:", "");
146 | 	try {
147 | 		const metadata = await musicMetadata.parseFile(file);
148 | 		let nativeLyrics;
149 | 		for (const tagType in metadata.native) {
150 | 			if (metadata.native[tagType].forEach) metadata.native[tagType].forEach(tag => {
151 | 				if (tag.value && tag.value.match && tag.value.match(/\[\d+\:\d+\.\d+\]/g)) {
152 | 					nativeLyrics = tag.value;
153 | 				}
154 | 				else if (tag.value && tag.value.text && tag.value.text.match && tag.value.text.match(/\[\d+\:\d+\.\d+\]/g)) {
155 | 					nativeLyrics = tag.value.text;
156 | 				}
157 | 			});
158 | 		}
159 | 		const metadataArtist = metadata.common.artists ? metadata.common.artists.join(", ") : null || metadata.common.artist;
160 | 		const metadataCover = metadata.common.picture ? metadata.common.picture[0] ? metadata.common.picture[0].data : null : null;
161 | 		return {
162 | 			title: metadata.common.title,
163 | 			artist: metadataArtist,
164 | 			album: metadata.common.album ? metadata.common.album : file.split("\\")[file.split("\\").length - 2],
165 | 			time: metadata.format.duration,
166 | 			cover: metadataCover ? metadataCover : "",
167 | 			lyrics: nativeLyrics ? nativeLyrics : "",
168 | 		};
169 | 	} catch {
170 | 		return {};
171 | 	}
172 | };
173 | 
174 | 
175 | /**************** 歌曲播放 ****************/
176 | ExtensionConfig.file.player = {
177 | 	// 这个函数用于获取播放地址，返回值可以是本地文件地址 / http(s)地址 / blob地址 / base64 dataurl，不成功可以用空参数调callback
178 | 	//【注意：读取失败return可以用空串】
179 | 	async getPlayUrl(file) {
180 | 		return file.replace("file:", "");
181 | 	},
182 | 	// 这个函数用于（在本地索引没有歌词的情况下获取歌词），例如在线播放时把歌词全部写到索引不太现实，就会调用这个方法直接读取
183 | 	//【注意：读取失败return可以用空串】
184 | 	async getLyrics(file) {
185 | 		file = file.replace("file:", "");
186 | 		const lastDotIndex = file.lastIndexOf(".");
187 | 		lrcPath = file.substring(0, lastDotIndex) + ".lrc";
188 | 		if (!fs.existsSync(lrcPath)) return "";
189 | 		try {return fs.readFileSync(lrcPath, "utf8");}
190 | 		catch {
191 | 			let id3Lyrics = "";
192 | 			const id3LyricsArray = await nodeId3.Promise.read(file);
193 | 			if (id3LyricsArray && id3LyricsArray.synchronisedLyrics && id3LyricsArray.synchronisedLyrics[0]) {
194 | 				id3LyricsArray.synchronisedLyrics[0].synchronisedText.forEach(obj => {
195 | 					id3Lyrics += `[${FileExtensionTools.formatTime(obj.timeStamp)}]${obj.text}\n`;
196 | 				});
197 | 			}
198 | 			return id3Lyrics;
199 | 		}
200 | 	},
201 | 	// 这个函数用于在播放器菜单中插入内容
202 | 	getPlayerMenu(file) {
203 | 		return [{
204 | 			label: "在资源管理器显示",
205 | 			icon: "ED8A", 
206 | 			click() {shell.showItemInFolder(file);}
207 | 		}];
208 | 	}
209 | };
210 | 
211 | 
212 | /**************** 歌曲搜索 ****************/
213 | ExtensionConfig.file.search = async (keyword, _page) => {
214 | 	let allFiles = {};
215 | 	config.getItem("folderLists").forEach(folder => {
216 | 		FileExtensionTools.scanMusic(folder).forEach(file => {
217 | 			const musicInfo = lastMusicIndex[file];
218 | 			const musicInfoString = (SimMusicTools.getTitleFromPath(file) + (musicInfo ? (musicInfo.title + musicInfo.album + musicInfo.artist) : "")).toLowerCase();
219 | 			allFiles[file] = musicInfoString;
220 | 		});
221 | 	});
222 | 	const fileArray = Object.keys(allFiles);
223 | 	// 切割搜索词
224 | 	const splitted = SimMusicTools.naturalSplit(keyword, true);
225 | 	// 先把啥都匹配不到的丢垃圾桶里
226 | 	const filteredFiles = fileArray.filter(file => splitted.some(splitItem => allFiles[file].includes(splitItem)));
227 | 	// 然后按照匹配到的数量进行排序
228 | 	const resultArray = filteredFiles.sort((a, b) => {
229 | 		const countA = splitted.filter(keyword => allFiles[a].includes(keyword)).length;
230 | 		const countB = splitted.filter(keyword => allFiles[b].includes(keyword)).length;
231 | 		return countB - countA;
232 | 	});
233 | 	return {
234 | 		files: resultArray,
235 | 		menu: FileExtensionTools.fileMenuItem,//.concat(DownloadController.getMenuItems()),
236 | 		hasMore: false
237 | 	};
238 | }


--------------------------------------------------------------------------------
/src/frontend/assets/components/PublicConfig.js:
--------------------------------------------------------------------------------
 1 | 
 2 | const defaultEq = [ { F: 70, G: 0, Q: 1 }, { F: 180, G: 0, Q: 1 }, { F: 320, G: 0, Q: 1 }, { F: 600, G: 0, Q: 1 }, { F: 1000, G: 0, Q: 1 }, { F: 3000, G: 0, Q: 1 }, { F: 6000, G: 0, Q: 1 }, { F: 12000, G: 0, Q: 1 }, { F: 14000, G: 0, Q: 1 }, { F: 16000, G: 0, Q: 1 } ];
 3 | 
 4 | const defaultConfig = {
 5 | 	musicLists: {},
 6 | 	playList: [],
 7 | 	currentMusic: null,
 8 | 	volume: .8,
 9 | 	loop: 0,
10 | 	lrcShow: true,
11 | 	updatePrefix: "",
12 | 	albumScale: true,
13 | 	musicFormats: ".mp3 .wav .flac",
14 | 	showLocator: true,
15 | 	themeImageType: "cover",
16 | 	backgroundBlur: true,
17 | 	audioFade: true,
18 | 	eqProfile: "basic",
19 | 	eqConfBasic: defaultEq,
20 | 	eqConfPro: defaultEq,
21 | 	sleepModePlayEnd: true,
22 | 	sleepModeOperation: "none",
23 | 	lyricBlur: true,
24 | 	lyricAlign: "left",
25 | 	lyricSize: 1.5,
26 | 	lyricTranslation: .8,
27 | 	lyricSpace: .5,
28 | 	lyricMultiLang: true,
29 | 	leftBarWidth: 200,
30 | 	autoDesktopLyrics: false,
31 | 	desktopLyricsProtection: true,
32 | 	desktopLyricsAutoHide: true,
33 | 	desktopLyricsColor: "#1E9FFF",
34 | 	desktopLyricsStrokeEnabled: true,
35 | 	desktopLyricsStroke: "#1672B8",
36 | 	desktopLyricsSize: 30,
37 | 	desktopLyricsWidth: 700,
38 | 	desktopLyricsTop: screen.height - 300,
39 | 	desktopLyricsLeft: screen.width / 2,
40 | 	ext: {},
41 | 	extPerms: {},
42 | 	musicListSort: [1, 1],
43 | 	parallelDownload: 3,
44 | 	downloadFileName: "[title] - [artist]",
45 | 	downloadMetadataTitle: true,
46 | 	downloadMetadataArtist: true,
47 | 	downloadMetadataCover: true,
48 | 	downloadMetadataLyrics: 1,
49 | }
50 | 
51 | const configListeners = {};
52 | 
53 | const config = {
54 | 	getItem(key) {
55 | 		const data = localStorage.SimMusicConfig;
56 | 		if (!data) {
57 | 			localStorage.SimMusicConfig = "{}";
58 | 			return this.getItem(key);
59 | 		}
60 | 		try {
61 | 			const config = JSON.parse(data);
62 | 			if (config[key] || config[key] === false || config[key] === 0) return config[key];
63 | 			return defaultConfig[key];
64 | 		} catch {
65 | 			alert("配置文件损坏，程序将无法正常运行。");
66 | 		}
67 | 	},
68 | 	setItem(key, value) {
69 | 		const data = localStorage.SimMusicConfig;
70 | 		if (!data) {
71 | 			localStorage.SimMusicConfig = "{}";
72 | 			return this.setItem(key, value);
73 | 		}
74 | 		try {
75 | 			const config = JSON.parse(data);
76 | 			config[key] = value;
77 | 			const newConfig = JSON.stringify(config);
78 | 			localStorage.SimMusicConfig = newConfig;
79 | 		} catch {
80 | 			alert("配置文件损坏，程序将无法正常运行。");
81 | 		}
82 | 		if (configListeners[key]) configListeners[key](value);
83 | 	},
84 | 	listenChange(key, callback) {
85 | 		configListeners[key] = callback;
86 | 	}
87 | }


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimAP.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .playerContainer{position:absolute;inset:0;margin:20px max(calc(50vw - 500px), 90px);transition:transform .2s;}
 3 | #playPage .SimProgress{--SimProgressTheme:var(--SimAPTheme)!important;}
 4 | 
 5 | /* 音频控件 */
 6 | .controls{display:flex;flex-direction:column;width:350px;position:absolute;inset:0;height:fit-content;margin:auto 0;transition:margin .3s,transform .3s;z-index:5;}
 7 | .hideLyrics.hideList .controls{margin:auto calc(50% - 175px);transform:scale(1.05);}
 8 | .controls #album{width:calc(100% + 10px);aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);background:white;margin:-5px;transition:transform .4s;transition-timing-function:cubic-bezier(0.3, 0.7, 0, 1.8);}
 9 | body.albumScale:not(.playing) .controls #album{transform:scale(.95);}
10 | /* 专辑信息 */
11 | .controls .infoBar{display:flex;align-items:center;margin:30px 0 10px 0;}
12 | .controls .infoBar i{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.025);color:rgba(0,0,0,.6);font-size:1.1em;border-radius:15px;width:30px;height:30px;transition:all .2s,font-size 0s;}
13 | .controls .infoBar i:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8);}
14 | .controls .infoBar i:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8);transform:scale(.95);}
15 | .sleepMode .controls .infoBar i{width:70px;font-size:.9em;font-family:"font";}
16 | .controls .musicInfo{width:calc(100% - 30px)!important;}
17 | .controls .musicInfo b,.controls .musicInfo div,.musicInfoBottom b,.musicInfoBottom>div{display:block;font-size:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
18 | .controls .musicInfo div,.musicInfoBottom>div{font-size:.9em;opacity:.8;}
19 | /* 进度条 */
20 | .controls .progressControl{display:flex;align-items:center;margin:10px 0;}
21 | .controls .progressControl span{width:55px;font-size:.85em;opacity:.8;}
22 | .controls .progressControl span:last-child{text-align:right;}
23 | .musicLoading #progressBar>div,.musicLoading #bottomProgressBar>div{animation:progressLoading 1s linear infinite;background-image:linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 75%,transparent 0,transparent)!important;background-repeat:repeat-x;background-size:25px 20px;}
24 | @keyframes progressLoading{to{background-position:25px 0;}}
25 | /* 下方按钮 */
26 | .controls .buttons,.bottom .center{align-items:center;margin-top:5px;display:flex;align-items:center;justify-content:center;}
27 | .controls .buttons>div,.bottom .center>div,.bottom .volBtnBottom>div{width:50px;height:50px;position:relative;font-size:1.5em;transition:all .3s;opacity:.3;border-radius:100px;overflow:hidden;}
28 | .controls .buttons>div:hover,.bottom .center>div:hover,.bottom .volBtnBottom>div:hover{background:rgba(0,0,0,.05);opacity:.7;}
29 | .controls .buttons>div:active,.bottom .center>div:active,.bottom .volBtnBottom>div:active{background:rgba(0,0,0,.1);opacity:.7;transform:scale(.95);}
30 | .controls .buttons>div>i,.bottom .center>div>i,.bottom .volBtnBottom>div>i{display:block;width:fit-content;height:fit-content;position:absolute;inset:0;margin:auto;transition:all .3s;}
31 | .controls .buttons>div.larger>i,.bottom .center>div.larger>i{font-size:1.15em;padding-bottom:1px;}
32 | .controls .buttons>.play,.bottom .center>.play{width:60px;height:60px;font-size:2.1em;opacity:1!important;font-weight:bold;}
33 | .controls .buttons>.play>i:last-child,.bottom .center>.play>i:last-child{opacity:0;transform:scale(.4);}
34 | .playing .controls .buttons>.play>i:first-child,.playing .bottom .center>.play>i:first-child{opacity:0;transform:scale(.4);}
35 | .playing .controls .buttons>.play>i:last-child,.playing .bottom .center>.play>i:last-child{opacity:1;transform:none;}
36 | .controls .buttons>.play i:first-child,.bottom .center>.play i:first-child{padding-left:3.5px;}
37 | /* 音量控制 */
38 | .volume .controls .buttons>div{width:0;opacity:0!important;}
39 | .volume .controls .buttons>.volBtn{width:180px;color:rgba(0,0,0,.7);background:rgba(0,0,0,.05)!important;transform:none!important;opacity:1!important;mask:unset;border-radius:100px;}
40 | .volume .controls .buttons>.volBtn>i{right:120px;}
41 | .volume .controls .buttons>.volBtn>i:hover{color:var(--SimAPTheme);}
42 | .controls .buttons>.volBtn>div{width:calc(100% - 85px);position:absolute;margin:auto 0;top:0;bottom:0;right:30px;opacity:0;pointer-events:none;transition:opacity .3s;}
43 | .volume .controls .buttons>.volBtn>div{opacity:1;pointer-events:all;}
44 | .loopList .loopBtn i::after{content:"\F072";}
45 | .loopSingle .loopBtn i::after{content:"\F075";}
46 | .loopRandom .loopBtn i::after{content:"\F124";}
47 | /* 3D特效 */
48 | body:not(.hideLyrics.hideList) .playerContainer{transform:translateX(-25px);}
49 | .threeEffect .controls{transform:perspective(900px) rotateY(10deg);}
50 | .threeEffect .lyrics,.threeEffect .list{transform:perspective(900px) rotateY(-12.5deg);}
51 | 
52 | /* 歌词区域 */
53 | .lyrics{position:absolute;left:410px;top:0;width:calc(100% - 410px);font-size:var(--lrcSize);height:100%;transform-origin:left center;transition:all .3s;mask:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0));}
54 | .hideLyrics .lyrics{transform:scale(.6);opacity:0;pointer-events:none;}
55 | .lyrics>div{height:100%;}
56 | .lyrics>div>div.active{font-weight:bold;}
57 | body:not(.hideLyrics) .lyricsBtn{color:var(--SimAPTheme);opacity:.7;}
58 | .disableLyricsBlur .lyrics div div{filter:none!important;}
59 | 
60 | /* 播放列表 */
61 | .list{position:absolute;left:410px;top:0;width:calc(100% - 410px);height:100%;transform-origin:left center;transition:all .3s;overflow-y:scroll;mask:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 15%,#fff 25%,#fff 75%,hsla(0,0%,100%,.6) 85%,hsla(0,0%,100%,0));}
62 | .list::before,.list::after{content:"";display:block;height:50%;}
63 | .hideList .list{transform:scale(.6);opacity:0;pointer-events:none;}
64 | body:not(.hideList) .listBtn{color:var(--SimAPTheme);opacity:.7;}
65 | .list>div{width:100%;padding:0 10px;height:80px;border-radius:10px;display:flex;align-items:center;transition:background .2s;}
66 | .list>div:hover{background:rgba(0,0,0,.025);}
67 | .list>div.active,.list>div:active{background:rgba(0,0,0,.05);}
68 | .list>div.removed{transition:all .3s,opacity .15s;height:0;background:rgba(0,0,0,.025);opacity:0;transform:scaleX(.9) scaleY(.5);}
69 | .list>div>img{min-width:60px;height:60px;border-radius:5px;margin-right:10px;background:white;}
70 | .list>div>div{width:calc(100% - 100px);}
71 | .list>div>div>b{display:block;width:100%;font-size:1.1em;}
72 | .list>div>div>span{display:block;width:100%;opacity:.8;font-size:.9em;}
73 | .list>div i{opacity:.3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;}
74 | .list>div i:hover,.list>div i:active{opacity:.8;}
75 | .list>div.active i{opacity:0;pointer-events:none;}
76 | 
77 | 
78 | 
79 | /* 流光背景 */
80 | #background{z-index:-1;inset:0;position:absolute;pointer-events:none;opacity:.2;transition:background .3s;}
81 | #background>div{position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.5));}
82 | .disableBackgroundBlur #background>canvas{display:none;}
83 | 
84 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimAP.js:
--------------------------------------------------------------------------------
  1 | const SimAPTools = {
  2 | 	getPalette(sourceImage) {
  3 | 		// 读取图片数据
  4 | 		const canvas = document.createElement("canvas");
  5 | 		canvas.width = sourceImage.width;
  6 | 		canvas.height = sourceImage.height;
  7 | 		const ctx = canvas.getContext("2d");
  8 | 		ctx.drawImage(sourceImage, 0, 0, canvas.width, canvas.height);
  9 | 		const pixels = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
 10 | 		// 读取图片颜色
 11 | 		const pixelArray = [];
 12 | 		const pixelCount = canvas.width * canvas.height;
 13 | 		for (let i = 0, offset, r, g, b; i < pixelCount; i = i + Math.round(pixelCount / 500)) {
 14 | 			offset = i * 4;
 15 | 			r = pixels[offset + 0];
 16 | 			g = pixels[offset + 1];
 17 | 			b = pixels[offset + 2];
 18 | 			pixelArray.push([r, g, b]);
 19 | 		}
 20 | 		return pixelArray;
 21 | 	},
 22 | 	getTopColors(sourceImage) {
 23 | 		const colors = this.getPalette(sourceImage);
 24 | 		let colorCounts = new Map();
 25 | 		colors.forEach(color => {
 26 | 			let found = false;
 27 | 			for (let [mergedColor, count] of colorCounts) {
 28 | 				const colorDistance = Math.sqrt(
 29 | 					Math.pow(color[0] - mergedColor[0], 2) +
 30 | 					Math.pow(color[1] - mergedColor[1], 2) +
 31 | 					Math.pow(color[2] - mergedColor[2], 2)
 32 | 				);
 33 | 				if (colorDistance < 80) {
 34 | 					const newColor = [
 35 | 						Math.floor((mergedColor[0] * count + color[0]) / (count + 1)),
 36 | 						Math.floor((mergedColor[1] * count + color[1]) / (count + 1)),
 37 | 						Math.floor((mergedColor[2] * count + color[2]) / (count + 1))
 38 | 					];
 39 | 					colorCounts.delete(mergedColor);
 40 | 					colorCounts.set(newColor, count + 1);
 41 | 					found = true;
 42 | 					break;
 43 | 				}
 44 | 			}
 45 | 			if (!found) {
 46 | 				colorCounts.set(color, 1);
 47 | 			}
 48 | 		});
 49 | 		let sortedColors = Array.from(colorCounts.entries()).sort((a, b) => b[1] - a[1]);
 50 | 		return sortedColors.slice(0, 4).map(entry => entry[0]);
 51 | 	},
 52 | 	formatTime(time) {
 53 | 		let minutes = Math.floor(time / 60);
 54 | 		let seconds = Math.floor(time % 60);
 55 | 		return `${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
 56 | 	},
 57 | }
 58 | 
 59 | 
 60 | // 初始化SimAP
 61 | const switchMusic = (playConfig) => {
 62 | 	// 初始化界面
 63 | 	const audio = document.getElementById("audio");
 64 | 	document.getElementById("album").src = document.getElementById("albumBottom").src = playConfig.album;
 65 | 	document.querySelector(".musicInfo>b").textContent = document.querySelector(".musicInfoBottom>b").textContent = playConfig.title;
 66 | 	document.querySelector(".musicInfo>div").textContent = document.querySelector("#bottomArtist").textContent = playConfig.artist;
 67 | 	const lastPlaybackRate = audio.playbackRate;
 68 | 	audio.src = playConfig.audio;
 69 | 	audio.currentTime = 0;
 70 | 	document.body.classList.add("withCurrentMusic");
 71 | 	document.body.classList.add("musicLoading");
 72 | 	if (playConfig.play) setTimeout(() => {
 73 | 		document.body.classList.add("playing");
 74 | 		SimAPControls.loadAudioState();
 75 | 	});
 76 | 	SimAPControls.loadLoop();
 77 | 	document.title = playConfig.title + " - SimMusic";
 78 | 	loadThemeImage();
 79 | 	// 初始化背景
 80 | 	document.getElementById("album").onload = SimAPUI.loadColors;
 81 | 	// 初始化音频控件
 82 | 	const current = document.getElementById("progressCurrent");
 83 | 	const duration = document.getElementById("progressDuration");
 84 | 	audio.onloadedmetadata = () => {
 85 | 		document.body.classList.remove("musicLoading");
 86 | 		applyEq();
 87 | 		SimAPProgress.max = SimAPProgressBottom.max = audio.duration;
 88 | 		SimAPProgress.setValue(0); SimAPProgressBottom.setValue(0);
 89 | 		duration.textContent = SimAPTools.formatTime(audio.duration);
 90 | 		SimAPProgress.onchange = SimAPProgressBottom.onchange = value => {
 91 | 			audio.currentTime = value;
 92 | 			setMiniModeStatus(`${SimAPTools.formatTime(value)} / ${duration.textContent}`);
 93 | 		}
 94 | 		SimAPProgress.ondrag = SimAPProgressBottom.ondrag = value => {
 95 | 			current.textContent = SimAPTools.formatTime(value);
 96 | 			setMiniModeStatus(`${SimAPTools.formatTime(value)} / ${duration.textContent}`);
 97 | 		}
 98 | 		loadVolumeUi();
 99 | 		audio.playbackRate = lastPlaybackRate ?? 1;
100 | 		if (playConfig.play) audio.play(); else audio.pause();
101 | 	};
102 | 	audio.ontimeupdate = () => {
103 | 		document.body.classList.remove("musicLoading");
104 | 		SimAPProgress.setValue(audio.currentTime); SimAPProgressBottom.setValue(audio.currentTime);
105 | 		if (!SimAPProgress.progressElement.classList.contains("dragging")) current.textContent = SimAPTools.formatTime(audio.currentTime);
106 | 		if (SimAPControls.audioFadeInterval) return;
107 | 		document.body.classList[!audio.paused ? "add" : "remove"]("playing");
108 | 		SimAPControls.loadAudioState();
109 | 	};
110 | 	audio.onwaiting = () => {
111 | 		document.body.classList.add("musicLoading");
112 | 	};
113 | 	audio.onended = () => {
114 | 		if (SleepMode.checkMusicSwitch()) return;
115 | 		if (config.getItem("loop") == 1) { PlayerController.switchMusic(config.getItem("currentMusic"), false, true); }
116 | 		else SimAPControls.next();
117 | 	};
118 | 	audio.onerror = () => {
119 | 		shell.beep();
120 | 		document.body.classList.remove("playing");
121 | 		document.body.classList.remove("musicLoading");
122 | 		confirm("当前曲目播放失败，是否从播放列表中移除？", () => {
123 | 			PlayerController.deleteFromList(config.getItem("currentMusic"));
124 | 		});
125 | 	};
126 | 	// 系统级控件
127 | 	navigator.mediaSession.metadata = new MediaMetadata({ title: playConfig.title, artist: playConfig.artist, artwork: [{ src: playConfig.album }],	});
128 | 	navigator.mediaSession.setActionHandler("play", () => {SimAPControls.togglePlay(true);});
129 | 	navigator.mediaSession.setActionHandler("pause", () => {SimAPControls.togglePlay(true);});
130 | 	navigator.mediaSession.setActionHandler("previoustrack", () => {SimAPControls.prev(true);});
131 | 	navigator.mediaSession.setActionHandler("nexttrack", () => {SimAPControls.next(true);});
132 | 	// 初始化歌词
133 | 	const slrc = new SimLRC(playConfig.lyrics);
134 | 	slrc.render(document.querySelector(".lyrics>div"), audio, {
135 | 		align: "left",
136 | 		lineSpace: config.getItem("lyricSpace"),
137 | 		activeColor: "var(--SimAPTheme)",
138 | 		normalColor: "rgba(0,0,0,.4)",
139 | 		multiLangSupport: config.getItem("lyricMultiLang"),
140 | 		align: config.getItem("lyricAlign"),
141 | 		callback: txt => { ipcRenderer.invoke("lrcUpdate", txt); }
142 | 	});
143 | 	SimAPControls.loadConfig();
144 | };
145 | 
146 | 
147 | 
148 | // 动态混色控制器
149 | const PlayerBackground = {
150 | 	init() {
151 | 		canvas = document.getElementById("backgroundAnimation");
152 | 		this.ctx = canvas.getContext("2d");
153 | 		canvas.width = window.innerWidth;
154 | 		canvas.height = window.innerHeight;
155 | 		window.addEventListener("resize", () => {
156 | 			canvas.width = window.innerWidth;
157 | 			canvas.height = window.innerHeight;
158 | 		});
159 | 		this.blobs = [];
160 | 		this.animate(true);
161 | 	},
162 | 	animate(isInit) {
163 | 		requestAnimationFrame(() => {PlayerBackground.animate();});
164 | 		if (!config.getItem("backgroundBlur")) return;
165 | 		if (!document.body.classList.contains("playing") && !isInit) return;
166 | 		const ctx = PlayerBackground.ctx;
167 | 		ctx.clearRect(0, 0, window.innerWidth, window.innerHeight);
168 | 		for (const blob of PlayerBackground.blobs) {
169 | 			// 位移
170 | 			blob.x += blob.dx;
171 | 			blob.y += blob.dy;
172 | 			if (blob.x - blob.radius < 0 || blob.x + blob.radius > window.innerWidth) blob.dx *= -1;
173 | 			if (blob.y - blob.radius < 0 || blob.y + blob.radius > window.innerHeight) blob.dy *= -1;
174 | 		}
175 | 		PlayerBackground.drawBlobs();
176 | 	},
177 | 	update(mainColor, subColors) {
178 | 		document.getElementById("background").style.background = mainColor;
179 | 		this.mainColor = mainColor;
180 | 		this.blobs = [];
181 | 		for (let i = 0; i < 3; i++) {
182 | 			this.blobs.push({
183 | 				x: Math.random() * canvas.width,
184 | 				y: Math.random() * canvas.height,
185 | 				radius: Math.random() * screen.width / 3 + screen.width / 5,
186 | 				color: subColors[i],
187 | 				dx: ((Math.random() < 0.5) ? 1 : -1) * (Math.random() * 0.5 + 0.5),
188 | 				dy: ((Math.random() < 0.5) ? 1 : -1) * (Math.random() * 0.5 + 0.5),
189 | 			});
190 | 		}
191 | 		PlayerBackground.drawBlobs();
192 | 	},
193 | 	drawBlobs() {
194 | 		const ctx = PlayerBackground.ctx;
195 | 		for (const blob of PlayerBackground.blobs) {
196 | 			ctx.beginPath();
197 | 			const gradient = ctx.createRadialGradient(blob.x, blob.y, 0, blob.x, blob.y, blob.radius);
198 | 			gradient.addColorStop(0, blob.color);
199 | 			gradient.addColorStop(1, "transparent");
200 | 			ctx.fillStyle = gradient;
201 | 			ctx.arc(blob.x, blob.y, blob.radius, 0, Math.PI * 2);
202 | 			ctx.fill();
203 | 		}
204 | 	}
205 | }
206 | PlayerBackground.init();
207 | 
208 | 
209 | 
210 | // 播放控件
211 | const SimAPProgress = new SimProgress(document.getElementById("progressBar"));
212 | const SimAPProgressBottom = new SimProgress(document.getElementById("bottomProgressBar"));
213 | const SimAPControls = {
214 | 	loadAudioState() {
215 | 		const playing = document.body.classList.contains("playing");
216 | 		navigator.mediaSession.playbackState = playing ? "playing" : "paused";
217 | 		ipcRenderer.invoke(playing ? "musicPlay" : "musicPause");
218 | 	},
219 | 	togglePlay(isManual) {
220 | 		if (isManual) SleepMode.checkManualOperation();
221 | 		if (document.body.classList.contains("musicLoading")) return;
222 | 		const audio = document.getElementById("audio");
223 | 		if (!audio || !audio.src) return;
224 | 		const isPlay = audio.paused;
225 | 		document.body.classList[isPlay ? "add" : "remove"]("playing");
226 | 		SimAPControls.loadAudioState();
227 | 		clearInterval(SimAPControls.audioFadeInterval);
228 | 		// 音频淡入淡出处理
229 | 		if (config.getItem("audioFade") && config.getItem("volume")) {
230 | 			const configVolume = config.getItem("volume");
231 | 			const volumeOffset = configVolume / 10;
232 | 			if (isPlay) audio.play();
233 | 			SimAPControls.audioFadeInterval = setInterval(() => {
234 | 				if (isPlay) {
235 | 					const newVolume = audio.volume + volumeOffset;
236 | 					if (newVolume > configVolume) {
237 | 						clearInterval(SimAPControls.audioFadeInterval);
238 | 						SimAPControls.audioFadeInterval = null;
239 | 					} else audio.volume = newVolume;
240 | 				} else {
241 | 					const newVolume = audio.volume - volumeOffset;
242 | 					if (newVolume < 0) {
243 | 						clearInterval(SimAPControls.audioFadeInterval);
244 | 						SimAPControls.audioFadeInterval = null;
245 | 						audio.pause();
246 | 					}
247 | 					else audio.volume = newVolume;
248 | 				} 
249 | 			}, 50);
250 | 		} else {
251 | 			audio[isPlay ? "play" : "pause"]();
252 | 		}
253 | 	},
254 | 	prev(isManual) {
255 | 		if (isManual) SleepMode.checkManualOperation();
256 | 		const audio = document.getElementById("audio");
257 | 		if (!config.getItem("fastPlayback") || audio.currentTime / audio.duration < .9) SimAPControls.switchIndex(-1);
258 | 		else audio.currentTime = 0;
259 | 	},
260 | 	next(isManual) {
261 | 		if (isManual) SleepMode.checkManualOperation();
262 | 		SimAPControls.switchIndex(1);
263 | 	},
264 | 	switchIndex(offset) {
265 | 		if (SleepMode.checkMusicSwitch()) return;
266 | 		const list = config.getItem("playList");
267 | 		const currentPlayingIndex = list.indexOf(config.getItem("currentMusic"));
268 | 		let newIndex = currentPlayingIndex + offset;
269 | 		if (config.getItem("loop") == 2 && (newIndex < 0 || newIndex > list.length - 1)) {
270 | 			this.shufflePlaylist();
271 | 			newIndex = 0;
272 | 		}
273 | 		if (newIndex < 0) newIndex = list.length - 1;
274 | 		if (newIndex > list.length - 1) newIndex = 0;
275 | 		PlayerController.switchMusic(config.getItem("playList")[newIndex], false, true);
276 | 	},
277 | 	toggleLoop() {
278 | 		switch (config.getItem("loop")) {
279 | 			case 0: config.setItem("loop", 1); break;
280 | 			case 1:
281 | 				config.setItem("loop", 2);
282 | 				this.shufflePlaylist(true);
283 | 				break;
284 | 			case 2: config.setItem("loop", 0); break;
285 | 		}
286 | 		this.loadLoop();
287 | 	},
288 | 	shufflePlaylist(keepCurrent) {
289 | 		let shuffledList = config.getItem("playList").sort(() => Math.random() - 0.5);
290 | 		if (keepCurrent) {
291 | 			const currentPlayingIndex = shuffledList.indexOf(config.getItem("currentMusic"));
292 | 			const currentFirst = shuffledList[0];
293 | 			shuffledList[0] = shuffledList[currentPlayingIndex];
294 | 			shuffledList[currentPlayingIndex] = currentFirst;
295 | 		}
296 | 		PlayerController.replacePlayList(shuffledList);
297 | 	},
298 | 	loadLoop() {
299 | 		["loopList", "loopSingle", "loopRandom"].forEach(className => {document.body.classList.remove(className);})
300 | 		document.body.classList.add(["loopList", "loopSingle", "loopRandom"][config.getItem("loop")]);
301 | 	},
302 | 	toggleVolume() {
303 | 		const volIcon = document.querySelector(".volBtn i");
304 | 		if (document.body.classList.contains("volume") && event.target == volIcon) {
305 | 			this.toggleMuted();
306 | 		} else if (audio.muted) {
307 | 			this.toggleMuted(false);
308 | 		} else {
309 | 			document.body.classList.add("volume");
310 | 		}
311 | 	},
312 | 	toggleMuted(isMute = !audio.muted) {
313 | 		audio.muted = isMute;
314 | 		const icon = audio.muted ? "&#xF29E;" : "&#xF2A2;";
315 | 		document.querySelector(".volBtn i").innerHTML = icon;
316 | 		document.querySelector(".volBtnBottom i").innerHTML = icon;
317 | 	},
318 | 	toggleList(isShow = document.body.classList.contains("hideList")) {
319 | 		document.body.classList[isShow ? "remove" : "add"]("hideList");
320 | 		if (isShow) document.body.classList.add("hideLyrics");
321 | 		PlayerController.loadMusicListActive();
322 | 	},
323 | 	toggleLyrics(isShow = document.body.classList.contains("hideLyrics")) {
324 | 		document.body.classList[isShow ? "remove" : "add"]("hideLyrics");
325 | 		if (isShow) document.body.classList.add("hideList");
326 | 		config.setItem("lrcShow", isShow);
327 | 	},
328 | 	loadConfig() {
329 | 		document.querySelector(".SimLRC").style.setProperty("--lineSpace", config.getItem("lyricSpace") + "em");
330 | 		document.querySelector(".lyrics").style.setProperty("--lrcSize", config.getItem("lyricSize") + "em");
331 | 		document.querySelector(".lyrics").style.setProperty("--lrcTranslation", config.getItem("lyricTranslation") + "em");
332 | 		document.body.classList[config.getItem("backgroundBlur") ? "remove" : "add"]("disableBackgroundBlur");
333 | 		document.body.classList[config.getItem("lyricBlur") ? "remove" : "add"]("disableLyricsBlur");
334 | 	}
335 | };
336 | 
337 | 
338 | 
339 | // 播放器显隐处理
340 | const SimAPUI = {
341 | 	show() {
342 | 		if (this.playingAnimation) return;
343 | 		if (document.body.classList.contains("playerShown") || document.body.classList.contains("miniMode")) return;
344 | 		if (!config.getItem("playList").length || !document.getElementById("album").src) return;
345 | 		document.getElementById("playPage").hidden = false;
346 | 		this.playingAnimation = true;
347 | 		setTimeout(() => {
348 | 			document.body.classList.add("playerShown");
349 | 			if (config.getItem("darkPlayer")) ipcRenderer.invoke("overlayWhite");
350 | 			const listActive = document.querySelector(".list div.active");
351 | 			if (!listActive) document.querySelector(".list div").click();
352 | 			document.querySelector(".list div.active").scrollIntoView({block: "center"});
353 | 			document.querySelector(".lyrics div.active").scrollIntoView({block: "center"});
354 | 			this.playingAnimation = false;
355 | 			this.toggleDesktopLyrics(null, false);
356 | 			addEventListener("visibilitychange", this.toggleDesktopLyrics);
357 | 		}, 50);
358 | 	},
359 | 	hide() {
360 | 		if (this.playingAnimation) return;
361 | 		if (!document.body.classList.contains("playerShown")) return;
362 | 		ipcRenderer.invoke("overlayBlack");
363 | 		SimAPUI.toggleFullScreen(true);
364 | 		document.body.classList.remove("playerShown");
365 | 		this.playingAnimation = true;
366 | 		setTimeout(() => {
367 | 			this.toggleDesktopLyrics(null, true);
368 | 			removeEventListener("visibilitychange", this.toggleDesktopLyrics);
369 | 			document.getElementById("playPage").hidden = true;
370 | 			this.playingAnimation = false;
371 | 		}, 300);
372 | 	},
373 | 	toggleDesktopLyrics(_event, showWindow = document.visibilityState == "hidden" ? true : false) {
374 | 		if (config.getItem("desktopLyricsAutoHide") && WindowStatus.lyricsWin) ipcRenderer.invoke("toggleLyrics", showWindow);
375 | 	},
376 | 	loadColors() {
377 | 		const themeColors = SimAPTools.getTopColors(document.getElementById("album"));
378 | 		PlayerBackground.update(`rgb(${themeColors[0].join(",")})`, [
379 | 								`rgb(${themeColors[1] ? themeColors[1].join(",") : "255,255,255"})`,
380 | 								`rgb(${themeColors[2] ? themeColors[2].join(",") : "255,255,255"})`,
381 | 								`rgb(${themeColors[3] ? themeColors[3].join(",") : "255,255,255"})` ]);
382 | 		const themeColorNum = Math.min( 255 / (themeColors[0][0] + themeColors[0][1] + themeColors[0][2] + 1), 1);
383 | 		document.body.style.setProperty("--SimAPTheme", `rgb(${themeColors[0].map(num => num * themeColorNum).join(",")})`);
384 | 		document.body.classList[config.getItem("darkPlayer") ? "add" : "remove"]("darkPlayer");
385 | 	},
386 | 	toggleFullScreen(isQuit) {
387 | 		if (!document.fullscreenElement && document.body.classList.contains("playerShown") && !isQuit) {
388 | 			document.body.requestFullscreen();
389 | 			document.body.classList.add("fullscreen");
390 | 			document.onfullscreenchange = () => {
391 | 				if (!document.fullscreenElement) document.body.classList.remove("fullscreen");
392 | 				window.dispatchEvent(new Event("resize"));
393 | 			};
394 | 		} else {
395 | 			document.exitFullscreen().catch(() => {});
396 | 			document.body.classList.remove("fullscreen");
397 | 		}
398 | 		window.dispatchEvent(new Event("resize"));
399 | 	}
400 | }
401 | ipcRenderer.invoke("musicPause");
402 | config.listenChange("darkPlayer", SimAPUI.loadColors);
403 | 
404 | 
405 | // 处理键盘操作
406 | let keydownLock;
407 | document.documentElement.addEventListener("keydown", e => {
408 | 	if (keydownLock) return;
409 | 	keydownLock = true;
410 | 	setTimeout(() => { keydownLock = false; }, 150)
411 | 	if (document.activeElement.tagName.toLowerCase() == "input") return;
412 | 	const audio = document.getElementById("audio");
413 | 	const duration = document.getElementById("progressDuration").textContent;
414 | 	switch (e.key) {
415 | 		case " ":
416 | 			SimAPControls.togglePlay(true);
417 | 			break;
418 | 		case "ArrowUp":
419 | 			const upVol = Math.min(1, config.getItem("volume") + .05);
420 | 			config.setItem("volume", upVol);
421 | 			setMiniModeStatus(`音量：${Math.round(upVol * 100)}%`);
422 | 			break;
423 | 		case "ArrowDown":
424 | 			const downVol = Math.max(0, config.getItem("volume") - .05);
425 | 			config.setItem("volume", downVol);
426 | 			setMiniModeStatus(`音量：${Math.round(downVol * 100)}%`);
427 | 			break;
428 | 		case "ArrowRight":
429 | 			const value1 = Math.min(audio.duration, audio.currentTime + 5);
430 | 			audio.currentTime = value1;
431 | 			setMiniModeStatus(`${SimAPTools.formatTime(value1)} / ${duration}`);
432 | 			break;
433 | 		case "ArrowLeft":
434 | 			const value2 = Math.max(0, audio.currentTime - 5);
435 | 			audio.currentTime = value2;
436 | 			setMiniModeStatus(`${SimAPTools.formatTime(value2)} / ${duration}`);
437 | 			break;
438 | 		case "Escape":
439 | 			SimAPUI.hide();
440 | 			document.body.classList.remove("volume");
441 | 			break;
442 | 		case "F11":
443 | 			SimAPUI.toggleFullScreen();
444 | 			break;
445 | 	}
446 | });
447 | 
448 | 
449 | // 音量相关操作
450 | const SimAPVolume = new SimProgress(document.getElementById("volBar"));
451 | const SimAPVolumeBottom = new SimProgress(document.getElementById("volBarBottom"));
452 | const loadVolumeUi = () => {
453 | 	const value = config.getItem("volume");
454 | 	document.getElementById("audio").volume = value;
455 | 	SimAPVolume.setValue(value);
456 | 	SimAPVolumeBottom.setValue(value);
457 | 	SimAPControls.toggleMuted(false);
458 | }
459 | loadVolumeUi();
460 | config.listenChange("volume", loadVolumeUi);
461 | SimAPVolume.ondrag = SimAPVolumeBottom.ondrag = value => { config.setItem("volume", value); }
462 | document.body.onpointerdown = () => {document.body.classList.remove("volume");};
463 | addEventListener("blur", () => {document.body.classList.remove("volume");});
464 | document.querySelector(".volBtn").onpointerdown = e => {e.stopPropagation();};
465 | const handleWheel = e => {
466 | 	e.preventDefault();
467 | 	let value = config.getItem("volume");
468 | 	value = e.deltaY > 0 ? Math.max(0, value - .05) : Math.min(1, value + .05);
469 | 	config.setItem("volume", value);
470 | 	setMiniModeStatus(`音量：${Math.round(value * 100)}%`);
471 | };
472 | document.addEventListener("wheel", e => { if (document.body.classList.contains("volume")) handleWheel(e); }, {passive: false});
473 | document.querySelector(".volBtn").onwheel = () => { document.body.classList.add("volume"); };
474 | document.querySelector(".volBtnBottom").onwheel = e => { handleWheel(e); };
475 | document.querySelector(".bottom").onwheel = e => { if (document.body.classList.contains("miniMode")) handleWheel(e); };
476 | 
477 | 
478 | 
479 | // 响应配置更新
480 | config.listenChange("backgroundBlur", SimAPControls.loadConfig);
481 | config.listenChange("lyricBlur", SimAPControls.loadConfig);
482 | config.listenChange("lyricSize", SimAPControls.loadConfig);
483 | config.listenChange("lyricSpace", SimAPControls.loadConfig);
484 | config.listenChange("lyricTranslation", () => {SimAPControls.loadConfig(); updateDesktopLyricsConfig();});
485 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimLRC.css:
--------------------------------------------------------------------------------
1 | 
2 | .SimLRC{position:relative;overflow-x:hidden;overflow-y:scroll;text-align:var(--align);}
3 | .SimLRC::before,.SimLRC::after{content:"";display:block;height:50%;}
4 | .SimLRC>div{color:var(--normalColor);margin:calc(var(--lineSpace) * var(--inactiveZoom)) .2em;font-size:1.5em;transform:scale(var(--inactiveZoom));transform-origin:center var(--align);transition:all .3s,filter 0s;}
5 | .SimLRC.scrolling>div{filter:none!important;}
6 | .SimLRC>div.active{color:var(--activeColor);transform:scale(1);margin:var(--lineSpace) .2em;transition:all .3s;}
7 | .SimLRC>div:hover{color:var(--hoverColor);}
8 | .SimLRC>div>span,.SimLRC>div>small{display:block;}
9 | .SimLRC>div>small{font-size:var(--lrcTranslation);}


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimLRC.js:
--------------------------------------------------------------------------------
  1 | 
  2 | class SimLRC {
  3 | 	constructor(lrc) {
  4 | 		// 解析歌词
  5 | 		const lrcSpilitted = lrc.split("\n");
  6 | 		this.lrcParsed = {};
  7 | 		for (let lineNum in lrcSpilitted) {
  8 | 			const line = lrcSpilitted[lineNum];
  9 | 			const regex = /\[\d+\:\d+\.\d+\]/g;
 10 | 			const tags = (line.match(regex) || []).map(match => match.slice(1, -1));
 11 | 			const text = line.replace(regex, "").trim();
 12 | 			if (!tags || !text) continue;
 13 | 			tags.forEach(tag => {
 14 | 				const [minutes, seconds] = tag.split(':').map(Number);
 15 | 				const msTime = Math.round(minutes * 60000 + seconds * 1000);
 16 | 				if (msTime || msTime === 0) {
 17 | 					if (!this.lrcParsed[msTime]) this.lrcParsed[msTime] = [];
 18 | 					this.lrcParsed[msTime].push(text);
 19 | 				}
 20 | 			});
 21 | 			if (!this.lrcParsed[0]) {
 22 | 				const firstTs = Object.keys(this.lrcParsed)[0];
 23 | 				this.lrcParsed[0] = this.lrcParsed[firstTs];
 24 | 				delete this.lrcParsed[firstTs];
 25 | 			}
 26 | 		}
 27 | 		if (!Object.keys(this.lrcParsed).length) this.lrcParsed = {0: ["暂无歌词"]};
 28 | 	}
 29 | 	
 30 | 	render(container, audio, options = {}) {
 31 | 		if (!container || !audio) return;
 32 | 		// 初始化配置项
 33 | 		const defaultOptions = {
 34 | 			blurStep: 1,
 35 | 			blurMin: 2,
 36 | 			blurMax: 5,
 37 | 			normalColor: "#00000088",
 38 | 			activeColor: "#000000",
 39 | 			clickUpdate: true,
 40 | 			multiLangSupport: true,
 41 | 			align: "center",
 42 | 			inactiveZoom: .8,
 43 | 			lineSpace: .8,
 44 | 			scrollTimeout: 3000,
 45 | 		};
 46 | 		options = Object.assign(defaultOptions, options);
 47 | 		// 渲染歌词HTML
 48 | 		container.innerHTML = "";
 49 | 		for (let timestamp in this.lrcParsed) {
 50 | 			const currentLrc = this.lrcParsed[timestamp];
 51 | 			if (options.multiLangSupport) {
 52 | 				// 启用多语言支持，则同时间戳不同歌词在同一个div渲染
 53 | 				const lrcDiv = document.createElement("div");
 54 | 				lrcDiv.dataset.stamp = timestamp;
 55 | 				currentLrc.forEach((text, index) => {
 56 | 					const textElement = document.createElement(index ? "small" : "span");
 57 | 					textElement.textContent = text;
 58 | 					lrcDiv.appendChild(textElement);
 59 | 				});
 60 | 				container.appendChild(lrcDiv);
 61 | 			} else {
 62 | 				// 禁用多语言支持，则同时间戳不同歌词分开渲染
 63 | 				currentLrc.forEach(text => {
 64 | 					const lrcDiv = document.createElement("div");
 65 | 					lrcDiv.dataset.stamp = timestamp;
 66 | 					lrcDiv.textContent = text;
 67 | 					container.appendChild(lrcDiv);
 68 | 				});
 69 | 			}
 70 | 		}
 71 | 		// 设置样式
 72 | 		container.classList.add("SimLRC");
 73 | 		container.style.setProperty("--align", options.align);
 74 | 		container.style.setProperty("--normalColor", options.normalColor);
 75 | 		container.style.setProperty("--activeColor", options.activeColor);
 76 | 		container.style.setProperty("--hoverColor", options.clickUpdate ? options.activeColor : options.normalColor);
 77 | 		container.style.setProperty("--inactiveZoom", options.inactiveZoom);
 78 | 		container.style.setProperty("--lineSpace", options.lineSpace + "em");
 79 | 		// 监听事件
 80 | 		const refreshLrcProgress = forceScroll => {
 81 | 			const currentTime = Math.round(audio.currentTime * 1000);
 82 | 			let lrcEles = Array.from(container.getElementsByTagName("div"));
 83 | 			for (let index in lrcEles) {
 84 | 				let div = lrcEles[index];
 85 | 				if (div.dataset.stamp <= currentTime && (!div.nextElementSibling || div.nextElementSibling.dataset.stamp > currentTime)) {
 86 | 					// 执行回调
 87 | 					if (!div.classList.contains("active") && options.callback) options.callback(div.innerHTML);
 88 | 					if (!div.classList.contains("active") || forceScroll) {
 89 | 						// 取消用户滚动模式
 90 | 						if (forceScroll) {
 91 | 							container.classList.remove("scrolling");
 92 | 							clearTimeout(this.scrollTimeoutId);
 93 | 						}
 94 | 						// 设置为当前歌词并滚动
 95 | 						div.classList.add("active");
 96 | 						if (!container.classList.contains("scrolling")) div.scrollIntoView({ behavior: "smooth", block: "center" });
 97 | 						// 渲染歌词模糊效果
 98 | 						if (options.blurStep && options.blurMax) {
 99 | 							div.style.filter = "none";
100 | 							const prevSiblings = [];
101 | 							let prev = div.previousElementSibling;
102 | 							while (prev) {
103 | 								prevSiblings.push(prev);
104 | 								prev = prev.previousElementSibling;
105 | 							}
106 | 							let next = div.nextElementSibling;
107 | 							const nextSiblings = [];
108 | 							while (next) {
109 | 								nextSiblings.push(next);
110 | 								next = next.nextElementSibling;
111 | 							}
112 | 							for (let index = 0; index <= Math.max(prevSiblings.length, nextSiblings.length); index++) {
113 | 								const blurPixel = Math.min(options.blurMin + options.blurStep * index, options.blurMax);
114 | 								if (prevSiblings[index]) prevSiblings[index].style.filter = `blur(${blurPixel}px)`;
115 | 								if (nextSiblings[index]) nextSiblings[index].style.filter = `blur(${blurPixel}px)`;
116 | 							}
117 | 						}
118 | 					}
119 | 				} else div.classList.remove("active");
120 | 			}
121 | 		};
122 | 		audio.addEventListener("timeupdate", () => { refreshLrcProgress(); });
123 | 		window.addEventListener("resize", () => { refreshLrcProgress(true); });
124 | 		if (options.clickUpdate) {
125 | 			Array.from(container.getElementsByTagName("div")).forEach(div => {
126 | 				div.onclick = () => { audio.currentTime = div.dataset.stamp / 1000; refreshLrcProgress(true); };
127 | 			});
128 | 		}
129 | 		refreshLrcProgress(true);
130 | 		setTimeout(() => {container.querySelector("div.active").scrollIntoView({block: "center", behavior: "smooth"});}, 50);
131 | 		// 处理用户滚动
132 | 		const handleUserScroll = () => {
133 | 			if (document.body.classList.contains("volume")) return;
134 | 			clearTimeout(this.scrollTimeoutId);
135 | 			this.scrollTimeoutId = setTimeout(() => {
136 | 				container.classList.remove("scrolling");
137 | 				refreshLrcProgress(true);
138 | 			}, options.scrollTimeout);
139 | 			container.classList.add("scrolling");
140 | 		}
141 | 		container.onwheel = handleUserScroll;
142 | 	}
143 | }
144 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimProgress.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .SimProgress{--SimProgressBackground:rgba(0,0,0,.1);--SimProgressTheme:#1E9FFF;}
 3 | .SimProgress{display:block;position:relative;height:7px;width:100%;--SimProgressWidth:0%;}
 4 | .SimProgress.vertical{height:100%;width:7px;}
 5 | .SimProgress:not(.readOnly)::after{background:var(--SimProgressTheme);border-radius:50%;height:11px;width:11px;position:absolute;top:0;bottom:0;margin:auto;left:calc(var(--SimProgressWidth) - 5px);content:"";transition:left .2s;box-shadow:0 0 5px 0 rgba(0,0,0,.2);}
 6 | .SimProgress.SimProgress.vertical::after{position:absolute;bottom:calc(var(--SimProgressWidth) - 5px);left:0;margin-left:-2px;top:unset;transition:bottom .2s;}
 7 | .SimProgress.dragging::after{transition:none!important;}
 8 | .SimProgress>div{position:absolute;height:100%;width:100%;background:var(--SimProgressBackground);border-radius:3.5px;overflow:hidden;}
 9 | .SimProgress>div>div{position:absolute;background:var(--SimProgressTheme);height:100%;left:0;bottom:0;transition:width .2s;width:var(--SimProgressWidth);}
10 | .SimProgress.vertical>div>div{height:var(--SimProgressWidth);left:0;right:0;bottom:0;transition:height .2s;width:100%;}
11 | .SimProgress.dragging>div>div{transition:none;}
12 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/SimProgress.js:
--------------------------------------------------------------------------------
 1 | 
 2 | class SimProgress {
 3 | 	constructor(element, options = {}) {
 4 | 		// 初始化
 5 | 		this.progressElement = element;
 6 | 		element.innerHTML = "<div><div></div></div>";
 7 | 		// 事件监听
 8 | 		if (options.readOnly) element.classList.add("readOnly");
 9 | 		if (options.vertical) element.classList.add("vertical");
10 | 		if (!element.classList.contains("SimProgress") && !options.readOnly) {
11 | 			// 拖动处理
12 | 			const handleDrag = e => {
13 | 				e.preventDefault();
14 | 				if (!element.classList.contains("dragging")) return;
15 | 				let progress;
16 | 				if (options.vertical) {
17 | 					const clickY = (e.pageY || e.changedTouches[0].pageY || e.touches[0].pageY) - element.getBoundingClientRect().top;
18 | 					progress = 1 - Math.min(Math.max(clickY / element.clientHeight, 0), 1);
19 | 				} else {
20 | 					const clickX = (e.pageX || e.changedTouches[0].pageX || e.touches[0].pageX) - element.getBoundingClientRect().left;
21 | 					progress = Math.min(Math.max(clickX / element.clientWidth, 0), 1);
22 | 				}
23 | 				element.style.setProperty("--SimProgressWidth", progress * 100 + "%");
24 | 				this.value = this.min + (this.max - this.min) * progress;
25 | 				if (this.ondrag) this.ondrag(this.value);
26 | 			}
27 | 			// 鼠标事件
28 | 			element.addEventListener("mousedown", () => {
29 | 				document.addEventListener("mousemove", handleDrag);
30 | 				element.classList.add("dragging");
31 | 			}, {passive: true});
32 | 			element.addEventListener("mouseup", handleDrag);
33 | 			document.addEventListener("mouseup", () => {
34 | 				document.removeEventListener("mousemove", handleDrag);
35 | 				if (this.onchange && element.classList.contains("dragging")) this.onchange(this.value);
36 | 				element.classList.remove("dragging");
37 | 			});
38 | 			// 触摸事件
39 | 			element.addEventListener("touchstart", () => {
40 | 				document.addEventListener("touchmove", handleDrag, {passive: false});
41 | 				element.classList.add("dragging");
42 | 			}, {passive: true});
43 | 			element.addEventListener("touchend", handleDrag);
44 | 			document.addEventListener("touchend", () => {
45 | 				document.removeEventListener("touchmove", handleDrag, {passive: false});
46 | 				if (this.onchange && element.classList.contains("dragging")) this.onchange(this.value);
47 | 				element.classList.remove("dragging");
48 | 			});
49 | 		}
50 | 		// 读取信息
51 | 		element.classList.add("SimProgress");
52 | 		this.min = Number(element.getAttribute("min")) ?? 0;
53 | 		this.max = Number(element.getAttribute("max")) ?? this.min + 100;
54 | 		this.setValue(Number(element.getAttribute("value")) ?? this.min);
55 | 	}
56 | 	setValue(value = this.value) {
57 | 		if (value < this.min) value = this.min;
58 | 		if (value > this.max) value = this.max;
59 | 		if (this.progressElement.classList.contains("dragging")) return;
60 | 		this.value = value;
61 | 		this.progressElement.style.setProperty("--SimProgressWidth", (this.value - this.min) / (this.max - this.min) * 100 + "%");
62 | 	}
63 | }
64 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/dialog.css:
--------------------------------------------------------------------------------
 1 | @font-face{font-family:"icon";src:url("../icon.woff2");}
 2 | @font-face{font-family:"windowsicon";src:url("../windowsicon.ttf");}
 3 | @font-face{font-family:"font";src:url("../font.ttf");}
 4 | html{font-size:16px;user-select:none;font-family:"font","微软雅黑";background:#F9F9FB;}
 5 | body{margin:0;}
 6 | i{font-family:"icon";font-style:normal;}
 7 | img{pointer-events:none;}
 8 | *{box-sizing:border-box;outline:none;}
 9 | *[hidden]{display:none!important;}
10 | ::-webkit-scrollbar{display:none;}
11 | button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:0 20px;font-size:16px;transition:filter .2s;font-family:inherit;height:30px;margin-left:5px;}
12 | button.sub{background:#DAEFFF;color:#1E9FFF;}
13 | button.square{width:30px;padding:0;}
14 | button:hover{filter:brightness(.95);}
15 | button:active{filter:brightness(.9);}
16 | button:disabled{filter:grayscale(1)!important;}
17 | header{position:fixed;top:0;height:35px;display:flex;justify-content:right;width:100%;z-index:100;-webkit-app-region:drag;}
18 | header i{font-family:"windowsicon";height:100%;width:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s,color .2s;-webkit-app-region:no-drag;}
19 | header i:hover{background:rgba(0,0,0,.05);}
20 | header i:active{background:rgba(0,0,0,.1);opacity:.8;}
21 | header i#closeBtn:hover{background:#E81123;color:white;}
22 | header i#closeBtn:active{background:#E81123;color:rgba(255,255,255,.8);}
23 | form{position:fixed;inset:30px 40px;}
24 | form h1{margin-top:0;margin-bottom:10px;font-size:1.8em;}
25 | form .buttons{position:absolute;bottom:0;right:0;}
26 | input{background:white;padding:8px 10px;border-radius:5px;border:0;font-size:1rem;font-family:inherit;width:100%;margin:5px 0;}


--------------------------------------------------------------------------------
/src/frontend/assets/components/dialog.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta charset="utf-8">
 5 | 		<link rel="stylesheet" href="dialog.css">
 6 | 	</head>
 7 | 	<body>
 8 | 		
 9 | 
10 | 		<!-- 主体内容 -->
11 | 
12 | 		<header>
13 | 			<i onclick="cancelDialog()" id="closeBtn">&#xeab8;</i>
14 | 		</header>
15 | 
16 | 		<form onsubmit="submitDialog()">
17 | 			<h1>提示</h1>
18 | 			<div id="text"></div>
19 | 			<input id="prompt" autofocus>
20 | 			<div class="buttons">
21 | 				<button class="sub" id="subBtn" type="button" onclick="cancelDialog()">取消</button>
22 | 				<button><i>&#xEB7B;</i> 确定</button>
23 | 			</div>
24 | 		</form>
25 | 		
26 | 
27 | 		<!-- 引入脚本 -->
28 | 		<script>
29 | 			const {ipcRenderer} = require("electron");
30 | 			const queryParams = new URLSearchParams(window.location.search);
31 | 			switch (queryParams.get("type")) {
32 | 				case "alert":
33 | 					document.getElementById("prompt").hidden = true;
34 | 					document.getElementById("subBtn").hidden = true;
35 | 					document.getElementById("text").textContent = queryParams.get("txt");
36 | 					break;
37 | 				case "prompt":
38 | 					document.getElementById("prompt").placeholder = queryParams.get("txt");
39 | 					break;
40 | 				case "confirm":
41 | 					document.getElementById("prompt").hidden = true;
42 | 					document.getElementById("text").textContent = queryParams.get("txt");
43 | 					break;
44 | 			}
45 | 			function submitDialog() {
46 | 				if (event) event.preventDefault();
47 | 				ipcRenderer.invoke("dialogSubmit", queryParams.get("parent"), queryParams.get("dialogId"), document.getElementById("prompt").value);
48 | 				window.close();
49 | 			}
50 | 			function cancelDialog() {
51 | 				if (event) event.preventDefault();
52 | 				ipcRenderer.invoke("dialogCancel", queryParams.get("parent"));
53 | 				window.close();
54 | 			}
55 | 			document.documentElement.onkeydown = e => {
56 | 				if ((e.ctrlKey && ["i", "I", "r", "R"].includes(e.key)) || e.key == "Tab") e.preventDefault();
57 | 				if (document.activeElement.tagName.toLowerCase() != "input") e.preventDefault();
58 | 				if (e.key == "Enter") submitDialog();
59 | 				if (e.key == "Escape") cancelDialog();
60 | 			};
61 | 		</script>
62 | 	</body>
63 | </html>


--------------------------------------------------------------------------------
/src/frontend/assets/components/dialog.js:
--------------------------------------------------------------------------------
 1 | const DialogData = {};
 2 | let DialogShowing = false;
 3 | 
 4 | function alert(txt, callback) {
 5 | 	if (DialogShowing) return;
 6 | 	DialogShowing = true;
 7 | 	const dialogId = new Date().getTime() + Math.random();
 8 | 	DialogData[dialogId] = callback;
 9 | 	ipcRenderer.invoke("dialog", "alert", txt, document.documentElement.dataset.windowId, dialogId);
10 | }
11 | function prompt(txt, callback) {
12 | 	if (DialogShowing) return;
13 | 	DialogShowing = true;
14 | 	const dialogId = new Date().getTime() + Math.random();
15 | 	DialogData[dialogId] = callback;
16 | 	ipcRenderer.invoke("dialog", "prompt", txt, document.documentElement.dataset.windowId, dialogId);
17 | }
18 | function confirm(txt, callback) {
19 | 	if (DialogShowing) return;
20 | 	DialogShowing = true;
21 | 	const dialogId = new Date().getTime() + Math.random();
22 | 	DialogData[dialogId] = callback;
23 | 	ipcRenderer.invoke("dialog", "confirm", txt, document.documentElement.dataset.windowId, dialogId);
24 | }
25 | function webview(url, options = {}, callback) {
26 | 	if (DialogShowing) return;
27 | 	DialogShowing = true;
28 | 	const dialogId = "wv" + new Date().getTime() + Math.random();
29 | 	DialogData[dialogId] = callback;
30 | 	ipcRenderer.invoke("webview", url, document.documentElement.dataset.windowId, dialogId, options.width, options.height, !!callback);
31 | }
32 | function modalWindow(url, height) {
33 | 	ipcRenderer.invoke("modal", url, height, document.documentElement.dataset.windowId);
34 | }
35 | 
36 | ipcRenderer.on("dialogSubmit", (_event, dialogId, txt) => {
37 | 	DialogShowing = false;
38 | 	if (DialogData[dialogId]) DialogData[dialogId](dialogId.startsWith("wv") ? JSON.parse(txt) : txt);
39 | });
40 | ipcRenderer.on("dialogCancel", () => {
41 | 	DialogShowing = false;
42 | });
43 | 
44 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/marked.min.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * marked v14.1.0 - a markdown parser
3 |  * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)
4 |  * https://github.com/markedjs/marked
5 |  */
6 | !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).marked={})}(this,(function(e){"use strict";function t(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}function n(t){e.defaults=t}e.defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};const s=/[&<>"']/,r=new RegExp(s.source,"g"),i=/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,l=new RegExp(i.source,"g"),o={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},a=e=>o[e];function c(e,t){if(t){if(s.test(e))return e.replace(r,a)}else if(i.test(e))return e.replace(l,a);return e}const h=/(^|[^\[])\^/g;function p(e,t){let n="string"==typeof e?e:e.source;t=t||"";const s={replace:(e,t)=>{let r="string"==typeof t?t:t.source;return r=r.replace(h,"$1"),n=n.replace(e,r),s},getRegex:()=>new RegExp(n,t)};return s}function u(e){try{e=encodeURI(e).replace(/%25/g,"%")}catch{return null}return e}const k={exec:()=>null};function g(e,t){const n=e.replace(/\|/g,((e,t,n)=>{let s=!1,r=t;for(;--r>=0&&"\\"===n[r];)s=!s;return s?"|":" |"})).split(/ \|/);let s=0;if(n[0].trim()||n.shift(),n.length>0&&!n[n.length-1].trim()&&n.pop(),t)if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(/\\\|/g,"|");return n}function f(e,t,n){const s=e.length;if(0===s)return"";let r=0;for(;r<s;){const i=e.charAt(s-r-1);if(i!==t||n){if(i===t||!n)break;r++}else r++}return e.slice(0,s-r)}function d(e,t,n,s){const r=t.href,i=t.title?c(t.title):null,l=e[1].replace(/\\([\[\]])/g,"$1");if("!"!==e[0].charAt(0)){s.state.inLink=!0;const e={type:"link",raw:n,href:r,title:i,text:l,tokens:s.inlineTokens(l)};return s.state.inLink=!1,e}return{type:"image",raw:n,href:r,title:i,text:c(l)}}class x{options;rules;lexer;constructor(t){this.options=t||e.defaults}space(e){const t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){const t=this.rules.block.code.exec(e);if(t){const e=t[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?e:f(e,"\n")}}}fences(e){const t=this.rules.block.fences.exec(e);if(t){const e=t[0],n=function(e,t){const n=e.match(/^(\s+)(?:```)/);if(null===n)return t;const s=n[1];return t.split("\n").map((e=>{const t=e.match(/^\s+/);if(null===t)return e;const[n]=t;return n.length>=s.length?e.slice(s.length):e})).join("\n")}(e,t[3]||"");return{type:"code",raw:e,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):t[2],text:n}}}heading(e){const t=this.rules.block.heading.exec(e);if(t){let e=t[2].trim();if(/#$/.test(e)){const t=f(e,"#");this.options.pedantic?e=t.trim():t&&!/ $/.test(t)||(e=t.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:e,tokens:this.lexer.inline(e)}}}hr(e){const t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:f(t[0],"\n")}}blockquote(e){const t=this.rules.block.blockquote.exec(e);if(t){let e=f(t[0],"\n").split("\n"),n="",s="";const r=[];for(;e.length>0;){let t=!1;const i=[];let l;for(l=0;l<e.length;l++)if(/^ {0,3}>/.test(e[l]))i.push(e[l]),t=!0;else{if(t)break;i.push(e[l])}e=e.slice(l);const o=i.join("\n"),a=o.replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,"\n    $1").replace(/^ {0,3}>[ \t]?/gm,"");n=n?`${n}\n${o}`:o,s=s?`${s}\n${a}`:a;const c=this.lexer.state.top;if(this.lexer.state.top=!0,this.lexer.blockTokens(a,r,!0),this.lexer.state.top=c,0===e.length)break;const h=r[r.length-1];if("code"===h?.type)break;if("blockquote"===h?.type){const t=h,i=t.raw+"\n"+e.join("\n"),l=this.blockquote(i);r[r.length-1]=l,n=n.substring(0,n.length-t.raw.length)+l.raw,s=s.substring(0,s.length-t.text.length)+l.text;break}if("list"!==h?.type);else{const t=h,i=t.raw+"\n"+e.join("\n"),l=this.list(i);r[r.length-1]=l,n=n.substring(0,n.length-h.raw.length)+l.raw,s=s.substring(0,s.length-t.raw.length)+l.raw,e=i.substring(r[r.length-1].raw.length).split("\n")}}return{type:"blockquote",raw:n,tokens:r,text:s}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim();const s=n.length>1,r={type:"list",raw:"",ordered:s,start:s?+n.slice(0,-1):"",loose:!1,items:[]};n=s?`\\d{1,9}\\${n.slice(-1)}`:`\\${n}`,this.options.pedantic&&(n=s?n:"[*+-]");const i=new RegExp(`^( {0,3}${n})((?:[\t ][^\\n]*)?(?:\\n|$))`);let l=!1;for(;e;){let n=!1,s="",o="";if(!(t=i.exec(e)))break;if(this.rules.block.hr.test(e))break;s=t[0],e=e.substring(s.length);let a=t[2].split("\n",1)[0].replace(/^\t+/,(e=>" ".repeat(3*e.length))),c=e.split("\n",1)[0],h=!a.trim(),p=0;if(this.options.pedantic?(p=2,o=a.trimStart()):h?p=t[1].length+1:(p=t[2].search(/[^ ]/),p=p>4?1:p,o=a.slice(p),p+=t[1].length),h&&/^ *$/.test(c)&&(s+=c+"\n",e=e.substring(c.length+1),n=!0),!n){const t=new RegExp(`^ {0,${Math.min(3,p-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`),n=new RegExp(`^ {0,${Math.min(3,p-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),r=new RegExp(`^ {0,${Math.min(3,p-1)}}(?:\`\`\`|~~~)`),i=new RegExp(`^ {0,${Math.min(3,p-1)}}#`);for(;e;){const l=e.split("\n",1)[0];if(c=l,this.options.pedantic&&(c=c.replace(/^ {1,4}(?=( {4})*[^ ])/g,"  ")),r.test(c))break;if(i.test(c))break;if(t.test(c))break;if(n.test(e))break;if(c.search(/[^ ]/)>=p||!c.trim())o+="\n"+c.slice(p);else{if(h)break;if(a.search(/[^ ]/)>=4)break;if(r.test(a))break;if(i.test(a))break;if(n.test(a))break;o+="\n"+c}h||c.trim()||(h=!0),s+=l+"\n",e=e.substring(l.length+1),a=c.slice(p)}}r.loose||(l?r.loose=!0:/\n *\n *$/.test(s)&&(l=!0));let u,k=null;this.options.gfm&&(k=/^\[[ xX]\] /.exec(o),k&&(u="[ ] "!==k[0],o=o.replace(/^\[[ xX]\] +/,""))),r.items.push({type:"list_item",raw:s,task:!!k,checked:u,loose:!1,text:o,tokens:[]}),r.raw+=s}r.items[r.items.length-1].raw=r.items[r.items.length-1].raw.trimEnd(),r.items[r.items.length-1].text=r.items[r.items.length-1].text.trimEnd(),r.raw=r.raw.trimEnd();for(let e=0;e<r.items.length;e++)if(this.lexer.state.top=!1,r.items[e].tokens=this.lexer.blockTokens(r.items[e].text,[]),!r.loose){const t=r.items[e].tokens.filter((e=>"space"===e.type)),n=t.length>0&&t.some((e=>/\n.*\n/.test(e.raw)));r.loose=n}if(r.loose)for(let e=0;e<r.items.length;e++)r.items[e].loose=!0;return r}}html(e){const t=this.rules.block.html.exec(e);if(t){return{type:"html",block:!0,raw:t[0],pre:"pre"===t[1]||"script"===t[1]||"style"===t[1],text:t[0]}}}def(e){const t=this.rules.block.def.exec(e);if(t){const e=t[1].toLowerCase().replace(/\s+/g," "),n=t[2]?t[2].replace(/^<(.*)>$/,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",s=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):t[3];return{type:"def",tag:e,raw:t[0],href:n,title:s}}}table(e){const t=this.rules.block.table.exec(e);if(!t)return;if(!/[:|]/.test(t[2]))return;const n=g(t[1]),s=t[2].replace(/^\||\| *$/g,"").split("|"),r=t[3]&&t[3].trim()?t[3].replace(/\n[ \t]*$/,"").split("\n"):[],i={type:"table",raw:t[0],header:[],align:[],rows:[]};if(n.length===s.length){for(const e of s)/^ *-+: *$/.test(e)?i.align.push("right"):/^ *:-+: *$/.test(e)?i.align.push("center"):/^ *:-+ *$/.test(e)?i.align.push("left"):i.align.push(null);for(let e=0;e<n.length;e++)i.header.push({text:n[e],tokens:this.lexer.inline(n[e]),header:!0,align:i.align[e]});for(const e of r)i.rows.push(g(e,i.header.length).map(((e,t)=>({text:e,tokens:this.lexer.inline(e),header:!1,align:i.align[t]}))));return i}}lheading(e){const t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:"="===t[2].charAt(0)?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){const t=this.rules.block.paragraph.exec(e);if(t){const e="\n"===t[1].charAt(t[1].length-1)?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:e,tokens:this.lexer.inline(e)}}}text(e){const t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){const t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:c(t[1])}}tag(e){const t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&/^<a /i.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&/^<\/a>/i.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){const t=this.rules.inline.link.exec(e);if(t){const e=t[2].trim();if(!this.options.pedantic&&/^</.test(e)){if(!/>$/.test(e))return;const t=f(e.slice(0,-1),"\\");if((e.length-t.length)%2==0)return}else{const e=function(e,t){if(-1===e.indexOf(t[1]))return-1;let n=0;for(let s=0;s<e.length;s++)if("\\"===e[s])s++;else if(e[s]===t[0])n++;else if(e[s]===t[1]&&(n--,n<0))return s;return-1}(t[2],"()");if(e>-1){const n=(0===t[0].indexOf("!")?5:4)+t[1].length+e;t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,n).trim(),t[3]=""}}let n=t[2],s="";if(this.options.pedantic){const e=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(n);e&&(n=e[1],s=e[3])}else s=t[3]?t[3].slice(1,-1):"";return n=n.trim(),/^</.test(n)&&(n=this.options.pedantic&&!/>$/.test(e)?n.slice(1):n.slice(1,-1)),d(t,{href:n?n.replace(this.rules.inline.anyPunctuation,"$1"):n,title:s?s.replace(this.rules.inline.anyPunctuation,"$1"):s},t[0],this.lexer)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){const e=t[(n[2]||n[1]).replace(/\s+/g," ").toLowerCase()];if(!e){const e=n[0].charAt(0);return{type:"text",raw:e,text:e}}return d(n,e,n[0],this.lexer)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrongLDelim.exec(e);if(!s)return;if(s[3]&&n.match(/[\p{L}\p{N}]/u))return;if(!(s[1]||s[2]||"")||!n||this.rules.inline.punctuation.exec(n)){const n=[...s[0]].length-1;let r,i,l=n,o=0;const a="*"===s[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(a.lastIndex=0,t=t.slice(-1*e.length+n);null!=(s=a.exec(t));){if(r=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!r)continue;if(i=[...r].length,s[3]||s[4]){l+=i;continue}if((s[5]||s[6])&&n%3&&!((n+i)%3)){o+=i;continue}if(l-=i,l>0)continue;i=Math.min(i,i+l+o);const t=[...s[0]][0].length,a=e.slice(0,n+s.index+t+i);if(Math.min(n,i)%2){const e=a.slice(1,-1);return{type:"em",raw:a,text:e,tokens:this.lexer.inlineTokens(e)}}const c=a.slice(2,-2);return{type:"strong",raw:a,text:c,tokens:this.lexer.inlineTokens(c)}}}}codespan(e){const t=this.rules.inline.code.exec(e);if(t){let e=t[2].replace(/\n/g," ");const n=/[^ ]/.test(e),s=/^ /.test(e)&&/ $/.test(e);return n&&s&&(e=e.substring(1,e.length-1)),e=c(e,!0),{type:"codespan",raw:t[0],text:e}}}br(e){const t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){const t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){const t=this.rules.inline.autolink.exec(e);if(t){let e,n;return"@"===t[2]?(e=c(t[1]),n="mailto:"+e):(e=c(t[1]),n=e),{type:"link",raw:t[0],text:e,href:n,tokens:[{type:"text",raw:e,text:e}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let e,n;if("@"===t[2])e=c(t[0]),n="mailto:"+e;else{let s;do{s=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??""}while(s!==t[0]);e=c(t[0]),n="www."===t[1]?"http://"+t[0]:t[0]}return{type:"link",raw:t[0],text:e,href:n,tokens:[{type:"text",raw:e,text:e}]}}}inlineText(e){const t=this.rules.inline.text.exec(e);if(t){let e;return e=this.lexer.state.inRawBlock?t[0]:c(t[0]),{type:"text",raw:t[0],text:e}}}}const b=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,w=/(?:[*+-]|\d{1,9}[.)])/,m=p(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g,w).replace(/blockCode/g,/ {4}/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).getRegex(),y=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,$=/(?!\s*\])(?:\\.|[^\[\]\\])+/,z=p(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label",$).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),T=p(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,w).getRegex(),R="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",_=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,A=p("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))","i").replace("comment",_).replace("tag",R).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),S=p(y).replace("hr",b).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",R).getRegex(),I={blockquote:p(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",S).getRegex(),code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,def:z,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,hr:b,html:A,lheading:m,list:T,newline:/^(?: *(?:\n|$))+/,paragraph:S,table:k,text:/^[^\n]+/},E=p("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",b).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",R).getRegex(),q={...I,table:E,paragraph:p(y).replace("hr",b).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",E).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",R).getRegex()},Z={...I,html:p("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",_).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:k,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:p(y).replace("hr",b).replace("heading"," *#{1,6} *[^\n]").replace("lheading",m).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},P=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,L=/^( {2,}|\\)\n(?!\s*$)/,v="\\p{P}\\p{S}",Q=p(/^((?![*_])[\spunctuation])/,"u").replace(/punctuation/g,v).getRegex(),B=p(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/,"u").replace(/punct/g,v).getRegex(),M=p("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])","gu").replace(/punct/g,v).getRegex(),O=p("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])","gu").replace(/punct/g,v).getRegex(),j=p(/\\([punct])/,"gu").replace(/punct/g,v).getRegex(),D=p(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),C=p(_).replace("(?:--\x3e|$)","--\x3e").getRegex(),H=p("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",C).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),U=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,X=p(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label",U).replace("href",/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),F=p(/^!?\[(label)\]\[(ref)\]/).replace("label",U).replace("ref",$).getRegex(),N=p(/^!?\[(ref)\](?:\[\])?/).replace("ref",$).getRegex(),G={_backpedal:k,anyPunctuation:j,autolink:D,blockSkip:/\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g,br:L,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,del:k,emStrongLDelim:B,emStrongRDelimAst:M,emStrongRDelimUnd:O,escape:P,link:X,nolink:N,punctuation:Q,reflink:F,reflinkSearch:p("reflink|nolink(?!\\()","g").replace("reflink",F).replace("nolink",N).getRegex(),tag:H,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,url:k},J={...G,link:p(/^!?\[(label)\]\((.*?)\)/).replace("label",U).getRegex(),reflink:p(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",U).getRegex()},K={...G,escape:p(P).replace("])","~|])").getRegex(),url:p(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},V={...K,br:p(L).replace("{2,}","*").getRegex(),text:p(K.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},W={normal:I,gfm:q,pedantic:Z},Y={normal:G,gfm:K,breaks:V,pedantic:J};class ee{tokens;options;state;tokenizer;inlineQueue;constructor(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||e.defaults,this.options.tokenizer=this.options.tokenizer||new x,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};const n={block:W.normal,inline:Y.normal};this.options.pedantic?(n.block=W.pedantic,n.inline=Y.pedantic):this.options.gfm&&(n.block=W.gfm,this.options.breaks?n.inline=Y.breaks:n.inline=Y.gfm),this.tokenizer.rules=n}static get rules(){return{block:W,inline:Y}}static lex(e,t){return new ee(t).lex(e)}static lexInline(e,t){return new ee(t).inlineTokens(e)}lex(e){e=e.replace(/\r\n|\r/g,"\n"),this.blockTokens(e,this.tokens);for(let e=0;e<this.inlineQueue.length;e++){const t=this.inlineQueue[e];this.inlineTokens(t.src,t.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[],n=!1){let s,r,i;for(e=this.options.pedantic?e.replace(/\t/g,"    ").replace(/^ +$/gm,""):e.replace(/^( *)(\t+)/gm,((e,t,n)=>t+"    ".repeat(n.length)));e;)if(!(this.options.extensions&&this.options.extensions.block&&this.options.extensions.block.some((n=>!!(s=n.call({lexer:this},e,t))&&(e=e.substring(s.raw.length),t.push(s),!0)))))if(s=this.tokenizer.space(e))e=e.substring(s.raw.length),1===s.raw.length&&t.length>0?t[t.length-1].raw+="\n":t.push(s);else if(s=this.tokenizer.code(e))e=e.substring(s.raw.length),r=t[t.length-1],!r||"paragraph"!==r.type&&"text"!==r.type?t.push(s):(r.raw+="\n"+s.raw,r.text+="\n"+s.text,this.inlineQueue[this.inlineQueue.length-1].src=r.text);else if(s=this.tokenizer.fences(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.heading(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.hr(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.blockquote(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.list(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.html(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.def(e))e=e.substring(s.raw.length),r=t[t.length-1],!r||"paragraph"!==r.type&&"text"!==r.type?this.tokens.links[s.tag]||(this.tokens.links[s.tag]={href:s.href,title:s.title}):(r.raw+="\n"+s.raw,r.text+="\n"+s.raw,this.inlineQueue[this.inlineQueue.length-1].src=r.text);else if(s=this.tokenizer.table(e))e=e.substring(s.raw.length),t.push(s);else if(s=this.tokenizer.lheading(e))e=e.substring(s.raw.length),t.push(s);else{if(i=e,this.options.extensions&&this.options.extensions.startBlock){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startBlock.forEach((e=>{s=e.call({lexer:this},n),"number"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(i=e.substring(0,t+1))}if(this.state.top&&(s=this.tokenizer.paragraph(i)))r=t[t.length-1],n&&"paragraph"===r?.type?(r.raw+="\n"+s.raw,r.text+="\n"+s.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=r.text):t.push(s),n=i.length!==e.length,e=e.substring(s.raw.length);else if(s=this.tokenizer.text(e))e=e.substring(s.raw.length),r=t[t.length-1],r&&"text"===r.type?(r.raw+="\n"+s.raw,r.text+="\n"+s.text,this.inlineQueue.pop(),this.inlineQueue[this.inlineQueue.length-1].src=r.text):t.push(s);else if(e){const t="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n,s,r,i,l,o,a=e;if(this.tokens.links){const e=Object.keys(this.tokens.links);if(e.length>0)for(;null!=(i=this.tokenizer.rules.inline.reflinkSearch.exec(a));)e.includes(i[0].slice(i[0].lastIndexOf("[")+1,-1))&&(a=a.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+a.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(i=this.tokenizer.rules.inline.blockSkip.exec(a));)a=a.slice(0,i.index)+"["+"a".repeat(i[0].length-2)+"]"+a.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;null!=(i=this.tokenizer.rules.inline.anyPunctuation.exec(a));)a=a.slice(0,i.index)+"++"+a.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;e;)if(l||(o=""),l=!1,!(this.options.extensions&&this.options.extensions.inline&&this.options.extensions.inline.some((s=>!!(n=s.call({lexer:this},e,t))&&(e=e.substring(n.raw.length),t.push(n),!0)))))if(n=this.tokenizer.escape(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.tag(e))e=e.substring(n.raw.length),s=t[t.length-1],s&&"text"===n.type&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.link(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(n.raw.length),s=t[t.length-1],s&&"text"===n.type&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(n=this.tokenizer.emStrong(e,a,o))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.codespan(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.br(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.del(e))e=e.substring(n.raw.length),t.push(n);else if(n=this.tokenizer.autolink(e))e=e.substring(n.raw.length),t.push(n);else if(this.state.inLink||!(n=this.tokenizer.url(e))){if(r=e,this.options.extensions&&this.options.extensions.startInline){let t=1/0;const n=e.slice(1);let s;this.options.extensions.startInline.forEach((e=>{s=e.call({lexer:this},n),"number"==typeof s&&s>=0&&(t=Math.min(t,s))})),t<1/0&&t>=0&&(r=e.substring(0,t+1))}if(n=this.tokenizer.inlineText(r))e=e.substring(n.raw.length),"_"!==n.raw.slice(-1)&&(o=n.raw.slice(-1)),l=!0,s=t[t.length-1],s&&"text"===s.type?(s.raw+=n.raw,s.text+=n.text):t.push(n);else if(e){const t="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(t);break}throw new Error(t)}}else e=e.substring(n.raw.length),t.push(n);return t}}class te{options;parser;constructor(t){this.options=t||e.defaults}space(e){return""}code({text:e,lang:t,escaped:n}){const s=(t||"").match(/^\S*/)?.[0],r=e.replace(/\n$/,"")+"\n";return s?'<pre><code class="language-'+c(s)+'">'+(n?r:c(r,!0))+"</code></pre>\n":"<pre><code>"+(n?r:c(r,!0))+"</code></pre>\n"}blockquote({tokens:e}){return`<blockquote>\n${this.parser.parse(e)}</blockquote>\n`}html({text:e}){return e}heading({tokens:e,depth:t}){return`<h${t}>${this.parser.parseInline(e)}</h${t}>\n`}hr(e){return"<hr>\n"}list(e){const t=e.ordered,n=e.start;let s="";for(let t=0;t<e.items.length;t++){const n=e.items[t];s+=this.listitem(n)}const r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+s+"</"+r+">\n"}listitem(e){let t="";if(e.task){const n=this.checkbox({checked:!!e.checked});e.loose?e.tokens.length>0&&"paragraph"===e.tokens[0].type?(e.tokens[0].text=n+" "+e.tokens[0].text,e.tokens[0].tokens&&e.tokens[0].tokens.length>0&&"text"===e.tokens[0].tokens[0].type&&(e.tokens[0].tokens[0].text=n+" "+e.tokens[0].tokens[0].text)):e.tokens.unshift({type:"text",raw:n+" ",text:n+" "}):t+=n+" "}return t+=this.parser.parse(e.tokens,!!e.loose),`<li>${t}</li>\n`}checkbox({checked:e}){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph({tokens:e}){return`<p>${this.parser.parseInline(e)}</p>\n`}table(e){let t="",n="";for(let t=0;t<e.header.length;t++)n+=this.tablecell(e.header[t]);t+=this.tablerow({text:n});let s="";for(let t=0;t<e.rows.length;t++){const r=e.rows[t];n="";for(let e=0;e<r.length;e++)n+=this.tablecell(r[e]);s+=this.tablerow({text:n})}return s&&(s=`<tbody>${s}</tbody>`),"<table>\n<thead>\n"+t+"</thead>\n"+s+"</table>\n"}tablerow({text:e}){return`<tr>\n${e}</tr>\n`}tablecell(e){const t=this.parser.parseInline(e.tokens),n=e.header?"th":"td";return(e.align?`<${n} align="${e.align}">`:`<${n}>`)+t+`</${n}>\n`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${e}</code>`}br(e){return"<br>"}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){const s=this.parser.parseInline(n),r=u(e);if(null===r)return s;let i='<a href="'+(e=r)+'"';return t&&(i+=' title="'+t+'"'),i+=">"+s+"</a>",i}image({href:e,title:t,text:n}){const s=u(e);if(null===s)return n;let r=`<img src="${e=s}" alt="${n}"`;return t&&(r+=` title="${t}"`),r+=">",r}text(e){return"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):e.text}}class ne{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return""+e}image({text:e}){return""+e}br(){return""}}class se{options;renderer;textRenderer;constructor(t){this.options=t||e.defaults,this.options.renderer=this.options.renderer||new te,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new ne}static parse(e,t){return new se(t).parse(e)}static parseInline(e,t){return new se(t).parseInline(e)}parse(e,t=!0){let n="";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=r,t=this.options.extensions.renderers[e.type].call({parser:this},e);if(!1!==t||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(e.type)){n+=t||"";continue}}const i=r;switch(i.type){case"space":n+=this.renderer.space(i);continue;case"hr":n+=this.renderer.hr(i);continue;case"heading":n+=this.renderer.heading(i);continue;case"code":n+=this.renderer.code(i);continue;case"table":n+=this.renderer.table(i);continue;case"blockquote":n+=this.renderer.blockquote(i);continue;case"list":n+=this.renderer.list(i);continue;case"html":n+=this.renderer.html(i);continue;case"paragraph":n+=this.renderer.paragraph(i);continue;case"text":{let r=i,l=this.renderer.text(r);for(;s+1<e.length&&"text"===e[s+1].type;)r=e[++s],l+="\n"+this.renderer.text(r);n+=t?this.renderer.paragraph({type:"paragraph",raw:l,text:l,tokens:[{type:"text",raw:l,text:l}]}):l;continue}default:{const e='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(e),"";throw new Error(e)}}}return n}parseInline(e,t){t=t||this.renderer;let n="";for(let s=0;s<e.length;s++){const r=e[s];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[r.type]){const e=this.options.extensions.renderers[r.type].call({parser:this},r);if(!1!==e||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(r.type)){n+=e||"";continue}}const i=r;switch(i.type){case"escape":case"text":n+=t.text(i);break;case"html":n+=t.html(i);break;case"link":n+=t.link(i);break;case"image":n+=t.image(i);break;case"strong":n+=t.strong(i);break;case"em":n+=t.em(i);break;case"codespan":n+=t.codespan(i);break;case"br":n+=t.br(i);break;case"del":n+=t.del(i);break;default:{const e='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(e),"";throw new Error(e)}}}return n}}class re{options;block;constructor(t){this.options=t||e.defaults}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}provideLexer(){return this.block?ee.lex:ee.lexInline}provideParser(){return this.block?se.parse:se.parseInline}}class ie{defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=se;Renderer=te;TextRenderer=ne;Lexer=ee;Tokenizer=x;Hooks=re;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(const s of e)switch(n=n.concat(t.call(this,s)),s.type){case"table":{const e=s;for(const s of e.header)n=n.concat(this.walkTokens(s.tokens,t));for(const s of e.rows)for(const e of s)n=n.concat(this.walkTokens(e.tokens,t));break}case"list":{const e=s;n=n.concat(this.walkTokens(e.items,t));break}default:{const e=s;this.defaults.extensions?.childTokens?.[e.type]?this.defaults.extensions.childTokens[e.type].forEach((s=>{const r=e[s].flat(1/0);n=n.concat(this.walkTokens(r,t))})):e.tokens&&(n=n.concat(this.walkTokens(e.tokens,t)))}}return n}use(...e){const t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach((e=>{const n={...e};if(n.async=this.defaults.async||n.async||!1,e.extensions&&(e.extensions.forEach((e=>{if(!e.name)throw new Error("extension name required");if("renderer"in e){const n=t.renderers[e.name];t.renderers[e.name]=n?function(...t){let s=e.renderer.apply(this,t);return!1===s&&(s=n.apply(this,t)),s}:e.renderer}if("tokenizer"in e){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");const n=t[e.level];n?n.unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&("block"===e.level?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:"inline"===e.level&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}"childTokens"in e&&e.childTokens&&(t.childTokens[e.name]=e.childTokens)})),n.extensions=t),e.renderer){const t=this.defaults.renderer||new te(this.defaults);for(const n in e.renderer){if(!(n in t))throw new Error(`renderer '${n}' does not exist`);if(["options","parser"].includes(n))continue;const s=n,r=e.renderer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n||""}}n.renderer=t}if(e.tokenizer){const t=this.defaults.tokenizer||new x(this.defaults);for(const n in e.tokenizer){if(!(n in t))throw new Error(`tokenizer '${n}' does not exist`);if(["options","rules","lexer"].includes(n))continue;const s=n,r=e.tokenizer[s],i=t[s];t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.tokenizer=t}if(e.hooks){const t=this.defaults.hooks||new re;for(const n in e.hooks){if(!(n in t))throw new Error(`hook '${n}' does not exist`);if(["options","block"].includes(n))continue;const s=n,r=e.hooks[s],i=t[s];re.passThroughHooks.has(n)?t[s]=e=>{if(this.defaults.async)return Promise.resolve(r.call(t,e)).then((e=>i.call(t,e)));const n=r.call(t,e);return i.call(t,n)}:t[s]=(...e)=>{let n=r.apply(t,e);return!1===n&&(n=i.apply(t,e)),n}}n.hooks=t}if(e.walkTokens){const t=this.defaults.walkTokens,s=e.walkTokens;n.walkTokens=function(e){let n=[];return n.push(s.call(this,e)),t&&(n=n.concat(t.call(this,e))),n}}this.defaults={...this.defaults,...n}})),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return ee.lex(e,t??this.defaults)}parser(e,t){return se.parse(e,t??this.defaults)}parseMarkdown(e){return(t,n)=>{const s={...n},r={...this.defaults,...s},i=this.onError(!!r.silent,!!r.async);if(!0===this.defaults.async&&!1===s.async)return i(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(null==t)return i(new Error("marked(): input parameter is undefined or null"));if("string"!=typeof t)return i(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(t)+", string expected"));r.hooks&&(r.hooks.options=r,r.hooks.block=e);const l=r.hooks?r.hooks.provideLexer():e?ee.lex:ee.lexInline,o=r.hooks?r.hooks.provideParser():e?se.parse:se.parseInline;if(r.async)return Promise.resolve(r.hooks?r.hooks.preprocess(t):t).then((e=>l(e,r))).then((e=>r.hooks?r.hooks.processAllTokens(e):e)).then((e=>r.walkTokens?Promise.all(this.walkTokens(e,r.walkTokens)).then((()=>e)):e)).then((e=>o(e,r))).then((e=>r.hooks?r.hooks.postprocess(e):e)).catch(i);try{r.hooks&&(t=r.hooks.preprocess(t));let e=l(t,r);r.hooks&&(e=r.hooks.processAllTokens(e)),r.walkTokens&&this.walkTokens(e,r.walkTokens);let n=o(e,r);return r.hooks&&(n=r.hooks.postprocess(n)),n}catch(e){return i(e)}}}onError(e,t){return n=>{if(n.message+="\nPlease report this to https://github.com/markedjs/marked.",e){const e="<p>An error occurred:</p><pre>"+c(n.message+"",!0)+"</pre>";return t?Promise.resolve(e):e}if(t)return Promise.reject(n);throw n}}}const le=new ie;function oe(e,t){return le.parse(e,t)}oe.options=oe.setOptions=function(e){return le.setOptions(e),oe.defaults=le.defaults,n(oe.defaults),oe},oe.getDefaults=t,oe.defaults=e.defaults,oe.use=function(...e){return le.use(...e),oe.defaults=le.defaults,n(oe.defaults),oe},oe.walkTokens=function(e,t){return le.walkTokens(e,t)},oe.parseInline=le.parseInline,oe.Parser=se,oe.parser=se.parse,oe.Renderer=te,oe.TextRenderer=ne,oe.Lexer=ee,oe.lexer=ee.lex,oe.Tokenizer=x,oe.Hooks=re,oe.parse=oe;const ae=oe.options,ce=oe.setOptions,he=oe.use,pe=oe.walkTokens,ue=oe.parseInline,ke=oe,ge=se.parse,fe=ee.lex;e.Hooks=re,e.Lexer=ee,e.Marked=ie,e.Parser=se,e.Renderer=te,e.TextRenderer=ne,e.Tokenizer=x,e.getDefaults=t,e.lexer=fe,e.marked=oe,e.options=ae,e.parse=ke,e.parseInline=ue,e.parser=ge,e.setOptions=ce,e.use=he,e.walkTokens=pe}));
7 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/modal-eq.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 	<head>
  4 | 		<meta charset="utf-8">
  5 | 		<link rel="stylesheet" href="modal.css">
  6 | 		<link rel="stylesheet" href="SimProgress.css">
  7 | 		<style>
  8 | 			#text{opacity:.8;margin-bottom:10px;}
  9 | 			select{position:fixed;left:140px;top:28px;width:80px;padding:5px;}
 10 | 			#bars{display:flex;align-items:center;width:100%;height:calc(100vh - 140px);margin-top:30px;}
 11 | 			#bars>div{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;}
 12 | 			#bars>div>.text{margin-top:10px;font-size:.9em;text-align:center;line-height:1.1em;}
 13 | 			#bars>div>.text>.value{color:#1E9FFF;font-size:.9em;display:block;}
 14 | 			textarea{font-size:.8em;font-family:"Source Code Pro","Consolas",monospace;height:160px;background:black;color:white;tab-size:2;}
 15 | 			textarea::selection{background:white;color:black;}
 16 | 			#proText{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9em;}
 17 | 		</style>
 18 | 	</head>
 19 | 	<body>
 20 | 		
 21 | 		<header>
 22 | 			<i onclick="window.close()" id="closeBtn">&#xeab8;</i>
 23 | 		</header>
 24 | 
 25 | 		<main>
 26 | 			<h1>均衡器</h1>
 27 | 			<select onchange="switchProfile(this.value)">
 28 | 				<option value="basic">基础</option>
 29 | 				<option value="pro">高级</option>
 30 | 			</select>
 31 | 			<div id="basic">
 32 | 				<div id="bars"></div>
 33 | 			</div>
 34 | 			<div id="pro" hidden>
 35 | 				<div id="proText"><i>&#xF045;</i> 您可在 GitHub Wiki 查看相关帮助信息</div>
 36 | 				<textarea oninput="saveProEq(this.value)"></textarea>
 37 | 			</div>
 38 | 		</main>
 39 | 
 40 | 		<!-- 引入脚本 -->
 41 | 		<script src="SimProgress.js"></script>
 42 | 		<script src="PublicConfig.js"></script>
 43 | 		<script>
 44 | 			const {ipcRenderer} = require("electron");
 45 | 			// 基础配置
 46 | 			function formatEqValue(num) {
 47 | 				num = num.toFixed(1);
 48 | 				return num.startsWith("-") ? num : "+" + num;
 49 | 			}
 50 | 			[70, 180, 320, 600, 1000, 3000, 6000, 12000, 14000, 16000].forEach(frequency => {
 51 | 				const div = document.createElement("div");
 52 | 				div.innerHTML = `
 53 | 					<div class="bar" min="-20" max="20"></div>
 54 | 					<div class="text">
 55 | 						${frequency < 1000 ? frequency : frequency.toString().substring(0, frequency.toString().length - 3) + "K"}
 56 | 						<span class="value"></span>
 57 | 					</div>
 58 | 				`;
 59 | 				const reloadUi = (dontSet) => {
 60 | 					const eqConf = config.getItem("eqConfBasic");
 61 | 					eqConf.forEach(item => {
 62 | 						if (item.F == frequency) {
 63 | 							div.querySelector(".value").textContent = formatEqValue(item.G);
 64 | 							if (!dontSet) progress.setValue(item.G);
 65 | 						}
 66 | 					});
 67 | 				};
 68 | 				const setValue = value => {
 69 | 					progress.setValue(value);
 70 | 					value = progress.value;
 71 | 					const eqConf = config.getItem("eqConfBasic");
 72 | 					eqConf.forEach(item => { if (item.F == frequency) item.G = value; });
 73 | 					config.setItem("eqConfBasic", eqConf);
 74 | 					reloadUi(true);
 75 | 					ipcRenderer.invoke("mainWinExec", "applyEq()");
 76 | 				};
 77 | 				const progress = new SimProgress(div.querySelector(".bar"), {vertical: true});
 78 | 				div.onwheel = e => setValue(progress.value - e.deltaY / 100);
 79 | 				progress.ondrag = setValue;
 80 | 				reloadUi();
 81 | 				bars.appendChild(div);
 82 | 			});
 83 | 			// 高级配置
 84 | 			function switchProfile(type = config.getItem("eqProfile")) {
 85 | 				config.setItem("eqProfile", type);
 86 | 				basic.hidden = !(type == "basic");
 87 | 				pro.hidden = !(type == "pro");
 88 | 				document.querySelector("select").value = type;
 89 | 				ipcRenderer.invoke("mainWinExec", "applyEq()");
 90 | 			}
 91 | 			function reloadProValue() {
 92 | 				const value = config.getItem("eqConfPro");
 93 | 				let string = "[";
 94 | 				value.forEach((item, index) => {
 95 | 					string += (index ? "," : "") + "\n  " + JSON.stringify(item).replaceAll(',"', ', "').replaceAll('":', '": ');
 96 | 				})
 97 | 				string += "\n]";
 98 | 				document.querySelector("textarea").value = string;
 99 | 			}
100 | 			function saveProEq(value) {
101 | 				try {
102 | 					const json = JSON.parse(value);
103 | 					if (!json.forEach) throw("均衡器配置须为数组形式");
104 | 					json.forEach((item, index) => {
105 | 						if (typeof item.F != "number" || typeof item.G != "number" || typeof item.Q != "number") throw(`数组中第 ${index} 项未包含完整的 F、G、Q 参数`);
106 | 						if (item.F < 10) throw(`数组中第 ${index} 项频率参数需不小于 10`);
107 | 						if (item.G < -20 || item.G > 20) throw(`数组中第 ${index} 项增益参数需在 [-20, 20] 间`);
108 | 						if (item.Q < 0.0001 || item.Q > 1000) throw(`数组中第 ${index} 项 Q 值需在 [0.0001, 1000] 间`);
109 | 					});
110 | 					config.setItem("eqConfPro", json);
111 | 					ipcRenderer.invoke("mainWinExec", "applyEq()");
112 | 					proText.innerHTML = `<i>&#xEB7B;</i> 您的配置已成功保存并应用`;
113 | 				} catch (err) {
114 | 					proText.innerHTML = `<i>&#xF4C8;</i> ${err.toString().replace("SyntaxError", "语法错误").split("in JSON")[0]}`;
115 | 				}
116 | 			}
117 | 			switchProfile(); reloadProValue();
118 | 		</script>
119 | 	</body>
120 | </html>


--------------------------------------------------------------------------------
/src/frontend/assets/components/modal-update.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta charset="utf-8">
 5 | 		<link rel="stylesheet" href="modal.css">
 6 | 		<link rel="stylesheet" href="SimProgress.css">
 7 | 		<style>
 8 | 			#text{opacity:.8;margin-bottom:10px;}
 9 | 		</style>
10 | 	</head>
11 | 	<body>
12 | 		
13 | 		<header>
14 | 			<i onclick="window.close()" id="closeBtn">&#xeab8;</i>
15 | 		</header>
16 | 
17 | 		<main>
18 | 			<h1>版本更新</h1>
19 | 			<div id="text"><i>&#xF337;</i> 正在连接下载源...</div>
20 | 			<div id="progress" min="0" max="1"></div>
21 | 		</main>
22 | 
23 | 		<!-- 引入脚本 -->
24 | 		<script src="SimProgress.js"></script>
25 | 		<script>
26 | 			const {ipcRenderer} = require("electron");
27 | 			const https = require("https");
28 | 			const os = require("os");
29 | 			const fs = require("fs");
30 | 			const path = require("path");
31 | 			const progressBar = new SimProgress(progress, {readOnly: true});
32 | 			const queryParams = new URLSearchParams(window.location.search);
33 | 			const downUrl = queryParams.get("downUrl");
34 | 
35 | 			function downloadFile(url, headers = {}, redirectCount = 0) {
36 | 				return new Promise((resolve, reject) => {
37 | 					const options = { ...headers, rejectUnauthorized: false};
38 | 					https.get(url, options, (response) => {
39 | 					if (response.statusCode >= 300 && response.statusCode < 400) {
40 | 						const location = response.headers.location;
41 | 						if (redirectCount < 10) {
42 | 							downloadFile(location, headers, redirectCount + 1)
43 | 							.then(resolve)
44 | 							.catch(reject);
45 | 						} else {
46 | 							reject();
47 | 						}
48 | 					} else {
49 | 						const totalBytes = parseInt(response.headers["content-length"], 10);
50 | 						let receivedBytes = 0;
51 | 						let startTime;
52 | 						let speed;
53 | 						const filePath = path.join(os.tmpdir(), "sim-music-update.simtemp");
54 | 						const fileStream = fs.createWriteStream(filePath);
55 | 						response.on("data", (chunk) => {
56 | 							receivedBytes += chunk.length;
57 | 							fileStream.write(chunk);
58 | 							if (!startTime) startTime = Date.now();
59 | 							const timeDiff = Date.now() - startTime;
60 | 							if (timeDiff > 0) speed = receivedBytes / timeDiff * 1000;
61 | 							text.innerHTML = (`<i>&#xEC5A;</i> ${humanSize(receivedBytes)} / ${humanSize(totalBytes)}`
62 | 											  + `&nbsp;&nbsp;&nbsp;<i>&#xF371;</i> ${humanSize(speed)}/s`);
63 | 							progressBar.setValue(receivedBytes / totalBytes);
64 | 						});
65 | 						response.on("end", () => {
66 | 							fileStream.end();
67 | 							resolve();
68 | 						});
69 | 						response.on("error", () => {
70 | 							fileStream.end();
71 | 							reject();
72 | 						});
73 | 					}
74 | 					}).on("error", reject);
75 | 				});
76 | 			}
77 | 			function humanSize(size) {
78 | 				size = Number(size);
79 | 				if (!size) return "--";
80 | 				const units = ["B", "KB", "MB", "GB", "TB", "PB"];
81 | 				let index = 0;
82 | 				while (size >= 1024 && index < units.length - 1) { size /= 1024; index++; }
83 | 				return size.toFixed(1) + units[index];
84 | 			}
85 | 
86 | 			downloadFile(downUrl)
87 | 			.then(() => {
88 | 				text.innerHTML = (`<i>&#xEB7B;</i> 即将重启以完成更新`);
89 | 				setTimeout(() => {ipcRenderer.invoke("appUpdate");}, 1000);
90 | 			}).catch((error) => {
91 | 				text.innerHTML = (`<i>&#xECA1;</i> 更新包下载失败`);
92 | 			});
93 | 		</script>
94 | 	</body>
95 | </html>


--------------------------------------------------------------------------------
/src/frontend/assets/components/modal.css:
--------------------------------------------------------------------------------
 1 | @font-face{font-family:"icon";src:url("../icon.woff2");}
 2 | @font-face{font-family:"windowsicon";src:url("../windowsicon.ttf");}
 3 | @font-face{font-family:"font";src:url("../font.ttf");}
 4 | html{font-size:16px;user-select:none;font-family:"font","微软雅黑";background:#F9F9FB;}
 5 | body{margin:0;}
 6 | i{font-family:"icon";font-style:normal;}
 7 | img{pointer-events:none;}
 8 | *{box-sizing:border-box;outline:none;}
 9 | *[hidden]{display:none!important;}
10 | ::-webkit-scrollbar{display:none;}
11 | button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:0 20px;font-size:16px;transition:filter .2s;font-family:inherit;height:30px;margin-left:5px;}
12 | button.sub{background:#DAEFFF;color:#1E9FFF;}
13 | button.square{width:30px;padding:0;}
14 | button:hover{filter:brightness(.95);}
15 | button:active{filter:brightness(.9);}
16 | button:disabled{filter:grayscale(1)!important;}
17 | header{position:fixed;top:0;height:35px;display:flex;justify-content:right;width:100%;z-index:100;-webkit-app-region:drag;}
18 | header i{font-family:"windowsicon";height:100%;width:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s,color .2s;-webkit-app-region:no-drag;}
19 | header i:hover{background:rgba(0,0,0,.05);}
20 | header i:active{background:rgba(0,0,0,.1);opacity:.8;}
21 | header i#closeBtn:hover{background:#E81123;color:white;}
22 | header i#closeBtn:active{background:#E81123;color:rgba(255,255,255,.8);}
23 | main{position:fixed;inset:30px 40px;}
24 | main h1{margin-top:0;margin-bottom:10px;font-size:1.8em;}
25 | main .buttons{position:absolute;bottom:0;right:0;}
26 | input,select,textarea{background:white;padding:8px 10px;border-radius:5px;border:0;font-size:1rem;font-family:inherit;width:100%;margin:5px 0;resize:none;}


--------------------------------------------------------------------------------
/src/frontend/assets/components/require.js:
--------------------------------------------------------------------------------
1 | const {ipcRenderer, shell} = require("electron");
2 | const fs = require("fs");
3 | const path = require("path");
4 | const musicMetadata = require("music-metadata");
5 | const flacTagger = require("flac-tagger");
6 | const nodeId3 = require("node-id3");
7 | const fflate = require("fflate");
8 | 


--------------------------------------------------------------------------------
/src/frontend/assets/components/shutdown.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html style="opacity:0;">
 3 | 	<head>
 4 | 		<meta charset="UTF-8">
 5 | 		<title>SimMusicShutdownUI</title>
 6 | 		<style>
 7 | 			@font-face{font-family:"font";src:url("../font.ttf");}
 8 | 			body,html{margin:0;padding:0;height:100%;transition:opacity .3s;font-family:"font","微软雅黑";user-select:none;cursor:none;}
 9 | 			body{background:rgba(0,0,0,.9);overflow:hidden;}
10 | 			#stars{position:fixed;animation:rotate 60s infinite linear;inset:0;margin:auto;width:100%;height:100%;}
11 | 			.star{position:absolute;background:white;border-radius:50%;box-shadow:inset 0 0 5px white;animation:twinkle 1s infinite alternate;}
12 | 			@keyframes twinkle{from{opacity:.2;transform:scale(0.5);}to{opacity:.5;transform:scale(1);}}
13 | 			@keyframes rotate{to{transform:rotate(360deg);}}
14 | 			#text{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:rgba(255,255,255,.8);font-size:1.5em;}
15 | 			#text>b{font-size:1.5em;margin-bottom:10px;}
16 | 		</style>
17 | 	</head>
18 | 	<body>
19 | 		<div id="stars"></div>
20 | 		<div id="text">
21 | 			<b>设备将在 <span id="timer">60</span> 秒后<span id="operation"></span></b>
22 | 			<span>按任意键可取消操作<span id="goodNight">。晚安，做个好梦~</span></span>
23 | 		</div>
24 | 		<script src="PublicConfig.js"></script>
25 | 		<script>
26 | 			// 读取配置信息
27 | 			const operationType = config.getItem("sleepModeOperation");
28 | 			operation.textContent = {shutdown: "关机", sleep: "休眠"}[operationType];
29 | 			const intervalId = setInterval(() => {
30 | 				timer.textContent --;
31 | 				if (timer.textContent == "0") {
32 | 					clearInterval(intervalId);
33 | 					const {ipcRenderer} = require("electron");
34 | 					ipcRenderer.invoke("cmd", `shutdown /${{shutdown: "s /hybrid /f /t 0", sleep: "h"}[operationType]}`);
35 | 					window.close();
36 | 				}
37 | 			}, 990);
38 | 			const hours = new Date().getHours();
39 | 			goodNight.hidden = !(hours > 20 || hours < 6);
40 | 			// 取消操作
41 | 			onpointerdown = onkeydown = () => window.close();
42 | 			// 初始化动效
43 | 			for (let i = 0; i < 100; i++) {
44 | 				const size = Math.random() * 3 + 2;
45 | 				const x = Math.random() * window.innerWidth;
46 | 				const y = Math.random() * window.innerHeight;
47 | 				const duration = Math.random() * 7 + 3;
48 | 				const star = document.createElement("div");
49 | 				star.classList.add("star");
50 | 				star.style.width = `${size}px`;
51 | 				star.style.height = `${size}px`;
52 | 				star.style.left = `${x}px`;
53 | 				star.style.top = `${y}px`;
54 | 				star.style.animationDuration = `${duration}s`;
55 | 				stars.appendChild(star);
56 | 			}
57 | 			onload = () => {
58 | 				document.documentElement.style = "";
59 | 			}
60 | 		</script>
61 | 	</body>
62 | </html>


--------------------------------------------------------------------------------
/src/frontend/assets/components/webview.css:
--------------------------------------------------------------------------------
 1 | @font-face{font-family:"icon";src:url("../icon.woff2");}
 2 | @font-face{font-family:"windowsicon";src:url("../windowsicon.ttf");}
 3 | @font-face{font-family:"font";src:url("../font.ttf");}
 4 | html{font-size:16px;user-select:none;font-family:"font","微软雅黑";background:#F9F9FB;}
 5 | body{margin:0;}
 6 | i{font-family:"icon";font-style:normal;}
 7 | img{pointer-events:none;}
 8 | *{box-sizing:border-box;outline:none;}
 9 | *[hidden]{display:none!important;}
10 | ::-webkit-scrollbar{display:none;}
11 | button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:0 20px;font-size:16px;transition:filter .2s;font-family:inherit;height:30px;margin-left:5px;}
12 | button.sub{background:#DAEFFF;color:#1E9FFF;}
13 | button.square{width:30px;padding:0;}
14 | button:hover{filter:brightness(.95);}
15 | button:active{filter:brightness(.9);}
16 | button:disabled{filter:grayscale(1)!important;}
17 | header{position:fixed;top:0;height:35px;display:flex;align-items:center;justify-content:right;width:100%;z-index:100;-webkit-app-region:drag;}
18 | header i{font-family:"windowsicon";height:100%;width:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s,color .2s;-webkit-app-region:no-drag;}
19 | header i:hover{background:rgba(0,0,0,.05);}
20 | header i:active{background:rgba(0,0,0,.1);opacity:.8;}
21 | header i#closeBtn:hover{background:#E81123;color:white;}
22 | header i#closeBtn:active{background:#E81123;color:rgba(255,255,255,.8);}
23 | 
24 | 
25 | header>div{width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:15px;}
26 | #progressBar{top:33px;height:2px;border-radius:2px;left:-5px;width:0px;background:#1E9FFF;position:fixed;transition:width .5s linear;}
27 | #progressBar.finished{animation:finished .8s;display:none;}
28 | @keyframes finished{0%{opacity:1;display:block;}50%{width:97vw;opacity:1;display:block;}100%{width:calc(100vw + 5px);opacity:0;display:block;}}
29 | 
30 | webview{position:fixed;top:35px;width:100vw;height:calc(100vh - 35px);border-top:1px solid rgba(0,0,0,.1);background:white;}
31 | .buttons{display:none;}
32 | .showBtn webview{height:calc(100vh - 90px);}
33 | .showBtn .buttons{position:fixed;display:flex;align-items:center;justify-content:center;height:55px;width:100%;bottom:0;border-top:1px solid rgba(0,0,0,.1);}


--------------------------------------------------------------------------------
/src/frontend/assets/components/webview.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta charset="utf-8">
 5 | 		<link rel="stylesheet" href="webview.css">
 6 | 	</head>
 7 | 	<body>
 8 | 		
 9 | 
10 | 		<!-- 主体内容 -->
11 | 
12 | 		<header>
13 | 			<div id="title">SimMusic</div>
14 | 			<i onclick="openInBrowser()" style="padding-top:1px">&#xeb01;</i>
15 | 			<i onclick="cancelDialog()" id="closeBtn">&#xeab8;</i>
16 | 		</header>
17 | 
18 | 		<div id="progressBar"></div>
19 | 
20 | 		<webview src="about:blank" allowpopups></webview>
21 | 
22 | 		<div class="buttons">
23 | 			<button class="sub" onclick="cancelDialog()">取消</button>
24 | 			<button onclick="dialogSubmit()"><i>&#xEB7B;</i> 完成</button>
25 | 		</div>
26 | 		
27 | 
28 | 		<!-- 引入脚本 -->
29 | 		<script>
30 | 			const {ipcRenderer, shell} = require("electron");
31 | 			const queryParams = new URLSearchParams(window.location.search);
32 | 			const webview = document.querySelector("webview");
33 | 			let currentURL;
34 | 			let interval;
35 | 			webview.setAttribute("partition", "dialog-" + queryParams.get("dialogId"));
36 | 			if (queryParams.get("showFinishBtn") == "true") {
37 | 				document.body.classList.add("showBtn");
38 | 			}
39 | 			let isFirstRun = true;
40 | 			webview.addEventListener("dom-ready", () => {
41 | 				webview.executeJavaScript(`window.alert = window.prompt = window.confirm = () => {return null};`);
42 | 				webview.setAudioMuted(true);
43 | 				if (isFirstRun) {
44 | 					isFirstRun = false;
45 | 					webview.setUserAgent(`Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${Math.floor(Math.random() * (130 - 110 + 1)) + 110}.0.0.0 Safari/537.36`);
46 | 					webview.loadURL(queryParams.get("url"));
47 | 					ipcRenderer.invoke("webviewDialogLoaded", webview.getWebContentsId());
48 | 				}
49 | 			});
50 | 			webview.addEventListener("did-start-loading", () => {
51 | 				title.textContent = "正在载入...";
52 | 				progressBar.style.width = "5vw";
53 | 				progressBar.classList.remove("finished");
54 | 				clearInterval(interval);
55 | 				interval = setInterval(() => {
56 | 					progressBar.style.width = Math.min(95, (parseInt(progressBar.style.width) ? parseInt(progressBar.style.width) : 0) + 5) + "vw";
57 | 				}, 500);
58 | 			});
59 | 			webview.addEventListener("did-stop-loading", () => {
60 | 				title.textContent = webview.getTitle();
61 | 				currentURL = webview.getURL();
62 | 				clearInterval(interval);
63 | 				progressBar.classList.add("finished");
64 | 			});
65 | 			webview.addEventListener("did-fail-load", () => {
66 | 				//webview.loadURL("data:text/html;base64,PGh0bWw+CiAgICA8aGVhZD4KICAgICAgICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAgICAgICAgPHRpdGxlPumUmeivrzwvdGl0bGU+CiAgICA8L2hlYWQ+CiAgICA8Ym9keT4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIGJvZHl7dGV4dC1hbGlnbjpjZW50ZXI7YmFja2dyb3VuZDojRjlGOUZCO30KICAgICAgICAgICAgaDF7bWFyZ2luOmNhbGMoNTB2aCAtIDEwMHB4KSAwIDAgMDt9CiAgICAgICAgICAgIHB7bWFyZ2luOjEwcHggMCAwIDA7Zm9udC1zaXplOjEuMnJlbTt9CiAgICAgICAgICAgIGRpdntvcGFjaXR5Oi44O21hcmdpbi10b3A6Y2FsYyg1MHZoIC0gNTBweCk7fQogICAgICAgIDwvc3R5bGU+CiAgICAgICAgPGgxPuWHuueOsOmUmeivrzwvaDE+CiAgICAgICAgPHA+5b6I5oqx5q2J77yM6aG16Z2i5Yqg6L295aSx6LSlPC9wPgogICAgICAgIDxkaXY+U2ltTXVzaWM8L2Rpdj4KICAgIDwvYm9keT4KPC9odG1sPg==");
67 | 			});
68 | 			function cancelDialog() {
69 | 				ipcRenderer.invoke("dialogCancel", queryParams.get("parent"));
70 | 				window.close();
71 | 			}
72 | 			function dialogSubmit() {
73 | 				ipcRenderer.invoke("dialogSubmit", queryParams.get("parent"), queryParams.get("dialogId"), currentURL);
74 | 				window.close();
75 | 			}
76 | 			function openInBrowser() {
77 | 				shell.openExternal(currentURL);
78 | 			}
79 | 		</script>
80 | 	</body>
81 | </html>


--------------------------------------------------------------------------------
/src/frontend/assets/font-bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/font-bold.woff2


--------------------------------------------------------------------------------
/src/frontend/assets/font.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/font.woff2


--------------------------------------------------------------------------------
/src/frontend/assets/icon-blue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/icon-blue.png


--------------------------------------------------------------------------------
/src/frontend/assets/icon-error.svg:
--------------------------------------------------------------------------------
1 | <svg width="774" height="903" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-3276 -825)"><path d="M3879.75 1644.81C3891.02 1644.81 3900.71 1648.92 3908.82 1657.12 3916.94 1665.32 3921 1675.17 3921 1686.65 3921 1698.14 3916.94 1707.9 3908.82 1715.94 3900.71 1723.98 3891.02 1728 3879.75 1728 3868.49 1728 3858.88 1723.9 3850.93 1715.69 3842.98 1707.49 3839 1697.81 3839 1686.65 3839 1675.17 3842.98 1665.32 3850.93 1657.12 3858.88 1648.92 3868.49 1644.81 3879.75 1644.81ZM3843.47 1348 3916.03 1348 3906.09 1606.42 3853.41 1606.42Z" fill="#F2F2F2" fill-rule="evenodd"/><path d="M3663 1563.5C3468.32 1563.5 3310.5 1405.9 3310.5 1211.5 3310.5 1017.1 3468.32 859.5 3663 859.5 3857.68 859.5 4015.5 1017.1 4015.5 1211.5" stroke="#F2F2F2" stroke-width="68.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M3592.5 1211.5 3592.5 1089.5 3698 1150.5 3803.5 1211.5 3698 1272.5 3592.5 1333.5 3592.5 1211.5Z" stroke="#F2F2F2" stroke-width="68.75" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/></g></svg>


--------------------------------------------------------------------------------
/src/frontend/assets/icon-grey.svg:
--------------------------------------------------------------------------------
1 | <svg width="808" height="842" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-2943 -817)"><path d="M3329.5 1556.5C3135.1 1556.5 2977.5 1398.68 2977.5 1204 2977.5 1009.32 3135.1 851.5 3329.5 851.5 3523.9 851.5 3681.5 1009.32 3681.5 1204" stroke="#F2F2F2" stroke-width="68.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M3259.5 1204.5 3259.5 1082.5 3365 1143.5 3470.5 1204.5 3365 1265.5 3259.5 1326.5 3259.5 1204.5Z" stroke="#F2F2F2" stroke-width="68.75" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M3716.5 1344.5 3637.5 1363.88 3637.5 1554.5" stroke="#F2F2F2" stroke-width="68.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M3637.5 1544.5C3637.5 1588.68 3601.68 1624.5 3557.5 1624.5 3513.32 1624.5 3477.5 1588.68 3477.5 1544.5 3477.5 1500.32 3513.32 1464.5 3557.5 1464.5 3601.68 1464.5 3637.5 1500.32 3637.5 1544.5Z" stroke="#F2F2F2" stroke-width="68.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/></g></svg>


--------------------------------------------------------------------------------
/src/frontend/assets/icon.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/icon.woff2


--------------------------------------------------------------------------------
/src/frontend/assets/logo.svg:
--------------------------------------------------------------------------------
1 | <svg width="2797" height="510" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><g transform="translate(-597 -707)"><path d="M1540.94 891.921 1581.13 891.921 1581.13 1148.79 1540.94 1148.79ZM1769.17 885.135C1785.63 885.135 1800 889.659 1812.26 898.706 1824.53 907.753 1834.21 920.839 1841.31 937.964L1843.73 937.964C1852.45 921.485 1864.23 908.561 1879.08 899.19 1893.93 889.82 1910.55 885.135 1928.95 885.135 1956.07 885.135 1977.21 894.021 1992.38 911.792 2007.55 929.563 2015.14 954.28 2015.14 985.945L2015.14 1148.79 1974.95 1148.79 1974.95 991.761C1974.95 970.759 1969.95 953.877 1959.94 941.114 1949.93 928.351 1936.7 921.97 1920.24 921.97 1900.87 921.97 1885.29 928.755 1873.51 942.326 1861.73 955.896 1855.84 973.99 1855.84 996.608L1855.84 1148.79 1815.17 1148.79 1815.17 991.761C1815.17 970.759 1810.16 953.877 1800.16 941.114 1790.15 928.351 1777.08 921.97 1760.94 921.97 1741.57 921.97 1725.92 928.836 1713.97 942.568 1702.03 956.3 1696.06 974.313 1696.06 996.608L1696.06 1148.79 1655.87 1148.79 1655.87 891.921 1696.06 891.921 1696.06 927.786 1698.48 927.786C1706.55 914.861 1716.96 904.522 1729.71 896.767 1742.46 889.013 1755.61 885.135 1769.17 885.135ZM3051.69 884.651 3104.47 884.651 3104.47 1151.21 3051.69 1151.21ZM2514.97 884.651 2568.23 884.651 2568.23 1046.04C2568.23 1065.11 2573.39 1080.45 2583.72 1092.09 2594.05 1103.72 2607.29 1109.53 2623.43 1109.53 2642.79 1109.53 2658.45 1103.31 2670.39 1090.87 2682.34 1078.43 2688.31 1061.88 2688.31 1041.2L2688.31 884.651 2741.08 884.651 2741.08 1151.21 2688.31 1151.21 2688.31 1115.35 2685.4 1115.35C2677.33 1128.27 2666.12 1138.61 2651.75 1146.37 2637.39 1154.12 2622.14 1158 2606 1158 2577.59 1158 2555.32 1149.11 2539.18 1131.34 2523.04 1113.57 2514.97 1088.53 2514.97 1056.22ZM3292.32 878.35C3312.98 878.35 3332.59 884.085 3351.15 895.556 3369.71 907.026 3383.99 922.293 3394 941.356L3348.97 965.589C3342.51 953.957 3333.88 944.829 3323.07 938.206 3312.25 931.582 3300.71 928.27 3288.45 928.27 3267.14 928.27 3250.04 936.429 3237.12 952.746 3224.21 969.062 3217.76 990.792 3217.76 1017.93 3217.76 1045.07 3224.21 1066.96 3237.12 1083.6 3250.04 1100.24 3266.98 1108.56 3287.96 1108.56 3300.55 1108.56 3312.25 1105.17 3323.07 1098.39 3333.88 1091.6 3342.51 1082.39 3348.97 1070.76L3394 1094.99C3383.99 1114.38 3369.71 1129.73 3351.15 1141.04 3332.59 1152.35 3312.98 1158 3292.32 1158 3266.17 1158 3243.42 1152.26 3224.05 1140.79 3204.68 1129.32 3189.75 1113.01 3179.26 1091.84 3168.77 1070.68 3163.53 1046.04 3163.53 1017.93 3163.53 989.822 3168.77 965.185 3179.26 944.022 3189.75 922.858 3204.68 906.622 3224.05 895.313 3243.42 884.004 3266.17 878.35 3292.32 878.35ZM2894.95 877.865C2918.51 877.865 2939.17 883.197 2956.92 893.859 2974.68 904.522 2988.88 919.385 2999.53 938.448L2956.92 963.166C2949.17 950.565 2939.97 940.871 2929.32 934.086 2918.67 927.301 2907.21 923.908 2894.95 923.908 2880.74 923.908 2869.44 926.978 2861.05 933.117 2852.66 939.256 2848.46 947.334 2848.46 957.35 2848.46 966.397 2853.22 974.071 2862.75 980.371 2872.27 986.672 2887.2 992.084 2907.53 996.608 2968.54 1010.18 2999.05 1036.35 2999.05 1075.12 2999.05 1100.33 2989.77 1120.44 2971.21 1135.46 2952.64 1150.49 2928.03 1158 2897.37 1158 2871.22 1158 2848.71 1152.26 2829.82 1140.79 2810.94 1129.32 2796.82 1113.9 2787.46 1094.51L2832 1071.73C2838.46 1084.33 2847.41 1094.19 2858.87 1101.29 2870.33 1108.4 2883.33 1111.96 2897.85 1111.96 2912.7 1111.96 2924.24 1109.13 2932.47 1103.48 2940.7 1097.82 2944.82 1090.15 2944.82 1080.45 2944.82 1071.08 2940.54 1063.41 2931.99 1057.43 2923.43 1051.46 2909.31 1046.2 2889.62 1041.68 2857.99 1034.25 2834.18 1024.15 2818.2 1011.39 2802.22 998.627 2794.23 981.906 2794.23 961.227 2794.23 935.702 2803.35 915.427 2821.59 900.402 2839.83 885.378 2864.28 877.865 2894.95 877.865ZM2084.55 776.571 2137.32 776.571 2265.63 989.338 2268.54 989.338 2396.85 776.571 2449.14 776.571 2449.14 1151.21 2395.39 1151.21 2395.39 881.743 2392.49 881.743 2285 1060.58 2249.17 1060.58 2141.2 882.227 2138.29 882.227 2138.29 1151.21 2084.55 1151.21ZM1560.31 773.663C1568.7 773.663 1575.48 776.167 1580.64 781.175 1585.81 786.183 1588.39 792.888 1588.39 801.289 1588.39 809.689 1585.81 816.313 1580.64 821.16 1575.48 826.006 1568.7 828.43 1560.31 828.43 1551.92 828.43 1545.38 826.006 1540.7 821.16 1536.02 816.313 1533.68 809.689 1533.68 801.289 1533.68 792.888 1536.1 786.183 1540.94 781.175 1545.78 776.167 1552.24 773.663 1560.31 773.663ZM1354.12 773.663C1381.56 773.663 1405.28 779.317 1425.3 790.626 1445.31 801.935 1461.77 817.929 1474.68 838.608L1441.76 862.356C1431.11 847.17 1418.11 835.215 1402.78 826.491 1387.45 817.767 1370.91 813.405 1353.15 813.405 1337.98 813.405 1324.18 816.071 1311.75 821.402 1299.33 826.734 1289.56 833.923 1282.46 842.97 1275.36 852.017 1271.81 862.033 1271.81 873.019 1271.81 887.559 1275.84 899.433 1283.91 908.641 1291.98 917.85 1302.15 924.958 1314.42 929.967 1326.68 934.975 1343.15 940.225 1363.8 945.718 1387.04 952.18 1406.73 959.289 1422.87 967.043 1439.01 974.798 1452.25 985.622 1462.58 999.516 1472.91 1013.41 1478.07 1031.18 1478.07 1052.83 1478.07 1073.51 1472.91 1091.6 1462.58 1107.11 1452.25 1122.62 1437.64 1134.57 1418.76 1142.98 1399.88 1151.38 1377.84 1155.58 1352.67 1155.58 1324.26 1155.58 1298.44 1149.2 1275.2 1136.43 1251.96 1123.67 1233.56 1105.5 1220 1081.91L1255.83 1060.1C1266.48 1078.52 1280.04 1092.41 1296.5 1101.78 1312.96 1111.15 1331.85 1115.83 1353.15 1115.83 1368.65 1115.83 1382.69 1113.17 1395.28 1107.84 1407.86 1102.51 1417.71 1095.16 1424.81 1085.79 1431.91 1076.42 1435.46 1065.91 1435.46 1054.28 1435.46 1042 1432.32 1031.66 1426.02 1023.26 1419.73 1014.86 1410.04 1007.51 1396.97 1001.21 1383.9 994.911 1366.22 988.53 1343.95 982.068 1319.74 974.959 1299.89 967.932 1284.4 960.985 1268.9 954.038 1255.83 943.779 1245.18 930.209 1234.53 916.638 1229.2 898.706 1229.2 876.411 1229.2 856.702 1234.44 839.012 1244.94 823.341 1255.43 807.67 1270.11 795.473 1289 786.749 1307.88 778.025 1329.59 773.663 1354.12 773.663ZM3077.35 763C3087.68 763 3096 766.07 3102.29 772.209 3108.58 778.348 3111.73 786.587 3111.73 796.927 3111.73 807.266 3108.58 815.505 3102.29 821.645 3096 827.783 3087.68 830.853 3077.35 830.853 3067.35 830.853 3059.36 827.783 3053.39 821.645 3047.42 815.505 3044.43 807.266 3044.43 796.927 3044.43 786.587 3047.42 778.348 3053.39 772.209 3059.36 766.07 3067.35 763 3077.35 763Z" fill-rule="evenodd"/><path d="M830.714 1154C713.493 1154 618 1058.51 618 940.714 618 823.493 713.493 728 830.714 728 948.507 728 1044 823.493 1044 940.714" stroke="#1E9FFF" stroke-width="41.8231" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M788.5 941.214 788.5 867.5 852.787 904.643 916.5 941.214 852.787 978.357 788.5 1015.5 788.5 941.214Z" stroke="#000000" stroke-width="3.4375" stroke-linejoin="round" stroke-miterlimit="10" fill="#FFFFFF" fill-rule="evenodd"/><path d="M788 940.714 788 867 852.287 904.143 916 940.714 852.287 977.857 788 1015 788 940.714Z" stroke="#1E9FFF" stroke-width="41.8231" stroke-linejoin="round" stroke-miterlimit="10" fill="#1E9FFF" fill-rule="evenodd"/><path d="M1066 1026 1017 1038.01 1017 1153" stroke="#1E9FFF" stroke-width="41.8231" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/><path d="M921 1147C921 1119.94 942.49 1098 969 1098 995.51 1098 1017 1119.94 1017 1147 1017 1174.06 995.51 1196 969 1196 942.49 1196 921 1174.06 921 1147Z" stroke="#1E9FFF" stroke-width="41.8231" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" fill-rule="evenodd"/></g></svg>


--------------------------------------------------------------------------------
/src/frontend/assets/main.css:
--------------------------------------------------------------------------------
  1 | 
  2 | @font-face{font-family:"icon";src:url("icon.woff2");}
  3 | @font-face{font-family:"windowsicon";src:url("windowsicon.ttf");}
  4 | @font-face{font-family:"font";font-weight:400;src:url("font.woff2");}
  5 | @font-face{font-family:"font";font-weight:700;src:url("font-bold.woff2");}
  6 | html{font-size:16px;font-family:"font","微软雅黑";}
  7 | body{margin:0;user-select:none;}
  8 | body:not(.appLoading){background:#F9F9FB;}
  9 | i{font-family:"icon";font-style:normal;}
 10 | img{pointer-events:none;}
 11 | *{box-sizing:border-box;outline:none;}
 12 | *[hidden]{display:none!important;}
 13 | ::-webkit-scrollbar{display:none;}
 14 | button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:0 20px;font-size:15px;transition:filter .2s;font-family:inherit;height:30px;}
 15 | button.sub{background:#DAEFFF;color:#1E9FFF;}
 16 | button.square{width:30px;padding:0;}
 17 | button:hover{filter:brightness(.95);}
 18 | button:active{filter:brightness(.9);}
 19 | button:disabled{filter:grayscale(1)!important;}
 20 | .buttonGroup{height:30px;display:flex;border-radius:5px;overflow:hidden;width:fit-content;}
 21 | .buttonGroup button{border-radius:0;}
 22 | a{color:#1E9FFF;text-decoration:none;}
 23 | a:hover{text-decoration:underline;}
 24 | a:active{opacity:.8;text-decoration:underline;}
 25 | input,select{background:rgba(0,0,0,.03);padding:8px 10px;border-radius:5px;border:0;font-size:1rem;font-family:inherit;width:100%;margin:5px 0;}
 26 | ::selection{background:#DAEFFF;color:black;}
 27 | 
 28 | 
 29 | .left .leftBar div,.right .musicListTitle section b,
 30 | .right .musicListTitle section .details,
 31 | .bottom .info .musicInfoBottom,
 32 | .bottom .info .musicInfoBottom>div>*,
 33 | .controls .musicInfo,
 34 | .list>div>div>*,
 35 | .right #downloadContainer>div>.info>.music>b{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 36 | 
 37 | 
 38 | /* 主窗体 - 加载动画 */
 39 | .loadingSplash{transition:opacity .2s;position:fixed;z-index:200;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s;background:#1E9FFF;}
 40 | .loadingSplash>img{width:250px;height:250px;}
 41 | body:not(.appLoading) .loadingSplash{opacity:0;pointer-events:none;}
 42 | 
 43 | 
 44 | /* 主窗体 - 顶栏图标 */
 45 | header{position:fixed;top:0;height:35px;display:flex;justify-content:right;width:calc(100% - 138px);z-index:100;-webkit-app-region:drag;font-size:.95em;}
 46 | header i{font-family:"windowsicon";height:100%;width:46px;display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s,color .2s;padding-bottom:1px;-webkit-app-region:no-drag;}
 47 | header i#lyricsBtn{font-size:.95em;padding-bottom:1px;font-family:"微软雅黑"!important;}
 48 | header i#miniBtn{transform:scaleY(-1);font-size:.95em;}
 49 | header i#devBtn{padding-top:2px;}
 50 | header i:hover{background:rgba(0,0,0,.07);}
 51 | header i:active{background:rgba(0,0,0,.2);opacity:.8;}
 52 | header i#closeBtn:hover{background:#E81123;color:white;}
 53 | header i#closeBtn:active{background:#E81123;color:rgba(252,252,252,.8);}
 54 | header i.active{color:#1E9FFF;}
 55 | .playerShown #miniBtn,.playerShown #lyricsBtn,.playerShown #devBtn{display:none;}
 56 | body:not(.playerShown) #hidePlayerBtn{display:none;}
 57 | .fullscreen header{display:none;}
 58 | 
 59 | 
 60 | 
 61 | /* 主窗体 - 左右容器 */
 62 | #homePage{height:100vh;transition:all .2s;}
 63 | .playerShown #homePage{transform:scale(.98);border-radius:20px;transition:all .5s;}
 64 | 
 65 | 
 66 | /* 主窗体 - 左侧界面 */
 67 | .left{position:fixed;top:0;bottom:0;width:var(--leftBarWidth);padding:35px 10px 0 10px;text-align:center;}
 68 | .left img{width:150px;max-width:calc(100% - 25px);}
 69 | .left .leftBar{margin-top:5px;text-align:left;overflow-y:scroll;padding-bottom:100px;height:calc(100% - 45px);}
 70 | .left .leftBar section{margin-top:2px;}
 71 | .left .leftBar .title{opacity:.5;padding:0 8px 0 10px;font-size:.9em;display:flex;align-items:center;margin-top:20px;margin-bottom:4px;}
 72 | .left .leftBar .title span{width:100%;}
 73 | .left .leftBar .title i{transition:background .2s;padding:2px;border-radius:5px;}
 74 | .left .leftBar .title i:hover{background:rgba(0,0,0,.1);}
 75 | .left .leftBar .title i:active{background:rgba(0,0,0,.2);}
 76 | .left .leftBar div{text-align:left;padding:4.5px 10px;height:30px;border-radius:5px;transition:all .2s,color .1s;position:relative;}
 77 | .left .leftBar div:hover{background:rgba(0,0,0,.05);}
 78 | .left .leftBar div:active{background:rgba(0,0,0,.1);}
 79 | .left .leftBar div.active{color:white;background:transparent;}
 80 | .left .leftBar div::before{content:"";background:linear-gradient(90deg,#1E9FFF,#1E9FFFBB);opacity:0;transition:opacity .2s;position:absolute;inset:0;z-index:-1;}
 81 | .left .leftBar div.active::before{opacity:1;}
 82 | .left .leftBar div[hidden]{display:block!important;pointer-events:none;transform:translateX(-100px) translateY(-4.5px);padding:0 10px;height:0;opacity:0;}
 83 | 
 84 | 
 85 | 
 86 | /* 主窗体 - 右侧界面 */
 87 | .right{position:fixed;top:0;right:0;bottom:0;width:calc(100% - var(--leftBarWidth));border-left:1px solid rgba(0,0,0,.05);background:rgba(252,252,252,.8);}
 88 | .right #rightPlaceholder{position:absolute;inset:0;bottom:80px;display:flex;align-items:center;justify-content:center;}
 89 | .right #rightPlaceholder img{width:150px;}
 90 | .right #leftBarResizer{position:absolute;z-index:10;left:-2.5px;width:5px;height:100%;top:0;cursor:col-resize;}
 91 | /* 歌单 */
 92 | .right .musicListTitle{padding:30px;height:180px;width:100%;display:flex;align-items:center;position:absolute;top:0;left:0;background:rgba(252,252,252,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:5;}
 93 | .right .musicListTitle img{width:120px;height:120px;background:white;border-radius:5px;object-fit:cover;}
 94 | .right .musicListTitle section{margin-left:30px;width:calc(100% - 150px);}
 95 | .right .musicListTitle section b{font-size:1.3em;display:block;}
 96 | .right .musicListTitle section .details{opacity:.8;font-size:.9em;margin:5px 0 10px 0;}
 97 | .right #musicListContainer>div:not(.show){display:none;}
 98 | .right #musicListContainer .tableContainer{width:100%;white-space:nowrap;padding:180px 0 100px 0;height:100vh;overflow-y:scroll;}
 99 | .right #musicListContainer .tableContainer table{table-layout:fixed;width:100%;max-width:100%;border-collapse:collapse;}
100 | .right #musicListContainer .tableContainer table colgroup>col:nth-child(1){width:80px;}
101 | .right #musicListContainer .tableContainer table colgroup>col:nth-child(2){width:30%;}
102 | .right #musicListContainer .tableContainer table colgroup>col:nth-child(5){width:80px;}
103 | .right #musicListContainer .tableContainer table th{font-weight:normal;text-align:left;opacity:.5;font-size:.9em;padding:5px 0;transition:opacity .2s;}
104 | .right #musicListContainer .tableContainer table th:not(.disabled):hover,.right #musicListContainer .tableContainer table th:not(.disabled):active{opacity:.8;}
105 | .right #musicListContainer .tableContainer table th span{display:flex;align-items:center;}
106 | .right #musicListContainer .tableContainer table th span::after{font-family:"icon";content:"\EA4E";opacity:0;transition:opacity .2s,transform .2s;display:block;}
107 | .right #musicListContainer .tableContainer table th.positiveOrder span::after{opacity:.8;margin-top:1px;}
108 | .right #musicListContainer .tableContainer table th.reversedOrder span::after{opacity:.8;transform:rotate(180deg);margin-bottom:1px;}
109 | .right #musicListContainer .tableContainer table td{overflow:hidden;text-overflow:ellipsis;}
110 | body:not(.disableHighlight) .right #musicListContainer .tableContainer table td>m{background:#DAEFFF;}
111 | .right #musicListContainer .tableContainer table td:first-child{padding:7px 10px 7px 30px;font-size:0;}
112 | .right #musicListContainer .tableContainer table td:first-child img{width:35px;height:35px;background:white;border-radius:5px;}
113 | .right #musicListContainer .tableContainer table td:last-child{padding:0 30px 0 0;width:100px;}
114 | .right #musicListContainer .tableContainer table thead tr{background:transparent!important;}
115 | .right #musicListContainer .tableContainer table tr{transition:background .1s;}
116 | .right #musicListContainer .tableContainer table tr:hover{background:rgba(0,0,0,.025);}
117 | .right #musicListContainer .tableContainer table tr:active{background:rgba(0,0,0,.05);}
118 | .right #musicListContainer .tableContainer table tr.active{color:#1E9FFF;}
119 | .right #musicListContainer .tableContainer table tr.selected{background:#DAEFFF!important;}
120 | .right #musicListContainer .musicLocator{position:absolute;right:20px;bottom:100px;height:40px;width:40px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:rgba(252,252,252,.9);backdrop-filter:blur(20px);font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:all .2s;}
121 | .right #musicListContainer .musicLocator:hover{color:#1E9FFF;}
122 | .right #musicListContainer .musicLocator:active{color:#1E9FFF;transform:scale(.95);filter:brightness(.95);}
123 | .right #musicListContainer .musicLocator.hidden{transform:scale(.2);opacity:0;pointer-events:none;}
124 | .right #musicListContainer .musicListErrorOverlay{position:absolute;inset:180px 0 80px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
125 | .right #musicListContainer .musicListErrorOverlay img{width:120px;}
126 | .right #musicListContainer .musicListErrorOverlay div{opacity:.5;margin-top:10px;font-size:1.2em;text-align:center;}
127 | /* 搜索 */
128 | .right .searchTitle{padding:30px;height:180px;border-bottom:1px solid rgba(0,0,0,.05);position:absolute;background:rgba(252,252,252,.9);backdrop-filter:blur(20px);width:100%;z-index:5;}
129 | .right .searchTitle .searchTitleText{font-size:1.5em;}
130 | .right .searchTitle .inputGroup{margin-top:50px;display:flex;white-space:nowrap;align-items:center;justify-content:center;width:100%;}
131 | .right .searchTitle .inputGroup select{height:37px;border-radius:5px 0 0 5px;margin-right:2px;width:fit-content;padding:0 10px;}
132 | .right .searchTitle .inputGroup input{height:37px;margin-right:10px;max-width:500px;width:100%;border-radius:0 5px 5px 0;padding:0 10px;}
133 | .right .searchTitle .inputGroup button{height:37px;font-size:1.05em;}
134 | .right #searchBottomIndicator{text-align:center;opacity:.8;margin-top:50px;margin:30px 0 10px 0;font-size:.9em;}
135 | /* 下载 */
136 | .right #downloadContainer{padding-top:90px!important;}
137 | .right #downloadContainer>div{background:white;width:100%;border-radius:5px;margin-bottom:5px;padding:10px 15px;position:relative;height:65px;overflow:hidden;transition:background .2s;}
138 | .right #downloadContainer>div[data-status="success"]{background:#EFF6EF;}
139 | .right #downloadContainer>div[data-status="error"]{background:#FCEFEF;}
140 | .right #downloadContainer>div>.info{display:flex;align-items:center;white-space:nowrap;position:absolute;inset:0;z-index:5;padding:0 15px;}
141 | .right #downloadContainer>div>.info>.music{display:flex;flex-direction:column;width:calc(100% - 150px);}
142 | .right #downloadContainer>div>.info>.music>span{display:block;opacity:.8;font-size:.9em;margin-top:3px;}
143 | .right #downloadContainer>div[data-status="pending"]>.info>.music>span>i::after{content:"\F337";}
144 | .right #downloadContainer>div[data-status="download"]>.info>.music>span>i::after{content:"\EC5A";}
145 | .right #downloadContainer>div[data-status="success"]>.info>.music>span>i::after{content:"\EB7B";}
146 | .right #downloadContainer>div[data-status="error"]>.info>.music>span>i::after{content:"\F4C8";}
147 | .right #downloadContainer>div>.info>.buttons{display:flex;justify-content:flex-end;width:150px;}
148 | .right #downloadContainer>div>.info>.buttons>i{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.1em;border-radius:50%;transition:background .2s;}
149 | .right #downloadContainer>div>.info>.buttons>i:hover{background:rgba(0,0,0,.05);}
150 | .right #downloadContainer>div>.info>.buttons>i:active{background:rgba(0,0,0,.1);}
151 | .right #downloadContainer>div:not([data-status="error"])>.info>.buttons>i.errorOnly{display:none;}
152 | .right #downloadContainer>div:not([data-status="success"])>.info>.buttons>i.successOnly{display:none;}
153 | .right #downloadContainer>div>.progressBar{transition:width .2s,opacity .2s;position:absolute;inset:0;right:unset;background:#DAEFFF;width:var(--progressWidth);}
154 | .right #downloadContainer>div:not([data-status="download"])>.progressBar{opacity:0;}
155 | /* 扩展 */
156 | .right #extensionContainer{padding-top:90px!important;}
157 | .right #extensionContainer .block>div{white-space:nowrap;display:flex;zoom:.9;align-items:center;margin-right:15px;}
158 | .right #extensionContainer .block>div>span{margin-left:5px;}
159 | /* 设置 */
160 | .right .page .header{padding:30px 30px 10px 30px;font-size:1.5em;border-bottom:1px solid rgba(0,0,0,.05);position:absolute;background:rgba(252,252,252,.9);backdrop-filter:blur(20px);width:100%;z-index:2;display:flex;align-items:center;}
161 | .right .page .header i{margin-right:5px;}
162 | .right .page .header small{font-size:.6em;margin-left:15px;opacity:.8;}
163 | .right .page .container{position:absolute;z-index:1;padding:70px 27.5px 100px 27.5px;width:100%;height:100%;overflow-y:scroll;}
164 | .right .page .title{font-weight:bold;margin:20px 2.5px 5px 2.5px;}
165 | .right .page .block{background:white;width:100%;border-radius:5px;margin-bottom:5px;padding:10px 15px;display:flex;align-items:center;}
166 | .right .page .block.highlight{background:#1E9FFF;color:white;}
167 | .right .page .block{transform-origin:bottom;transition:margin-top .2s,opacity .2s,transform .2s;}
168 | .right .page .block.folded{margin-top:calc(-5px - var(--height));opacity:0;pointer-events:none;transform:scaleY(0);}
169 | .right .page .block section{width:100%;margin-right:10px;}
170 | .right .page .block section div{font-size:1em;}
171 | .right .page .block section div badge{font-size:.8em;background:rgba(0,0,0,.1);opacity:.5;padding:0 7px;margin-left:5px;margin-top:2px;vertical-align:top;border-radius:10px;display:inline-block;}
172 | .right .page .block section span{display:block;font-size:.9em;opacity:.8;word-break:break-all;line-height:1.1em;margin-top:3px;}
173 | .right .page .block button{white-space:nowrap;}
174 | .right .page .block.highlight button{background:white!important;color:#1E9FFF;}
175 | .right .page .block .range{min-width:150px;max-width:150px;}
176 | .right .page .block .range>div{background:rgba(0,0,0,.05);}
177 | .right .page .block input,.right .page .block select{min-width:150px;max-width:150px;}
178 | .right .page .block .colorInput{background:rgba(0,0,0,.03);position:relative;border-radius:5px;}
179 | .right .page .block .colorInput>input{opacity:0;}
180 | .right .page .block .colorInput>span{position:absolute;inset:0;height:fit-content;margin:auto;text-align:center;text-transform:uppercase;}
181 | .toggle{display:inline-block;height:20px;min-width:35px;max-width:35px;padding:2px;background:rgba(0,0,0,.05);border-radius:10px;vertical-align:middle;transition:background .2s;}
182 | .toggle::before{transition:margin-left .2s,transform .2s;transform:scale(.7);width:16px;height:16px;background:white;border-radius:50%;content:"";display:block;}
183 | .on .toggle{background:#1E9FFF;}
184 | .on .toggle::before{margin-left:15px;transform:scale(.9);}
185 | /* 关于 */
186 | .right #aboutPage{padding:30px;overflow-y:scroll;}
187 | .right #aboutPage .top{display:flex;align-items:center;}
188 | .right #aboutPage .top>img{width:100px;height:100px;border-radius:5px;background:#1E9FFF;}
189 | .right #aboutPage .top>div{margin-left:15px;}
190 | .right #aboutPage .top>div>b{display:block;font-size:1.5em;}
191 | .right #aboutPage .top>div>div{opacity:.8;font-size:.9em;}
192 | .right #aboutPage .top>div>div>img{height:1.1em;margin-top:.2em;}
193 | .right #aboutPage .main{display:flex;margin-top:50px;}
194 | .right #aboutPage .main>div{width:100%;margin-right:10px;}
195 | .right #aboutPage .main>div>div>b{font-size:1.2em;display:block;}
196 | .right #aboutPage .main>div>div>span{font-size:.9em;opacity:.8;display:block;margin-bottom:5px;}
197 | .right #aboutPage .main>div a{display:block;;}
198 | .right #aboutPage .main>div section{background:white;display:flex;align-items:center;border-radius:5px;margin:15px 0;overflow:hidden;transition:background .2s;}
199 | .right #aboutPage .main>div section:hover{background:rgba(0,0,0,.025);}
200 | .right #aboutPage .main>div section:active{background:rgba(0,0,0,.05);}
201 | .right #aboutPage .main>div section>img{width:80px;height:80px;}
202 | .right #aboutPage .main>div section>div{margin-left:10px;}
203 | .right #aboutPage .main>div section>div>b{display:block;font-size:1.2em;}
204 | .right #aboutPage .main>div section>div>span{font-size:.9em;opacity:.8;display:block;margin-bottom:5px;}
205 | /* 更新 */
206 | .right #updateContainer{padding-top:90px!important;}
207 | .right #updateInfo{background:white;margin:0 -2.5px;padding:5px 20px 15px 20px;}
208 | .right #updateInfo p{margin:3px 5px;}
209 | .right #updateInfo h1,.right #updateInfo h2,.right #updateInfo h3{margin:15px 5px 5px 5px;zoom:.9;}
210 | .right #updateInfo h1{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:5px;}
211 | .right #updateInfo ul,.right #updateInfo ol{margin:0;padding-left:23px;}
212 | .right #updateInfo blockquote{background:rgba(0,0,0,.025);margin:5px 0;padding:7px 10px;border-radius:10px;}
213 | .right #updateInfo blockquote p{margin:3px 0;}
214 | .right #updateInfo img{margin-top:5px;background:white;border-radius:5px;width:100%;display:block;}
215 | .right #updateInfo code{font-family:"Source Code Pro", "Consolas", "font";}
216 | .right .operations{margin:0 -2.5px;padding-top:10px;text-align:right;}
217 | 
218 | 
219 | /* 主窗体 - 文件拖入 */
220 | #dropTipContainer{position:fixed;top:0;left:0;height:100%;width:100%;z-index:6;background:rgba(0,0,0,.1);border:0;border-radius:0;pointer-events:none;opacity:0;transition:opacity .2s;}
221 | #dropTipContainer #dropTip{position:fixed;padding:5px 10px;border-radius:7px;background:white;border:1px solid #CDCDCD;box-shadow:0 4px 6px rgba(0,0,0,.04);pointer-events:none;font-size:.9em;height:fit-content;width:160px;}
222 | #dropTipContainer #dropTip>i{color:#1E9FFF;}
223 | .dragOver #dropTipContainer{opacity:1;}
224 | 
225 | 
226 | /* 主窗体 - 主题图片 */
227 | #themeImage{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.05;z-index:40;transition:opacity .2s;}
228 | body:not(.themeImage) #themeImage{opacity:0;}
229 | .themeImage .right #rightPlaceholder img{display:none;}
230 | .themeImage #bottom,.themeImage .musicListTitle,.themeImage .right .page .header,.themeImage .musicLocator{background:rgba(255,255,255,.9);}
231 | 
232 | 
233 | /* 主窗体 - 底部控件 */
234 | .bottom{position:fixed;bottom:-90px;height:80px;width:100%;background:rgba(252,252,252,.9);backdrop-filter:blur(20px);transition:bottom .2s;}
235 | .withCurrentMusic:not(.playerShown) .bottom{bottom:0;}
236 | .bottom #bottomProgressBar{width:calc(100% - 10px);height:5px;position:absolute;left:5px;top:0;z-index:2;}
237 | .bottom #bottomProgressBar>div{border-radius:0;height:6px;}
238 | .bottom .progressBefore,.bottom .progressAfter{position:absolute;content:"";width:5px;height:6px;background:#1E9FFF;left:0;z-index:1;}
239 | .bottom .progressAfter{background:rgba(0,0,0,.1);left:unset;right:0;}
240 | .bottom .info{position:absolute;top:15px;bottom:8px;left:10px;display:flex;align-items:center;width:300px;}
241 | .bottom .info .img{width:54px;height:54px;border-radius:5px;background:white;overflow:hidden;margin-right:10px;position:relative;transition:transform .2s;}
242 | .bottom .info .img:active{transform:scale(.95);}
243 | .bottom .info .img::after{content:"\EA78";font-size:2.5em;background:rgba(0,0,0,.2);position:absolute;inset:0;font-family:"icon";display:flex;align-items:center;justify-content:center;color:white;opacity:0;transition:opacity .2s;}
244 | .bottom .info .img:hover::after,.bottom .info .img:active::after{opacity:1;}
245 | .bottom .info .img>img{width:100%;height:100%;object-fit:cover;}
246 | .bottom .info .musicInfoBottom{max-width:200px;}
247 | .bottom .info .musicInfoBottom b{font-size:1.1em;}
248 | .bottom .info .musicInfoBottom>div{position:relative;}
249 | .bottom .info .musicInfoBottom>div div{transition:opacity .2s,transform .2s;}
250 | .bottom .info .musicInfoBottom>div #miniModeStatus{position:absolute;top:0;left:0;width:100%;}
251 | .miniModeStatus .bottom .info .musicInfoBottom>div #bottomArtist{transform:translateY(-3px);opacity:0;}
252 | body:not(.miniModeStatus) .bottom .info .musicInfoBottom>div #miniModeStatus{transform:translateY(3px);opacity:0;}
253 | .bottom .center{position:absolute;top:0;bottom:0;left:300px;right:300px;}
254 | .bottom .center>div,.bottom .volBtnBottom>div{width:40px;height:40px;}
255 | .bottom .center>div.play{width:55px;height:55px;}
256 | .bottom .volBtnBottom{width:150px;position:absolute;top:5px;bottom:0;right:30px;display:flex;align-items:center;}
257 | .bottom .volBtnBottom>div{opacity:.7;margin-right:5px;min-width:40px;height:40px;}
258 | .playBtnColor .bottom .center>.play{background:#1e9fff;color:white;font-size:1.6em;width:50px;height:50px;margin: 0 5px;}
259 | .playBtnColor .bottom .center>.play:hover,.playBtnColor .bottom .center>.play:active{filter:brightness(.95);}
260 | .playBtnColor .bottom .center>div{opacity:.5;}
261 | 
262 | 
263 | /* 主窗体 - 播放内页 */
264 | #playPage{position:fixed;top:120vh;left:0;width:100%;height:100%;background:white;transition:top .3s;overflow:hidden;z-index:50;}
265 | .playerShown #playPage{top:0;}
266 | .darkPlayer{--SimAPTheme:rgba(255,255,255,.8)!important;}
267 | .darkPlayer #playPage{background:black;color:rgba(255,255,255,.9);}
268 | .darkPlayer #playPage b,.darkPlayer .lyrics>div>div.active{font-weight:normal;}
269 | .darkPlayer #playPage .SimProgress{--SimProgressBackground:rgba(255,255,255,.1);}
270 | .darkPlayer #playPage .SimProgress::after{background:white;}
271 | .darkPlayer #playPage .SimLRC{--normalColor:rgba(255,255,255,.2)!important;}
272 | .darkPlayer #playPage #background{opacity:.35;}
273 | .darkPlayer #playPage #background canvas{opacity:.5;}
274 | .darkPlayer.playerShown header i{color:rgba(255,255,255,.8);}
275 | .darkPlayer .controls #album,.darkPlayer .list>div>img{background:rgba(0,0,0,.1);}
276 | .darkPlayer .controls .infoBar i{background:rgba(255,255,255,.025);color:rgba(255,255,255,.6);}
277 | .darkPlayer .controls .infoBar i:hover,.darkPlayer .controls .infoBar i:active{background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);}
278 | .darkPlayer .controls .buttons>div:hover,.darkPlayer .controls .buttons>div:active{background:rgba(255,255,255,.05);}
279 | .darkPlayer.musicLoading #progressBar>div{background-image:linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 0,transparent 50%,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 75%,transparent 0,transparent)!important;}
280 | .darkPlayer.volume .controls .buttons>.volBtn{background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.8);}
281 | .darkPlayer .list>div:hover{background:rgba(255,255,255,.025);}
282 | .darkPlayer .list>div.active,.darkPlayer .list>div:active{background:rgba(255,255,255,.05);}
283 | .darkPlayer.playerShown header i:hover{background:rgba(255,255,255,.05);}
284 | 
285 | 
286 | 
287 | /* 主窗体 - 迷你模式 */
288 | .miniMode{background:transparent;}
289 | .miniMode header{-webkit-app-region:no-drag;}
290 | .miniMode .left,.miniMode .right{display:none;}
291 | .miniMode .bottom{z-index:300;height:60px;background:white;}
292 | .miniMode .bottom .progressBefore,.miniMode .bottom .progressAfter{display:none;}
293 | .miniMode .bottom #bottomProgressBar{bottom:0;left:60px;top:unset;width:calc(100% - 60px);z-index:5;opacity:.8;;transition:opacity .2s,height .2s;}
294 | .miniMode .bottom:hover #bottomProgressBar{height:7px;}
295 | .miniMode .bottom #bottomProgressBar:hover,.miniMode .bottom #bottomProgressBar:active{height:7px;opacity:1;}
296 | .miniMode .bottom #bottomProgressBar::after{display:none;}
297 | .miniMode .bottom .info{top:0;bottom:0!important;left:0;width:170px;bottom:10px;}
298 | .miniMode .bottom .info .img{width:60px;height:60px;border-radius:0;margin-right:10px;-webkit-app-region:drag;}
299 | .miniMode .bottom .info .img::after{display:none;}
300 | .miniMode .bottom .info .musicInfoBottom{font-size:1.1em;max-width:calc(100px / .75);zoom:.75;margin-bottom:5px;}
301 | .miniMode .bottom .info .musicInfoBottom>div{margin-top:-1px;}
302 | .miniMode .bottom .center{right:15px;zoom:.7;bottom:7.5px;width:220px;left:unset;}
303 | .miniMode .bottom .center .bottomListBtn{display:none;}
304 | body:not(.miniMode) .bottom .center .miniModeBtn{display:none;}
305 | .miniMode .bottom .volume{display:none;}
306 | 


--------------------------------------------------------------------------------
/src/frontend/assets/misc/recommend-musictag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/recommend-musictag.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/recommend-salt.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/recommend-salt.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/recommend-vnimusic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/recommend-vnimusic.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/taskbar-next.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/taskbar-next.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/taskbar-pause.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/taskbar-pause.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/taskbar-play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/taskbar-play.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/taskbar-prev.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/taskbar-prev.png


--------------------------------------------------------------------------------
/src/frontend/assets/misc/text.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/misc/text.png


--------------------------------------------------------------------------------
/src/frontend/assets/placeholder.svg:
--------------------------------------------------------------------------------
1 | <svg width="1893" height="1893" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="133" y="291" width="1893" height="1893"/></clipPath><image width="907" height="945" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4sAAAOxCAMAAABrLMKaAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHvUExURQAAAP////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////n5+f////////////////////////r6+v////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////39/f////////////////////////////////////////39/f////39/f39/f39/f39/f39/f39/f39/f39/f////39/f39/f39/f////39/f39/f////39/f////39/f39/f39/f39/f////39/f39/f39/f39/f39/f39/f////39/f////39/f///yDzUS4AAACldFJOUwABAgMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSkqKywtLi8vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGFiY2RlZmdoaWprbG1ub3BxcnN0dHV2d3h5ent8fX5+f4CBgoOEhYaGh4iJiYqLi4yMjY6PkJCRkpOUlZaWl5eYmf+fXMwAAAAJcEhZcwAAMsAAADLAAShkWtsAAELTSURBVHhe7Z3/f1TV1e+ntz21He2ozIOkhlSMMOVCKrepNKRGjGJEIzDyRDTyGCAVIzWiAZ+5YNQn3NiAnVKv016deu1p7/P0/KF3JlkBApPMOWfW2l/W/rx/6au+Mvt8mfmw917rs9YuAAAA2JoKMVQlpmotFuj/tPk5/UUloo8A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" preserveAspectRatio="none" id="img1"></image></defs><g clip-path="url(#clip0)" transform="translate(-133 -291)"><rect x="133" y="291" width="1893" height="1893" fill="#7F7F7F" fill-opacity="0.101961"/><use width="100%" height="100%" xlink:href="#img1" fill="none" transform="translate(627 765)"></use></g></svg>


--------------------------------------------------------------------------------
/src/frontend/assets/windowsicon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Simsv-Software/SimMusic2024-Windows/3fd79f1d420dff61ed00a7ae996b7465baf22175/src/frontend/assets/windowsicon.ttf


--------------------------------------------------------------------------------
/src/frontend/lrc.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html data-window-id="lrcWin">
  3 | 	<head>
  4 | 		<title>SimMusicDesktopLyrics</title>
  5 | 		<meta charset="utf-8">
  6 | 	</head>
  7 | 	<body>
  8 | 
  9 | 		<style>
 10 | 			@font-face{font-family:"icon";src:url("assets/icon.woff2");}
 11 | 			@font-face{font-family:"font";src:url("assets/font.ttf");}
 12 | 			i{font-family:"icon";font-style:normal;}
 13 | 			*{box-sizing:border-box;outline:none;user-select:none;}
 14 | 			*[hidden]{display:none!important;}
 15 | 			#lyrics{position:fixed;width:var(--fontWidth);}
 16 | 			#move{position:absolute;inset:0 0 auto 0;width:fit-content;height:fit-content;border-radius:50%;color:white;opacity:0;text-shadow:0 0 2px black;padding:0 10px 10px 10px;z-index:114;margin:auto;transition:opacity .2s;}
 17 | 			.showBtn #move,.focused #move,.dragging #move{opacity:.7;}
 18 | 			#text{font-size:var(--fontSize);color:var(--fontColor);position:absolute;inset:20px 0 auto 0;padding:0 5px;width:100%;font-family:"font";text-align:center;border-radius:10px;font-weight:bold;transition:font-size .2s,background .2s;}
 19 | 			.showStroke #text{-webkit-text-stroke:0.01px var(--fontStroke);}
 20 | 			.dragging #text{background:rgba(0,0,0,.1);}
 21 | 			#text *{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
 22 | 			#text small{font-size:var(--translationSize);}
 23 | 			body:not(.showTranslation) #text small{display:none;}
 24 | 		</style>
 25 | 		
 26 | 		<div id="lyrics">
 27 | 			<i id="move">&#xEC62;</i>
 28 | 			<div id="text"><span id="inside"></span></div>
 29 | 		</div>
 30 | 
 31 | 		<script src="assets/components/PublicConfig.js"></script>
 32 | 		<script>
 33 | 			const {ipcRenderer} = require("electron");
 34 | 			const lyrics = document.getElementById("lyrics");
 35 | 			const move = document.getElementById("move");
 36 | 			const text = document.getElementById("text");
 37 | 			const inside = document.getElementById("inside");
 38 | 			let isMoving = false;
 39 | 			
 40 | 			// 移动窗口
 41 | 			function moveWindow(e) {
 42 | 				config.setItem("desktopLyricsTop", e.pageY);
 43 | 				config.setItem("desktopLyricsLeft", e.pageX);
 44 | 				reloadConfig();
 45 | 			}
 46 | 			
 47 | 			// 监听事件
 48 | 			document.documentElement.onkeydown = e => { e.preventDefault(); };
 49 | 			document.documentElement.onmousemove = e => {
 50 | 				if (!document.body.classList.contains("dragging")) {
 51 | 					document.body.classList.remove("focused");
 52 | 					document.body.classList.remove("showBtn");
 53 | 					ipcRenderer.invoke("unfocusDesktopLyrics");
 54 | 				} else {
 55 | 					moveWindow(e);
 56 | 				}
 57 | 			};
 58 | 			document.documentElement.onmouseup = () => {
 59 | 				document.body.classList.remove("focused");
 60 | 				document.body.classList.remove("showBtn");
 61 | 				document.body.classList.remove("dragging");
 62 | 				ipcRenderer.invoke("unfocusDesktopLyrics");
 63 | 			};
 64 | 			move.onmouseenter = e => {
 65 | 				if (!document.body.classList.contains("showBtn")) return;
 66 | 				ipcRenderer.invoke("focusDesktopLyrics");
 67 | 				document.body.classList.add("focused");
 68 | 			};
 69 | 			move.onmousedown = e => {
 70 | 				if (!document.body.classList.contains("showBtn")) return;
 71 | 				document.body.classList.add("dragging");
 72 | 				moveWindow(e);
 73 | 			};
 74 | 			inside.onmouseenter = () => {
 75 | 				document.body.classList.add("showBtn");
 76 | 			};
 77 | 			lyrics.onmousemove = e => {
 78 | 				if (!document.body.classList.contains("dragging")) {
 79 | 					e.stopPropagation();
 80 | 				} else {
 81 | 					moveWindow(e);
 82 | 				}
 83 | 			};
 84 | 
 85 | 			// 刷新配置
 86 | 			function reloadConfig() {
 87 | 				const width = config.getItem("desktopLyricsWidth");
 88 | 				document.body.style.setProperty("--fontSize", config.getItem("desktopLyricsSize") + "px");
 89 | 				document.body.style.setProperty("--fontColor", config.getItem("desktopLyricsColor"));
 90 | 				document.body.style.setProperty("--fontStroke", config.getItem("desktopLyricsStroke"));
 91 | 				document.body.style.setProperty("--translationSize", config.getItem("lyricTranslation") + "em");
 92 | 				document.body.style.setProperty("--fontWidth", width + "px");
 93 | 				document.body.classList[config.getItem("desktopLyricsStrokeEnabled") ? "add" : "remove"]("showStroke");
 94 | 				document.body.classList[config.getItem("desktopLyricsTranslation") ? "add" : "remove"]("showTranslation");
 95 | 				if (!config.getItem("desktopLyricsCentered")) lyrics.style.left = config.getItem("desktopLyricsLeft") - width / 2 + "px";
 96 | 				else lyrics.style.left = screen.width / 2 - width / 2 + "px";
 97 | 				lyrics.style.top = config.getItem("desktopLyricsTop") - 10 + "px";
 98 | 			}
 99 | 			ipcRenderer.on("lrcWinReload", reloadConfig);
100 | 			ipcRenderer.on("lrcUpdate", (_event, lrc) => { inside.innerHTML = lrc; });
101 | 			ipcRenderer.on("setHidden", (_event, id, hidden) => { document.getElementById(id).hidden = hidden; });
102 | 			reloadConfig();
103 | 		</script>
104 | 	</body>
105 | </html>


--------------------------------------------------------------------------------
/src/frontend/main.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html data-window-id="mainWin">
  3 | 	<head>
  4 | 		<title>SimMusic</title>
  5 | 		<meta charset="utf-8">
  6 | 		<link rel="stylesheet" href="assets/components/ContextMenu.css">
  7 | 		<link rel="stylesheet" href="assets/components/SimAP.css">
  8 | 		<link rel="stylesheet" href="assets/components/SimProgress.css">
  9 | 		<link rel="stylesheet" href="assets/components/SimLRC.css">
 10 | 		<link rel="stylesheet" href="assets/main.css">
 11 | 	</head>
 12 | 	<body class="hideList appLoading">
 13 | 		
 14 | 
 15 | 		<!-- 顶部按钮 -->
 16 | 		<header>
 17 | 			<i onclick="SimAPUI.hide()" id="hidePlayerBtn" title="收起播放器">&#xeab4;</i>
 18 | 			<i onclick="ipcRenderer.invoke('openDevtools')" id="devBtn" hidden title="开发者工具">&#xeb6d;</i>
 19 | 			<i onclick="WindowOps.toggleMini()" id="miniBtn" title="迷你模式">&#xeb14;</i>
 20 | 			<i onclick="WindowOps.toggleLyrics()" id="lyricsBtn" title="桌面歌词">词</i>
 21 | 		</header>
 22 | 
 23 | 
 24 | 		<div class="loadingSplash">
 25 | 			<img src="assets/icon-blue.png">
 26 | 		</div>
 27 | 
 28 | 		
 29 | 		<!-- 主界面 -->
 30 | 		<div id="homePage">
 31 | 			<!-- 左侧栏 -->
 32 | 			<div class="left">
 33 | 				<img src="assets/logo.svg">
 34 | 				<div class="leftBar">
 35 | 					<span id="extBars"></span>
 36 | 					<section class="title"><span>歌单</span><i onclick="MusicList.add()">&#xF4B2;</i></section>
 37 | 					<section id="musicLists"></section>
 38 | 					<section class="title"><span>功能</span></section>
 39 | 					<div data-page-id="searchPage" onclick="Search.switchSearch()" id="searchBtn"><i>&#xF0D1;</i> 搜索</div>
 40 | 					<div data-page-id="downloadPage" onclick="switchRightPage('downloadPage')" hidden><i>&#xEC5A;</i> 下载</div>
 41 | 					<div data-page-id="extensionPage" onclick="switchRightPage('extensionPage')"><i>&#xF450;</i> 扩展</div>
 42 | 					<div data-page-id="settingsPage" onclick="switchRightPage('settingsPage');SettingsPage.init()"><i>&#xF0EE;</i> 设置</div>
 43 | 					<div data-page-id="aboutPage" onclick="switchRightPage('aboutPage');initAboutPage()"><i>&#xEE59;</i> 关于</div>
 44 | 					<div data-page-id="updatePage" onclick="switchRightPage('updatePage');" hidden><i>&#xF24C;</i> 更新</div>
 45 | 				</div>
 46 | 			</div>
 47 | 			<!-- 右侧栏 -->
 48 | 			<div class="right">
 49 | 				<section id="leftBarResizer"></section>
 50 | 				<!-- 无任务占位Logo -->
 51 | 				<div id="rightPlaceholder">
 52 | 					<img src="assets/icon-grey.svg">
 53 | 				</div>
 54 | 				<!-- 歌单和目录 -->
 55 | 				<div id="musicListContainer" hidden>
 56 | 					<div data-music-list-id="template">
 57 | 						<div class="musicListTitle">
 58 | 							<img class="musicListCover" src="assets/placeholder.svg" onerror="this.src='assets/placeholder.svg'">
 59 | 							<section>
 60 | 								<b class="musicListName"></b>
 61 | 								<div class="details">
 62 | 									<span class="folderDir"><i>&#xED6A;</i> <span class="musicListDir"></span><br></span>
 63 | 									<i>&#xEF83;</i> <span class="musicListNum">-</span> 首歌曲&nbsp;&nbsp;&nbsp;
 64 | 									<i>&#xF20F;</i> <span class="musicListTime">--:--</span>
 65 | 								</div>
 66 | 								<div class="buttonGroup">
 67 | 									<button onclick="PlayerController.switchMusicWithList(null,getCurrentMusicList(),true)"><i>&#xF508;</i> 全部播放</button>
 68 | 									<button class="sub square" onclick="PlayerController.appendPlayList(getCurrentMusicList())" title="添加到播放列表"><i>&#xF00F;</i></button>
 69 | 								</div>
 70 | 							</section>
 71 | 						</div>
 72 | 						<div class="tableContainer">
 73 | 							<table>
 74 | 								<thead>
 75 | 									<tr><th></th><th><span>标题</span></th><th><span>艺术家</span></th><th><span>专辑</span></th><th class="disabled"><span>时长</span></th></tr>
 76 | 									<colgroup><col><col><col><col><col></colgroup>
 77 | 								</thead>
 78 | 								<tbody class="musicListContent"></tbody>
 79 | 							</table>
 80 | 						</div>
 81 | 						<i class="musicLocator">&#xF3B5;</i>
 82 | 						<div class="musicListErrorOverlay" hidden><img src="assets/icon-error.svg"><div></div></div>
 83 | 					</div>
 84 | 					<div data-music-list-id="search">
 85 | 						<div class="searchTitle">
 86 | 							<form class="inputGroup" onsubmit="Search.submit()">
 87 | 								<select id="searchSource"></select>
 88 | 								<input id="searchInput" placeholder="输入搜索关键字，Tab 切源，回车搜索 ..." spellcheck="false">
 89 | 								<button id="searchSubmitBtn"><i>&#xF0D1;</i> 搜索</button>
 90 | 							</form>
 91 | 						</div>
 92 | 						<div class="tableContainer">
 93 | 							<table>
 94 | 								<thead><colgroup><col><col><col><col><col></colgroup></thead>
 95 | 								<tbody class="musicListContent"></tbody>
 96 | 							</table>
 97 | 							<div id="searchBottomIndicator" style="opacity:0;" onclick="Search.loadMore()"></div>
 98 | 						</div>
 99 | 						<i class="musicLocator">&#xF3B5;</i>
100 | 						<div class="musicListErrorOverlay" hidden><img src="assets/icon-error.svg"><div></div></div>
101 | 					</div>
102 | 				</div>
103 | 				<!-- 下载页 -->
104 | 				<div id="downloadPage" class="page" hidden>
105 | 					<div class="header">
106 | 						<i>&#xEC5A;</i> 下载管理
107 | 					</div>
108 | 					<div id="downloadContainer" class="container"></div>
109 | 				</div>
110 | 				<!-- 扩展页 -->
111 | 				<div id="extensionPage" class="page" hidden>
112 | 					<div class="header">
113 | 						<i>&#xF450;</i> 扩展程序
114 | 						<small><i>&#xEC5A;</i>拖入扩展包以安装</small>
115 | 					</div>
116 | 					<div id="extensionContainer" class="container">
117 | 						<div class="block highlight" id="extReloadTip" hidden>
118 | 							<section><div><i>&#xEE59;</i> 您的更改将在重载此应用后生效</div></section>
119 | 							<button class="sub" onclick="ipcRenderer.invoke('restart')">重载应用</button>
120 | 						</div>
121 | 					</div>
122 | 				</div>
123 | 				<!-- 设置页 -->
124 | 				<div id="settingsPage" class="page" hidden>
125 | 					<div class="header"><i>&#xF0EE;</i> 软件设置</div>
126 | 					<div id="settingsContainer" class="container"></div>
127 | 				</div>
128 | 				<!-- 关于页 -->
129 | 				<div id="aboutPage" hidden>
130 | 					<div class="top">
131 | 						<img src="assets/icon-blue.png">
132 | 						<div>
133 | 							<b>SimMusic 2024</b>
134 | 							<div>
135 | 								高颜值插件化音频播放器 · 应用版本 <span id="appVersion"></span><br>
136 | 								© 2020-<span id="copyrightYear"></span> Simsv Software, Licenced under GPL-3.0<br>
137 | 								<img src="assets/misc/text.png">
138 | 							</div>
139 | 						</div>
140 | 					</div>
141 | 					<div class="main">
142 | 						<div>
143 | 							<div><b>巨人的肩膀</b><span>本软件使用或二开了以下项目的实现，在此表示感谢。</span></div>
144 | 							<a>electron/electron</a>
145 | 							<a>Borewit/music-metadata</a>
146 | 							<a>Zazama/node-id3</a>
147 | 							<a>the1812/flac-tagger</a>
148 | 							<a>zhujin917/3sqrt7-context-menu</a>
149 | 							<a>101arrowz/fflate</a>
150 | 							<a>markedjs/marked</a>
151 | 							<a>lokesh/color-thief</a>
152 | 							<a>Remix-Design/RemixIcon</a>
153 | 							<a>microsoft/vscode-codicons</a>
154 | 						</div>
155 | 						<div>
156 | 							<div><b>相关推荐</b><span>一些其他优秀的项目。</span></div>
157 | 							<section data-href="https://www.cnblogs.com/vinlxc/p/11347744.html">
158 | 								<img src="assets/misc/recommend-musictag.png">
159 | 								<div><b>音乐标签</b><span>批量匹配歌曲元数据，可与本软件配合使用。</span></div>
160 | 							</section>
161 | 							<section data-href="https://music.vnisoft.top">
162 | 								<img src="assets/misc/recommend-vnimusic.png">
163 | 								<div><b>维念音乐</b><span>老牌 PC 端本地音乐播放软件。</span></div>
164 | 							</section>
165 | 							<section data-href="https://moriafly.com/salt-player/">
166 | 								<img src="assets/misc/recommend-salt.png">
167 | 								<div><b>Salt Player</b><span>界面优雅的 Android 端本地音乐播放器。</span></div>
168 | 							</section>
169 | 						</div>
170 | 					</div>
171 | 				</div>
172 | 				<!-- 更新页 -->
173 | 				<div id="updatePage" class="page" hidden>
174 | 					<div class="header">
175 | 						<i>&#xF24C;</i> 版本更新
176 | 						<small id="updateVersion"></small>
177 | 					</div>
178 | 					<div id="updateContainer" class="container">
179 | 						<div id="updateInfo"></div>
180 | 						<div class="operations">
181 | 							<button class="sub" id="updateInfoBtn" onclick="webview(`https://github.com/${ghRepo}/releases/latest`, {width: 1100, height: 750})"><i>&#xEDCB;</i> 完整日志</button>
182 | 							<button onclick="startUpdate()"><i>&#xEE68;</i> 立即更新</button>
183 | 						</div>
184 | 					</div>
185 | 				</div>
186 | 			</div>
187 | 			</div>
188 | 			<!-- 拖入提示 -->
189 | 			<div id="dropTipContainer"><div id="dropTip"><i>&#xEA11;</i> <span id="dropTipText"></span></div></div>
190 | 			<!-- 播放条 -->
191 | 			<div class="bottom">
192 | 				<div id="bottomProgressBar"></div><div class="progressBefore"></div><div class="progressAfter"></div>
193 | 				<div class="info">
194 | 					<div class="img" onclick="SimAPUI.show();SimAPControls.toggleList(0)"><img id="albumBottom"></div>
195 | 					<div class="musicInfoBottom"><b>未在播放</b><div><div id="bottomArtist">未知艺术家</div><div id="miniModeStatus"></div></div></div>
196 | 				</div>
197 | 				<div class="center">
198 | 					<div class="loopBtn" onclick="SimAPControls.toggleLoop()"><i></i></div>
199 | 					<div class="larger" onclick="SimAPControls.prev(true)"><i>&#xF140;</i></div>
200 | 					<div class="play" onclick="SimAPControls.togglePlay(true)"><i>&#xF508;</i><i>&#xF507;</i></div>
201 | 					<div class="larger" onclick="SimAPControls.next(true)"><i>&#xF144;</i></div>
202 | 					<div onclick="SimAPControls.toggleList(1);PlayerController.loadMusicListActive();SimAPUI.show()" class="bottomListBtn"><i>&#xF011;</i></div>
203 | 					<div onclick="WindowOps.toggleMini()" class="miniModeBtn"><i>&#xF0F4;</i></div>
204 | 				</div>
205 | 				<div class="volume">
206 | 					<div class="volBtnBottom">
207 | 						<div onclick="SimAPControls.toggleMuted()"><i>&#xF2A2;</i></div>
208 | 						<section id="volBarBottom" min="0" max="1" value="1"></section>
209 | 					</div>
210 | 				</div>
211 | 			</div>
212 | 		</div>
213 | 
214 | 
215 | 		<img id="themeImage">
216 | 
217 | 
218 | 		<!-- 播放器 -->
219 | 		<div id="playPage" hidden>
220 | 			<div class="playerContainer">
221 | 				<div class="controls">
222 | 					<img id="album" onerror="this.src='assets/placeholder.svg'">
223 | 					<div class="infoBar">
224 | 						<div class="musicInfo"><b>未在播放</b><div>未知艺术家</div></div>
225 | 						<i onclick="PlayerController.showPlayerMenu()">&#xEF77;</i>
226 | 					</div>
227 | 					<div class="progressControl">
228 | 						<span id="progressCurrent">0:00</span>
229 | 						<div id="progressBar"></div>
230 | 						<span id="progressDuration">0:00</span>
231 | 					</div>
232 | 					<div class="buttons">
233 | 						<div class="listBtn" onclick="SimAPControls.toggleList()"><i>&#xF011;</i></div>
234 | 						<div class="loopBtn" onclick="SimAPControls.toggleLoop()"><i></i></div>
235 | 						<div class="larger" onclick="SimAPControls.prev(true)"><i>&#xF140;</i></div>
236 | 						<div class="play" onclick="SimAPControls.togglePlay(true)"><i>&#xF508;</i><i>&#xF507;</i></div>
237 | 						<div class="larger" onclick="SimAPControls.next(true)"><i>&#xF144;</i></div>
238 | 						<div class="volBtn" onclick="SimAPControls.toggleVolume()"><i>&#xF2A2;</i><div id="volBar" min="0" max="1" value="1"></div></div>
239 | 						<div class="lyricsBtn" onclick="SimAPControls.toggleLyrics()"><i>&#xF201;</i></div>
240 | 					</div>
241 | 				</div>
242 | 				<div class="lyrics"><div></div></div>
243 | 				<div class="list" id="playList"></div>
244 | 			</div>
245 | 
246 | 			<div id="background">
247 | 				<canvas id="backgroundAnimation"></canvas>
248 | 				<div></div>
249 | 			</div>
250 | 		</div>
251 | 
252 | 		<audio id="audio" hidden></audio>
253 | 
254 | 		<!-- 引入脚本 -->
255 | 		<script src="assets/components/require.js"></script>
256 | 		<script src="assets/components/ContextMenu.js"></script>
257 | 		<script src="assets/components/PublicConfig.js"></script>
258 | 		<script src="assets/components/SimProgress.js"></script>
259 | 		<script src="assets/components/SimAP.js"></script>
260 | 		<script src="assets/components/SimLRC.js"></script>
261 | 		<script src="assets/components/dialog.js"></script>
262 | 		<script src="assets/components/marked.min.js"></script>
263 | 		<script src="assets/main.js"></script>
264 | 	</body>
265 | </html>


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
  1 | 
  2 | // © 2020 - 2024  Simsv Studio
  3 | 
  4 | const {app, BrowserWindow, ipcMain, dialog, nativeImage, Tray, Menu, screen, session, webContents, desktopCapturer} = require("electron");
  5 | const {exec} = require("child_process");
  6 | const path = require("path");
  7 | const fs = require("fs");
  8 | const os = require("os");
  9 | 
 10 | app.commandLine.appendSwitch("enable-smooth-scrolling");
 11 | app.commandLine.appendSwitch("enable-features", "WindowsScrollingPersonality,FluentScrollbar,ParallelDownloading");
 12 | 
 13 | // 创建窗口
 14 | const SimMusicWindows = {};
 15 | let isMainWinLoaded;
 16 | let pendingOpenFile = [];
 17 | let tray;
 18 | function showMainWin() {
 19 | 	SimMusicWindows.mainWin.show();
 20 | 	if (SimMusicWindows.mainWin.isMinimized()) {SimMusicWindows.mainWin.restore();}
 21 | 	SimMusicWindows.mainWin.focus();
 22 | }
 23 | const createWindow = () => {
 24 | 	// 主窗体
 25 | 	SimMusicWindows.mainWin = new BrowserWindow({
 26 | 		width: 1000,
 27 | 		height: 700,
 28 | 		minWidth: 1000,
 29 | 		minHeight: 700,
 30 | 		frame: false,
 31 | 		resizable: true,
 32 | 		show: false,
 33 | 		backgroundColor: "#1E9FFF",
 34 | 		title: "SimMusic",
 35 | 		titleBarStyle: "hidden",
 36 | 		titleBarOverlay: {
 37 | 			color: "rgba(0,0,0,0)",
 38 | 			symbolColor: "white",
 39 | 			height: 35,
 40 | 		},
 41 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false }
 42 | 	});
 43 | 	SimMusicWindows.mainWin.loadURL(path.join(__dirname, "frontend/main.html"));
 44 | 	setTimeout(() => {SimMusicWindows.mainWin.show();}, 50);
 45 | 	SimMusicWindows.mainWin.on("close", e => {
 46 | 		e.preventDefault();
 47 | 		SimMusicWindows.mainWin.webContents.executeJavaScript("WindowOps.close()", true);
 48 | 	});
 49 | 	// 歌词窗体
 50 | 	SimMusicWindows.lrcWin = new BrowserWindow({
 51 | 		width: 0,
 52 | 		height: 0,
 53 | 		frame: false,
 54 | 		resizable: false,
 55 | 		show: false,
 56 | 		transparent: true,
 57 | 		focusable: false,
 58 | 		alwaysOnTop: true,
 59 | 		backgroundThrottling: false,
 60 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false }
 61 | 	});
 62 | 	SimMusicWindows.lrcWin.loadURL(path.join(__dirname, "frontend/lrc.html"));
 63 | 	SimMusicWindows.lrcWin.maximize();
 64 | }
 65 | app.whenReady().then(() => {
 66 | 	tray = new Tray(nativeImage.createFromPath(path.join(__dirname, "frontend/assets/icon-blue.png")));
 67 | 	tray.on("click", () => { showMainWin(); });
 68 | 	tray.setToolTip("SimMusic");
 69 | 	createWindow();
 70 | 	if (!app.requestSingleInstanceLock()) {
 71 | 		app.exit();
 72 | 		return;
 73 | 	}
 74 | 	const initOpenFile = process.argv[process.argv.length - 1];
 75 | 	if (process.argv.length != 1 && initOpenFile && fs.existsSync(initOpenFile)) pendingOpenFile.push(initOpenFile);
 76 | 	app.on("second-instance", (_event, argv) => {
 77 | 		const openFile = argv[argv.length - 1];
 78 | 		if (openFile && fs.existsSync(openFile)) {
 79 | 			if (!isMainWinLoaded) pendingOpenFile.push(openFile);
 80 | 			else {
 81 | 				showMainWin();
 82 | 				SimMusicWindows.mainWin.webContents.send("fileLaunch", openFile);
 83 | 			}
 84 | 		} else {
 85 | 			showMainWin();
 86 | 		}
 87 | 	});
 88 | 	session.defaultSession.setDisplayMediaRequestHandler((request, callback) => {
 89 | 		desktopCapturer.getSources({ types: ["screen"] }).then((sources) => {
 90 | 			callback({ video: sources[0], audio: "loopback" })
 91 | 		});
 92 | 	});
 93 | });
 94 | ipcMain.handle("mainWinLoaded", () => {
 95 | 	if (isMainWinLoaded) return [];
 96 | 	isMainWinLoaded = true;
 97 | 	setTimeout(() => {
 98 | 		SimMusicWindows.mainWin.setTitleBarOverlay({color: "rgba(255,255,255,0)", symbolColor: "black", height: 35});
 99 | 	}, 500);
100 | 	return pendingOpenFile;
101 | });
102 | ipcMain.handle("overlayBlack", () => {
103 | 	SimMusicWindows.mainWin.setTitleBarOverlay({color: "rgba(255,255,255,0)", symbolColor: "black", height: 35});
104 | });
105 | ipcMain.handle("overlayWhite", () => {
106 | 	SimMusicWindows.mainWin.setTitleBarOverlay({color: "rgba(0,0,0,0)", symbolColor: "rgba(255,255,255,.8)", height: 35});
107 | });
108 | 
109 | 
110 | // 处理窗口事件
111 | ipcMain.handle("winOps", (_event, args) => {
112 | 	return SimMusicWindows[args[0]][args[1]]();
113 | });
114 | ipcMain.handle("restart", () => {
115 | 	app.exit();
116 | 	app.relaunch();
117 | });
118 | ipcMain.handle("quitApp", () => {
119 | 	app.exit();
120 | });
121 | 
122 | 
123 | // 对话框
124 | ipcMain.handle("dialog", (_event, type, txt, parent, dialogId) => {
125 | 	const dialogWindow = new BrowserWindow({
126 | 		parent: SimMusicWindows[parent], 
127 | 		modal: true,
128 | 		width: 500,
129 | 		height: 200,
130 | 		frame: false,
131 | 		resizable: false,
132 | 		show: false,
133 | 		maximizable: false,
134 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false, devTools: false }
135 | 	});
136 | 	dialogWindow.loadURL(path.join(__dirname, `frontend/assets/components/dialog.html?type=${type}&txt=${encodeURIComponent(txt)}&parent=${parent}&dialogId=${dialogId}`));
137 | 	dialogWindow.once("ready-to-show", () => { dialogWindow.show(); });
138 | });
139 | ipcMain.handle("dialogSubmit", async (_event, parent, dialogId, txt) => {
140 | 	if (dialogId.startsWith("wv")) {
141 | 		try {
142 | 			const cookies = await session.fromPartition("dialog-" + dialogId).cookies.get({});
143 | 			const json = JSON.stringify({
144 | 				cookies: cookies,
145 | 				url: txt,
146 | 			});
147 | 			SimMusicWindows[parent].webContents.send("dialogSubmit", dialogId, json);
148 | 		} catch {
149 | 			SimMusicWindows[parent].webContents.send("dialogSubmit", dialogId, "{}");
150 | 		}
151 | 	} else {
152 | 		SimMusicWindows[parent].webContents.send("dialogSubmit", dialogId, txt);
153 | 	}
154 | });
155 | ipcMain.handle("dialogCancel", (_event, parent) => {
156 | 	SimMusicWindows[parent].webContents.send("dialogCancel");
157 | });
158 | ipcMain.handle("webview", (_event, url, parent, dialogId, width, height, showFinishBtn) => {
159 | 	const dialogWindow = new BrowserWindow({
160 | 		parent: SimMusicWindows[parent], 
161 | 		modal: true,
162 | 		width: width ?? 600,
163 | 		height: height ?? 500,
164 | 		minWidth: 600,
165 | 		minHeight: 500,
166 | 		frame: false,
167 | 		resizable: true,
168 | 		show: false,
169 | 		maximizable: true,
170 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false, webviewTag: true, devTools: false }
171 | 	});
172 | 	dialogWindow.loadURL(path.join(__dirname, `frontend/assets/components/webview.html?url=${encodeURIComponent(url)}&showFinishBtn=${showFinishBtn}&parent=${parent}&dialogId=${dialogId}`));
173 | 	dialogWindow.center();
174 | 	dialogWindow.once("ready-to-show", () => { dialogWindow.show(); });
175 | });
176 | ipcMain.handle("webviewDialogLoaded", (_event, wcId) => {
177 | 	const wc = webContents.fromId(wcId);
178 | 	wc.setWindowOpenHandler(({ url }) => {
179 | 		wc.loadURL(url);
180 | 		return { action: "deny" }
181 | 	});
182 | });
183 | ipcMain.handle("modal", (_event, url, height, parent) => {
184 | 	const dialogWindow = new BrowserWindow({
185 | 		parent: SimMusicWindows[parent], 
186 | 		modal: true,
187 | 		width: 500,
188 | 		height: height,
189 | 		frame: false,
190 | 		resizable: false,
191 | 		show: false,
192 | 		maximizable: false,
193 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false, devTools: false }
194 | 	});
195 | 	dialogWindow.loadURL(path.join(__dirname, "frontend/assets/components/", url));
196 | 	dialogWindow.once("ready-to-show", () => { dialogWindow.show(); });
197 | });
198 | 
199 | 
200 | // 任务栏控件
201 | const createTaskbarButtons = (isPlay) => {
202 | 	SimMusicWindows.mainWin.setThumbarButtons([
203 | 		{
204 | 			tooltip: "上一首",
205 | 			icon: nativeImage.createFromPath(path.join(__dirname, "frontend/assets/misc/taskbar-prev.png")),
206 | 			click () {SimMusicWindows.mainWin.webContents.executeJavaScript("SimAPControls.prev(true)", true);}
207 | 		}, {
208 | 			tooltip: isPlay ? "暂停" : "播放",
209 | 			icon: nativeImage.createFromPath(path.join(__dirname, isPlay ? "frontend/assets/misc/taskbar-pause.png" : "frontend/assets/misc/taskbar-play.png")),
210 | 			click () {SimMusicWindows.mainWin.webContents.executeJavaScript("SimAPControls.togglePlay(true)", true);}
211 | 		}, {
212 | 			tooltip: "下一首",
213 | 			icon: nativeImage.createFromPath(path.join(__dirname, "frontend/assets/misc/taskbar-next.png")),
214 | 			click () {SimMusicWindows.mainWin.webContents.executeJavaScript("SimAPControls.next(true)", true);}
215 | 		}
216 | 	]);
217 | 	const menu = Menu.buildFromTemplate([
218 | 		{ label: "SimMusic", type: "normal", enabled: false},
219 | 		{ type: "separator" },
220 | 		{ label: "显示主窗口", type: "normal", click() { showMainWin(); }},
221 | 		{ label: isPlay ? "暂停" : "播放", type: "normal", click () {SimMusicWindows.mainWin.webContents.executeJavaScript("SimAPControls.togglePlay()", true);}},
222 | 		{ type: "separator" },
223 | 		{ label: "退出应用", type: "normal", click: app.exit},
224 | 	]);
225 | 	tray.setContextMenu(menu);
226 | }
227 | ipcMain.handle("musicPlay", () => {
228 | 	if (lyricsShowing) SimMusicWindows.lrcWin.webContents.send("setHidden", "inside", false);
229 | 	createTaskbarButtons(true);
230 | });
231 | ipcMain.handle("musicPause", () => {
232 | 	SimMusicWindows.lrcWin.webContents.send("setHidden", "inside", true);
233 | 	createTaskbarButtons(false);
234 | });
235 | 
236 | 
237 | 
238 | // 桌面歌词
239 | let lyricsShowing = false;
240 | ipcMain.handle("toggleLyrics", (_event, isShow) => {
241 | 	if (isShow || isShow === false) {lyricsShowing = !isShow;}
242 | 	if (lyricsShowing) {
243 | 		SimMusicWindows.lrcWin.webContents.send("setHidden", "text", true);
244 | 		setTimeout(() => {SimMusicWindows.lrcWin.hide();}, 100);
245 | 		lyricsShowing = false;
246 | 	} else {
247 | 		SimMusicWindows.lrcWin.show();
248 | 		SimMusicWindows.lrcWin.setIgnoreMouseEvents("true", {forward: true});
249 | 		SimMusicWindows.lrcWin.setSkipTaskbar(true);
250 | 		SimMusicWindows.lrcWin.setAlwaysOnTop(false);
251 | 		SimMusicWindows.lrcWin.setAlwaysOnTop(true);
252 | 		lyricsShowing = true;
253 | 		setTimeout(() => {SimMusicWindows.lrcWin.webContents.send("setHidden", "text", false);}, 400);
254 | 	}
255 | 	return lyricsShowing;
256 | });
257 | ipcMain.handle("lrcUpdate", (_event, lrc) => {
258 | 	SimMusicWindows.lrcWin.webContents.send("lrcUpdate", lrc);
259 | });
260 | ipcMain.handle("focusDesktopLyrics", () => {
261 | 	SimMusicWindows.lrcWin.setIgnoreMouseEvents(false);
262 | });
263 | ipcMain.handle("unfocusDesktopLyrics", () => {
264 | 	SimMusicWindows.lrcWin.setIgnoreMouseEvents(true, {forward: true});
265 | });
266 | ipcMain.handle("updateDesktopLyricsConfig", (_event, isProtected) => {
267 | 	SimMusicWindows.lrcWin.webContents.send("lrcWinReload");
268 | 	SimMusicWindows.lrcWin.setContentProtection(isProtected);
269 | });
270 | 
271 | 
272 | 
273 | // 迷你模式
274 | let isMiniMode = false;
275 | ipcMain.handle("toggleMini", () => {
276 | 	const { width, height } = screen.getPrimaryDisplay().workAreaSize;
277 | 	SimMusicWindows.mainWin.setOpacity(0);
278 | 	if (isMiniMode) {
279 | 		setTimeout(() => {
280 | 			SimMusicWindows.mainWin.setMinimumSize(1000, 700);
281 | 			SimMusicWindows.mainWin.setSize(1000, 700);
282 | 			SimMusicWindows.mainWin.setPosition(parseInt(width / 2 - 500), parseInt(height / 2 - 350));
283 | 			SimMusicWindows.mainWin.setResizable(true);
284 | 			SimMusicWindows.mainWin.setHasShadow(true);
285 | 			SimMusicWindows.mainWin.setAlwaysOnTop(false);
286 | 			SimMusicWindows.mainWin.setSkipTaskbar(false);
287 | 			SimMusicWindows.mainWin.setOpacity(1);
288 | 			SimMusicWindows.mainWin.setMinimizable(true);
289 | 			SimMusicWindows.mainWin.setClosable(true);
290 | 			SimMusicWindows.mainWin.setTitleBarOverlay({color: "rgba(255,255,255,0)", symbolColor: "black", height: 35});
291 | 		}, 50);
292 | 		return isMiniMode = false;
293 | 	} else {
294 | 		setTimeout(() => {
295 | 			SimMusicWindows.mainWin.unmaximize();
296 | 			SimMusicWindows.mainWin.setMinimumSize(340, 60);
297 | 			SimMusicWindows.mainWin.setSize(340, 60);
298 | 			SimMusicWindows.mainWin.setResizable(false);
299 | 			SimMusicWindows.mainWin.setHasShadow(false);
300 | 			SimMusicWindows.mainWin.setAlwaysOnTop(true);
301 | 			SimMusicWindows.mainWin.setSkipTaskbar(true);
302 | 			SimMusicWindows.mainWin.setPosition(width - 360, height - 90);
303 | 			SimMusicWindows.mainWin.setOpacity(.98);
304 | 			SimMusicWindows.mainWin.setMinimizable(false);
305 | 			SimMusicWindows.mainWin.setClosable(false);
306 | 			SimMusicWindows.mainWin.setTitleBarOverlay({color: "rgba(0,0,0,0)", symbolColor: "rgba(255,255,255,0)", height: 10});
307 | 		}, 50);
308 | 		return isMiniMode = true;
309 | 	}
310 | });
311 | 
312 | 
313 | 
314 | 
315 | // 文件格式关联
316 | const fileRegAppId = "com.simsv.music";
317 | const fileRegFileExt = [".mp3", ".flac", ".wav"];
318 | const appPath = process.execPath;
319 | const batchPath = path.join(os.tmpdir(), "sim-music-operations.bat");
320 | const requestAdminCmd = `
321 | @echo off
322 | net session >nul 2>&1
323 | if %errorLevel% neq 0 (
324 | 	powershell.exe -Command "Start-Process '%~0' -Verb RunAs"
325 | 	exit /B
326 | )
327 | `;
328 | function registerFileExt(isReg) {
329 |     let commands = requestAdminCmd;
330 | 	if (isReg) {
331 | 		commands += `REG ADD "HKEY_CLASSES_ROOT\\${fileRegAppId}\\shell\\open\\command" /ve /d "\\"${appPath}\\" \\"%%1\\"" /f\n`;
332 | 		commands += `REG ADD "HKEY_CLASSES_ROOT\\${fileRegAppId}\\DefaultIcon" /ve /d "\\"${path.dirname(appPath)}\\resources\\file-icon.ico\\",0" /f\n`;
333 | 		fileRegFileExt.forEach(ext => {
334 | 			commands += `REG ADD "HKEY_CLASSES_ROOT\\${ext}" /ve /d "${fileRegAppId}" /f\n`;
335 | 		});
336 | 	} else {
337 | 		commands += `REG DELETE "HKEY_CLASSES_ROOT\\${fileRegAppId}\\shell\\open\\command" /ve /f\n`;
338 | 	}
339 |     fs.writeFileSync(batchPath, commands, { encoding: "utf-8" });
340 | 	try { exec(`cmd.exe /c "${batchPath}"`); } catch {}
341 | }
342 | ipcMain.handle("regFileExt", (_event, isReg) => {
343 | 	return registerFileExt(isReg);
344 | });
345 | 
346 | 
347 | 
348 | 
349 | // 本体更新
350 | ipcMain.handle("appUpdate", () => {
351 |     let commands = `
352 | ${requestAdminCmd}
353 | title SimMusic Updater
354 | echo Updating SimMusic, Please wait ...
355 | echo The updating process will be finished in a few seconds.
356 | timeout /t 2 /nobreak
357 | taskkill /im sim-music.exe
358 | taskkill /im sim-music-dev.exe
359 | timeout /t 2 /nobreak
360 | move /Y "${path.join(os.tmpdir(), "sim-music-update.simtemp")}" "${path.dirname(appPath)}\\resources\\app.asar"
361 | timeout /t 2 /nobreak
362 | start "" "${appPath}"`;
363 | 	fs.writeFileSync(batchPath, commands, { encoding: "utf-8" });
364 | 	try { exec(`cmd.exe /c "${batchPath}"`); } catch {}
365 | 	setTimeout(() => {app.exit();}, 1000);
366 | });
367 | 
368 | 
369 | 
370 | // 主窗口其他调用
371 | ipcMain.handle("pickFolder", () => {
372 | 	return dialog.showOpenDialogSync(SimMusicWindows.mainWin, {
373 | 		title: "选择目录 - SimMusic",
374 | 		defaultPath: "C:\\",
375 | 		buttonLabel: "使用此目录",
376 | 		properties: ["openDirectory"],
377 | 	});
378 | });
379 | ipcMain.handle("shutdownCountdown", () => {
380 | 	const countdown = new BrowserWindow({
381 | 		frame: false,
382 | 		resizable: false,
383 | 		kiosk: true,
384 | 		transparent: true,
385 | 		alwaysOnTop: true,
386 | 		skipTaskbar: true,
387 | 		parent: SimMusicWindows.mainWin, 
388 | 		modal: true,
389 | 		webPreferences: { webSecurity: false, nodeIntegration: true, contextIsolation: false }
390 | 	});
391 | 	countdown.loadURL(path.join(__dirname, "frontend/assets/components/shutdown.html"));
392 | });
393 | ipcMain.handle("cmd", (_event, cmd) => {
394 | 	exec(cmd);
395 | });
396 | ipcMain.handle("mainWinExec", (_event, js) => {
397 | 	SimMusicWindows.mainWin.webContents.executeJavaScript(js);
398 | });
399 | ipcMain.handle("openDevtools", () => {
400 | 	SimMusicWindows.mainWin.webContents.openDevTools();
401 | 	// 傻逼谷歌搞个宋体当默认代码字体 怎么想的 给你眼珠子扣下来踩两脚
402 | 	SimMusicWindows.mainWin.webContents.once("devtools-opened", () => {
403 | 		const css = `
404 | 			:root {
405 | 				--sys-color-base: var(--ref-palette-neutral100);
406 | 				--source-code-font-family: consolas;
407 | 				--source-code-font-size: 12px;
408 | 				--monospace-font-family: consolas;
409 | 				--monospace-font-size: 12px;
410 | 				--default-font-family: system-ui, sans-serif;
411 | 				--default-font-size: 12px;
412 | 			}
413 | 			.-theme-with-dark-background {
414 | 				--sys-color-base: var(--ref-palette-secondary25);
415 | 			}
416 | 			body {
417 | 				--default-font-family: system-ui,sans-serif;
418 | 			}`;
419 | 		SimMusicWindows.mainWin.webContents.devToolsWebContents.executeJavaScript(`
420 | 			const overriddenStyle = document.createElement('style');
421 | 			overriddenStyle.innerHTML = '${css.replaceAll('\n', ' ')}';
422 | 			document.body.append(overriddenStyle);
423 | 			document.body.classList.remove('platform-windows');`);
424 | 	});
425 | });
426 | 
427 | 
428 | 
429 | 


--------------------------------------------------------------------------------
/src/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "sim-music",
 3 | 	"version": "1.0.0",
 4 | 	"description": "SimMusic",
 5 | 	"main": "main.js",
 6 | 	"author": "Simsv Studio",
 7 | 	"dependencies": {
 8 | 		"fflate": "^0.8.2",
 9 | 		"flac-tagger": "^1.0.7",
10 | 		"music-metadata": "^7.13.5",
11 | 		"node-id3": "^0.2.6"
12 | 	}
13 | }
14 | 


--------------------------------------------------------------------------------