mani-calc 1.1.2 → 1.2.1

package/OVERLAY_MODE.md

@@ -47,6 +47,9 @@ Control your computer with simple commands:
 
 | Command | Action |
 |---------|--------|
+| `help` | Show available commands |
+| `theme` | Toggle Light/Dark mode |
+| `quit` | Quit application |
 | `sleep` | Put computer to sleep |
 | `shutdown` | Shutdown computer |
 | `restart` | Restart computer |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mani-calc",
-  "version": "1.1.2",
+  "version": "1.2.1",
   "description": "Spotlight-style instant calculator for Windows Search | Math, natural language & unit conversions | Offline-first productivity tool",
   "main": "src/index.js",
   "bin": {

package/src/core/clipboard-manager.js

@@ -11,6 +11,14 @@ class ClipboardManager {
         }
 
         try {
+            // Check if running in Electron
+            if (process.versions.electron) {
+                const { clipboard } = require('electron');
+                clipboard.writeText(String(text));
+                return true;
+            }
+
+            // Fallback to clipboardy for CLI
             await clipboardy.write(String(text));
             return true;
         } catch (error) {
@@ -21,6 +29,12 @@ class ClipboardManager {
 
     async read() {
         try {
+            // Check if running in Electron
+            if (process.versions.electron) {
+                const { clipboard } = require('electron');
+                return clipboard.readText();
+            }
+
             return await clipboardy.read();
         } catch (error) {
             console.error('Failed to read from clipboard:', error);

package/src/ui/floating-search.js

@@ -67,19 +67,24 @@ class FloatingSearchBox {
     setupIPC() {
         // Handle query from renderer
         ipcMain.on('process-query', async (event, query) => {
+            console.log('Processing query:', query);
             try {
                 // Check for system commands first
                 const systemResult = await this.handleSystemCommand(query);
                 if (systemResult) {
+                    console.log('System command executed:', systemResult);
                     event.reply('query-result', systemResult);
                     setTimeout(() => this.hide(), 1000);
                     return;
                 }
 
                 // Process as calculation
+                console.log('Calculating...');
                 const result = await this.maniCalc.processQuery(query);
+                console.log('Calculation result:', result);
                 event.reply('query-result', result);
             } catch (error) {
+                console.error('Error processing query:', error);
                 event.reply('query-result', {
                     error: error.message,
                     type: 'error'
@@ -93,133 +98,18 @@ class FloatingSearchBox {
         });
     }
 
-    async handleSystemCommand(query) {
-        const cmd = query.toLowerCase().trim();
-        const { exec } = require('child_process');
-        const { promisify } = require('util');
-        const execAsync = promisify(exec);
-
-        const commands = {
-            'sleep': {
-                action: async () => {
-                    await execAsync('rundll32.exe powrprof.dll,SetSuspendState 0,1,0');
-                    return 'System going to sleep...';
-                },
-                description: 'Put computer to sleep'
-            },
-            'shutdown': {
-                action: async () => {
-                    await execAsync('shutdown /s /t 0');
-                    return 'Shutting down...';
-                },
-                description: 'Shutdown computer'
-            },
-            'restart': {
-                action: async () => {
-                    await execAsync('shutdown /r /t 0');
-                    return 'Restarting...';
-                },
-                description: 'Restart computer'
-            },
-            'lock': {
-                action: async () => {
-                    await execAsync('rundll32.exe user32.dll,LockWorkStation');
-                    return 'Locking computer...';
-                },
-                description: 'Lock computer'
-            },
-            'logout': {
-                action: async () => {
-                    await execAsync('shutdown /l');
-                    return 'Logging out...';
-                },
-                description: 'Log out current user'
-            },
-            'empty recycle bin': {
-                action: async () => {
-                    await execAsync('rd /s /q %systemdrive%\\$Recycle.bin');
-                    return 'Recycle bin emptied';
-                },
-                description: 'Empty recycle bin'
-            },
-            'volume up': {
-                action: async () => {
-                    await execAsync('nircmd.exe changesysvolume 2000');
-                    return 'Volume increased';
-                },
-                description: 'Increase volume'
-            },
-            'volume down': {
-                action: async () => {
-                    await execAsync('nircmd.exe changesysvolume -2000');
-                    return 'Volume decreased';
-                },
-                description: 'Decrease volume'
-            },
-            'mute': {
-                action: async () => {
-                    await execAsync('nircmd.exe mutesysvolume 1');
-                    return 'Volume muted';
-                },
-                description: 'Mute volume'
-            },
-            'unmute': {
-                action: async () => {
-                    await execAsync('nircmd.exe mutesysvolume 0');
-                    return 'Volume unmuted';
-                },
-                description: 'Unmute volume'
-            }
-        };
-
-        if (commands[cmd]) {
-            try {
-                const message = await commands[cmd].action();
-                return {
-                    result: message,
-                    type: 'system_command',
-                    formatted: message
-                };
-            } catch (error) {
-                return {
-                    error: `Failed to execute: ${error.message}`,
-                    type: 'error'
-                };
-            }
-        }
-
-        return null;
-    }
-
-    show() {
-        if (this.window) {
-            this.window.show();
-            this.window.focus();
-            this.isVisible = true;
-            this.window.webContents.send('focus-input');
-        }
-    }
-
-    hide() {
-        if (this.window) {
-            this.window.hide();
-            this.isVisible = false;
-            this.window.webContents.send('clear-input');
-        }
-    }
-
-    toggle() {
-        if (this.isVisible) {
-            this.hide();
-        } else {
-            this.show();
-        }
-    }
+    // ... (rest of methods) ...
 
     destroy() {
         if (this.window) {
-            globalShortcut.unregister(this.hotkey);
-            this.window.close();
+            try {
+                globalShortcut.unregister(this.hotkey);
+                if (!this.window.isDestroyed()) {
+                    this.window.close();
+                }
+            } catch (err) {
+                console.error('Error destroying window:', err);
+            }
             this.window = null;
         }
     }

package/src/ui/overlay.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -18,31 +19,58 @@
       overflow: hidden;
     }
 
+    :root {
+      --bg-color: rgba(255, 255, 255, 0.95);
+      --text-color: #333;
+      --icon-color: #00D9FF;
+      --hint-color: #999;
+      --shortcut-bg: rgba(0, 0, 0, 0.02);
+      --key-bg: rgba(0, 0, 0, 0.1);
+      --border-color: rgba(0, 0, 0, 0.1);
+    }
+
+    body.dark {
+      --bg-color: rgba(30, 30, 30, 0.95);
+      --text-color: #eee;
+      --icon-color: #00D9FF;
+      --hint-color: #666;
+      --shortcut-bg: rgba(255, 255, 255, 0.05);
+      --key-bg: rgba(255, 255, 255, 0.1);
+      --border-color: rgba(255, 255, 255, 0.1);
+    }
+
     .container {
       width: 600px;
       padding: 10px;
     }
 
     .search-box {
-      background: rgba(255, 255, 255, 0.95);
+      background: var(--bg-color);
       backdrop-filter: blur(20px);
       border-radius: 12px;
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
       overflow: hidden;
       -webkit-app-region: no-drag;
+      transition: background 0.3s ease;
     }
 
     .input-container {
       display: flex;
       align-items: center;
       padding: 16px 20px;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      border-bottom: 1px solid var(--border-color);
     }
 
     .icon {
       font-size: 24px;
       margin-right: 12px;
-      color: #00D9FF;
+      color: var(--icon-color);
+      -webkit-app-region: drag;
+      cursor: grab;
+    }
+
+    .icon:active {
+      cursor: grabbing;
     }
 
     #search-input {
@@ -51,11 +79,11 @@
       outline: none;
       font-size: 18px;
       background: transparent;
-      color: #333;
+      color: var(--text-color);
     }
 
     #search-input::placeholder {
-      color: #999;
+      color: var(--hint-color);
     }
 
     .result-container {
@@ -74,6 +102,7 @@
         opacity: 0;
         transform: translateY(-10px);
       }
+
       to {
         opacity: 1;
         transform: translateY(0);
@@ -82,7 +111,7 @@
 
     .result-text {
       font-size: 16px;
-      color: #00D9FF;
+      color: var(--icon-color);
       font-weight: 600;
     }
 
@@ -91,7 +120,7 @@
     }
 
     .result-text.success {
-      color: #00D9FF;
+      color: var(--icon-color);
     }
 
     .result-text.system {
@@ -100,16 +129,16 @@
 
     .hint {
       font-size: 12px;
-      color: #999;
+      color: var(--hint-color);
       margin-top: 4px;
     }
 
     .shortcuts {
       padding: 8px 20px;
-      background: rgba(0, 0, 0, 0.02);
+      background: var(--shortcut-bg);
       display: none;
       font-size: 11px;
-      color: #666;
+      color: var(--hint-color);
     }
 
     .shortcuts.show {
@@ -122,27 +151,23 @@
     }
 
     .key {
-      background: rgba(0, 0, 0, 0.1);
+      background: var(--key-bg);
       padding: 2px 6px;
       border-radius: 3px;
       font-family: monospace;
     }
   </style>
 </head>
+
 <body>
   <div class="container">
     <div class="search-box">
       <div class="input-container">
         <div class="icon">⚡</div>
-        <input 
-          type="text" 
-          id="search-input" 
-          placeholder="Type calculation or command..."
-          autocomplete="off"
-          spellcheck="false"
-        >
+        <input type="text" id="search-input" placeholder="Type calculation or command..." autocomplete="off"
+          spellcheck="false">
       </div>
-      
+
       <div class="result-container" id="result-container">
         <div class="result-text" id="result-text"></div>
         <div class="hint" id="result-hint"></div>
@@ -158,7 +183,7 @@
 
   <script>
     const { ipcRenderer } = require('electron');
-    
+
     const input = document.getElementById('search-input');
     const resultContainer = document.getElementById('result-container');
     const resultText = document.getElementById('result-text');
@@ -184,7 +209,7 @@
     // Handle input
     input.addEventListener('input', (e) => {
       const query = e.target.value.trim();
-      
+
       if (!query) {
         resultContainer.classList.remove('show');
         return;
@@ -226,6 +251,11 @@
       }
     }
 
+    // Handle theme toggle
+    ipcRenderer.on('toggle-theme', () => {
+      document.body.classList.toggle('dark');
+    });
+
     // Handle result from main process
     ipcRenderer.on('query-result', (event, result) => {
       if (result.error) {
@@ -251,4 +281,5 @@
     }, 100);
   </script>
 </body>
-</html>
+
+</html>