去除多余 console.log；更新 3.0 版本说明

FFBox Changelog.md

@@ -1,5 +1,25 @@
 # FFBox Changelog
 
+## v3.0
+
+- 软件架构分离为转码调度逻辑层（后台）和前端展示层（前台），前后台运行互不干扰，增强健壮性！
+- 支持远程转码，您终于可以用 FFBox 私有化部署转码平台了！
+- 添加了一个丝滑的启动动画！
+- Windows 端添加了毛玻璃特效！
+- 优化了气泡组件的动画效果，添加了消失倒计时！
+- 优化了组合下拉框的操作逻辑和动画！
+- 优化了任务项的文件名显示、时间（进度）显示！
+- 转码完成后的文件可以双击打开了！
+- ffmpeg 的异常终止现可以被正确识别了！
+- 把 VB 编写的 PauseAndResumeProcess 改成了 C++ 编写的 FFBoxHelper！
+- 编程语言加入了 TypeScript！
+- 修复了设置音频采样率导致出错的问题
+- 修复了输出纯音频文件不能显示进度的问题
+- 修复了不识别 MKV 容器的问题
+- 打赏中心增加了 Gitee 和 Ko-fi 链接
+- 增加了激活机制（打赏中心按钮那能去掉这玩意，您研究下……）
+---
+`2022-06-23` 去除多余 console.log；更新 3.0 版本说明  
 `2022-06-22` 修复不能自动建立下载缓存目录的问题；修复 macOS/Linux 下系统进度条在任务完成后不重置的问题  
 `2022-06-20` 解决输入输出剪辑输入框无法读取现有参数、无法正常为任务赋参数值的问题  
 `2022-06-01` 解决偶发性的无法打开软件主界面、转码成功但提示异常终止问题、修复 slider 和 checkbox 坐标  
@@ -52,7 +72,9 @@
 `2021-01-31` FFBox service 实现  
 `2021-01-30` 试验了 capacitor 框架；项目结构重构  
 
-# v2.6
+---
+
+## v2.6
 
 - 增加了 macOS 系统的相关支持
 - 优化了“输出文件名”参数的相关功能
@@ -65,7 +87,7 @@
 
 ---
 
-# v2.5
+## v2.5
 
 - 新增恢复默认参数功能
 - 打赏中心更名“支持作者”面板，并新增支付宝红包二维码和 github 链接
@@ -77,17 +99,17 @@
 
 ---
 
-# v2.4
+## v2.4
 
-- 优化了添加文件的逻辑以加快速度  
-- 重新进行了参数分类  
+- 优化了添加文件的逻辑以加快速度
+- 重新进行了参数分类
 ---
 `2020-09-20` 合并了 task 与 taskOrder 并更新所有对应操作代码，优化了添加文件的逻辑以加快速度  
 `2020-09-19` 重新进行了参数分类  
 
 ---
 
-# v2.3
+## v2.3
 
 - 调整了资源文件的布局
 - 实现了 Linux 平台上的任务暂停功能
@@ -101,46 +123,46 @@
 
 ---
 
-# v2.2
+## v2.2
 
-- 优化了错误识别，修改了一些参数项  
-- combobox 新增手动输入功能，combomenu 新增键盘操控支持  
+- 优化了错误识别，修改了一些参数项
+- combobox 新增手动输入功能，combomenu 新增键盘操控支持
 ---
 `2020-08-18` 优化了错误识别，修改了一些参数项  
 `2020-08-17` combobox 新增手动输入功能，combomenu 新增键盘操控支持  
 
 ---
 
-# v2.1
+## v2.1
 
-- 修复了任务结束后不能开始下一个任务的 bug  
-- 修复了任务栏进度、外部关闭信号、消息弹窗的 bug  
-- 分离了视频和音频的码率控制参数  
+- 修复了任务结束后不能开始下一个任务的 bug
+- 修复了任务栏进度、外部关闭信号、消息弹窗的 bug
+- 分离了视频和音频的码率控制参数
 ---
 `2020-08-05` 见版本更新内容  
 
 ---
 
