🚀 Content Idea Generator

\n setTopic(e.target.value)}\n placeholder=\"Enter a topic or niche\"\n style={styles.input}\n />\n \n {isLoading ? \"Generating...\" : \"Generate Ideas\"}\n \n

\n {ideas.length > 0 && (\n

Content Ideas:

\n {idea}\n

\n )}\n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"Arial, sans-serif\",\n maxWidth: \"600px\",\n margin: \"0 auto\",\n padding: \"20px\",\n textAlign: \"center\",\n },\n title: {\n color: \"#333\",\n marginBottom: \"20px\",\n },\n inputContainer: {\n display: \"flex\",\n marginBottom: \"20px\",\n },\n input: {\n flex: 1,\n padding: \"10px\",\n fontSize: \"16px\",\n borderRadius: \"4px 0 0 4px\",\n border: \"1px solid #ddd\",\n },\n button: {\n padding: \"10px 15px\",\n fontSize: \"16px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"0 4px 4px 0\",\n cursor: \"pointer\",\n },\n ideasContainer: {\n textAlign: \"left\",\n backgroundColor: \"#f9f9f9\",\n borderRadius: \"8px\",\n padding: \"20px\",\n },\n ideaList: {\n listStyleType: \"none\",\n padding: 0,\n },\n ideaItem: {\n backgroundColor: \"white\",\n margin: \"10px 0\",\n padding: \"15px\",\n borderRadius: \"4px\",\n boxShadow: \"0 2px 4px rgba(0,0,0,0.1)\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\") {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const { topic } = await request.json();\n\n const completion = await openai.chat.completions.create({\n messages: [\n {\n role: \"system\",\n content:\n `You are a creative content strategist. Generate 5-7 unique and engaging content ideas for the given topic. \n Provide ideas that are suitable for social media, blog posts, or videos. \n Ensure diversity in content types and approaches.`,\n },\n {\n role: \"user\",\n content: `Generate creative content ideas for the topic: ${topic}`,\n },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 300,\n });\n\n const ideasText = completion.choices[0].message.content;\n const ideas = ideasText.split(\"\\n\")\n .filter(idea => idea.trim() !== \"\")\n .map(idea => idea.replace(/^\\d+\\.\\s*/, \"\").trim());\n\n return new Response(JSON.stringify({ ideas }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(\n JSON.stringify({\n error: \"Failed to generate ideas\",\n details: error.message,\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n return new Response(\n `\n \n \n Content Idea Generator\n \n \n

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