From 48bf45c24de98660a32a29e27ff51eb25d7653f2 Mon Sep 17 00:00:00 2001 From: Minggang Wang Date: Tue, 20 Jan 2026 10:41:09 +0800 Subject: [PATCH 1/7] Add basic Electron tests and pump its version for demos --- electron_demo/car/package.json | 2 +- electron_demo/car/renderer.js | 7 +++++++ electron_demo/manipulator/index.html | 5 +++++ electron_demo/manipulator/package.json | 2 +- electron_demo/manipulator/renderer.js | 20 ++++++++++++++++++++ electron_demo/topics/package.json | 2 +- electron_demo/topics/renderer.js | 7 +++++++ electron_demo/turtle_tf2/main.js | 6 +++--- electron_demo/turtle_tf2/package.json | 2 +- electron_demo/turtle_tf2/renderer.js | 15 +++++++++++++++ package.json | 2 +- 11 files changed, 62 insertions(+), 8 deletions(-) diff --git a/electron_demo/car/package.json b/electron_demo/car/package.json index 94bdb278..a2c1f1db 100644 --- a/electron_demo/car/package.json +++ b/electron_demo/car/package.json @@ -21,6 +21,6 @@ }, "devDependencies": { "@electron/rebuild": "^3.6.0", - "electron": "^31.0.0" + "electron": "^40.0.0" } } diff --git a/electron_demo/car/renderer.js b/electron_demo/car/renderer.js index 2ddcbcfe..02b6f8dc 100644 --- a/electron_demo/car/renderer.js +++ b/electron_demo/car/renderer.js @@ -27,6 +27,13 @@ document.addEventListener('DOMContentLoaded', function () { initializeElements(); setupEventListeners(); setupROSListeners(); + + const versionDiv = document.createElement('div'); + versionDiv.style.textAlign = 'center'; + versionDiv.style.padding = '10px'; + versionDiv.style.marginTop = '20px'; + versionDiv.innerText = 'Electron version: ' + process.versions.electron; + document.querySelector('.container').appendChild(versionDiv); }); function initializeElements() { diff --git a/electron_demo/manipulator/index.html b/electron_demo/manipulator/index.html index 8de52b26..83e47a86 100644 --- a/electron_demo/manipulator/index.html +++ b/electron_demo/manipulator/index.html @@ -153,6 +153,11 @@

Two-Joint Manipulator Demo

  • JointState - ROS2 sensor_msgs
  • Use the sliders to control joint angles or start automatic animation.

    +

    + We are using Node.js , + Chromium , + and Electron . +


    🎯 What to Look For: