\n \n\n",[],[206,208],"54a04492-3fb7-11f0-a902-76b3cceeab13","ProjectForm.tsx","54a04532-3fb7-11f0-a902-76b3cceeab13","b75bff5b-ce06-4bc4-9f42-ba40ac731846",10,["D",1748871707977],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Project, ProjectCategory } from \"../../shared/types.ts\";\nimport { PROJECT_CATEGORIES } from \"../../shared/types.ts\";\n\ninterface ProjectFormProps {\n onProjectSubmitted: (project: Project) => void;\n}\n\nexport default function ProjectForm({ onProjectSubmitted }: ProjectFormProps) {\n const [formData, setFormData] = useState({\n title: \"\",\n description: \"\",\n link: \"\",\n category: \"\" as ProjectCategory | \"\"\n });\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(\"\");\n \n if (!formData.title.trim() || !formData.description.trim() || !formData.category) {\n setError(\"Please fill in all required fields\");\n return;\n }\n\n setIsSubmitting(true);\n \n try {\n const response = await fetch(\"/api/projects\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n title: formData.title.trim(),\n description: formData.description.trim(),\n link: formData.link.trim() || undefined,\n category: formData.category\n }),\n });\n\n if (response.ok) {\n const newProject = await response.json();\n onProjectSubmitted(newProject);\n setFormData({ title: \"\", description: \"\", link: \"\", category: \"\" });\n } else {\n const errorData = await response.json();\n setError(errorData.error || \"Failed to submit project\");\n }\n } catch (error) {\n console.error(\"Error submitting project:\", error);\n setError(\"Failed to submit project. Please try again.\");\n } finally {\n setIsSubmitting(false);\n }\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n };\n\n return (\n

Submit Your AI Project

\n \n {error && (\n

\n {error}\n

\n )}\n\n

\n {/* Project Title */}\n

\n \n Project Title *\n \n \n

\n\n {/* Project Description */}\n

\n \n Short Project Description *\n \n \n

\n\n {/* Project Link */}\n

\n \n Link to Project (optional)\n \n \n

\n\n {/* Category */}\n

\n \n Category *\n \n \n \n {PROJECT_CATEGORIES.map((category) => (\n \n ))}\n \n

\n\n {/* Submit Button */}\n

\n \n {isSubmitting ? \"Submitting...\" : \"Submit Project\"}\n \n

\n );\n}",[],[206,224,216],"components","5d2fabf2-3fb7-11f0-895c-76b3cceeab13","ProjectCard.tsx","5d2facc4-3fb7-11f0-895c-76b3cceeab13",11,["D",1748871722331],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Project } from \"../../shared/types.ts\";\n\ninterface ProjectCardProps {\n project: Project;\n}\n\nconst categoryEmojis: Record = {\n \"Machine Learning\": \"🤖\",\n \"NLP\": \"💬\",\n \"Computer Vision\": \"👁️\",\n \"Generative AI\": \"✨\",\n \"Data Science\": \"📊\",\n \"Robotics\": \"🦾\",\n \"Other AI\": \"🧠\"\n};\n\nexport default function ProjectCard({ project }: ProjectCardProps) {\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n\n return (\n

\n {/* Category Badge */}\n

\n \n {categoryEmojis[project.category] || \"🧠\"}\n {project.category}\n \n {project.created_at && (\n \n {formatDate(project.created_at)}\n \n )}\n

\n\n {/* Project Title */}\n

\n {project.title}\n

\n\n {/* Project Description */}\n

\n {project.description}\n

\n\n {/* Project Link */}\n {project.link && (\n

\n \n View Project\n \n \n

\n )}\n

\n );\n}",[],[206,224,226],"4801dac0-3fb7-11f0-af77-76b3cceeab13","App.tsx","4801dc5a-3fb7-11f0-af77-76b3cceeab13",9,["D",1748871686783],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ProjectForm from \"./ProjectForm.tsx\";\nimport ProjectCard from \"./ProjectCard.tsx\";\nimport type { Project } from \"../../shared/types.ts\";\n\ndeclare global {\n interface Window {\n __INITIAL_PROJECTS__?: Project[];\n }\n}\n\nexport default function App() {\n const [projects, setProjects] = useState([]);\n const [showForm, setShowForm] = useState(false);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n // Use initial data if available, otherwise fetch\n if (window.__INITIAL_PROJECTS__) {\n setProjects(window.__INITIAL_PROJECTS__);\n } else {\n fetchProjects();\n }\n }, []);\n\n const fetchProjects = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/projects\");\n if (response.ok) {\n const data = await response.json();\n setProjects(data);\n }\n } catch (error) {\n console.error(\"Error fetching projects:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleProjectSubmitted = (newProject: Project) => {\n setProjects(prev => [newProject, ...prev]);\n setShowForm(false);\n };\n\n return (\n

\n {/* Header */}\n

\n 🤖 Community AI Project Showcase\n

\n Discover and share amazing AI projects from the community\n

\n setShowForm(!showForm)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors\"\n >\n {showForm ? \"Cancel\" : \"Submit Project\"}\n \n

\n\n

\n {/* Project Submission Form */}\n {showForm && (\n

\n \n

\n )}\n\n {/* Projects Grid */}\n

\n Featured Projects ({projects.length})\n

\n {loading && (\n

\n )}\n

\n\n {projects.length === 0 && !loading ? (\n

🚀

\n No projects yet\n

\n Be the first to share your AI project with the community!\n

\n setShowForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors\"\n >\n Submit First Project\n \n

\n ) : (\n

\n {projects.map((project) => (\n \n ))}\n

\n )}\n

\n\n {/* Footer */}\n \n

