fantasy-cli 1.2.10 → 1.2.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 97769253f39b85a122d12008484a7605a706c5a496b439bae2bacf3e775a82c6
-  data.tar.gz: f24db3335249ce2c18187778aedfbfce6634d6c862704efcad6145189e85578f
+  metadata.gz: e9d3e9147f450f7556df6f5bc25422413cb7d931602a891f6fa44760bf0c9199
+  data.tar.gz: 46a0e41b9cc69c9898b7041e11ad6c0c05370f8cb41330bfec0d21080f6e1cee
 SHA512:
-  metadata.gz: c82bb104a336a2134e14ec6e80f008738ce87eb94cde02cb3195cd91bf6f46ac81ca9dacbc79341caf36bab14071124e995df3179e1e55d1507e08882dce4e11
-  data.tar.gz: 26556e231d6d5b3465ed3dc245b06835c139fbcff7525dd99c49d0cac13dbf4ef989b0911c330fbae33cc9b8ba7627327635f17cb775e516a7f857922663a830
+  metadata.gz: 6ff5b96ebe17b99f51c2c74a325fe1289be0ccaddd96a30ebd06565ee58b2186aede2d6bc3b12b1402b54aa15b517c37e54c450c2e76c281abc51af6f010875f
+  data.tar.gz: 815b60e5ef7e357f2b83e954af91261e392660df8d92e59c4276c0513ddaa1a849d2541a3f973e43c3f3aeef4a6d13b19c43795e98384a721f189dfb8de1dcd7

data/lib/gsd/ai/commands/api.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
+require 'stringio'
 require 'gsd/ai/commands/base'
 
 module Gsd
@@ -7,27 +8,57 @@ module Gsd
     module Commands
       # /api - Mostra informações da API do provider
       class Api < Base
-        DESCRIPTION = 'Mostra informações da API do provider atual'
-        USAGE = '/api'
+        DESCRIPTION = 'Mostra informações ou configura API keys'
+        USAGE = '/api [set <provider> <key>]'
 
         def execute
+          if @args.empty?
+            show_info
+          elsif @args[0] == 'set' && @args.length >= 3
+            set_key(@args[1], @args[2])
+          else
+            "❌ Uso incorreto. Exemplos:\n  /api\n  /api set openrouter sk-or-..."
+          end
+        rescue => e
+          "Erro na configuração da API: #{e.message}"
+        end
+
+        private
+
+        def show_info
           provider = @chat.provider
           model = provider.model
 
           <<~API
             🤖 API Provider Info
 
-            Provider: #{provider.class::PROVIDER_NAME rescue provider.class.to_s.split('::').last}
-            Modelo: #{model}
+            Provider atual: #{provider.class::PROVIDER_NAME rescue provider.class.to_s.split('::').last}
+            Modelo atual: #{model}
+
+            Para configurar uma API key:
+            /api set <provider> <key>
+            Ex: /api set openrouter sk-or-...
 
-            Para trocar de provider:
-            /model anthropic - Claude (padrão)
-            /model openai     - GPT
-            /model ollama     - Local
-            /model openrouter - Gratuito
+            Para trocar de provider/modelo:
+            /model <provider> <model>
           API
-        rescue => e
-          "Erro ao obter info da API: #{e.message}"
+        end
+
+        def set_key(provider_name, api_key)
+          require 'gsd/ai/config'
+
+          # Suprime o output do ConfigCLI para não duplicar no REPL e retorna a string capturada
+          original_stdout = $stdout
+          $stdout = StringIO.new
+          begin
+            config = Gsd::AI::ConfigCLI.new
+            config.set_key(provider_name, api_key)
+            output = $stdout.string
+          ensure
+            $stdout = original_stdout
+          end
+
+          output.strip
         end
       end
     end

data/lib/gsd/api/client.rb

