Update app.js

app.js

@@ -10,24 +10,34 @@ const PORT = 7860;
 
 app.use(express.json());
 
+// --- 0. ROBUST LOGGER HELPER ---
+const log = (level, context, message, data = null) => {
+    const timestamp = new Date().toISOString();
+    const color = level === 'ERROR' ? '\x1b[31m' : level === 'WARN' ? '\x1b[33m' : '\x1b[32m';
+    const reset = '\x1b[0m';
+    console.log(`${color}[${timestamp}] [${level}] [${context}] ${message}${reset}`);
+    if (data) {
+        console.dir(data, { depth: null, colors: true });
+    }
+};
+
 // --- 1. SYSTEM PROMPTS ---
 const SYSTEM_PROMPT_PRO = "You are a pro";
 const SYSTEM_PROMPT_WORKER = "You are a worker";
 
 // --- 2. CLIENT INITIALIZATION ---
 
-// Bedrock Client (Uses SDK credential chain)
+log('INFO', 'INIT', 'Initializing clients...');
+
 const bedrockClient = new BedrockRuntimeClient({
     region: process.env.AWS_REGION || "us-east-1",
     maxAttempts: 1,
-  credentials: {
-    accessKeyId: "AKIARRXB77NRTRLNWEBT",
-    secretAccessKey: "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",
-    // sessionToken: "..." // Only if using temporary credentials
-      }
+    credentials: {
+        accessKeyId: "AKIARRXB77NRTRLNWEBT",
+        secretAccessKey: "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",
+    }
 });
 
-// Azure OpenAI Client
 const AZURE_API_KEY = "7U3m9NRkE38ThSWTr92hMgQ4hDCUFI9MAnFNrCgRL7MhdvckfTXwJQQJ99CBACHYHv6XJ3w3AAAAACOGV22P";
 const AZURE_DEPLOY = process.env.AZURE_OPENAI_DEPLOYMENT || "gpt-5-mini";
 const AZURE_BASE_URL = `https://hollowpad-resource.cognitiveservices.azure.com/openai/deployments/${AZURE_DEPLOY}`;