\n );\n}",[],[206,224,234],"4801fd2a-3fb7-11f0-af77-76b3cceeab13",["D",1748871686783],[175,176,177],[206,224],"3ab36fe6-3fb7-11f0-8505-76b3cceeab13",["D",1748871664476],[174,178,179],[206],"6057e434-3fb7-11f0-8dfe-76b3cceeab13","index.ts","425b74b6-334b-4f5d-b568-679b4d6dd0da",12,["D",1748871727628],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { createProjectsTable } from \"./database/migrations.ts\";\nimport { getAllProjects } from \"./database/queries.ts\";\nimport projects from \"./routes/projects.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database\nawait createProjectsTable();\n\n// API routes\napp.route(\"/api/projects\", projects);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page with initial data\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial projects data to avoid extra round-trip\n const initialProjects = await getAllProjects();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.text(\"Error loading page\", 500);\n }\n});\n\nexport default app.fetch;",[],[258,250],"backend","b839f7fa-3fb7-11f0-80cf-76b3cceeab13","projects.ts","30f9f7b8-3fb7-11f0-b953-76b3cceeab13","12147416-49ee-4c2d-b596-a617e15ebb83",["D",1748871875073],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { getAllProjects, createProject } from \"../database/queries.ts\";\nimport type { Project } from \"../../shared/types.ts\";\n\nconst projects = new Hono();\n\n// Get all projects\nprojects.get(\"/\", async (c) => {\n try {\n const allProjects = await getAllProjects();\n return c.json(allProjects);\n } catch (error) {\n console.error(\"Error fetching projects:\", error);\n return c.json({ error: \"Failed to fetch projects\" }, 500);\n }\n});\n\n// Create a new project\nprojects.post(\"/\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate required fields\n if (!body.title || !body.description || !body.category) {\n return c.json({ \n error: \"Missing required fields: title, description, and category are required\" \n }, 400);\n }\n \n // Validate category\n const validCategories = [\n \"Machine Learning\", \"NLP\", \"Computer Vision\", \n \"Generative AI\", \"Data Science\", \"Robotics\", \"Other AI\"\n ];\n \n if (!validCategories.includes(body.category)) {\n return c.json({ error: \"Invalid category\" }, 400);\n }\n \n const projectData: Omit = {\n title: body.title.trim(),\n description: body.description.trim(),\n link: body.link?.trim() || undefined,\n category: body.category\n };\n \n const newProject = await createProject(projectData);\n return c.json(newProject, 201);\n } catch (error) {\n console.error(\"Error creating project:\", error);\n return c.json({ error: \"Failed to create project\" }, 500);\n }\n});\n\nexport default projects;",[],[258,267,260],"routes","30f9fd4e-3fb7-11f0-b953-76b3cceeab13",5,["D",1748871648167],[171],[258,267],"a54551f8-3fb7-11f0-8e24-76b3cceeab13","queries.ts","2bcebb48-3fb7-11f0-8c3f-76b3cceeab13","77524f03-3970-47f1-8f85-fff33de43764",17,["D",1748871843274],4,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { Project } from \"../../shared/types.ts\";\n\nexport async function getAllProjects(): Promise {\n const result = await sqlite.execute(`\n SELECT id, title, description, link, category, created_at \n FROM ${TABLE_NAME} \n ORDER BY created_at DESC\n `);\n \n if (!result.rows) {\n return [];\n }\n \n return result.rows.map(row => ({\n id: row[0] as number,\n title: row[1] as string,\n description: row[2] as string,\n link: row[3] as string | null,\n category: row[4] as Project['category'],\n created_at: row[5] as string\n }));\n}\n\nexport async function createProject(project: Omit): Promise {\n // Insert the project\n await sqlite.execute(`\n INSERT INTO ${TABLE_NAME} (title, description, link, category)\n VALUES (?, ?, ?, ?)\n `, [project.title, project.description, project.link || null, project.category]);\n \n // Get the most recently inserted project (should be the one we just created)\n const createdProject = await sqlite.execute(`\n SELECT id, title, description, link, category, created_at \n FROM ${TABLE_NAME} \n WHERE title = ? AND description = ? AND category = ?\n ORDER BY created_at DESC \n LIMIT 1\n `, [project.title, project.description, project.category]);\n \n if (!createdProject.rows || createdProject.rows.length === 0) {\n throw new Error(\"Failed to retrieve created project\");\n }\n \n const row = createdProject.rows[0];\n return {\n id: row[0] as number,\n title: row[1] as string,\n description: row[2] as string,\n link: row[3] as string | null,\n category: row[4] as Project['category'],\n created_at: row[5] as string\n };\n}",[],[258,283,274],"database","26e71ff8-3fb7-11f0-8003-76b3cceeab13","migrations.ts","26e72098-3fb7-11f0-8003-76b3cceeab13",3,["D",1748871631266],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'ai_projects_v1';\n\nexport async function createProjectsTable() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n description TEXT NOT NULL,\n link TEXT,\n category TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n}\n\nexport { TABLE_NAME };",[],[258,283,285],"26e72886-3fb7-11f0-8003-76b3cceeab13",["D",1748871631266],[168,169],[258,283],"26e72692-3fb7-11f0-8003-76b3cceeab13",["D",1748871631266],[167,170,172],[258],["D",1748871588946],{"_11":12,"_121":70},{"_11":12,"_117":-5,"_69":70,"_31":68,"_118":119,"_120":30},{"_39":108,"_13":16,"_33":36,"_109":74,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_52":-5,"_140":337,"_338":339,"_340":341,"_342":30,"_343":30,"_344":30,"_345":24,"_346":-5,"_347":-7,"_348":-7,"_349":26,"_350":30,"_351":30,"_352":-5,"_353":30,"_354":30,"_355":30,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":16,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · shared