Fix license creation and API connectivity issues

- Fix API endpoint paths to include /api prefix for unified server
- Ensure field name consistency across frontend, backend, and database
- Add comprehensive debugging and logging to track API requests/responses
- Improve Supabase connection error handling and user feedback
- Add debugging to license creation and data loading processes
- Fix new license button functionality with proper error handling

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/models/database.py

@@ -14,18 +14,32 @@ class Database:
         self.key: str = os.environ.get("SUPABASE_SERVICE_KEY", "")
         self.client: Optional[Client] = None
         
-        if self.url and self.key:
-            self.client = create_client(self.url, self.key)
+        print(f"🔗 Initializing Supabase connection...")
+        print(f"   URL: {self.url[:50]}{'...' if len(self.url) > 50 else ''}")
+        print(f"   Key: {'*' * 20 if self.key else 'NOT SET'}")
+        
+        if self.url and self.key and not self.url.startswith('your-') and not self.key.startswith('your-'):
+            try:
+                self.client = create_client(self.url, self.key)
+                print("✅ Supabase connection initialized successfully")
+            except Exception as e:
+                print(f"❌ Supabase connection failed: {e}")
+                self.client = None
         else:
-            print("⚠️ Supabase 環境變數未設定")
+            print("⚠️ Supabase 環境變數未設定或使用預設值")
+            print("   請在 Hugging Face Spaces Settings 或 .env 檔案中設定正確的 SUPABASE_URL 和 SUPABASE_SERVICE_KEY")
     
     def get_client(self) -> Optional[Client]:
         """取得 Supabase 客戶端"""
+        if not self.client:
+            print("❌ Supabase client 未初始化")
         return self.client
     
     def is_connected(self) -> bool:
         """檢查是否連接成功"""
-        return self.client is not None
+        connected = self.client is not None
+        print(f"🔍 Supabase connection status: {'Connected' if connected else 'Not connected'}")
+        return connected
 
 # 全域資料庫實例
 db = Database()

app/services/license_service.py

@@ -18,6 +18,8 @@ class LicenseService:
     
     def __init__(self):
         self.supabase = db.get_client()
+        if not self.supabase:
+            print("❌ LicenseService: Supabase client is None - all operations will fail")
     
     def generate_license_code(self) -> str:
         """生成唯一授權碼"""
@@ -30,11 +32,14 @@ class LicenseService:
     async def create_license(self, license_data: LicenseCreate) -> Dict[str, Any]:
         """建立新授權"""
         try:
+            if not self.supabase:
+                print("❌ create_license: Supabase client not available")
+                return {"success": False, "message": "資料庫連接失敗"}
+            
             license_code = self.generate_license_code()
             expires_at = datetime.now(timezone.utc) + timedelta(days=license_data.expires_days)
             
-            # 插入授權記錄
-            result = self.supabase.table("licenses").insert({
+            license_record = {
                 "license_code": license_code,
                 "user_name": license_data.user_name,
                 "user_email": license_data.user_email,
@@ -42,7 +47,14 @@ class LicenseService:
                 "expires_at": expires_at.isoformat(),
                 "is_active": True,
                 "activated_at": datetime.now(timezone.utc).isoformat() if license_data.hardware_id else None
-            }).execute()
+            }
+            
+            print(f"🔄 Creating license with data: {license_record}")
+            
+            # 插入授權記錄
+            result = self.supabase.table("licenses").insert(license_record).execute()
+            
+            print(f"✅ License creation result: {result}")
             
             if result.data:
                 return {
@@ -56,7 +68,7 @@ class LicenseService:
                 return {"success": False, "message": "授權建立失敗"}
                 
         except Exception as e:
-            print(f"建立授權錯誤: {e}")
+            print(f"❌ 建立授權錯誤: {e}")
             return {"success": False, "message": f"系統錯誤: {str(e)}"}
     
     async def activate_license(self, activation: LicenseActivation, client_ip: str = None) -> ActivationResponse:
@@ -260,10 +272,16 @@ class LicenseService:
     async def get_all_licenses(self) -> List[Dict[str, Any]]:
         """取得所有授權列表"""
         try:
+            if not self.supabase:
+                print("❌ get_all_licenses: Supabase client not available")
+                return []
+            
+            print("🔄 Fetching all licenses from Supabase...")
             result = self.supabase.table("licenses").select("*").order("created_at", desc=True).execute()
+            print(f"✅ Retrieved {len(result.data or [])} licenses from database")
             return result.data or []
         except Exception as e:
-            print(f"取得授權列表錯誤: {e}")
+            print(f"❌ 取得授權列表錯誤: {e}")
             return []
     
     async def get_usage_logs(self, limit: int = 100) -> List[Dict[str, Any]]:

frontend/js/api.js

@@ -36,22 +36,32 @@ class ApiClient {
             config.body = JSON.stringify(config.body);
         }
         
+        console.log(`🌐 API Request [${config.method}] ${url}`, config.body ? JSON.parse(config.body) : '(no body)');
+        
         try {
             const response = await fetch(url, config);
             
+            console.log(`📡 API Response [${config.method}] ${url}: ${response.status} ${response.statusText}`);
+            
             if (!response.ok) {
+                const errorText = await response.text();
+                console.error(`❌ API Error Response:`, errorText);
                 throw new Error(`HTTP ${response.status}: ${response.statusText}`);
             }
             
             const contentType = response.headers.get('content-type');
             if (contentType?.includes('application/json')) {
-                return await response.json();
+                const result = await response.json();
+                console.log(`✅ API Success Response:`, result);
+                return result;
             }
             
-            return await response.text();
+            const textResult = await response.text();
+            console.log(`✅ API Text Response:`, textResult);
+            return textResult;
             
         } catch (error) {
-            console.error(`API Error [${config.method} ${endpoint}]:`, error);
+            console.error(`❌ API Error [${config.method} ${endpoint}]:`, error);
             throw error;
         }
     }
