\n \n \n \n `;\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index.html:\", error);\n return c.text(\"Error serving application\", 500);\n }\n});\n\nexport default app.fetch;",[],[154,172],[154],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":140,"_159":184,"_161":117,"_104":185,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":186,"_98":230},"7a3818e8-246d-11f0-97bc-569c3dd06744","frontend","4e2eeeb6-2caf-49a3-ab39-c8a5309dca71",2,["D",1745871306894],[187,222],{"_102":188,"_95":189,"_155":190,"_157":183,"_158":140,"_159":191,"_161":117,"_104":192,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":193,"_98":221},"de729af4-246d-11f0-9a1e-569c3dd06744","components","de729b8a-246d-11f0-9a1e-569c3dd06744",3,["D",1745871475051],[194,203,212],{"_102":195,"_95":196,"_155":197,"_157":190,"_158":140,"_159":139,"_161":117,"_104":198,"_99":184,"_163":199,"_165":200,"_166":22,"_167":-5,"_168":201,"_98":202},"5c222fe0-246f-11f0-95a5-569c3dd06744","App.tsx","f07e1a8e-246d-11f0-b48a-569c3dd06744",["D",1745872115412],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ProjectList from \"./ProjectList.tsx\";\nimport Editor from \"./Editor.tsx\";\nimport { ValTown } from \"https://esm.sh/@valtown/sdk\";\n\ninterface Project {\n id: string;\n name: string;\n description: string | null;\n updatedAt: string;\n}\n\nconst valtown = new ValTown();\n\nconst App = () => {\n const [projects, setProjects] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedProject, setSelectedProject] = useState(null);\n const [moiContent, setMoiContent] = useState(\"\");\n const [hasMoiFile, setHasMoiFile] = useState(false);\n const [saving, setSaving] = useState(false);\n const [saveError, setSaveError] = useState(null);\n const [saveSuccess, setSaveSuccess] = useState(false);\n\n useEffect(() => {\n const fetchProjects = async () => {\n try {\n setLoading(true);\n setError(null);\n\n const projects = await valtown.getMyProjects({ privacy: \"public\" });\n setProjects(projects || []);\n } catch (err) {\n console.error(\"Error fetching projects:\", err);\n setError(\"Failed to load projects. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchProjects();\n }, []);\n\n const handleProjectSelect = async (project: Project) => {\n setSelectedProject(project);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n\n try {\n const files = await valtown.getProjectFiles(project.id, { recursive: true });\n const moiFile = files.find((file) => file.path === \"moi.md\");\n\n if (moiFile) {\n setHasMoiFile(true);\n\n const content = await valtown.getProjectFileContent(project.id, \"moi.md\");\n setMoiContent(content || \"\");\n } else {\n setMoiContent(`# ${project.name}\\n\\n${project.description || \"Description goes here.\"}\\n\\n## Features\\n\\n- Feature 1\\n- Feature 2\\n\\n## Usage\\n\\nHow to use this project.`);\n }\n } catch (err) {\n console.error(\"Error fetching project details:\", err);\n setError(\"Failed to load project details. Please try again later.\");\n }\n };\n\n const handleSaveMoi = async () => {\n if (!selectedProject) return;\n\n try {\n setSaving(true);\n setSaveError(null);\n setSaveSuccess(false);\n\n if (hasMoiFile) {\n await valtown.updateFile(selectedProject.id, \"moi.md\", moiContent);\n } else {\n await valtown.createFile(selectedProject.id, \"moi.md\", moiContent);\n setHasMoiFile(true);\n }\n\n setSaveSuccess(true);\n\n setTimeout(() => {\n setSaveSuccess(false);\n }, 3000);\n } catch (err) {\n console.error(\"Error saving moi.md:\", err);\n setSaveError(\"Failed to save moi.md. Please try again later.\");\n } finally {\n setSaving(false);\n }\n };\n\n return (\n

Moi Poster

Manage moi.md files for your Val Town projects

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n

Your Projects

\n {loading ? (\n

\n ) : (\n \n )}\n

\n\n

\n {selectedProject ? (\n

{selectedProject.name} - moi.md

\n {hasMoiFile && (\n File exists\n )}\n \n {saving ? \"Saving...\" : \"Save moi.md\"}\n \n

\n\n {saveError && (\n

\n {saveError}\n

\n )}\n\n {saveSuccess && (\n

\n moi.md saved successfully!\n

\n )}\n\n \n\n

Preview

\n \n

\n ) : (\n

Select a project to edit its moi.md file

\n )}\n

\n );\n};\n\n// Simple markdown to HTML converter\nfunction markdownToHtml(markdown: string): string {\n let html = markdown\n .replace(/^# (.*$)/gm, '

$1

')\n .replace(/^## (.*$)/gm, '

$1

')\n .replace(/^### (.*$)/gm, '

$1

')\n .replace(/^#### (.*$)/gm, '

$1