-# v2.0  
-
-- 使用 vue-cli 重构本项目，代码量增加了，运行开销增大了，但是结构好多了，方便其他人参与项目了（虽然并不会有  
-- “为以后版本铺垫的东西”其中一部分指皮肤更换功能。现在重构了，这功能就难做多了，所以白铺垫了  
-- 优化了可访问性，读屏器可以更好地读出 FFBox 的窗口内容了  
-- 增大了窗口三大金刚按钮和任务暂停删除重置按钮的识别范围  
-- 微调了外观颜色  
-- 统一了 Tooltip 样式  
-- combo 菜单外观优化  
-- 新增窗口元素全局拖拽捕获，拖动元素时鼠标在容器外也可捕获  
-- 增加了视频和音频编码选项“自动”和“禁用”，可以选择单独禁用视频或音频了  
-- “硬件编码”入口改为“编码器”，支持选择更多编码器  
-- 大幅精简了分辨率列表  
-- 补充了少量编码器的详细参数  
-- 任务列表排版不再有 js 参与，性能会稍微好一丢丢  
-- 当然因为 vue 的原因，性能又会变差一点  
-- 暂时移除了“快捷”中的参数预览功能  
-- “指令”中的 FFmpeg 输出现在可以显示单个任务或全局的命令行输出了  
-- “指令”中的 FFmpeg 输出在隐藏时停止刷新，减少布局重流导致的 CPU 占用  
-- 新增了程序新版本检查功能  
+## v2.0
+
+- 使用 vue-cli 重构本项目，代码量增加了，运行开销增大了，但是结构好多了，方便其他人参与项目了（虽然并不会有
+- “为以后版本铺垫的东西”其中一部分指皮肤更换功能。现在重构了，这功能就难做多了，所以白铺垫了
+- 优化了可访问性，读屏器可以更好地读出 FFBox 的窗口内容了
+- 增大了窗口三大金刚按钮和任务暂停删除重置按钮的识别范围
+- 微调了外观颜色
+- 统一了 Tooltip 样式
+- combo 菜单外观优化
+- 新增窗口元素全局拖拽捕获，拖动元素时鼠标在容器外也可捕获
+- 增加了视频和音频编码选项“自动”和“禁用”，可以选择单独禁用视频或音频了
+- “硬件编码”入口改为“编码器”，支持选择更多编码器
+- 大幅精简了分辨率列表
+- 补充了少量编码器的详细参数
+- 任务列表排版不再有 js 参与，性能会稍微好一丢丢
+- 当然因为 vue 的原因，性能又会变差一点
+- 暂时移除了“快捷”中的参数预览功能
+- “指令”中的 FFmpeg 输出现在可以显示单个任务或全局的命令行输出了
+- “指令”中的 FFmpeg 输出在隐藏时停止刷新，减少布局重流导致的 CPU 占用
+- 新增了程序新版本检查功能
 ---
 `2020-07-30` bug 修复  
 `2020-07-29` bug 修复、提交新的 Github 分支  
@@ -164,19 +186,19 @@
 
 ---
 
-## v1.1  
+## v1.1
 
-- 对 FFmpeg 状态的识别更加准确了，消除了令人烦恼的设计缺陷  
-- 增加了弹窗和气泡的动效，改善了选中任务的动效  
-- 增加硬件解码模式“自动”  
-- 做了一些为以后版本铺垫的东西【反正你们看不懂 (｀・ω・´)  
+- 对 FFmpeg 状态的识别更加准确了，消除了令人烦恼的设计缺陷
+- 增加了弹窗和气泡的动效，改善了选中任务的动效
+- 增加硬件解码模式“自动”
+- 做了一些为以后版本铺垫的东西【反正你们看不懂 (｀・ω・´)
 ---
 `2020-05-11` 重写 FFmpeg 回传消息读取机制（仿状态机）；分离部分字符串处理函数为 commonfunc.js；增加强制结束 FFmpeg 功能；增加硬件解码模式“自动”；修改页面布局使其更适合自定义皮肤  
 `2020-05-10` 分离消息弹窗和气泡提示为独立 js，并增加了新动效；将 window[vue_taskitem] 改为全局数组；任务列表选中任务动效改善  
 
 ---
 
-## v1.0  
+## v1.0
 
 `2019-11-11` 1.0 版本发布  
 `2019-10-27` paralist 的码率控制判断不完整修复、仪表盘量程修改、任务 warning 提示功能  

package.json