@@ -59,7 +69,7 @@ class ApiClient {
     // Health check
     async checkHealth() {
         try {
-            await this.request('/health');
+            await this.request('/api/health');
             return { success: true };
         } catch (error) {
             return { success: false, error: error.message };
@@ -68,42 +78,41 @@ class ApiClient {
     
     // License endpoints
     async getLicenses() {
-        return this.request('/licenses');
+        return this.request('/api/licenses');
     }
     
     async createLicense(licenseData) {
-        return this.request('/licenses', {
+        return this.request('/api/license/create', {
             method: 'POST',
             body: licenseData
         });
     }
     
-    async updateLicense(licenseId, licenseData) {
-        return this.request(`/licenses/${licenseId}`, {
-            method: 'PUT',
-            body: licenseData
+    async toggleLicense(licenseId) {
+        return this.request(`/api/license/${licenseId}/toggle`, {
+            method: 'PATCH'
         });
     }
     
     async deleteLicense(licenseId) {
-        return this.request(`/licenses/${licenseId}`, {
+        return this.request(`/api/license/${licenseId}`, {
             method: 'DELETE'
         });
     }
     
     // Stats endpoints
     async getLicenseStats() {
-        return this.request('/licenses/stats');
+        return this.request('/api/licenses/stats');
     }
     
     // Logs endpoints
     async getLicenseLogs(limit = 50) {
-        return this.request(`/licenses/logs?limit=${limit}`);
+        return this.request(`/api/licenses/logs?limit=${limit}`);
     }
     
     // System info
     async getSystemInfo() {
-        return this.request('/system/info');
+        return this.request('/api/system/info');
     }
 }
 

frontend/js/components.js

@@ -107,11 +107,13 @@ class Components {
         const formData = new FormData(form);
         const licenseData = {
             user_name: formData.get('userName'),
-            email: formData.get('email'),
-            valid_days: parseInt(formData.get('validDays')),
-            notes: formData.get('notes')
+            user_email: formData.get('email'),
+            expires_days: parseInt(formData.get('validDays')),
+            hardware_id: null  // 可選，管理界面可以留空
         };
         
+        console.log('📝 License Creation Data:', licenseData);
+        
         const submitBtn = form.querySelector('button[type="submit"]');
         const originalContent = submitBtn.innerHTML;
         
@@ -119,17 +121,24 @@ class Components {
             submitBtn.disabled = true;
             submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 建立中...';
             
-            await api.createLicense(licenseData);
-            
-            Utils.showSuccess('授權建立成功');
-            this.closeModal(modal);
+            console.log('🚀 Sending create license request...');
+            const response = await api.createLicense(licenseData);
+            console.log('✅ Create license response:', response);
             
-            // Refresh current page if it has a refresh method
-            if (window.currentPage && window.currentPage.refresh) {
-                window.currentPage.refresh();
+            if (response && response.success) {
+                Utils.showSuccess('授權建立成功');
+                this.closeModal(modal);
+                
+                // Refresh current page if it has a refresh method
+                if (window.currentPage && window.currentPage.refresh) {
+                    window.currentPage.refresh();
+                }
+            } else {
+                throw new Error(response?.message || '建立授權失敗');
             }
             
         } catch (error) {
+            console.error('❌ Create license error:', error);
             Utils.handleError(error, '建立授權時');
             submitBtn.disabled = false;
             submitBtn.innerHTML = originalContent;

frontend/js/pages/users.js

@@ -156,26 +156,33 @@ class UsersPage {
     
     async loadLicenses() {
         try {
+            console.log('🔄 Loading licenses...');
             const response = await api.getLicenses();
+            console.log('📄 Licenses response:', response);
             
             // 確保 licenses 是陣列
             if (Array.isArray(response)) {
                 this.licenses = response;
+                console.log(`✅ Loaded ${response.length} licenses (direct array)`);
             } else if (response && Array.isArray(response.data)) {
                 this.licenses = response.data;
+                console.log(`✅ Loaded ${response.data.length} licenses (from .data property)`);
             } else if (response && typeof response === 'object') {
                 // 如果是對象，嘗試提取可能的陣列屬性
                 const possibleArrays = ['licenses', 'data', 'items', 'records'];
                 for (const key of possibleArrays) {
                     if (Array.isArray(response[key])) {
                         this.licenses = response[key];
+                        console.log(`✅ Loaded ${response[key].length} licenses (from .${key} property)`);
                         break;
                     }
                 }
                 if (!this.licenses) {
+                    console.warn('⚠️ No valid license data found in response object, using empty array');
                     this.licenses = [];
                 }
             } else {
+                console.warn('⚠️ Response is not an array or object with license data, using empty array');
                 this.licenses = [];
             }
             
@@ -184,6 +191,7 @@ class UsersPage {
                 Utils.showSuccess('授權列表載入完成');
             }
         } catch (error) {
+            console.error('❌ Error loading licenses:', error);
             Utils.handleError(error, '載入授權列表時');
             this.licenses = [];
             this.renderError();