🤖 Data Integration Agent

setInputData(e.target.value)}\n          placeholder=\"Enter data to process\"\n          style={{ \n            width: '100%', \n            height: '100px', \n            marginBottom: '10px' \n          }}\n        />\n        <button \n          type=\"submit\" \n          style={{ \n            backgroundColor: '#4CAF50', \n            color: 'white', \n            padding: '10px 15px', \n            border: 'none', \n            borderRadius: '4px' \n          }}\n        >\n          Process Data\n        </button>\n      </form>\n      {error && (\n        <div style={{ color: 'red', marginTop: '10px' }}>\n          Error: {error}\n        </div>\n      )}\n      {result && (\n        <div style={{ \n          marginTop: '10px', \n          padding: '10px', \n          backgroundColor: '#f0f0f0', \n          borderRadius: '4px' \n        }}>\n          <h3>AI Suggestion:</h3>\n          <p>{result}</p>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function handler(request: Request): Promise<Response> {\n  // Set CORS headers for all responses\n  const corsHeaders = {\n    'Access-Control-Allow-Origin': '*',\n    'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n    'Access-Control-Allow-Headers': 'Content-Type',\n  };\n\n  // Handle preflight CORS requests\n  if (request.method === 'OPTIONS') {\n    return new Response(null, { headers: corsHeaders });\n  }\n\n  // Handle different request methods\n  switch (request.method) {\n    case 'GET':\n      return new Response(`\n        <html>\n          <head>\n            <title>Data Integration Agent</title>\n            <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n          </head>\n          <body>\n            <div id=\"root\"></div>\n            <script src=\"https://esm.town/v/std/catch\"></script>\n            <script type=\"module\" src=\"${import.meta.url}\"></script>\n          </body>\n        </html>\n      `, {\n        headers: { \n          'Content-Type': 'text/html',\n          ...corsHeaders\n        }\n      });\n\n    case 'POST':\n      try {\n        // Parse incoming JSON payload\n        const payload = await request.json();\n\n        // Validate basic payload structure\n        if (!payload || typeof payload !== 'object') {\n          return new Response('Invalid payload', { \n            status: 400,\n            headers: corsHeaders\n          });\n        }\n\n        // Dynamically import OpenAI\n        const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n\n        // Initialize OpenAI for potential AI processing\n        const openai = new OpenAI();\n\n        // Process and potentially trigger AI agent\n        const aiResponse = await openai.chat.completions.create({\n          messages: [\n            { \n              role: \"system\", \n              content: \"You are a data integration assistant. Analyze and suggest actions based on incoming data.\" \n            },\n            { \n              role: \"user\", \n              content: JSON.stringify(payload) \n            }\n          ],\n          model: \"gpt-4o-mini\",\n          max_tokens: 150\n        });\n\n        // Optional: Log or store processed data\n        console.log('Processed Payload:', payload);\n        console.log('AI Suggestion:', aiResponse.choices[0].message.content);\n\n        // Return success response with AI suggestion\n        return new Response(JSON.stringify({\n          status: 'success',\n          aiSuggestion: aiResponse.choices[0].message.content\n        }), {\n          headers: { \n            'Content-Type': 'application/json',\n            ...corsHeaders\n          }\n        });\n\n      } catch (error) {\n        console.error('Processing Error:', error);\n        return new Response(JSON.stringify({\n          status: 'error',\n          message: error instanceof Error ? error.message : 'Failed to process request'\n        }), { \n          status: 500,\n          headers: { \n            'Content-Type': 'application/json',\n            ...corsHeaders\n          }\n        });\n      }\n\n    default:\n      return new Response('Method Not Allowed', { \n        status: 405,\n        headers: corsHeaders\n      });\n  }\n}","deleted","label",[98],"permalink","https://www.val.town/x/bgtgtgfgvbtgvgb/receiveUserDataAgentIntegration/code/main.tsx","extension","actionData","errors"]
</article></body></html>