omnigate-ai 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,80 @@
+# OmniGate AI 🌌
+
+![Version](https://img.shields.io/badge/version-1.0.0-blue.svg)
+![License](https://img.shields.io/badge/license-MIT-green.svg)
+
+**The Privacy-First LLM API Gateway for Developers & AI Agents**
+
+OmniGate AI is a self-hosted, local proxy server designed to sit between your code editors (like VS Code, Roo Code, Cline) and your LLM providers (OpenAI, DeepSeek, Anthropic). It intercepts API requests to securely inject your real API keys, count tokens, and calculate costs in real-time—all without your secret keys ever leaving your machine.
+
+---
+
+## 🚀 Quick Start
+
+No complex installations required. If you have Node.js installed, simply run:
+
+```bash
+npx omnigate-ai
+```
+
+This will instantly download and start the proxy server on port `8080`.
+
+## 💻 The Dashboard
+
+Once the server is running, open your web browser and navigate to:
+**http://localhost:8080/dashboard**
+
+You will be greeted by a beautiful, glassmorphic UI where you can:
+1. **Secure Your Gateway:** Create a local "Gateway Secret Key" to lock down your proxy.
+2. **Add API Keys:** Securely store your real OpenAI or DeepSeek API keys locally.
+3. **Track Usage:** Watch real-time gauges spin as your tokens are consumed, showing you exact costs and RPM (Requests Per Minute).
+4. **Audit Logs:** View a live feed of every single request your AI tools are making behind the scenes.
+
+## 🛠️ Integrating with VS Code / AI Agents
+
+To route your AI coding assistant through OmniGate AI:
+
+1. Open your AI Tool's settings (e.g., Roo Code or Continue).
+2. Set the **Provider** to `OpenAI Compatible`.
+3. Set the **Base URL** to `http://localhost:8080/v1`.
+4. Set the **API Key** to your **Gateway Secret Key** (the one you created in the dashboard, *not* your real OpenAI key).
+
+Now, start coding! OmniGate AI will silently intercept the requests, inject your real API key, forward it to the provider, and track your tokens on the dashboard.
+
+## 🤖 Routing Your Custom AI Apps (Python & Node.js)
+
+Are you building your own AI apps? You can easily route them through OmniGate AI to track their token usage too! Just change the base URL in your official OpenAI SDK to point to your local proxy.
+
+**Python Example:**
+```python
+from openai import OpenAI
+
+client = OpenAI(
+    base_url="http://localhost:8080/v1", # Point to your proxy
+    api_key="your-gateway-secret-key"    # Use your local secret
+)
+```
+
+**Node.js Example:**
+```javascript
+import OpenAI from 'openai';
+
+const openai = new OpenAI({
+    baseURL: "http://localhost:8080/v1", // Point to your proxy
+    apiKey: "your-gateway-secret-key"    // Use your local secret
+});
+```
+
+## ✨ Features
+
+- **🔒 100% Local Privacy:** Your real API keys are saved locally. Cloud-based AI tools never see them.
+- **💸 Token & Cost Tracking:** Accurate token counting and real-time cost estimation for OpenAI and DeepSeek models.
+- **🛡️ Rate Limit Protection:** Monitor your RPM to prevent accidental massive API bills from rogue agents.
+- **📡 Live Audit Log:** Total transparency into what your automated agents are actually sending to the LLMs.
+- **⚡ Zero Configuration:** Starts instantly with a single `npx` command.
+
+## 🌐 Website
+Visit our [Landing Page](https://erfanhassan.github.io/Omnigate.ai) for more information.
+
+## 📄 License
+MIT License

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omnigate-ai",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Privacy-first, self-hosted LLM API Gateway and Proxy for tracking token usage.",
   "main": "server.js",
   "type": "module",

package/public/app.js

@@ -151,6 +151,40 @@ document.addEventListener('DOMContentLoaded', () => {
         console.error("Stream parse error:", err);
       }
     };
+
+    evtSource.addEventListener('clear_telemetry', () => {
+      // Reset state
+      totalTokens = 0;
+      totalInputTokens = 0;
+      totalOutputTokens = 0;
+      totalCost = 0.0;
+      totalRequests = 0;
+      requestTimestamps.length = 0;
+      
+      // Clear DOM
+      tbody.innerHTML = '';
+      elTotalTokens.textContent = '0';
+      elInputTokens.textContent = '0';
+      elOutputTokens.textContent = '0';
+      elTotalCost.textContent = '$0.000';
+      elAvgCost.textContent = '$0.000';
+      elTotalRequests.textContent = '0';
+      
+      updateGauges();
+    });
+  }
+
+  // ==========================================
+  // Reset Data Button
+  // ==========================================
+  const btnResetData = document.getElementById('btn-reset-data');
+  if (btnResetData) {
+    btnResetData.addEventListener('click', () => {
+      if (confirm('Are you sure you want to clear all telemetry history?')) {
+        fetch('/api/telemetry', { method: 'DELETE' })
+          .catch(err => console.error('Failed to clear telemetry:', err));
+      }
+    });
   }
 
   // ==========================================

package/public/index.html

@@ -27,9 +27,14 @@
           <span style="font-size:0.7rem;color:var(--text-dim);font-weight:400;display:block;margin-top:0.1rem;">Privacy-First API Gateway &middot; Token Cost Tracker</span>
         </div>
       </div>
-      <div class="status-indicator">
-        <span class="pulse-dot"></span>
-        <span>Gateway Connected</span>
+      <div class="header-actions" style="display: flex; gap: 1rem; align-items: center;">
+        <button id="btn-reset-data" class="btn-secondary" style="padding: 0.4rem 0.8rem; font-size: 0.8rem; border-color: rgba(255,8,68,0.5); color: #ffb199; background: rgba(255,8,68,0.1); border-radius: 50px;">
+          ⟲ Reset Data
+        </button>
+        <div class="status-indicator">
+          <span class="pulse-dot"></span>
+          <span>Gateway Connected</span>
+        </div>
       </div>
     </header>
 

package/server.js

@@ -84,6 +84,12 @@ app.get('/api/telemetry', (req, res) => {
   res.json(telemetryHistory);
 });
 
+app.delete('/api/telemetry', (req, res) => {
+  telemetryHistory.length = 0;
+  telemetryEmitter.emit('clear_telemetry', { status: 'cleared' });
+  res.json({ status: 'success', message: 'Telemetry history cleared' });
+});
+
 app.get('/api/telemetry/stream', (req, res) => {
   res.setHeader('Content-Type', 'text/event-stream');
   res.setHeader('Cache-Control', 'no-cache');