🛡️ Welcome to AI Content Moderator

Analyze text, images, and documents using AI.

\n \n \n

\n );\n}\n\nfunction RegisterPage({ onRegister, onNavigate }: any) {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n return (\n

📝 Register

\n setUsername(e.target.value)}\n style={styles.input}\n />\n setPassword(e.target.value)}\n style={styles.input}\n />\n \n \n

\n );\n}\n\nfunction LoginPage({ onLogin, onNavigate }: any) {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n return (\n

🔐 Login

\n setUsername(e.target.value)}\n style={styles.input}\n />\n setPassword(e.target.value)}\n style={styles.input}\n />\n \n \n

\n );\n}\n\nfunction DashboardPage({ user, onNavigate, history, setHistory }: any) {\n const [textInput, setTextInput] = useState(\"\");\n const [imageInput, setImageInput] = useState(null);\n const [docName, setDocName] = useState(null);\n const [result, setResult] = useState(null);\n const fileInputRef = useRef(null);\n const docInputRef = useRef(null);\n\n const handleTextSubmit = async () => {\n if (!textInput.trim()) return;\n setResult(\"Analyzing text...\");\n const response = await fetch(\"/moderate\", {\n method: \"POST\",\n body: JSON.stringify({ type: \"text\", content: textInput }),\n });\n const data = await response.json();\n setResult(data.analysis);\n setHistory([...history, { type: \"Text\", result: data.analysis }]);\n };\n\n const handleImageUpload = async (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onloadend = async () => {\n const base64 = reader.result as string;\n setImageInput(base64);\n setResult(\"Analyzing image...\");\n const response = await fetch(\"/moderate\", {\n method: \"POST\",\n body: JSON.stringify({ type: \"image\", content: base64 }),\n });\n const data = await response.json();\n setResult(data.analysis);\n setHistory([...history, { type: \"Image\", result: data.analysis }]);\n };\n reader.readAsDataURL(file);\n }\n };\n\n const handleDocumentUpload = async (\n e: React.ChangeEvent,\n ) => {\n const file = e.target.files?.[0];\n if (file) {\n setDocName(file.name);\n setResult(\"Analyzing document...\");\n const formData = new FormData();\n formData.append(\"file\", file);\n const response = await fetch(\"/moderateDoc\", {\n method: \"POST\",\n body: formData,\n });\n const data = await response.json();\n setResult(data.analysis);\n setHistory([...history, { type: \"Document\", result: data.analysis }]);\n }\n };\n\n return (\n

👋 Welcome, {user}

Choose what to analyze:

\n\n setTextInput(e.target.value)}\n placeholder=\"Enter text to analyze...\"\n rows={5}\n style={styles.textarea}\n >\n \n\n

\n \n \n \n \n

\n\n \n \n\n {imageInput && (\n \n )}\n {docName &&

📄 Uploaded: {docName}

}\n {result && (\n

🧾 Analysis Result:

{result}

\n )}\n

\n );\n}\n\nfunction ReviewPage({ history, onNavigate }: any) {\n return (\n

📜 Moderation History

\n {history.length === 0\n ?

No previous analyses found.

\n : (\n

\n {h.type}: {h.result}\n

\n )}\n \n

\n );\n}\n\nconst styles = {\n page: {\n maxWidth: \"600px\",\n margin: \"auto\",\n padding: \"20px\",\n textAlign: \"center\",\n },\n textarea: {\n width: \"100%\",\n padding: \"10px\",\n borderRadius: \"8px\",\n border: \"1px solid #ccc\",\n },\n input: {\n display: \"block\",\n margin: \"10px auto\",\n padding: \"8px\",\n width: \"80%\",\n },\n resultBox: {\n marginTop: \"20px\",\n padding: \"15px\",\n backgroundColor: \"#f5f5f5\",\n borderRadius: \"8px\",\n textAlign: \"left\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\n// ---------------------- BACKEND ----------------------\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname.replace(/^\\/api/, \"\");\n\n // ✅ Serve the frontend React app\n if (req.method === \"GET\" && path === \"/\") {\n const html = `\n \n \n \n \n \n AI Content Moderator\n \n \n

\n \n \n `;\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // ✅ Text/Image moderation\n if (req.method === \"POST\" && path === \"/moderate\") {\n try {\n const body = await req.text();\n const data = JSON.parse(body);\n let analysis = \"\";\n\n if (data.type === \"text\") {\n analysis = `✅ Text analyzed: \"${data.content.slice(0, 50)}...\"`;\n } else if (data.type === \"image\") {\n analysis = \"🖼️ Image analyzed successfully (placeholder).\";\n } else {\n analysis = \"❌ Unknown data type.\";\n }\n\n return new Response(JSON.stringify({ analysis }), {\n status: 200,\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch {\n return new Response(JSON.stringify({ error: \"Invalid JSON format\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // ✅ Document moderation\n if (req.method === \"POST\" && path === \"/moderateDoc\") {\n return new Response(\n JSON.stringify({\n analysis: \"📄 Document analysis complete (placeholder).\",\n }),\n { status: 200, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n\n // ❌ 404 - Unknown route\n return new Response(\"❌ Not found\", { status: 404 });\n}","deleted","label",[99],"permalink","https://www.val.town/x/mprasadhv/untitled-4192/code/main.ts","extension","actionData","errors"]