/** @jsxImportSource https://esm.sh/react@18.2.0 */ import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter"; import React, { useEffect, useState } from "https://esm.sh/react@18.2.0"; import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts"; // random 3 prompts from STARTER_PROMPTS const prompts = STARTER_PROMPTS.sort(() => Math.random() - 0.5).slice(0, 4); type PromptItem = typeof prompts[number]; const PoweredBy = ({ className }: { className?: string }) => (

); function Hero({ prompt, setPrompt, handleSubmit, handleStarterPromptClick, }: { prompt: string; setPrompt: React.Dispatch>; handleSubmit: (e: React.FormEvent) => void; handleStarterPromptClick: (promptItem: PromptItem) => void; }) { const inIframe = window.self !== window.top; return (

Content Marketing
Mastery

Transform your content strategy{" "} in seconds

{prompts.map(promptItem => ( ))}

); } function App() { const [prompt, setPrompt] = useState(""); const [response, setResponse] = useState(null); const [loading, setLoading] = useState(false); const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); if (!prompt) return; setLoading(true); try { const res = await fetch("/api/generate", { method: "POST", body: JSON.stringify({ prompt }), }); const data = await res.text(); setResponse(data); } catch (error) { console.error("Error generating response:", error); setResponse("An error occurred while generating the response."); } finally { setLoading(false); } }; const handleStarterPromptClick = (promptItem: PromptItem) => { setPrompt(promptItem.title); }; return (

Content Marketing Mastery

{loading &&

} {response && (

{response}

)}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function content_marketing_mastery(req: Request): Promise { const KEY = "content_marketing_mastery"; const SCHEMA_VERSION = 1; if (req.method === "POST" && new URL(req.url).pathname === "/api/generate") { try { const { prompt } = await req.json(); // Simulate content generation (replace with actual AI logic) const generatedContent = `Content Plan for: ${prompt}\n\n1. Social Media Strategy\n2. Content Themes\n3. Posting Schedule`; return new Response(generatedContent, { headers: { "Content-Type": "text/plain" } }); } catch (error) { return new Response("Error processing request", { status: 500 }); } } // Serve the main HTML page return new Response(` Content Marketing Mastery

`, { headers: { "Content-Type": "text/html", "Cache-Control": "no-cache, no-store, must-revalidate" } }); } const css = ` body { margin: 0; font-family: system-ui, sans-serif; } `;

awhitter