npm - elemousedriver - Versions diffs - 1.0.0 - Mend

elemousedriver 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/index.html ADDED Viewed

@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Mouse Driver (OMM Clone)</title>
+    <style>
+        :root {
+            --bg-color: #101010;
+            --card-bg: #101010;
+            /* OMM 其实是很平的黑色 */
+            --text-main: #FFFFFF;
+            --text-sub: #AAAAAA;
+            --accent: #00B8FC;
+            /* 罗技蓝 */
+            --border: #333333;
+            --input-bg: #222222;
+        }
+        body {
+            margin: 0;
+            padding: 20px;
+            background-color: var(--bg-color);
+            color: var(--text-main);
+            font-family: 'Segoe UI', sans-serif;
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            box-sizing: border-box;
+        }
+        /* Header */
+        header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 30px;
+            border-bottom: 1px solid var(--border);
+            padding-bottom: 10px;
+        }
+        h1 {
+            font-size: 24px;
+            font-weight: 300;
+            margin: 0;
+        }
+        .profile-select {
+            background: var(--input-bg);
+            color: #fff;
+            border: 1px solid var(--border);
+            padding: 5px 10px;
+            border-radius: 4px;
+        }
+        /* Main Grid Layout */
+        .container {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            /* 左侧 DPI/Rate, 右侧按键 */
+            gap: 40px;
+            flex-grow: 1;
+        }
+        .section-title {
+            color: var(--text-main);
+            font-weight: 600;
+            margin-bottom: 15px;
+            font-size: 16px;
+        }
+        /* DPI Section */
+        .dpi-box {
+            display: grid;
+            /* repeat(4, 60px) 意思是：重复 4 次，每列宽度固定为 60px */
+            grid-template-columns: repeat(4, 120px);
+            gap: 10px;
+            /* 行与列之间的间距 */
+            margin-bottom: 30px;
+            /* 可选：如果希望整体靠左对齐，不占满整行 */
+            justify-content: start;
+        }
+        /* 确保每个输入框的宽度与 Grid 列宽一致 */
+        .dpi-slot {
+            background: var(--input-bg);
+            border: 1px solid var(--border);
+            color: var(--text-sub);
+            padding: 10px 0;
+            /* 上下内边距，左右设为0以防撑大 */
+            width: 100%;
+            /* 让 input 填满它的格子 (即 60px) */
+            box-sizing: border-box;
+            /* 确保 padding 不会撑大宽度 */
+            text-align: center;
+            cursor: pointer;
+            border-radius: 4px;
+            transition: all 0.2s;
+            /* 去掉输入框默认的箭头 (Chrome/Safari) */
+            -moz-appearance: textfield;
+        }
+        .dpi-slot::-webkit-outer-spin-button,
+        .dpi-slot::-webkit-inner-spin-button {
+            -webkit-appearance: none;
+            margin: 0;
+        }
+        .dpi-slot.active {
+            border-color: var(--accent);
+            color: var(--accent);
+            font-weight: bold;
+        }
+        .dpi-slot:hover {
+            border-color: #666;
+        }
+        /* 右键菜单样式 */
+        .context-menu {
+            position: absolute;
+            background-color: #1e1e1e;
+            border: 1px solid #333;
+            border-radius: 4px;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
+            padding: 5px 0;
+            z-index: 1000;
+            display: none;
+            /* 默认隐藏 */
+            min-width: 120px;
+        }
+        .menu-item {
+            padding: 8px 15px;
+            cursor: pointer;
+            color: #ff4d4d;
+            /* 删除通常用红色示警 */
+            font-size: 13px;
+            transition: background 0.2s;
+        }
+        .menu-item:hover {
+            background-color: #333;
+        }
+        /* 新增：New 输入框的样式 */
+        .dpi-slot.add-new {
+            border: 1px dashed #444;
+            color: #888;
+            background: transparent;
+        }
+        .dpi-slot.add-new:focus {
+            border-style: solid;
+            color: var(--text-main);
+            border-color: var(--accent);
+        }
+        .dpi-slot.add-new::placeholder {
+            color: #555;
+            font-size: 12px;
+        }
+        /* Report Rate */
+        .rate-options {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 30px;
+        }
+        .radio-label {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            cursor: pointer;
+            color: var(--text-sub);
+        }
+        .radio-label input {
+            margin-top: 5px;
+            accent-color: var(--accent);
+        }
+        /* Assignments (Right Column) */
+        .assignment-row {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+            border-bottom: 1px solid #222;
+            padding-bottom: 5px;
+        }
+        .key-label {
+            color: var(--text-sub);
+            font-size: 12px;
+            text-transform: uppercase;
+        }
+        .key-select {
+            background: var(--input-bg);
+            color: white;
+            border: 1px solid var(--border);
+            padding: 5px;
+            border-radius: 4px;
+            width: 200px;
+        }
+        /* Footer */
+        footer {
+            margin-top: auto;
+            display: flex;
+            justify-content: flex-end;
+            gap: 10px;
+            padding-top: 20px;
+        }
+        button {
+            padding: 10px 30px;
+            border: none;
+            border-radius: 2px;
+            cursor: pointer;
+            font-weight: bold;
+        }
+        .btn-reset {
+            background: #333;
+            color: #fff;
+        }
+        .btn-save {
+            background: var(--accent);
+            color: #000;
+        }
+        .btn-save:hover {
+            filter: brightness(1.1);
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>G102 / G203 Clone</h1>
+        <select class="profile-select">
+            <option>Onboard Profile 1</option>
+        </select>
+    </header>
+    <div class="container">
+        <div class="left-panel">
+            <div class="section-title">DPI (Sensitivity)</div>
+            <div class="dpi-box" id="dpi-container">
+            </div>
+            <div id="ctx-menu" class="context-menu">
+                <div class="menu-item" id="btn-delete-dpi">Delete Level</div>
+            </div>
+            <div class="section-title">Report Rate (Hz)</div>
+            <div class="rate-options">
+                <label class="radio-label">125<input type="radio" name="rate" value="01"></label>
+                <label class="radio-label">250<input type="radio" name="rate" value="02"></label>
+                <label class="radio-label">500<input type="radio" name="rate" value="03"></label>
+                <label class="radio-label">1000<input type="radio" name="rate" value="04" checked></label>
+            </div>
+            <div class="section-title" style="margin-top: 30px;">Lighting</div>
+            <select class="key-select" style="width: 100%">
+                <option>Fixed</option>
+                <option>Cycle</option>
+                <option>Off</option>
+            </select>
+        </div>
+        <div class="right-panel">
+            <div class="section-title">Assignments</div>
+            <div id="assignments-list">
+                <div class="assignment-row">
+                    <span class="key-label">Button 1 (Left)</span>
+                    <select class="key-select" disabled>
+                        <option>Primary Click</option>
+                    </select>
+                </div>
+                <div class="assignment-row">
+                    <span class="key-label">Button 2 (Right)</span>
+                    <select class="key-select" disabled>
+                        <option>Secondary Click</option>
+                    </select>
+                </div>
+                <div class="assignment-row">
+                    <span class="key-label">Button 3 (Middle)</span>
+                    <select class="key-select map-select" data-btn-id="02">
+                        <option value="04">Key 'A'</option>
+                        <option value="05">Key 'B'</option>
+                        <option value="84" selected>Middle Click</option>
+                    </select>
+                </div>
+                <div class="assignment-row">
+                    <span class="key-label">Button 4 (Side Back)</span>
+                    <select class="key-select map-select" data-btn-id="04">
+                        <option value="50">Key 'Left Arrow'</option>
+                        <option value="80">Key 'V'</option>
+                    </select>
+                </div>
+                <div class="assignment-row">
+                    <span class="key-label">Button 5 (Side Fwd)</span>
+                    <select class="key-select map-select" data-btn-id="05">
+                        <option value="51">Key 'Right Arrow'</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <button class="btn-reset">RESET</button>
+        <button class="btn-save" id="btn-save">SAVE</button>
+    </footer>
+    <script src="renderer.js"></script>
+</body>
+</html>

package/main.js ADDED Viewed

@@ -0,0 +1,68 @@
+const { app, BrowserWindow, ipcMain } = require('electron');
+const path = require('path');
+const { exec } = require('child_process');
+// 硬件常量 (根据你的实际情况修改)
+const VID = '3151';
+const PID = '3020';
+const USB_CMD_PATH = 'usbCmd.exe'; // 假设 exe 在根目录
+function createWindow() {
+    const win = new BrowserWindow({
+        width: 1000,
+        height: 700,
+        backgroundColor: '#101010', // 罗技深色背景
+        webPreferences: {
+            preload: path.join(__dirname, 'preload.js'),
+            nodeIntegration: false,
+            contextIsolation: true
+        },
+        autoHideMenuBar: true
+    });
+    win.loadFile('index.html');
+}
+// 封装调用 usbCmd 的函数
+const sendUsbCommand = (reportId, payloadHex) => {
+    return new Promise((resolve, reject) => {
+        // 计算 payload 长度 (字节数)
+        const byteLen = payloadHex.length / 2 + 1; // +1 是因为 Len 包含 ReportID 字节
+        // 构造命令: usbCmd.exe -V 1234 -P 5678 -R 03 -L [Len] -H [Payload]
+        // 注意: 你的协议说明中 -R 是ReportID(03), -H是后续载荷(Command+Len+Data)
+        const cmd = `${USB_CMD_PATH} -V ${VID} -P ${PID} -R ${reportId} -L ${byteLen} -H ${payloadHex}`;
+        console.log("Executing:", cmd);
+        exec(cmd, (error, stdout, stderr) => {
+            if (error) {
+                console.error(`Exec error: ${error}`);
+                // 模拟开发环境没有硬件时不崩溃，返回空或模拟数据
+                // reject(error);
+                resolve("02010100"); // 模拟返回
+                return;
+            }
+            // 假设 usbCmd.exe 在 stdout 输出返回的十六进制字符串 (例如 "02010501...")
+            resolve(stdout.trim());
+        });
+    });
+};
+app.whenReady().then(() => {
+    createWindow();
+    // IPC 监听：处理前端发来的指令请求
+    ipcMain.handle('send-command', async (event, { reportId, payload }) => {
+        try {
+            const result = await sendUsbCommand(reportId, payload);
+            return { success: true, data: result };
+        } catch (err) {
+            return { success: false, error: err.message };
+        }
+    });
+});
+app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') app.quit();
+});