@@ -1,6 +1,6 @@
 {
   "name": "FFBox",
-  "version": "3.0.0-delta",
+  "version": "3.0.0",
   "private": true,
   "description": "An user-friendly ffmpeg GUI",
   "main": "background.js",

src/electron/App.vue

@@ -127,7 +127,7 @@ const store = new Vuex.Store<StoreState>({
 			let dropDelayCount = 0;
 			for (const file of files) {
 				setTimeout(() => {	// v2.4 版本开始完全可以不要延时，但是太生硬，所以加个动画
-					console.log(file.path);
+					console.log('添加任务', file.path);
 					let isRemote = currentBridge.ip !== 'localhost';
 					let promise: Promise<number> = (mainVue as any).addTask(upath.trimExt(file.name), undefined, isRemote ? '' : file.path);
 					if (isRemote) {
@@ -304,7 +304,7 @@ const store = new Vuex.Store<StoreState>({
 			mainVue.$store.commit('initializeServer', { serverName: args.ip });
 		},
 		initializeServer (state, args: { serverName: string }) {
-			console.log('initializeServer', args.serverName);
+			console.log('初始化服务器连接', args.serverName);
 
 			let server: Server = state.servers[args.serverName];
 			let bridge: ServiceBridge = state.serviceBridges[args.serverName];
@@ -332,19 +332,15 @@ const store = new Vuex.Store<StoreState>({
 			});
 
 			bridge.on('ffmpegVersion', (data) => {
-				console.log('event: ffmpegVersion', data);
 				(mainVue as any).handleFFmpegVersion(server, bridge, data.content);
 			});
 			bridge.on('workingStatusUpdate', (data) => {
-				console.log('event: workingStatusUpdate', data);
 				(mainVue as any).handleWorkingStatusUpdate(server, bridge, data.value);
 			});
 			bridge.on('tasklistUpdate', (data) => {
-				console.log('event: tasklistUpdate', data);
 				(mainVue as any).handleTasklistUpdate(server, bridge, data.content);
 			});
 			bridge.on('taskUpdate', (data) => {
-				console.log('event: taskUpdate', data);
 				(mainVue as any).handleTaskUpdate(server, bridge, data.id, data.content);
 			});
 			bridge.on('cmdUpdate', (data) => {
@@ -354,7 +350,6 @@ const store = new Vuex.Store<StoreState>({
 				(mainVue as any).handleProgressUpdate(server, bridge, data.id, data.content);
 			});
 			bridge.on('taskNotification', (data) => {
-				console.log('event: taskNotification', data);
 				(mainVue as any).handleTaskNotification(server, bridge, data.id, data.content, data.level);
 			});
 		},
@@ -773,7 +768,7 @@ export default Vue.extend({
 		nodeBridge.ipcRenderer?.on("downloadStatusChange", (event, params: { url: string, status: TransferStatus }) => {
 			const { serverName, taskId } = this.$store.state.downloadMap.get(params.url);
 			const server = this.$store.state.servers[serverName];
-			console.log("downloadStatusChange", params);
+			// console.log("downloadStatusChange", params);
 			(this as any).handleDownloadStatusChange(server, taskId, params.status);
 		});
 		nodeBridge.ipcRenderer?.on("downloadProgress", (event, params: { url: string, loaded: number, total: number }) => {

src/electron/bridge/osBridge.ts

@@ -50,7 +50,6 @@ function callHelper<T>(func: (helper: ChildProcess) => Promise<T> | T): Promise<
 				helper = _helper;
 				_helper.on('close', (code, signal) => {
 					// 'close' 事件将始终在 'exit' 或 'error'（如果子进程衍生失败）已经触发之后触发
-					console.log('FFBoxHelper 退出！', code, signal);
 					switch (code) {
 						case -4058:
 							// 找不到文件，启动失败
@@ -66,9 +65,9 @@ function callHelper<T>(func: (helper: ChildProcess) => Promise<T> | T): Promise<
 				// helper?.on('exit', (code, signal) => {
 				// 	console.log('exit', code, signal);
 				// });
-				_helper.stdout!.on('data', (data) => {
-					console.warn(data.toString());
-				});
+				// _helper.stdout!.on('data', (data) => {
+				// 	console.warn(data.toString());
+				// });
 				callCorrespondingFunction(_helper);
 			}).catch((reason) => {
 				console.error(reason);
@@ -88,7 +87,7 @@ export default {
 				hwnd = data[0] + data[1] * 2**8 + data[2] * 2**16 + data[3] * 2**24;
 				console.log(`本窗口 hwnd：` + hwnd);
 				callHelper((helper) => {
-					console.log('helper', helper);
+					// console.log('helper', helper);
 					helper.stdin!.write(`2${turnON ? '1' : '0'}${hwnd.toString().padStart(8, '0')}`);
 				}).then(() => {
 					resolve();

src/electron/components/floating/Msgbox/Msgbox.vue

@@ -46,7 +46,7 @@ export default Vue.extend({
 	mounted: function () {
 		// 设置动画并自动退出
 		this.show = true;
-    	document.addEventListener('keydown', this.onKeydown);
+    	document.addEventListener('keypress', this.onKeypress);
 		// 设置输入框的默认值（如果有）
 		for (let i = 0; i < this.inputs.length; i++) {
 			if ((this.inputs[i] as any).default) {
@@ -80,11 +80,11 @@ export default Vue.extend({
 			this.onClose();
 		},
 		afterLeave() {
-			document.removeEventListener('keydown', this.onKeydown);
+			document.removeEventListener('keypress', this.onKeypress);
 			this.$destroy();
 			this.$el.parentNode!.removeChild(this.$el);
 		},
-		onKeydown(e: KeyboardEvent) {
+		onKeypress(e: KeyboardEvent) {
 			if (e.key === 'Escape') {
 				let index = (this.buttons as Buttons).findIndex((button) => {
 					return button.role === ButtonRole.Cancel;

src/main.ts

@@ -35,7 +35,6 @@ function createWindow() {
 		}
 	})
 
-	console.log('WEBPACK_DEV_SERVER_URL', process.env.WEBPACK_DEV_SERVER_URL);
 	if (process.env.WEBPACK_DEV_SERVER_URL) {
 		// Load the url of the dev server if in development mode
 		win.loadURL(process.env.WEBPACK_DEV_SERVER_URL + 'electron.html')
@@ -56,13 +55,11 @@ function mountIpcEvents() {
 	// 窗口主动发送的确认关闭通知
     ipcMain.on('exitConfirm', () => {
 		exitConfirm = true;
-		console.log('exitConfirm', exitConfirm);
 	});
 
 	// 窗口主动发送的关闭通知
     ipcMain.on('close', () => {
 		win!.close();
-		console.log('close');
 	});
 
 	// 获取主窗口 Hwnd

src/service/FFmpegInvoke.ts

@@ -180,7 +180,6 @@ export class FFmpeg extends (EventEmitter as new () => TypedEventEmitter<FFmpegI
 					setTimeout(() => {				// 避免存储空间已满时也会产生 finished	// 🔵 finish
 						if (!this.requireStop && this.errors.size == 0) {
 							this.emit('finished');
-							console.log('FFmpeg finished.');
 							this.status = -1;
 						}
 					}, 100);

src/service/osBridge.ts

@@ -42,7 +42,6 @@ function callHelper<T>(func: (helper: ChildProcess) => Promise<T> | T): Promise<
 				helper = _helper;
 				_helper.on('close', (code, signal) => {
 					// 'close' 事件将始终在 'exit' 或 'error'（如果子进程衍生失败）已经触发之后触发
-					console.log('FFBoxHelper 退出！', code, signal);
 					switch (code) {
 						case -4058:
 							// 找不到文件，启动失败

src/service/uiBridge.ts

@@ -208,7 +208,7 @@ function getRouter(): Router {
 			return;
 		}
 		// 暂定 body 里的属性只有一个 hashs: Array<string>，不写 ts 定义了
-		console.log('检查文件', ctx.request.body);
+		console.log(getTimeString(new Date()), '检查文件缓存性', ctx.request.body.hashs);
 		let hashs = ctx.request.body.hashs as Array<string>;
 		let ret = [];
 		for (const hash of hashs) {

src/types/constants.ts

@@ -1,3 +1,3 @@
-export const version = '3.0_delta' + (typeof process !== "undefined" && process.env.NODE_ENV !== 'production' ? ' (dev)' : '');
+export const version = '3.0' + (typeof process !== "undefined" && process.env.NODE_ENV !== 'production' ? ' (dev)' : '');
 export const buildNumber = 10;
 //	1.0	1.1	2.0	2.1	2.2	2.3	2.4 2.5 2.6 3.0