Add API key management methods and standardize API endpoint usage

Author: ralyodio

public/js/api-client.js

@@ -153,13 +153,6 @@ export class ApiClient {
     return await response.json();
   }
 
-  /**
-   * Create a new subscription
-   * @param {string} email - User email
-   * @param {string} plan - Subscription plan (monthly, yearly)
-   * @param {string} coin - Cryptocurrency code (btc, eth, sol, usdc)
-   * @returns {Promise<Object>} - Subscription details
-   */
   /**
    * Create a new subscription
    * @param {string} email - User email
@@ -287,4 +280,136 @@ export class ApiClient {
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
   }
+
+  /**
+   * API Key Management
+   */
+
+  /**
+   * Get API keys
+   * @returns {Promise<Object>} - API keys
+   */
+  static async getApiKeys() {
+    const url = `${this.baseUrl}/api-keys`;
+    
+    const headers = {
+      'Accept': 'application/json',
+    };
+    
+    // Add Authorization header if API key exists
+    const apiKey = localStorage.getItem('api_key');
+    if (apiKey) {
+      headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    
+    const response = await fetch(url, {
+      method: 'GET',
+      headers
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json();
+      throw new Error(errorData.error || response.statusText);
+    }
+    
+    return await response.json();
+  }
+  
+  /**
+   * Create a new API key
+   * @param {string} name - API key name
+   * @returns {Promise<Object>} - New API key
+   */
+  static async createApiKey(name) {
+    const url = `${this.baseUrl}/api-keys`;
+    
+    const headers = {
+      'Content-Type': 'application/json',
+      'Accept': 'application/json',
+    };
+    
+    // Add Authorization header if API key exists
+    const apiKey = localStorage.getItem('api_key');
+    if (apiKey) {
+      headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    
+    const response = await fetch(url, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify({ name })
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json();
+      throw new Error(errorData.error || response.statusText);
+    }
+    
+    return await response.json();
+  }
+  
+  /**
+   * Update an API key
+   * @param {string} keyId - API key ID
+   * @param {Object} updates - Updates to apply
+   * @returns {Promise<Object>} - Updated API key
+   */
+  static async updateApiKey(keyId, updates) {
+    const url = `${this.baseUrl}/api-keys/${keyId}`;
+    
+    const headers = {
+      'Content-Type': 'application/json',
+      'Accept': 'application/json',
+    };
+    
+    // Add Authorization header if API key exists
+    const apiKey = localStorage.getItem('api_key');
+    if (apiKey) {
+      headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    
+    const response = await fetch(url, {
+      method: 'PUT',
+      headers,
+      body: JSON.stringify(updates)
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json();
+      throw new Error(errorData.error || response.statusText);
+    }
+    
+    return await response.json();
+  }
+  
+  /**
+   * Delete an API key
+   * @param {string} keyId - API key ID
+   * @returns {Promise<Object>} - Success status
+   */
+  static async deleteApiKey(keyId) {
+    const url = `${this.baseUrl}/api-keys/${keyId}`;
+    
+    const headers = {
+      'Accept': 'application/json',
+    };
+    
+    // Add Authorization header if API key exists
+    const apiKey = localStorage.getItem('api_key');
+    if (apiKey) {
+      headers['Authorization'] = `Bearer ${apiKey}`;
+    }
+    
+    const response = await fetch(url, {
+      method: 'DELETE',
+      headers
+    });
+    
+    if (!response.ok) {
+      const errorData = await response.json();
+      throw new Error(errorData.error || response.statusText);
+    }
+    
+    return await response.json();
+  }
 }

public/js/components/api-key-manager.js

@@ -483,7 +483,11 @@ export class ApiKeyManager extends BaseComponent {
       this._error = null;
       this.render();
 
-      const response = await fetch('/api/1/api-keys', {
+      // Use the ApiClient class for consistency
+      const { ApiClient } = await import('../api-client.js');
+      const baseUrl = ApiClient.baseUrl || '/api/1';
+      
+      const response = await fetch(`${baseUrl}/api-keys`, {
         method: 'GET',
         headers: {
           'Accept': 'application/json',
@@ -524,7 +528,11 @@ export class ApiKeyManager extends BaseComponent {
       this._error = null;
       this.render();
 
-      const response = await fetch('/api/1/api-keys', {
+      // Use the ApiClient class for consistency
+      const { ApiClient } = await import('../api-client.js');
+      const baseUrl = ApiClient.baseUrl || '/api/1';
+      
+      const response = await fetch(`${baseUrl}/api-keys`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -564,7 +572,11 @@ export class ApiKeyManager extends BaseComponent {
       this._error = null;
       this.render();
 
-      const response = await fetch(`/api/1/api-keys/${keyId}`, {
+      // Use the ApiClient class for consistency
+      const { ApiClient } = await import('../api-client.js');
+      const baseUrl = ApiClient.baseUrl || '/api/1';
+      
+      const response = await fetch(`${baseUrl}/api-keys/${keyId}`, {
         method: 'PUT',
         headers: {
           'Content-Type': 'application/json',
@@ -601,7 +613,11 @@ export class ApiKeyManager extends BaseComponent {
       this._error = null;
       this.render();
 
-      const response = await fetch(`/api/1/api-keys/${keyId}`, {
+      // Use the ApiClient class for consistency
+      const { ApiClient } = await import('../api-client.js');
+      const baseUrl = ApiClient.baseUrl || '/api/1';
+      
+      const response = await fetch(`${baseUrl}/api-keys/${keyId}`, {
         method: 'DELETE',
         headers: {
           'Accept': 'application/json',