package/package.json ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "name": "elemousedriver",
+  "version": "1.0.0",
+  "description": "Driver for phy6235/6 based MCU mouse.",
+  "license": "MIT",
+  "author": "Raymond@SiliconWin",
+  "type": "commonjs",
+  "main": "main.js",
+  "scripts": {
+    "start": "electron .",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "@electron-forge/publisher-github": "^7.10.2",
+    "electron": "^39.2.7"
+  }
+}

package/preload.js ADDED Viewed

@@ -0,0 +1,5 @@
+const { contextBridge, ipcRenderer } = require('electron');
+contextBridge.exposeInMainWorld('api', {
+    sendCommand: (reportId, payload) => ipcRenderer.invoke('send-command', { reportId, payload })
+});

package/renderer.js ADDED Viewed

@@ -0,0 +1,211 @@
+// ================= STATE MANAGEMENT =================
+// 维护当前 DPI 列表的状态 (默认值)
+let dpiList = [400, 800, 1600, 3200];
+let activeDpiIndex = 1; // 默认选中第2个 (索引从0开始)
+let targetDeleteIndex = -1; // 用于记录右键点击了哪个
+const dpiContainer = document.getElementById('dpi-container');
+const ctxMenu = document.getElementById('ctx-menu');
+const deleteBtn = document.getElementById('btn-delete-dpi');
+// 辅助：数字转2位Hex
+const toHex = (num) => {
+    let hex = parseInt(num).toString(16).toUpperCase();
+    return hex.length === 1 ? '0' + hex : hex;
+};
+// ================= RENDER LOGIC =================
+function renderDPI() {
+    dpiContainer.innerHTML = ''; // 清空容器
+    // 1. 渲染现有的 DPI 列表
+    dpiList.forEach((val, index) => {
+        const input = document.createElement('input');
+        input.type = 'number';
+        input.className = 'dpi-slot';
+        input.value = val;
+        // 如果是当前激活的 DPI
+        if (index === activeDpiIndex) {
+            input.classList.add('active');
+        }
+        // 左键点击：激活该档位
+        input.addEventListener('click', () => {
+            activeDpiIndex = index;
+            renderDPI(); // 重绘以更新 active 类
+        });
+        // 修改数值：更新数组
+        input.addEventListener('change', (e) => {
+            let newVal = parseInt(e.target.value);
+            // 简单的校验，防止负数或过大
+            if (newVal > 0 && newVal < 20000) {
+                dpiList[index] = newVal;
+            } else {
+                e.target.value = dpiList[index]; // 恢复原值
+            }
+        });
+        // 右键点击：显示菜单
+        input.addEventListener('contextmenu', (e) => {
+            e.preventDefault();
+            showContextMenu(e, index);
+        });
+        dpiContainer.appendChild(input);
+    });
+    // 2. 如果少于 8 个，渲染 "New..." 输入框
+    if (dpiList.length < 8) {
+        const addInput = document.createElement('input');
+        addInput.type = 'number'; // 或者 text
+        addInput.className = 'dpi-slot add-new';
+        addInput.placeholder = 'New...';
+        // 监听输入完成 (回车或失焦)
+        addInput.addEventListener('change', (e) => {
+            const newVal = parseInt(e.target.value);
+            if (!isNaN(newVal) && newVal > 0) {
+                dpiList.push(newVal); // 添加到数组
+                // 如果是第一个添加的，自动设为激活
+                if (dpiList.length === 1) activeDpiIndex = 0;
+                renderDPI(); // 重绘
+            } else {
+                e.target.value = ''; // 无效输入清空
+            }
+        });
+        dpiContainer.appendChild(addInput);
+    }
+}
+// ================= CONTEXT MENU LOGIC =================
+function showContextMenu(e, index) {
+    targetDeleteIndex = index; // 记住要删哪个
+    // 设置位置 (基于鼠标点击坐标)
+    ctxMenu.style.left = `${e.pageX}px`;
+    ctxMenu.style.top = `${e.pageY}px`;
+    ctxMenu.style.display = 'block';
+}
+function hideContextMenu() {
+    ctxMenu.style.display = 'none';
+    targetDeleteIndex = -1;
+}
+// 点击 "Delete"
+deleteBtn.addEventListener('click', () => {
+    if (targetDeleteIndex > -1) {
+        // 从数组中删除
+        dpiList.splice(targetDeleteIndex, 1);
+        // 修正 activeIndex (防止索引越界)
+        if (activeDpiIndex >= dpiList.length) {
+            activeDpiIndex = Math.max(0, dpiList.length - 1);
+        }
+        renderDPI();
+        hideContextMenu();
+    }
+});
+// 点击页面任何其他地方隐藏菜单
+document.addEventListener('click', (e) => {
+    if (e.target.closest('#ctx-menu')) return; // 点菜单内部不关闭
+    hideContextMenu();
+});
+// ================= PROTOCOL LOGIC =================
+async function saveDPI() {
+    let dpiDataHex = "";
+    // 遍历状态数组构造 HEX
+    dpiList.forEach(val => {
+        const byteVal = Math.floor(val / 100); // 协议要求：值/100
+        dpiDataHex += toHex(byteVal);
+    });
+    // 协议说明：DPI档位数据可能是固定长度的（例如7档或8档）
+    // 此处假设最大支持8档位 (8 bytes)，不足补 00
+    // 如果固件严格要求7个档位，请将 i < 8 改为 i < 7
+    const maxSlots = 8;
+    const currentLen = dpiList.length;
+    for (let i = currentLen; i < maxSlots; i++) {
+        dpiDataHex += "00";
+    }
+    // 构造 Payload
+    // 假设：Length = 1(FeatureID) + 8(Data) = 9 (0x09)
+    // 注意：请根据固件实际解析的 Length 修改这里的 '09'
+    const payloadLen = toHex(1 + maxSlots);
+    const fullPayload = `01${payloadLen}01${dpiDataHex}`;
+    console.log("Sending DPI:", fullPayload, "Raw List:", dpiList);
+    // 发送指令 (调用 preload 定义的 API)
+    if (window.api) {
+        await window.api.sendCommand('03', fullPayload);
+    }
+}
+// 2. 设置回报率 (Polling Rate)
+// 协议: 03 [01 02 02 RateID]
+async function savePollingRate() {
+    const selected = document.querySelector('input[name="rate"]:checked');
+    if (!selected) return;
+    const rateId = selected.value; // 01, 02, 03, 04
+    // Cmd(01) + Len(02) + Feature(02) + Data
+    const fullPayload = `010202${rateId}`;
+    console.log("Saving Rate Payload:", fullPayload);
+    await window.api.sendCommand('03', fullPayload);
+}
+// 3. 设置按键映射 (Key Remap)
+// 协议: 03 [01 03 03 BtnID KeyCode]
+// 注意：这可能需要循环发送，因为你的指令一次只能改一个键
+async function saveKeyMaps() {
+    const selects = document.querySelectorAll('.map-select');
+    for (const select of selects) {
+        const btnId = select.getAttribute('data-btn-id'); // e.g., '04'
+        const keyCode = select.value; // e.g., '80'
+        // Cmd(01) + Len(03) + Feature(03) + Btn + Key
+        const fullPayload = `010303${btnId}${keyCode}`;
+        console.log(`Saving Key ${btnId} -> ${keyCode}:`, fullPayload);
+        // 这里最好加一点延迟，防止USB堵塞
+        await window.api.sendCommand('03', fullPayload);
+    }
+}
+// ================= INITIALIZATION =================
+// 初始化渲染
+renderDPI();
+// 绑定保存按钮 (假设 HTML 中有 id="btn-save")
+const saveBtn = document.getElementById('btn-save');
+if (saveBtn) {
+    saveBtn.addEventListener('click', async () => {
+        saveBtn.innerText = "SAVING...";
+        try {
+            await saveDPI();
+            await savePollingRate();
+            await saveKeyMaps();
+            setTimeout(() => saveBtn.innerText = "SAVE", 500);
+        } catch (e) {
+            console.error(e);
+            saveBtn.innerText = "ERROR";
+        }
+    });
+}

package/style.css ADDED Viewed

File without changes

package/usbCmd.exe ADDED Viewed

Binary file