@@ -0,0 +1,90 @@
+# frozen_string_literal: true
+
+require 'net/http'
+require 'json'
+require 'uri'
+
+module Gsd
+  module API
+    # HTTP client to interact with the Gsd API server
+    class Client
+      attr_reader :host, :port
+
+      def initialize(host: '127.0.0.1', port: 3000)
+        @host = host
+        @port = port
+      end
+
+      # Checks the health status of the API server
+      #
+      # @return [Hash] Parsed JSON response from /api/health
+      def status
+        call('GET', '/api/health')
+      end
+
+      # Makes an HTTP request to the API server
+      #
+      # @param method [String] HTTP method (GET, POST, PATCH, PUT, DELETE)
+      # @param path [String] Request path
+      # @param body [Hash, String, nil] Optional request body (will be converted to JSON if Hash)
+      # @return [Hash] Parsed JSON response
+      def call(method, path, body: nil)
+        # Ensure path starts with a slash
+        path = "/#{path}" unless path.start_with?('/')
+
+        uri = URI("http://#{@host}:#{@port}#{path}")
+        http = Net::HTTP.new(uri.host, uri.port)
+
+        request_class = case method.to_s.upcase
+                        when 'GET' then Net::HTTP::Get
+                        when 'POST' then Net::HTTP::Post
+                        when 'PUT' then Net::HTTP::Put
+                        when 'PATCH' then Net::HTTP::Patch
+                        when 'DELETE' then Net::HTTP::Delete
+                        else
+                          raise ArgumentError, "Unsupported HTTP method: #{method}"
+                        end
+
+        request = request_class.new(uri.request_uri)
+        request['Content-Type'] = 'application/json'
+        request['Accept'] = 'application/json'
+
+        if body
+          request.body = body.is_a?(String) ? body : JSON.generate(body)
+        end
+
+        begin
+          response = http.request(request)
+          parse_response(response)
+        rescue Errno::ECONNREFUSED
+          raise "Connection refused. Is the API server running on http://#{@host}:#{@port}?"
+        rescue => e
+          raise "API request failed: #{e.message}"
+        end
+      end
+
+      private
+
+      def parse_response(response)
+        parsed_body = if response.body && !response.body.empty?
+                        begin
+                          JSON.parse(response.body)
+                        rescue JSON::ParserError
+                          { 'raw_body' => response.body }
+                        end
+                      else
+                        {}
+                      end
+
+        # If it's not a successful response, ensure we include HTTP status info
+        unless response.is_a?(Net::HTTPSuccess)
+          parsed_body['http_status'] = response.code.to_i
+          parsed_body['http_message'] = response.message
+          parsed_body['error'] ||= "HTTP Error #{response.code}"
+        end
+
+        parsed_body
+      end
+    end
+  end
+end

data/lib/gsd/api/middleware/cors.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Gsd
+  module API
+    module Middleware
+      # CORS Middleware - Adds Cross-Origin Resource Sharing headers to all responses
+      class CORS
+        def initialize(app)
+          @app = app
+        end
+
+        def call(env)
+          status, headers, body = @app.call(env)
+
+          # Add CORS headers to all responses
+          headers['Access-Control-Allow-Origin'] = '*'
+          headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, PATCH, DELETE, OPTIONS'
+          headers['Access-Control-Allow-Headers'] = 'Content-Type, Authorization, X-Requested-With'
+          headers['Access-Control-Max-Age'] = '86400'
+
+          # Handle preflight OPTIONS requests
+          if env['REQUEST_METHOD'] == 'OPTIONS'
+            headers['Content-Length'] = '0'
+            status = 204
+            body = []
+          end
+
+          [status, headers, body]
+        end
+      end
+    end
+  end
+end

data/lib/gsd/api/public/app.js

@@ -0,0 +1,133 @@
+document.addEventListener('DOMContentLoaded', () => {
+    // --- 1. Dashboard Data Fetching ---
+    const stateContainer = document.getElementById('state-container');
+    const phasesContainer = document.getElementById('phases-container');
+    const roadmapContainer = document.getElementById('roadmap-container');
+
+    const fetchAndRender = async (url, container) => {
+        if (!container) return;
+
+        try {
+            // Show loading state for the container
+            container.innerHTML = '<span class="loading">Loading data...</span>';
+
+            const response = await fetch(url);
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const data = await response.json();
+
+            // Format the JSON data for display in the UI
+            container.innerHTML = `<pre><code>${JSON.stringify(data, null, 2)}</code></pre>`;
+        } catch (error) {
+            console.error(`Error fetching data from ${url}:`, error);
+            container.innerHTML = `<div class="error-message">Failed to load data: ${error.message}</div>`;
+        }
+    };
+
+    const fetchHealth = async () => {
+        try {
+            const response = await fetch('/api/health');
+            if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+            const data = await response.json();
+            console.log('API Health Check:', data);
+        } catch (error) {
+            console.error('Health Check Error:', error);
+        }
+    };
+
+    // Load initial data to populate the UI
+    const loadDashboard = () => {
+        fetchAndRender('/api/state', stateContainer);
+        fetchAndRender('/api/phases', phasesContainer);
+        fetchAndRender('/api/roadmap', roadmapContainer);
+        fetchHealth();
+    };
+
+    loadDashboard();
+
+    // --- 2. AI Chat Logic ---
+    const chatForm = document.getElementById('chat-form');
+    // Fallback if there's no element explicitly with id="chat-input"
+    const chatInput = document.getElementById('chat-input') || (chatForm ? chatForm.querySelector('input[type="text"]') : null);
+    const chatLog = document.getElementById('chat-log');
+
+    // Utility to escape HTML and prevent XSS when rendering chat messages
+    const escapeHtml = (unsafe) => {
+        return (unsafe || '').toString()
+             .replace(/&/g, "&amp;")
+             .replace(/</g, "&lt;")
+             .replace(/>/g, "&gt;")
+             .replace(/"/g, "&quot;")
+             .replace(/'/g, "&#039;");
+    };
+
+    const appendChatMessage = (role, text, isError = false) => {
+        if (!chatLog) return null;
+
+        const messageDiv = document.createElement('div');
+        messageDiv.className = `chat-message ${role}`;
+        if (isError) messageDiv.classList.add('error');
+
+        const roleLabel = role === 'user' ? 'You' : 'AI';
+        messageDiv.innerHTML = `<strong>${roleLabel}:</strong> <span class="content">${escapeHtml(text)}</span>`;
+
+        chatLog.appendChild(messageDiv);
+        // Auto-scroll to bottom of chat
+        chatLog.scrollTop = chatLog.scrollHeight;
+
+        return messageDiv;
+    };
+
+    if (chatForm) {
+        chatForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+
+            const message = chatInput ? chatInput.value.trim() : '';
+            if (!message) return;
+
+            // Clear input field immediately
+            if (chatInput) chatInput.value = '';
+
+            // Display User Message
+            appendChatMessage('user', message);
+
+            // Display Loading State for AI
+            const loadingMsg = appendChatMessage('ai', 'Thinking...');
+            if (loadingMsg) loadingMsg.classList.add('loading-pulse');
+
+            try {
+                // Send the POST request to the local API
+                const response = await fetch('/api/ai/chat', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        message: message,
+                        provider: 'anthropic'
+                    })
+                });
+
+                if (!response.ok) {
+                    throw new Error(`Server returned ${response.status}`);
+                }
+
+                const data = await response.json();
+
+                // Remove loading message once we get a response
+                if (loadingMsg) loadingMsg.remove();
+
+                // Display AI response
+                // Adapting to multiple possible standard JSON response formats
+                const aiReply = data.response || data.message || data.reply || data.text || JSON.stringify(data);
+                appendChatMessage('ai', aiReply);
+
+            } catch (error) {
+                console.error('Chat API Error:', error);
+                if (loadingMsg) loadingMsg.remove();
+                appendChatMessage('ai', `Communication error: ${error.message}`, true);
+            }
+        });
+    }
+});

