@pheem49/mint 1.2.4 → 1.3.0

package/src/System/granular_automation.js

@@ -0,0 +1,88 @@
+const { exec } = require('child_process');
+const { screen } = require('electron');
+
+/**
+ * GranularAutomation handles low-level OS input via xdotool.
+ * It uses a normalized coordinate system (0-1000).
+ */
+class GranularAutomation {
+    constructor() {
+        this.screenWidth = 1920; // Default fallback
+        this.screenHeight = 1080;
+        this.updateScreenSize();
+    }
+
+    updateScreenSize() {
+        try {
+            // In Electron main process, we can use the screen module
+            const primaryDisplay = screen.getPrimaryDisplay();
+            if (primaryDisplay && primaryDisplay.size) {
+                this.screenWidth = primaryDisplay.size.width;
+                this.screenHeight = primaryDisplay.size.height;
+                console.log(`[Automation] Screen detected: ${this.screenWidth}x${this.screenHeight}`);
+            }
+        } catch (e) {
+            // Fallback for CLI or cases where screen module is unavailable
+            exec('xdpyinfo | grep dimensions', (err, stdout) => {
+                if (!err && stdout) {
+                    const match = stdout.match(/(\d+)x(\d+) pixels/);
+                    if (match) {
+                        this.screenWidth = parseInt(match[1]);
+                        this.screenHeight = parseInt(match[2]);
+                        console.log(`[Automation] Screen detected via xdpyinfo: ${this.screenWidth}x${this.screenHeight}`);
+                    }
+                }
+            });
+        }
+    }
+
+    scaleX(x) {
+        return Math.round((x / 1000) * this.screenWidth);
+    }
+
+    scaleY(y) {
+        return Math.round((y / 1000) * this.screenHeight);
+    }
+
+    run(command) {
+        return new Promise((resolve, reject) => {
+            exec(command, (err, stdout, stderr) => {
+                if (err) {
+                    console.error(`[Automation] xdotool error: ${stderr}`);
+                    reject(err);
+                } else {
+                    resolve(stdout);
+                }
+            });
+        });
+    }
+
+    async mouseMove(x, y) {
+        const sx = this.scaleX(x);
+        const sy = this.scaleY(y);
+        console.log(`[Automation] Moving mouse to ${sx}, ${sy}`);
+        return this.run(`xdotool mousemove ${sx} ${sy}`);
+    }
+
+    async mouseClick(x, y, button = 1) {
+        const sx = this.scaleX(x);
+        const sy = this.scaleY(y);
+        console.log(`[Automation] Clicking ${button} at ${sx}, ${sy}`);
+        // move first then click to be safe
+        return this.run(`xdotool mousemove ${sx} ${sy} click ${button}`);
+    }
+
+    async typeText(text) {
+        console.log(`[Automation] Typing: ${text}`);
+        // Escape double quotes for shell
+        const escaped = text.replace(/"/g, '\\"');
+        return this.run(`xdotool type "${escaped}"`);
+    }
+
+    async keyTap(key) {
+        console.log(`[Automation] Key tap: ${key}`);
+        return this.run(`xdotool key "${key}"`);
+    }
+}
+
+module.exports = new GranularAutomation();

package/src/UI/settings.html

@@ -352,6 +352,30 @@
                     </div>
                 </div>
             </section>
+
+            <!-- MCP Servers Management -->
+            <section class="setting-section" style="margin-top: 30px;">
+                <h2 class="section-title">🌐 MCP Servers (Model Context Protocol)</h2>
+                <p class="hint" style="margin-bottom: 16px;">Connect Mint to external tools like Google Search, GitHub, or Filesystem.</p>
+                
+                <div class="mcp-list" id="mcp-server-list" style="display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px;">
+                    <!-- MCP items will be injected here -->
+                </div>
+
+                <div class="add-mcp-box" style="padding: 16px; background: rgba(255,255,255,0.05); border-radius: 12px; border: 1px dashed var(--border);">
+                    <h3 style="font-size: 1rem; margin-bottom: 12px; color: var(--accent);">+ Add New MCP Server</h3>
+                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px;">
+                        <input type="text" id="mcp-new-name" placeholder="Server Name (e.g. google-search)">
+                        <input type="text" id="mcp-new-command" placeholder="Command (e.g. npx)">
+                    </div>
+                    <input type="text" id="mcp-new-args" placeholder="Arguments (e.g. -y @modelcontextprotocol/server-brave-search)" style="width: 100%; margin-bottom: 10px;">
+                    <textarea id="mcp-new-env" placeholder='Env (JSON format, e.g. {"BRAVE_API_KEY": "..."})' style="width: 100%; min-height: 60px; background: var(--input-bg); color: var(--text-main); border: 1px solid var(--border); border-radius: 8px; padding: 10px; font-family: monospace; font-size: 0.8rem;"></textarea>
+                    
+                    <button class="btn-primary" id="btn-add-mcp" style="margin-top: 10px; width: 100%;">Add MCP Server</button>
+                </div>
+                
+                <p class="hint" style="margin-top: 12px;">Browse more servers at <a href="https://github.com/modelcontextprotocol/servers" target="_blank">MCP Servers Registry</a></p>
+            </section>
                 </div>
                 <div class="tab-pane" id="sect-shortcuts">
                     <!-- Keyboard Shortcuts -->

package/src/UI/settings.js

@@ -23,7 +23,8 @@ const DEFAULT_CONFIG = {
     pluginSpotifyEnabled: true,
     pluginCalendarEnabled: false,
     pluginDiscordEnabled: false,
-    showDesktopWidget: true
+    showDesktopWidget: true,
+    mcpServers: {}
 };
 
 let currentConfig = { ...DEFAULT_CONFIG };
@@ -153,6 +154,9 @@ function applyConfig(config) {
     document.getElementById('proactive-cooldown').value = cooldown;
     updateIntervalDisplay(interval);
     updateCooldownDisplay(cooldown);
+
+    // MCP Servers
+    renderMcpServers();
 }
 
 function lightenColor(hex, amount) {
@@ -433,12 +437,100 @@ document.getElementById('save-btn').addEventListener('click', async () => {
     currentConfig.customBgEnd = document.getElementById('custom-bg-end').value;
     currentConfig.customPanelBg = document.getElementById('custom-panel-bg').value;
 
+    // Ensure mcpServers is part of the saved config
+    if (!currentConfig.mcpServers) currentConfig.mcpServers = {};
+
+    console.log('[Settings] Saving config with MCP servers:', Object.keys(currentConfig.mcpServers).length);
     await window.settingsApi.saveSettings(currentConfig);
     const btn = document.getElementById('save-btn');
     btn.textContent = '✅ Saved!';
     setTimeout(() => { btn.textContent = 'Save Settings'; }, 1500);
 });
 
+// --- MCP Management Functions ---
+function renderMcpServers() {
+    console.log('[Settings] Rendering MCP Servers UI...');
+    const list = document.getElementById('mcp-server-list');
+    if (!list) {
+        console.warn('[Settings] MCP list element not found in DOM.');
+        return;
+    }
+    list.innerHTML = '';
+
+    const servers = currentConfig.mcpServers || {};
+    const entries = Object.entries(servers);
+    console.log(`[Settings] Found ${entries.length} servers in currentConfig.`);
+
+    if (entries.length === 0) {
+        list.innerHTML = '<p class="hint" style="text-align: center; padding: 10px;">No MCP servers connected.</p>';
+        return;
+    }
+
+    for (const [name, cfg] of entries) {
+        const item = document.createElement('div');
+        item.style.cssText = 'display: flex; justify-content: space-between; align-items: center; padding: 12px; background: rgba(0,0,0,0.2); border-radius: 10px; border: 1px solid var(--border);';
+        
+        item.innerHTML = `
+            <div style="display: flex; flex-direction: column; gap: 4px;">
+                <div style="font-weight: 600; color: var(--accent); display: flex; align-items: center; gap: 6px;">
+                    <span>🌐 ${name}</span>
+                </div>
+                <div style="font-size: 0.75rem; opacity: 0.7; font-family: monospace;">${cfg.command} ${cfg.args.join(' ')}</div>
+            </div>
+            <button class="btn-danger" style="padding: 6px 12px; font-size: 0.8rem;" onclick="removeMcpServer('${name}')">Remove</button>
+        `;
+        list.appendChild(item);
+    }
+}
+
+window.removeMcpServer = function(name) {
+    if (confirm(`Remove MCP server "${name}"?`)) {
+        delete currentConfig.mcpServers[name];
+        renderMcpServers();
+    }
+};
+
+document.getElementById('btn-add-mcp').addEventListener('click', () => {
+    const nameInput = document.getElementById('mcp-new-name');
+    const cmdInput = document.getElementById('mcp-new-command');
+    const argsInput = document.getElementById('mcp-new-args');
+    const envInput = document.getElementById('mcp-new-env');
+
+    const name = nameInput.value.trim();
+    const command = cmdInput.value.trim();
+    const argsStr = argsInput.value.trim();
+    const envStr = envInput.value.trim();
+
+    if (!name || !command) {
+        alert('Name and Command are required!');
+        return;
+    }
+
+    // Basic args split (by space, but respecting some quotes if possible - simple for now)
+    const args = argsStr ? argsStr.split(/\s+/) : [];
+    
+    let env = {};
+    if (envStr) {
+        try {
+            env = JSON.parse(envStr);
+        } catch (e) {
+            alert('Invalid JSON in Environment Variables field!');
+            return;
+        }
+    }
+
+    if (!currentConfig.mcpServers) currentConfig.mcpServers = {};
+    currentConfig.mcpServers[name] = { command, args, env };
+
+    // Clear inputs
+    nameInput.value = '';
+    cmdInput.value = '';
+    argsInput.value = '';
+    envInput.value = '';
+
+    renderMcpServers();
+});
+
 // Custom Workflows functionality
 const openWorkflowsBtn = document.getElementById('open-workflows-btn');
 const reloadWorkflowsBtn = document.getElementById('reload-workflows-btn');
@@ -508,6 +600,11 @@ document.querySelectorAll('.tab-btn').forEach(btn => {
         btn.classList.add('active');
         const pane = document.getElementById(target);
         if (pane) pane.classList.add('active');
+
+        // Re-render MCP list if switching to plugins tab
+        if (target === 'sect-plugins') {
+            renderMcpServers();
+        }
     });
 });