');\n\n html = html\n .replace(/\\*\\*(.*?)\\*\\*/g, '$1')\n .replace(/\\*(.*?)\\*/g, '$1');\n\n html = html\n .replace(/^\\s*- (.*$)/gm, '

')\n .replace(/<\\/li>\\n

/g, '

');\n\n html = html.replace(/(

.*<\\/li>)/gs, '

$1');\n\n html = html.replace(/^(?!<[a-z]).+/gm, '

').replace(/

\\s*<\\/p>/g, '');\n\n html = html.replace(/\\n/g, '
');\n\n return html;\n}\n\nexport default App;",[],[182,189,196],{"_102":204,"_95":205,"_155":206,"_157":190,"_158":140,"_159":207,"_161":117,"_104":208,"_99":32,"_163":199,"_165":209,"_166":22,"_167":-5,"_168":210,"_98":211},"0071c2b0-246e-11f0-a968-569c3dd06744","Editor.tsx","0071c396-246e-11f0-a968-569c3dd06744",6,["D",1745871532085],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface EditorProps {\n value: string;\n onChange: (value: string) => void;\n}\n\nconst Editor: React.FC = ({ value, onChange }) => {\n const textareaRef = useRef(null);\n\n // Auto-resize textarea based on content\n useEffect(() => {\n const textarea = textareaRef.current;\n if (!textarea) return;\n\n const adjustHeight = () => {\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n };\n\n textarea.addEventListener('input', adjustHeight);\n adjustHeight();\n\n return () => {\n textarea.removeEventListener('input', adjustHeight);\n };\n }, [value]);\n\n // Handle tab key to insert spaces instead of changing focus\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Tab') {\n e.preventDefault();\n \n const textarea = e.currentTarget;\n const start = textarea.selectionStart;\n const end = textarea.selectionEnd;\n \n // Insert 2 spaces at cursor position\n const newValue = value.substring(0, start) + ' ' + value.substring(end);\n onChange(newValue);\n \n // Move cursor after the inserted spaces\n setTimeout(() => {\n textarea.selectionStart = textarea.selectionEnd = start + 2;\n }, 0);\n }\n };\n\n return (\n

\n markdown\n

\n {value.length} characters\n

\n onChange(e.target.value)}\n onKeyDown={handleKeyDown}\n className=\"w-full p-4 min-h-[300px] focus:outline-none font-mono text-gray-800 resize-none\"\n placeholder=\"Write your markdown here...\"\n />\n

\n );\n};\n\nexport default Editor;",[],[182,189,205],{"_102":213,"_95":214,"_155":215,"_157":190,"_158":140,"_159":216,"_161":117,"_104":217,"_99":32,"_163":199,"_165":218,"_166":22,"_167":-5,"_168":219,"_98":220},"f96a8196-246d-11f0-80e8-569c3dd06744","ProjectList.tsx","f96a825e-246d-11f0-80e8-569c3dd06744",5,["D",1745871520293],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface Project {\n id: string;\n name: string;\n description: string | null;\n updatedAt: string;\n}\n\ninterface ProjectListProps {\n projects: Project[];\n onSelectProject: (project: Project) => void;\n selectedProjectId: string | undefined;\n}\n\nconst ProjectList: React.FC = ({ projects, onSelectProject, selectedProjectId }) => {\n if (projects.length === 0) {\n return (\n

No projects found.

\n );\n }\n\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleDateString(undefined, { \n year: 'numeric', \n month: 'short', \n day: 'numeric' \n });\n };\n\n return (\n

onSelectProject(project)}\n >\n
\n
{project.name}
\n {project.description && (\n
{project.description}
\n )}\n
\n Updated: {formatDate(project.updatedAt)}\n
\n
\n

\n );\n};\n\nexport default ProjectList;",[],[182,189,214],[182,189],{"_102":223,"_95":224,"_155":225,"_157":183,"_158":140,"_159":184,"_161":117,"_104":226,"_99":32,"_163":199,"_165":227,"_166":22,"_167":-5,"_168":228,"_98":229},"7a37f926-246d-11f0-97bc-569c3dd06744","index.tsx","7a37f9f8-246d-11f0-97bc-569c3dd06744",["D",1745871306894],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")).render();",[],[182,224],[182],"files",[152,170,180,187,194,203,212,222],"counts",{"_235":32,"_236":160,"_237":32,"_238":239},"pulls","branches","forks","envVars",{"_240":32,"_241":32},"count","emptyCount","contents",[244,247],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":117,"_104":245,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":246},["D",1745871300526],[154],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":140,"_159":184,"_161":117,"_104":248,"_99":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_98":249},["D",1745871306894],[182],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":259,"_238":264},{"_102":103,"_95":96,"_104":260,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":119,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":261,"_134":262,"_137":263,"_149":22},["D",1745870805480],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_99":139,"_95":43,"_102":140,"_141":103,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[],"actionData","errors"]

dcm31

moiPoster

Environment variables