data/lib/gsd/api/public/index.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Fantasy CLI - Nexus Control</title>
+  <link rel="stylesheet" href="style.css">
+  <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+</head>
+<body>
+  <header>
+    <div class="logo">
+      <span class="glitch" data-text="FANTASY CLI">FANTASY CLI</span>
+    </div>
+    <div class="subtitle">Nexus Control Dashboard</div>
+    <nav>
+      <a href="#project-state">State</a>
+      <a href="#phases-list">Phases</a>
+      <a href="#roadmap-summary">Roadmap</a>
+      <a href="#ai-chat">AI Link</a>
+    </nav>
+    <div id="health-indicator" class="status-dot"></div>
+  </header>
+
+  <main class="grid-container">
+    <!-- Left Column: Data & State -->
+    <div class="column left">
+      <section id="project-state" class="panel">
+        <h2 class="panel-title">Project State</h2>
+        <div id="state-container" class="data-view">
+          <span class="loading">Initializing state uplink...</span>
+        </div>
+      </section>
+
+      <section id="phases-list" class="panel">
+        <h2 class="panel-title">Phases Sequence</h2>
+        <div id="phases-container" class="data-view">
+          <span class="loading">Fetching sequence data...</span>
+        </div>
+      </section>
+    </div>
+
+    <!-- Right Column: Roadmap & AI -->
+    <div class="column right">
+      <section id="roadmap-summary" class="panel">
+        <h2 class="panel-title">Roadmap</h2>
+        <div id="roadmap-container" class="data-view">
+          <span class="loading">Decrypting roadmap...</span>
+        </div>
+      </section>
+
+      <section id="ai-chat" class="panel ai-panel">
+        <h2 class="panel-title glow-text">AI Neural Link</h2>
+
+        <div id="chat-log" class="chat-messages">
+          <div class="message ai">
+            <span class="sender">GSD AI:</span>
+            <div class="content">Nexus connection established. How can I assist you with this project?</div>
+          </div>
+        </div>
+
+        <form id="chat-form" class="chat-input-area">
+          <div class="config-row">
+            <div class="input-group">
+              <label for="provider">Provider</label>
+              <select id="provider" name="provider">
+                <option value="anthropic" selected>Anthropic</option>
+                <option value="openai">OpenAI</option>
+                <option value="openrouter">OpenRouter</option>
+                <option value="ollama">Ollama</option>
+                <option value="lmstudio">LM Studio</option>
+              </select>
+            </div>
+
+            <div class="input-group">
+              <label for="model">Model</label>
+              <input type="text" id="model" name="model" placeholder="claude-3-haiku-20240307">
+            </div>
+          </div>
+
+          <div class="message-row">
+            <textarea id="message" name="message" placeholder="Type your command or question... (e.g. 'What is the current phase?')" required></textarea>
+            <button type="submit" class="neon-btn">SEND</button>
+          </div>
+        </form>
+      </section>
+    </div>
+  </main>
+
+  <footer>
+    <div class="stats">
+      <span id="cost-tracker">API Cost: Loading...</span> |
+      <span id="token-tracker">Tokens: Loading...</span>
+    </div>
+    <div class="credits">GSD Core v1.2.10</div>
+  </footer>
+
+  <script src="app.js"></script>
+</body>
+</html>