@@ -42,67 +52,85 @@ const azureOpenAI = new OpenAI({
 // --- 3. EXECUTION LOGIC ---
 
 async function callClaude(userPrompt) {
-    const command = new ConverseCommand({
-        // Full ARN required for global inference profiles
-        modelId: "arn:aws:bedrock:us-east-1:106774395747:inference-profile/global.anthropic.claude-sonnet-4-6",
-        system: [{ text: SYSTEM_PROMPT_PRO }],
-        messages: [{ role: "user", content: [{ text: userPrompt }] }],
-        inferenceConfig: {
-            maxTokens: 49752,
-            stopSequences: [],
-            temperature: 1
-        },
-        additionalModelRequestFields: {
-            thinking: { type: "adaptive" },
-            output_config: { effort: "high" }
-        },
-        performanceConfig: { latency: "standard" }
-    });
-
-    const response = await bedrockClient.send(command);
-  
-    console.log(response);
-  
-    // Find text block in response (skips reasoning blocks)
-    const textBlock = response.output.message.content.find(
-        block => typeof block.text === 'string'
-    );
-  
-  console.log(response);
-  console.log(textBlock);
-  
-    return textBlock?.text ?? "No text response was generated.";
+    log('INFO', 'CLAUDE', 'Starting Bedrock ConverseCommand...', { prompt: userPrompt.substring(0, 50) + "..." });
+    
+    try {
+        const command = new ConverseCommand({
+            modelId: "arn:aws:bedrock:us-east-1:106774395747:inference-profile/global.anthropic.claude-sonnet-4-6",
+            system: [{ text: SYSTEM_PROMPT_PRO }],
+            messages: [{ role: "user", content: [{ text: userPrompt }] }],
+            inferenceConfig: {
+                maxTokens: 49752,
+                stopSequences: [],
+                temperature: 1
+            },
+            additionalModelRequestFields: {
+                thinking: { type: "adaptive" },
+                output_config: { effort: "high" }
+            },
+            performanceConfig: { latency: "standard" }
+        });
+
+        const response = await bedrockClient.send(command);
+        log('DEBUG', 'CLAUDE-RAW', 'Full Response from AWS:', response);
+
+        const textBlock = response.output.message.content.find(block => typeof block.text === 'string');
+        
+        if (!textBlock) {
+            log('WARN', 'CLAUDE', 'No text block found in content array.');
+        } else {
+            log('INFO', 'CLAUDE', 'Successfully retrieved response.');
+        }
+
+        return textBlock?.text ?? "No text response was generated.";
+    } catch (err) {
+        log('ERROR', 'CLAUDE-SDK', 'AWS Bedrock call failed.', err);
+        throw err;
+    }
 }
 
 async function callGptMini(userPrompt) {
-    const response = await azureOpenAI.chat.completions.create({
-        model: AZURE_DEPLOY,
-        messages: [
-            { role: "system", content: SYSTEM_PROMPT_WORKER },
-            { role: "user", content: userPrompt }
-        ],
-        reasoning_effort: "high",
-        max_completion_tokens: 56069,
-        store: true 
-    });
-    return response.choices[0].message.content;
+    log('INFO', 'AZURE', 'Starting Azure OpenAI Request...', { deploy: AZURE_DEPLOY });
+    
+    try {
+        const response = await azureOpenAI.chat.completions.create({
+            model: AZURE_DEPLOY,
+            messages: [
+                { role: "system", content: SYSTEM_PROMPT_WORKER },
+                { role: "user", content: userPrompt }
+            ],
+            reasoning_effort: "high",
+            max_completion_tokens: 56069,
+            store: true 
+        });
+
+        log('INFO', 'AZURE', 'Successfully retrieved Azure response.');
+        return response.choices[0].message.content;
+    } catch (err) {
+        log('ERROR', 'AZURE-SDK', 'Azure call failed.', err);
+        throw err;
+    }
 }
 
 // --- 4. API ENDPOINT ---
 
 app.post('/api/generate', async (req, res) => {
     const { model, prompt } = req.body;
+    log('INFO', 'ENDPOINT', `Request received for model: ${model}`);
 
     if (!prompt || typeof prompt !== 'string') {
+        log('WARN', 'ENDPOINT', 'Invalid or missing prompt.');
         return res.status(400).json({ success: false, error: "Missing or invalid 'prompt' field." });
     }
 
     try {
         const result = (model === "claude") ? await callClaude(prompt) : await callGptMini(prompt);
+        log('INFO', 'ENDPOINT', 'Sending success response to client.');
         res.json({ success: true, data: result });
     } catch (err) {
         const errorMsg = (err instanceof Error) ? err.message : String(err);
-        console.error(`[${model ?? 'unknown'}] Error:`, errorMsg);
+        log('ERROR', 'ENDPOINT-CATCH', `Failure in /api/generate`, { error: errorMsg });
+        
         if (!res.headersSent) {
             res.status(500).json({ success: false, error: errorMsg });
         }
@@ -112,6 +140,7 @@ app.post('/api/generate', async (req, res) => {
 // --- 5. HTML DEMO PAGE ---
 
 app.get('/', (req, res) => {
+    log('INFO', 'SERVER', 'Serving homepage...');
     res.send(`
 <!DOCTYPE html>
 <html>
@@ -122,31 +151,23 @@ app.get('/', (req, res) => {
         .box { max-width: 900px; margin: auto; background: #1a1a1a; padding: 30px; border-radius: 10px; border: 1px solid #333; }
         textarea { width: 100%; height: 180px; background: #222; color: #00ff00; border: 1px solid #333; padding: 15px; box-sizing: border-box; font-family: monospace; font-size: 14px; }
         select, button { background: #333; color: white; padding: 12px; border: 1px solid #444; border-radius: 5px; margin-top: 10px; width: 100%; cursor: pointer; }
-        button { background: #0078d4; font-weight: bold; transition: background 0.2s; }
-        button:hover { background: #0086f0; }
+        button { background: #0078d4; font-weight: bold; }
         button:disabled { background: #444; cursor: not-allowed; }
         #output { margin-top: 25px; white-space: pre-wrap; background: #000; padding: 20px; border-radius: 5px; border: 1px solid #222; color: #adadad; min-height: 50px; }
-        .header { margin-bottom: 20px; }
         .badge { font-size: 11px; background: #444; padding: 2px 6px; border-radius: 3px; color: #ccc; }
     </style>
 </head>
 <body>
     <div class="box">
-        <div class="header">
-            <h1>Hollowpad Battle Arena</h1>
-            <p><span class="badge">Thinking: Adaptive</span> <span class="badge">Effort: High</span></p>
-        </div>
-        
-        <textarea id="prompt" placeholder="Enter your prompt here..."></textarea>
-        
+        <h1>Hollowpad Battle Arena</h1>
+        <p><span class="badge">Robust Logging Enabled</span></p>
+        <textarea id="prompt" placeholder="Enter prompt..."></textarea>
         <select id="model">
             <option value="gpt">GPT-5 Mini (Worker Prompt)</option>
             <option value="claude">Claude Sonnet 4.6 (Pro Prompt)</option>
         </select>
-        
-        <button id="runBtn" onclick="execute()">Run High Reasoning Test</button>
-        
-        <div id="output">Output will appear here...</div>
+        <button id="runBtn" onclick="execute()">Run Test</button>
+        <div id="output">Ready. Check server console for logs.</div>
     </div>
 
     <script>
@@ -157,7 +178,7 @@ app.get('/', (req, res) => {
             const prompt = document.getElementById('prompt').value;
 
             btn.disabled = true;
-            out.innerText = "Thinking (Adaptive Reasoning)...";
+            out.innerText = "Processing request... check terminal.";
 
             try {
                 const res = await fetch('/api/generate', {
@@ -165,6 +186,15 @@ app.get('/', (req, res) => {
                     headers: { 'Content-Type': 'application/json' },
                     body: JSON.stringify({ model, prompt })
                 });
+
+                // If the response is not JSON (e.g., 404 HTML), this will catch it
+                const contentType = res.headers.get("content-type");
+                if (!contentType || !contentType.includes("application/json")) {
+                    const text = await res.text();
+                    out.innerHTML = "<b style='color:red'>SERVER RETURNED NON-JSON (HTML):</b><br>" + text.substring(0, 500);
+                    return;
+                }
+
                 const result = await res.json();
                 out.innerText = result.success ? result.data : "Error: " + result.error;
             } catch (e) {
@@ -179,4 +209,17 @@ app.get('/', (req, res) => {
     `);
 });
 
-app.listen(PORT, () => console.log(`Server started: http://localhost:${PORT}`));
+// --- 6. EMERGENCY CATCH-ALLS ---
+// This prevents the "Unexpected token <" error by ensuring 404s and errors are JSON
+
+app.use((req, res) => {
+    log('WARN', 'SERVER', `404 Not Found: ${req.url}`);
+    res.status(404).json({ success: false, error: `Route ${req.url} not found on this server.` });
+});
+
+app.use((err, req, res, next) => {
+    log('ERROR', 'SERVER-CRASH', 'Uncaught middleware error!', err);
+    res.status(500).json({ success: false, error: "Internal Server Error", details: err.message });
+});
+
+app.listen(PORT, () => log('INFO', 'SERVER', `Server started: http://localhost:${PORT}`));