\n \n {code}\n \n

\n );\n } catch (error) {\n console.error(\"Syntax highlighting error:\", error);\n return (\n

\n        {code}\n

\n );\n }\n}\n\nfunction APIGenerator() {\n const [apiDescription, setApiDescription] = useState(\"\");\n const [language, setLanguage] = useState(\"TypeScript\");\n const [framework, setFramework] = useState(\"Express\");\n const [generatedCode, setGeneratedCode] = useState({\n code: \"\",\n tests: \"\",\n documentation: \"\",\n });\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const handleGenerate = useCallback(async () => {\n // Validate input\n if (!apiDescription.trim()) {\n setError(\"Please provide an API description\");\n return;\n }\n\n setLoading(true);\n setError(null);\n try {\n const openai = new OpenAI();\n\n // Generate API Code\n const codeCompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: `You are an expert API developer. Generate a complete, production-ready API implementation.`,\n },\n {\n role: \"user\",\n content:\n `Generate an API in ${language} using ${framework} framework with the following description: ${apiDescription}. \n Include:\n 1. Complete API implementation\n 2. Proper error handling\n 3. Basic input validation\n 4. Recommended project structure\n 5. Use clear, concise, and modern best practices`,\n },\n ],\n max_tokens: 1500,\n });\n\n // Generate Tests\n const testCompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: `You are an expert in writing comprehensive test suites.`,\n },\n {\n role: \"user\",\n content:\n `Write a complete test suite for the API in ${language} testing all endpoints and scenarios for the following API description: ${apiDescription}. \n Ensure:\n 1. High test coverage\n 2. Edge case testing\n 3. Error scenario testing`,\n },\n ],\n max_tokens: 1000,\n });\n\n // Generate Documentation\n const docCompletion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: `You are an expert technical writer specializing in API documentation.`,\n },\n {\n role: \"user\",\n content: `Create comprehensive API documentation for the following API description in ${language}. \n Include:\n 1. Overview\n 2. Detailed Endpoints\n 3. Request/Response Examples\n 4. Error Handling Strategies\n 5. Authentication Mechanism\n 6. Deployment Instructions`,\n },\n ],\n max_tokens: 1000,\n });\n\n setGeneratedCode({\n code: codeCompletion.choices[0].message.content || \"\",\n tests: testCompletion.choices[0].message.content || \"\",\n documentation: docCompletion.choices[0].message.content || \"\",\n });\n } catch (error) {\n console.error(\"Generation error:\", error);\n setError(`Failed to generate API: ${error.message || \"Unknown error\"}`);\n } finally {\n setLoading(false);\n }\n }, [apiDescription, language, framework]);\n\n return (\n

🚀 API Code Generator

\n\n

\n {error && (\n

\n {error}\n

\n )}\n

\n API Description\n setApiDescription(e.target.value)}\n placeholder=\"Describe your API (e.g., 'A todo list management API with CRUD operations')\"\n className=\"w-full p-2 bg-gray-700 text-white rounded\"\n rows={4}\n />\n

\n\n

\n Language\n {\n setLanguage(e.target.value);\n setFramework(FRAMEWORKS[e.target.value][0]);\n }}\n className=\"w-full p-2 bg-gray-700 text-white rounded\"\n >\n {LANGUAGES.map(lang => )}\n \n

\n\n

\n Framework\n setFramework(e.target.value)}\n className=\"w-full p-2 bg-gray-700 text-white rounded\"\n >\n {FRAMEWORKS[language].map(fw => )}\n \n

\n\n \n {loading ? \"Generating...\" : \"Generate API\"}\n \n

\n\n {generatedCode.code && (\n

🔧 Generated Code

\n \n

\n\n

✅ Tests

\n \n

\n\n

📖 Documentation

{generatedCode.documentation}

\n )}\n

\n );\n}\n\nfunction App() {\n return (\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request) {\n return new Response(\n `\n \n \n \n \n \n API Code Generator\n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/gokulnpc/flowingAmethystHippopotamus/code/main.tsx","extension","actionData","errors"]