reactoradar 1.2.3 → 1.2.5

package/app.js

@@ -225,17 +225,30 @@ if (window.electronAPI) {
 
   window.electronAPI.on('clear-all-ui', clearAll);
 
+  window.electronAPI.on('app-version', (version) => {
+    state._appVersion = version;
+    const el = $('aboutVersion');
+    if (el) el.textContent = 'v' + version;
+  });
+
   window.electronAPI.on('update-available', ({ current, latest }) => {
-    const banner = document.createElement('div');
-    banner.className = 'update-banner';
-    banner.innerHTML = `New version <b>v${latest}</b> available (current: v${current}).
-      <a class="update-link" id="updateLink">Download update</a>
-      <span class="update-dismiss" id="updateDismiss">&times;</span>`;
-    document.getElementById('app').prepend(banner);
-    $('updateLink')?.addEventListener('click', () => {
-      window.electronAPI?.openExternal('https://github.com/sharanagouda/react-native-debugger/releases');
-    });
-    $('updateDismiss')?.addEventListener('click', () => banner.remove());
+    // Show in settings only, not as a banner
+    state._updateAvailable = { current, latest };
+    const el = $('aboutVersion');
+    if (el) el.innerHTML = `v${current} <span style="color:var(--green);font-size:10px;margin-left:6px">v${latest} available</span>`;
+    // Add update button in settings if not already there
+    if (!$('updateBtn')) {
+      const aboutEl = document.querySelector('.settings-about');
+      if (aboutEl) {
+        const btn = document.createElement('div');
+        btn.style.cssText = 'margin-top:10px';
+        btn.innerHTML = '<button id="updateBtn" class="tb-btn primary" style="font-size:11px">Download v' + latest + '</button>';
+        aboutEl.appendChild(btn);
+        $('updateBtn')?.addEventListener('click', () => {
+          window.electronAPI?.openExternal('https://github.com/sharanagouda/react-native-debugger/releases');
+        });
+      }
+    }
   });
 
   window.electronAPI.on('trigger-open-cdp', () => {
@@ -1880,7 +1893,7 @@ function initSettingsPanel() {
           <div class="settings-section-title">About</div>
           <div class="settings-about">
             <div class="about-name" id="aboutAppName">${getStoredAppName()}</div>
-            <div class="about-version">v1.2.0</div>
+            <div class="about-version" id="aboutVersion">v${state._appVersion || '...'}</div>
             <div class="about-desc">A standalone macOS debugger for React Native apps.<br/>Supports Hermes, New Architecture, and React Native 0.74+.</div>
             <div class="about-links" style="display:flex;gap:16px;justify-content:center">
               <span class="about-link" id="linkGithub">GitHub</span>

package/main.js

@@ -29,10 +29,14 @@ app.whenReady().then(async () => {
   // Theme will be set by renderer via IPC once it reads localStorage
   nativeTheme.themeSource = 'dark';
 
-  // Set dock icon on macOS
+  // Set dock icon on macOS — use icns for proper scaling
   if (process.platform === 'darwin') {
     try {
-      const iconPath = path.join(__dirname, 'ReactoRadar.png');
+      const icnsPath = path.join(__dirname, 'ReactoRadar.icns');
+      const pngPath = path.join(__dirname, 'ReactoRadar.png');
+      const fs = require('fs');
+      // Prefer .icns (handles dock scaling correctly), fallback to .png
+      const iconPath = fs.existsSync(icnsPath) ? icnsPath : pngPath;
       const icon = nativeImage.createFromPath(iconPath);
       if (!icon.isEmpty()) {
         app.dock.setIcon(icon);
@@ -44,6 +48,12 @@ app.whenReady().then(async () => {
 
   await createMainWindow();
 
+  // Send version to renderer
+  const appVersion = require('./package.json').version;
+  mainWindow?.webContents.on('did-finish-load', () => {
+    mainWindow?.webContents.send('app-version', appVersion);
+  });
+
   // Check for updates (non-blocking)
   checkForUpdates();
   startBridgeServers();
@@ -86,7 +96,7 @@ async function createMainWindow() {
       contextIsolation: true,
       preload: path.join(__dirname, 'preload.js'),
     },
-    icon: nativeImage.createFromPath(path.join(__dirname, 'ReactoRadar.png')),
+    icon: nativeImage.createFromPath(path.join(__dirname, 'ReactoRadar.icns')),
   });
 
   mainWindow.loadFile(path.join(__dirname, 'index.html'));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactoradar",
   "productName": "ReactoRadar",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "macOS debugger for React Native — Console, Sources, Network, Performance, Memory, Redux, AsyncStorage, React tree. Supports RN 0.74+ with Hermes and New Architecture.",
   "main": "main.js",
   "bin": {

package/preload.js

@@ -10,7 +10,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
     const allowed = [
       'ports', 'cdp-targets', 'redux-event', 'storage-event', 'network-event',
       'console-event', 'perf-event', 'redux-connected', 'storage-connected', 'network-connected',
-      'react-dt-status', 'trigger-open-cdp', 'clear-all-ui', 'theme-changed', 'update-available',
+      'react-dt-status', 'trigger-open-cdp', 'clear-all-ui', 'theme-changed', 'update-available', 'app-version',
     ];
     if (allowed.includes(channel)) {
       ipcRenderer.removeAllListeners(channel);