snapexcel 1.2.6 → 1.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "snapexcel",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "Desktop Screenshot Logger for UI Testing - Capture any window including Android emulators",
   "main": "src/main.js",
   "bin": {

package/publish.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+# SnapExcel - Publish to npm script
+
+git add . && git commit -m "fix: responsive layout, prevent focus stealing, UI improvements" && npm version patch && npm publish

package/src/main.js

@@ -195,16 +195,20 @@ ipcMain.handle('start-region-capture', async () => {
         regionWindow.webContents.send('set-background', fullScreenshot, display.size);
       });
 
-      // Function to restore main window properly
+      // Function to restore main window without stealing focus
       const restoreMainWindow = () => {
-        if (mainWindow && mainWindowBounds) {
-          // Use setTimeout to let the region window fully close first
+        if (mainWindow) {
+          // Just restore the window state without bringing it to foreground
+          // This prevents pulling user to SnapExcel window when they're on different screen
           setTimeout(() => {
-            mainWindow.restore();
-            mainWindow.setSize(mainWindowBounds.width, mainWindowBounds.height);
-            mainWindow.setPosition(mainWindowBounds.x, mainWindowBounds.y);
-            // Don't focus - let user continue with their app
-            mainWindow.blur();
+            if (mainWindow.isMinimized()) {
+              // Use showInactive to restore without stealing focus
+              mainWindow.showInactive();
+            }
+            // Don't change size/position - keep window where it was
+            if (isAlwaysOnTop) {
+              mainWindow.setAlwaysOnTop(true);
+            }
           }, 100);
         }
       };

package/src/renderer.js

@@ -733,6 +733,9 @@ async function captureScreenshot() {
 
       state.sheets[state.currentSheetIndex].screenshots.push(screenshot);
       saveState();
+
+      // Small delay to let window fully restore before updating UI
+      await new Promise(resolve => setTimeout(resolve, 100));
       updateUI();
       lastCaptureTime = Date.now();
 
@@ -798,6 +801,10 @@ async function captureRegion() {
 
       state.sheets[state.currentSheetIndex].screenshots.push(screenshot);
       saveState();
+
+      // Small delay to let window fully restore before updating UI
+      await new Promise(resolve => setTimeout(resolve, 100));
+
       // Don't call updateUI() which might resize the window - just update the grid
       updateScreenshotsGrid(state.sheets[state.currentSheetIndex].screenshots);
       elements.screenshotCount.textContent = state.sheets[state.currentSheetIndex].screenshots.length;

package/src/styles.css

@@ -47,8 +47,7 @@ body {
 .app-container {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
-  max-height: 100vh;
+  height: 100vh;
   overflow: hidden;
 }
 
@@ -159,7 +158,9 @@ body {
   display: flex;
   flex-direction: column;
   overflow-y: auto;
+  overflow-x: hidden;
   padding: 16px;
+  flex: 1;
 }
 
 .view.hidden {
@@ -534,6 +535,9 @@ body {
   border-radius: 5px;
   border: 0.5px solid rgba(4, 30, 66, 0.04);
   padding: 5px;
+  flex: 1;
+  min-height: 100px;
+  overflow: hidden;
 }
 
 .section-header {
@@ -559,14 +563,16 @@ body {
 
 .screenshots-grid {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  grid-auto-rows: min-content;
+  align-content: start;
   gap: 8px;
   overflow-y: auto;
   padding: 5px;
   background: rgba(255, 255, 255, 0.5);
   border-radius: 3px;
+  flex: 1;
   min-height: 70px;
-  max-height: 200px;
 }
 
 /* Ultra thin scrollbar - both vertical and horizontal */