🤖 AI Content Detector

setText(e.target.value)}\n        placeholder=\"Paste text to detect if it's AI-generated...\"\n        style={{\n          width: '100%',\n          height: '200px',\n          marginBottom: '10px'\n        }}\n      />\n      <button \n        onClick={detectContent}\n        disabled={isLoading || !text.trim()}\n        style={{\n          padding: '10px 20px',\n          backgroundColor: isLoading ? '#cccccc' : '#4CAF50',\n          color: 'white',\n          border: 'none',\n          borderRadius: '5px',\n          cursor: text.trim() ? 'pointer' : 'not-allowed'\n        }}\n      >\n        {isLoading ? 'Detecting...' : 'Detect AI Content'}\n      </button>\n\n      {result && (\n        <div style={{\n          marginTop: '20px',\n          padding: '15px',\n          backgroundColor: result.isAI ? '#ffebee' : '#e8f5e9',\n          borderRadius: '5px'\n        }}>\n          <h3>{result.isAI ? '🤖 AI Generated' : '👤 Human Written'}</h3>\n          <p>Confidence: {(result.confidence * 100).toFixed(2)}%</p>\n          {result.explanation && <p>{result.explanation}</p>}\n        </div>\n      )}\n      <p style={{ \n        marginTop: '20px', \n        fontSize: '0.8em', \n        color: '#666' \n      }}>\n        <a \n          href={import.meta.url.replace(\"esm.town\", \"val.town\")} \n          target=\"_top\"\n        >\n          View Source\n        </a>\n      </p>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  if (request.method === 'POST' && new URL(request.url).pathname === '/detect') {\n    const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n    const openai = new OpenAI();\n\n    try {\n      const { text } = await request.json();\n\n      const completion = await openai.chat.completions.create({\n        messages: [\n          { \n            role: \"system\", \n            content: \"You are an expert AI content detector. Analyze the following text and determine if it was likely generated by AI. Provide a confidence score between 0 and 1, and a brief explanation of your reasoning.\" \n          },\n          { \n            role: \"user\", \n            content: `Analyze this text for AI generation: \"${text}\"` \n          }\n        ],\n        model: \"gpt-4o-mini\",\n        max_tokens: 150,\n        response_format: { type: \"json_object\" }\n      });\n\n      const aiResponse = completion.choices[0].message.content;\n      const parsedResponse = JSON.parse(aiResponse || '{}');\n\n      return new Response(JSON.stringify({\n        isAI: parsedResponse.confidence > 0.5,\n        confidence: parsedResponse.confidence || 0,\n        explanation: parsedResponse.explanation || 'Unable to determine'\n      }), {\n        headers: { 'Content-Type': 'application/json' }\n      });\n    } catch (error) {\n      console.error('Detection error:', error);\n      return new Response(JSON.stringify({\n        isAI: false,\n        confidence: 0,\n        explanation: 'Error in AI detection process'\n      }), {\n        status: 500,\n        headers: { 'Content-Type': 'application/json' }\n      });\n    }\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>AI Content Detector</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: { 'Content-Type': 'text/html' }\n  });\n}","deleted","label",[98],"permalink","https://www.val.town/x/nkhuwera/ContentDetectorApp/code/main.tsx","extension","actionData","errors"]
</article></body></html>