@programinglive/dev-workflow-mcp-server 1.7.13 → 1.7.14

package/web/components/Navbar.tsx

@@ -4,6 +4,7 @@ import { useState, useEffect } from "react";
 import Link from "next/link";
 import { Github, Menu, X, Moon, Sun, LogOut } from "lucide-react";
 import Image from "next/image";
+import { apiClient } from "@/lib/api-client";
 
 export default function Navbar() {
     const [isOpen, setIsOpen] = useState(false);
@@ -29,18 +30,16 @@ export default function Navbar() {
             const mightBeLoggedIn = localStorage.getItem('isLoggedIn') === 'true';
 
             if (mightBeLoggedIn) {
-                fetch('/api/auth/me')
-                    .then(res => {
-                        if (res.ok) {
-                            return res.json();
-                        }
-                        throw new Error('Not authenticated');
-                    })
+                apiClient.getCurrentUser()
                     .then(data => {
-                        setIsAuthenticated(true);
-                        setUsername(data.user?.username || 'User');
-                        // Ensure local storage is in sync
-                        localStorage.setItem('isLoggedIn', 'true');
+                        if (data) {
+                            setIsAuthenticated(true);
+                            setUsername(data.username || 'User');
+                            // Ensure local storage is in sync
+                            localStorage.setItem('isLoggedIn', 'true');
+                        } else {
+                            throw new Error('Not authenticated');
+                        }
                     })
                     .catch(() => {
                         // Session invalid/expired
@@ -74,7 +73,7 @@ export default function Navbar() {
 
     const handleLogout = async () => {
         try {
-            await fetch('/api/auth/logout', { method: 'POST' });
+            await apiClient.logout();
             localStorage.removeItem('isLoggedIn');
             setIsAuthenticated(false);
             setUsername(null);

package/web/lib/api-client.ts

@@ -0,0 +1,123 @@
+// API configuration
+const API_BASE_URL = 'https://hollywood-andrew-cycle-genre.trycloudflare.com';
+
+export const apiClient = {
+    async login(username: string, password: string) {
+        const response = await fetch(`${API_BASE_URL}/api/auth/login`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            credentials: 'include',
+            body: JSON.stringify({ username, password }),
+        });
+
+        if (!response.ok) {
+            const error = await response.json();
+            throw new Error(error.error || 'Login failed');
+        }
+
+        const data = await response.json();
+
+        // Store JWT token if present
+        if (data.token) {
+            localStorage.setItem('token', data.token);
+        }
+
+        return data;
+    },
+
+    async logout() {
+        const response = await fetch(`${API_BASE_URL}/api/auth/logout`, {
+            method: 'POST',
+            credentials: 'include',
+        });
+
+        if (!response.ok) {
+            throw new Error('Logout failed');
+        }
+
+        // Clear token
+        localStorage.removeItem('token');
+
+        return response.json();
+    },
+
+    async getCurrentUser() {
+        try {
+            const token = localStorage.getItem('token');
+            const headers: Record<string, string> = {};
+
+            if (token) {
+                headers['Authorization'] = `Bearer ${token}`;
+            }
+
+            const response = await fetch(`${API_BASE_URL}/api/auth/me`, {
+                headers,
+                credentials: 'include',
+            });
+
+            if (!response.ok) {
+                return null;
+            }
+
+            return response.json();
+        } catch (error) {
+            return null;
+        }
+    },
+
+    async getHistory() {
+        const token = localStorage.getItem('token');
+        const headers: Record<string, string> = {
+            'Content-Type': 'application/json',
+        };
+
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+
+        const response = await fetch(`${API_BASE_URL}/api/history`, {
+            headers,
+            credentials: 'include',
+        });
+
+        if (!response.ok) {
+            const error = await response.json();
+            throw new Error(error.error || 'Failed to fetch history');
+        }
+
+        return response.json();
+    },
+
+    async createHistory(data: {
+        task_type: string;
+        description: string;
+        commit_message?: string;
+        tests_passed?: boolean;
+        documentation_type?: string;
+    }) {
+        const token = localStorage.getItem('token');
+        const headers: Record<string, string> = {
+            'Content-Type': 'application/json',
+        };
+
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+
+        const response = await fetch(`${API_BASE_URL}/api/history`, {
+            method: 'POST',
+            headers,
+            credentials: 'include',
+            body: JSON.stringify(data),
+        });
+
+        if (!response.ok) {
+            const error = await response.json();
+            throw new Error(error.error || 'Failed to create history entry');
+        }
+
+        return response.json();
+    },
+};

package/web/next.config.ts

@@ -2,8 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   // Static export for Netlify deployment
-  // Static export removed for server-side features
-  // output: 'export',
+  output: 'export',
   // Set turbopack root to silence multi-lockfile warning
   turbopack: {
     root: __dirname,