first commit: StreamDock AI Monitor - Codex Desktop status display

2026-06-18 14:28:09 +08:00
commit 6a75b46453
22 changed files with 2881 additions and 0 deletions
@@ -0,0 +1,157 @@
+let $websocket, $uuid, $action, $context, $settings, $lang, $FileID = '';
+
+WebSocket.prototype.setGlobalSettings = function(payload) {
+    this.send(JSON.stringify({
+        event: "setGlobalSettings",
+        context: $uuid, payload
+    }));
+}
+
+WebSocket.prototype.getGlobalSettings = function() {
+    this.send(JSON.stringify({
+        event: "getGlobalSettings",
+        context: $uuid,
+    }));
+}
+
+// 与插件通信
+WebSocket.prototype.sendToPlugin = function (payload) {
+    this.send(JSON.stringify({
+        event: "sendToPlugin",
+        action: $action,
+        context: $uuid,
+        payload
+    }));
+};
+
+//设置标题
+WebSocket.prototype.setTitle = function (str, row = 0, num = 6) {
+    console.log(str);
+    let newStr = '';
+    if (row) {
+        let nowRow = 1, strArr = str.split('');
+        strArr.forEach((item, index) => {
+            if (nowRow < row && index >= nowRow * num) { nowRow++; newStr += '\n'; }
+            if (nowRow <= row && index < nowRow * num) { newStr += item; }
+        });
+        if (strArr.length > row * num) { newStr = newStr.substring(0, newStr.length - 1); newStr += '..'; }
+    }
+    this.send(JSON.stringify({
+        event: "setTitle",
+        context: $context,
+        payload: {
+            target: 0,
+            title: newStr || str
+        }
+    }));
+}
+
+// 设置状态
+WebSocket.prototype.setState = function (state) {
+    this.send(JSON.stringify({
+        event: "setState",
+        context: $context,
+        payload: { state }
+    }));
+};
+
+// 设置背景
+WebSocket.prototype.setImage = function (url) {
+    let image = new Image();
+    image.src = url;
+    image.onload = () => {
+        let canvas = document.createElement("canvas");
+        canvas.width = image.naturalWidth;
+        canvas.height = image.naturalHeight;
+        let ctx = canvas.getContext("2d");
+        ctx.drawImage(image, 0, 0);
+        this.send(JSON.stringify({
+            event: "setImage",
+            context: $context,
+            payload: {
+                target: 0,
+                image: canvas.toDataURL("image/png")
+            }
+        }));
+    };
+};
+
+// 打开网页
+WebSocket.prototype.openUrl = function (url) {
+    this.send(JSON.stringify({
+        event: "openUrl",
+        payload: { url }
+    }));
+};
+
+// 保存持久化数据
+WebSocket.prototype.saveData = $.debounce(function (payload) {
+    this.send(JSON.stringify({
+        event: "setSettings",
+        context: $uuid,
+        payload
+    }));
+});
+
+// StreamDock 软件入口函数
+const connectSocket = connectElgatoStreamDeckSocket;
+async function connectElgatoStreamDeckSocket(port, uuid, event, app, info) {
+    info = JSON.parse(info);
+    $uuid = uuid; $action = info.action; 
+    $context = info.context;
+    $websocket = new WebSocket('ws://127.0.0.1:' + port);
+    $websocket.onopen = () => $websocket.send(JSON.stringify({ event, uuid }));
+
+    // 持久数据代理
+    $websocket.onmessage = e => {
+        let data = JSON.parse(e.data);
+        if (data.event === 'didReceiveSettings') {
+            $settings = new Proxy(data.payload.settings, {
+                get(target, property) {
+                    return target[property];
+                },
+                set(target, property, value) {
+                    target[property] = value;
+                    $websocket.saveData(data.payload.settings);
+                }
+            });
+            if (!$back) $dom.main.style.display = 'block';
+        }
+        $propEvent[data.event]?.(data.payload);
+    };
+
+    // 自动翻译页面
+    if (!$local) return;
+    $lang = await new Promise(resolve => {
+        const req = new XMLHttpRequest();
+        req.open('GET', `../../${JSON.parse(app).application.language}.json`);
+        req.send();
+        req.onreadystatechange = () => {
+            if (req.readyState === 4) {
+                resolve(JSON.parse(req.responseText).Localization);
+            }
+        };
+    });
+
+    // 遍历文本节点并翻译所有文本节点
+    const walker = document.createTreeWalker($dom.main, NodeFilter.SHOW_TEXT, (e) => {
+        return e.data.trim() && NodeFilter.FILTER_ACCEPT;
+    });
+    while (walker.nextNode()) {
+        console.log(walker.currentNode.data);
+        walker.currentNode.data = $lang[walker.currentNode.data];
+    }
+    // placeholder 特殊处理
+    const translate = item => {
+        if (item.placeholder?.trim()) {
+            console.log(item.placeholder);
+            item.placeholder = $lang[item.placeholder];
+        }
+    };
+    $('input', true).forEach(translate);
+    $('textarea', true).forEach(translate);
+}
+
+// StreamDock 文件路径回调
+Array.from($('input[type="file"]', true)).forEach(item => item.addEventListener('click', () => $FileID = item.id));
+const onFilePickerReturn = (url) => $emit.send(`File-${$FileID}`, JSON.parse(url));