[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_294":295,"_296":297},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":60,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","6548c810-2472-11f0-84fa-569c3dd06744","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ItemList from \"./ItemList.tsx\";\nimport Editor from \"./Editor.tsx\";\nimport MarkdownPreview from \"./MarkdownPreview.tsx\";\nimport { Val, Project } from \"../../shared/types.ts\";\n\n/**\n * Main App component\n */\nconst App: React.FC = () => {\n const [activeTab, setActiveTab] = useState<'vals' | 'projects'>('vals');\n const [vals, setVals] = useState([]);\n const [projects, setProjects] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedItem, setSelectedItem] = 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 const [batchMode, setBatchMode] = useState(false);\n const [batchStatus, setBatchStatus] = useState(null);\n const [filterPrivacy, setFilterPrivacy] = useState('all');\n\n // Fetch vals and projects on mount\n useEffect(() => {\n fetchItems(activeTab);\n }, [activeTab, filterPrivacy]);\n\n // Fetch vals or projects based on active tab\n const fetchItems = async (type: 'vals' | 'projects') => {\n try {\n setLoading(true);\n setError(null);\n setSelectedItem(null);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n \n const queryParams = filterPrivacy !== 'all' ? `?privacy=${filterPrivacy}` : '';\n const response = await fetch(`/api/${type}${queryParams}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch ${type}`);\n }\n \n const data = await response.json();\n \n if (type === 'vals') {\n setVals(data || []);\n } else {\n setProjects(data || []);\n }\n } catch (err) {\n console.error(`Error fetching ${type}:`, err);\n setError(`Failed to load ${type}. Please try again later.`);\n } finally {\n setLoading(false);\n }\n };\n\n // Handle item selection\n const handleItemSelect = async (item: Val | Project) => {\n setSelectedItem(item);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n\n try {\n const itemType = 'owner' in item ? 'vals' : 'projects';\n const itemId = item.id;\n \n // Check if moi.md exists and get its content\n const response = await fetch(`/api/${itemType}/${itemId}/moi`);\n \n if (!response.ok) {\n throw new Error(\"Failed to fetch moi.md\");\n }\n \n const data = await response.json();\n setHasMoiFile(data.exists);\n setMoiContent(data.content);\n } catch (err) {\n console.error(\"Error fetching moi.md:\", err);\n setError(\"Failed to fetch moi.md. Please try again later.\");\n }\n };\n\n // Handle saving moi.md\n const handleSaveMoi = async () => {\n if (!selectedItem) return;\n\n try {\n setSaving(true);\n setSaveError(null);\n setSaveSuccess(false);\n\n const itemType = 'owner' in selectedItem ? 'vals' : 'projects';\n const itemId = selectedItem.id;\n \n const response = await fetch(`/api/${itemType}/${itemId}/moi`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ content: moiContent }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to save moi.md\");\n }\n\n setHasMoiFile(true);\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 // Handle batch operations\n const handleBatchOperation = async () => {\n try {\n setBatchMode(true);\n setBatchStatus(\"Starting batch operation...\");\n \n const type = activeTab;\n const overwrite = confirm(\"Do you want to overwrite existing moi.md files?\");\n \n setBatchStatus(\"Processing...\");\n \n const response = await fetch(`/api/${type}/batch`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n filter: filterPrivacy, \n overwrite \n }),\n });\n\n if (!response.ok) {\n throw new Error(\"Batch operation failed\");\n }\n\n const result = await response.json();\n \n setBatchStatus(`Completed: ${result.created} created, ${result.updated} updated, ${result.skipped} skipped`);\n \n // Refresh the list\n fetchItems(activeTab);\n \n setTimeout(() => {\n setBatchMode(false);\n setBatchStatus(null);\n }, 5000);\n } catch (err) {\n console.error(\"Error in batch operation:\", err);\n setBatchStatus(\"Batch operation failed. See console for details.\");\n \n setTimeout(() => {\n setBatchMode(false);\n setBatchStatus(null);\n }, 5000);\n }\n };\n\n return (\n

\n 📝 MoiPoster\n

Create and manage moi.md files for your Val Town vals and projects

\n \n

\n setActiveTab('vals')}\n className={`px-4 py-2 rounded-md ${\n activeTab === 'vals'\n ? 'bg-white text-blue-700 font-medium'\n : 'bg-blue-600 text-white'\n }`}\n >\n Vals\n \n setActiveTab('projects')}\n className={`px-4 py-2 rounded-md ${\n activeTab === 'projects'\n ? 'bg-white text-blue-700 font-medium'\n : 'bg-blue-600 text-white'\n }`}\n >\n Projects\n \n

\n \n

\n setFilterPrivacy(e.target.value)}\n className=\"bg-blue-600 text-white border border-blue-500 rounded px-3 py-1\"\n >\n \n \n \n \n \n \n \n {batchMode ? 'Processing...' : `Batch Process ${activeTab}`}\n \n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n \n {batchStatus && (\n

\n {batchStatus}\n

\n )}\n\n

Your {activeTab}

\n \n

\n\n

\n {selectedItem ? (\n

\n {selectedItem.name} - moi.md\n

\n {hasMoiFile ? (\n \n moi.md exists\n \n ) : (\n \n new file\n \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 {activeTab.slice(0, -1)} to edit its moi.md file

\n )}\n

\n \n \n

\n );\n};\n\nexport default App;","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport ItemList from \"./ItemList.tsx\";\nimport Editor from \"./Editor.tsx\";\nimport MarkdownPreview from \"./MarkdownPreview.tsx\";\nimport { Val } from \"../../shared/types.ts\";\n\n/**\n * Main App component\n */\nconst App: React.FC = () => {\n const [vals, setVals] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedVal, setSelectedVal] = 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 const [batchMode, setBatchMode] = useState(false);\n const [batchStatus, setBatchStatus] = useState(null);\n const [filterPrivacy, setFilterPrivacy] = useState('all');\n\n // Fetch vals on mount and when filter changes\n useEffect(() => {\n fetchVals();\n }, [filterPrivacy]);\n\n // Fetch vals based on filter\n const fetchVals = async () => {\n try {\n setLoading(true);\n setError(null);\n setSelectedVal(null);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n \n const queryParams = filterPrivacy !== 'all' ? `?privacy=${filterPrivacy}` : '';\n const response = await fetch(`/api/vals${queryParams}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch vals`);\n }\n \n const data = await response.json();\n setVals(data || []);\n } catch (err) {\n console.error(`Error fetching vals:`, err);\n setError(`Failed to load vals. Please try again later.`);\n } finally {\n setLoading(false);\n }\n };\n\n // Handle val selection\n const handleValSelect = async (val: Val) => {\n setSelectedVal(val);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n\n try {\n const valId = val.id;\n \n // Check if moi.md exists and get its content\n const response = await fetch(`/api/vals/${valId}/moi`);\n \n if (!response.ok) {\n throw new Error(\"Failed to fetch moi.md\");\n }\n \n const data = await response.json();\n setHasMoiFile(data.exists);\n setMoiContent(data.content);\n } catch (err) {\n console.error(\"Error fetching moi.md:\", err);\n setError(\"Failed to fetch moi.md. Please try again later.\");\n }\n };\n\n // Handle saving moi.md\n const handleSaveMoi = async () => {\n if (!selectedVal) return;\n\n try {\n setSaving(true);\n setSaveError(null);\n setSaveSuccess(false);\n\n const valId = selectedVal.id;\n \n const response = await fetch(`/api/vals/${valId}/moi`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ content: moiContent }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to save moi.md\");\n }\n\n setHasMoiFile(true);\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 // Handle batch operations\n const handleBatchOperation = async () => {\n try {\n setBatchMode(true);\n setBatchStatus(\"Starting batch operation...\");\n \n const overwrite = confirm(\"Do you want to overwrite existing moi.md files?\");\n \n setBatchStatus(\"Processing...\");\n \n const response = await fetch(`/api/vals/batch`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n filter: filterPrivacy, \n overwrite \n }),\n });\n\n if (!response.ok) {\n throw new Error(\"Batch operation failed\");\n }\n\n const result = await response.json();\n \n setBatchStatus(`Completed: ${result.created} created, ${result.updated} updated, ${result.skipped} skipped`);\n \n // Refresh the list\n fetchVals();\n \n setTimeout(() => {\n setBatchMode(false);\n setBatchStatus(null);\n }, 5000);\n } catch (err) {\n console.error(\"Error in batch operation:\", err);\n setBatchStatus(\"Batch operation failed. See console for details.\");\n \n setTimeout(() => {\n setBatchMode(false);\n setBatchStatus(null);\n }, 5000);\n }\n };\n\n return (\n

\n 📝 MoiPoster\n

Create and manage moi.md files for your Val Town vals

\n \n

\n \n \n ↻ Refresh\n \n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n \n {batchStatus && (\n

\n {batchStatus}\n

\n )}\n\n

Your Vals

\n \n

\n\n

\n {selectedVal ? (\n

\n {selectedVal.name} - moi.md\n

\n {hasMoiFile ? (\n \n moi.md exists\n \n ) : (\n \n new file\n \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 val to edit its moi.md file

\n )}\n

\n \n \n

\n );\n};\n\nexport default App;","createdAt",["D",1745874211067],"branchVersion","branchId","e3bce056-2471-11f0-af28-569c3dd06744","id","e3bc817e-2471-11f0-af28-569c3dd06744","moiPosterImproved",["D",1745873201914],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Tool to manage moi.md files for Val Town content","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","1a9ec3fa-2472-11f0-9430-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",58,"likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",63,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789685949&sig=3914c42437e61852ed44e20f0f4421655a5640805022eedfe70129e7f91379ec","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":290,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":291,"_83":292,"_85":293,"_87":25},"tree",[183,186,193,196,197],"files",[183,184,185,186,187,188,189,190,191,192,193,194,195,196,197],"counts",{"_171":172,"_173":174,"_175":65,"_176":177,"_178":179},"contents",[130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":165,"_32":166,"_30":167,"_138":-5,"_42":43,"_41":168,"_140":60,"_39":169,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_27":170},{"_44":159,"_32":160,"_30":161,"_138":-5,"_42":43,"_41":162,"_140":60,"_39":163,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_27":164},{"_44":152,"_32":153,"_30":154,"_138":-5,"_42":43,"_41":155,"_140":60,"_39":156,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_27":158},{"_44":145,"_32":146,"_30":147,"_138":-5,"_42":43,"_41":148,"_140":25,"_39":149,"_13":65,"_34":20,"_36":150,"_24":25,"_143":-5,"_27":151},{"_44":135,"_32":136,"_30":137,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":141,"_13":65,"_34":20,"_36":142,"_24":25,"_143":-5,"_27":144},"7ba67580-2472-11f0-b7eb-569c3dd06744","moi.md","7ba67634-2472-11f0-b7eb-569c3dd06744","parentId",15,"latest",["D",1745873456779],"---\ntitle: \"MoiPosterImproved\"\ndescription: \"Tool to manage moi.md files for Val Town content\"\nurl: \"https://val.town/x/dcm31/moiPosterImproved\"\nauthor: \"dcm31\"\ntags: [\"val-town\", \"project\", \"moi\", \"markdown\"]\n---\n\n# MoiPosterImproved\n\nAn improved tool for creating and managing moi.md files across Val Town vals and projects. This project provides both a web interface and a script that can be imported and used programmatically.\n\n## Installation\n\nThis is a Val Town project. You can use it by importing it directly:\n\n```typescript\n// Import the processor for batch operations\nimport moiProcessor from \"https://esm.town/v/dcm31/moiPosterImproved/backend/moiProcessor.ts\";\n\n// Process all public vals\nconst results = await moiProcessor('vals', { filter: 'public' });\n```\n\n## Structure\n\nThis project includes the following components:\n\n- Backend API with Hono for handling requests\n- React-based frontend with moi.md editor and preview\n- Shared utilities for generating appropriate moi.md content\n- Batch processing functionality to update many vals/projects at once\n\n## Features\n\n- Create and edit moi.md files with a user-friendly interface\n- Preview markdown with live updates\n- Filter vals and projects by privacy settings\n- Batch process multiple items at once\n- Automatic generation of appropriate frontmatter and content\n\n## Usage Examples\n\n```typescript\n// Import the processor for batch operations\nimport moiProcessor from \"https://esm.town/v/dcm31/moiPosterImproved/backend/moiProcessor.ts\";\n\n// Process only public projects\nconst results = await moiProcessor('projects', { \n filter: 'public', \n overwrite: true // Overwrite existing moi.md files\n});\n\nconsole.log(`Created ${results.created} moi.md files`);\nconsole.log(`Updated ${results.updated} moi.md files`);\n```\n\n## License\n\nMIT\n\n---\n\nLast updated: 2025-04-28","label",[136],"74a40b3a-2472-11f0-beae-569c3dd06744","README.md","74a40be4-2472-11f0-beae-569c3dd06744",14,["D",1745873445019],"# MoiPoster - Val Town moi.md Manager\n\nA tool to create and manage `moi.md` files for your Val Town vals and projects.\n\n## Features\n\n- View all your vals and projects\n- Edit and preview moi.md files with a built-in markdown editor\n- Batch process multiple vals or projects at once\n- Filter by privacy settings (public, private, unlisted)\n- Automatically generate moi.md content based on val or project metadata\n\n## Structure\n\nThe project has the following components:\n\n- **backend/** - Server-side code\n - **index.ts** - Main API routes using Hono\n - **moiProcessor.ts** - Logic for batch processing moi.md files\n- **frontend/** - Client-side code\n - **components/** - React components\n - **App.tsx** - Main application component\n - **Editor.tsx** - Markdown editor component\n - **ItemList.tsx** - Component for displaying vals or projects\n - **MarkdownPreview.tsx** - Markdown preview component\n - **index.tsx** - Frontend entry point\n- **shared/** - Shared code\n - **types.ts** - TypeScript type definitions\n - **generators.ts** - Functions to generate moi.md content\n\n## Usage\n\nVisit the [live endpoint](https://dcm31--1a9ec3fa247211f09430569c3dd06744.web.val.run) to use the application.\n\n## API Endpoints\n\n- `GET /api/vals` - Get all vals (supports privacy filter)\n- `GET /api/projects` - Get all projects (supports privacy filter)\n- `GET /api/vals/:valId/moi` - Get moi.md for a val\n- `GET /api/projects/:projectId/moi` - Get moi.md for a project\n- `POST /api/vals/:valId/moi` - Create/update moi.md for a val\n- `POST /api/projects/:projectId/moi` - Create/update moi.md for a project\n- `POST /api/vals/batch` - Batch process moi.md for vals\n- `POST /api/projects/batch` - Batch process moi.md for projects\n\n## Direct Use as a Script\n\nThe `moiProcessor.ts` file can be used directly as a script val:\n\n```typescript\nimport moiProcessor from \"https://esm.town/v/dcm31/moiPosterImproved/backend/moiProcessor.ts\";\n\n// Process all vals\nconst results = await moiProcessor('vals', { \n filter: 'public', // 'all', 'public', 'private', or 'unlisted'\n overwrite: false // Whether to overwrite existing moi.md files\n});\n\nconsole.log(results);\n```\n\n## moi.md Format\n\nThe generated moi.md files follow this format:\n\n```markdown\n---\ntitle: \"Project Name\"\ndescription: \"Project description\"\nurl: \"https://val.town/...\"\nauthor: \"username\"\ntags: [\"val-town\", \"project\"]\n---\n\n# Project Name\n\nProject description\n\n## Installation\n\n...\n\n## Structure\n\n...\n\n## Features\n\n...\n\n## Usage Examples\n\n...\n\n## License\n\nMIT\n\n---\n\nLast updated: YYYY-MM-DD\n```\n\n## License\n\nMIT",[146],"ef1eef2a-2471-11f0-a2a5-569c3dd06744","shared","ef1eefe8-2471-11f0-a2a5-569c3dd06744",4,["D",1745873221011],"directory",[153],"e9c849c2-2471-11f0-a2a5-569c3dd06744","frontend","e9c84a6c-2471-11f0-a2a5-569c3dd06744",2,["D",1745873212036],[160],"e784f9ee-2471-11f0-87ee-569c3dd06744","backend","e784fb06-2471-11f0-87ee-569c3dd06744",1,["D",1745873208258],[166],"pulls",8,"branches",12,"forks","envVars",{"_180":65,"_182":65},"connections",{"_180":65,"_181":65},"count","unfilledCount","emptyCount",{"_44":165,"_32":166,"_30":167,"_138":-5,"_42":43,"_41":168,"_140":60,"_39":287,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_199":288,"_27":289},{"_44":278,"_32":279,"_30":58,"_138":167,"_42":43,"_41":280,"_140":25,"_39":281,"_13":263,"_34":282,"_36":283,"_24":25,"_143":284,"_199":285,"_27":286},{"_44":270,"_32":271,"_30":272,"_138":167,"_42":43,"_41":273,"_140":25,"_39":274,"_13":162,"_34":35,"_36":275,"_24":25,"_143":-5,"_199":276,"_27":277},{"_44":159,"_32":160,"_30":161,"_138":-5,"_42":43,"_41":162,"_140":60,"_39":267,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_199":268,"_27":269},{"_44":262,"_32":241,"_30":235,"_138":161,"_42":43,"_41":263,"_140":60,"_39":264,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_199":265,"_27":266},{"_44":258,"_32":33,"_30":31,"_138":235,"_42":43,"_41":14,"_140":25,"_39":259,"_13":168,"_34":35,"_36":38,"_24":25,"_143":-5,"_199":260,"_27":261},{"_44":250,"_32":251,"_30":252,"_138":235,"_42":43,"_41":253,"_140":60,"_39":254,"_13":65,"_34":35,"_36":255,"_24":25,"_143":-5,"_199":256,"_27":257},{"_44":242,"_32":243,"_30":244,"_138":235,"_42":43,"_41":245,"_140":25,"_39":246,"_13":65,"_34":35,"_36":247,"_24":25,"_143":-5,"_199":248,"_27":249},{"_44":232,"_32":233,"_30":234,"_138":235,"_42":43,"_41":236,"_140":60,"_39":237,"_13":65,"_34":35,"_36":238,"_24":25,"_143":-5,"_199":239,"_27":240},{"_44":224,"_32":225,"_30":226,"_138":161,"_42":43,"_41":227,"_140":60,"_39":228,"_13":65,"_34":35,"_36":229,"_24":25,"_143":-5,"_199":230,"_27":231},{"_44":152,"_32":153,"_30":154,"_138":-5,"_42":43,"_41":155,"_140":60,"_39":221,"_13":65,"_34":157,"_36":-5,"_24":25,"_143":-5,"_199":222,"_27":223},{"_44":213,"_32":214,"_30":215,"_138":154,"_42":43,"_41":216,"_140":25,"_39":217,"_13":168,"_34":20,"_36":218,"_24":25,"_143":-5,"_199":219,"_27":220},{"_44":205,"_32":206,"_30":207,"_138":154,"_42":43,"_41":208,"_140":25,"_39":209,"_13":168,"_34":20,"_36":210,"_24":25,"_143":-5,"_199":211,"_27":212},{"_44":145,"_32":146,"_30":147,"_138":-5,"_42":43,"_41":148,"_140":25,"_39":202,"_13":65,"_34":20,"_36":150,"_24":25,"_143":-5,"_199":203,"_27":204},{"_44":135,"_32":136,"_30":137,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":198,"_13":65,"_34":20,"_36":142,"_24":25,"_143":-5,"_199":200,"_27":201},["D",1745873456779],"children",[],[136],["D",1745873445019],[],[146],"b1435b30-2473-11f0-a49d-569c3dd06744","types.ts","f3e2e2a0-2471-11f0-87ee-569c3dd06744",21,["D",1745873976218],"/**\n * Shared type definitions for MoiPoster\n */\n\n// Val types\nexport interface Val {\n id: string;\n name: string;\n owner: string;\n description: string | null;\n type: string;\n privacy: string;\n updatedAt: string;\n createdAt: string;\n tags: string[];\n imageUrl?: string;\n}\n\n// Moi file interface\nexport interface MoiFile {\n exists: boolean;\n content: string;\n}\n\n// Batch operation options\nexport interface BatchOptions {\n filter?: 'all' | 'public' | 'private' | 'unlisted';\n overwrite?: boolean;\n dryRun?: boolean;\n}\n\n// Batch operation results\nexport interface BatchResults {\n processed: number;\n created: number;\n updated: number;\n skipped: number;\n errors: Array<{ id: string, name: string, error: string }>;\n}\n",[],[153,206],"b7176330-2473-11f0-8bb8-569c3dd06744","generators.ts","fbbeb576-2471-11f0-94f3-569c3dd06744",22,["D",1745873985994],"/**\n * Shared utilities for generating moi.md content\n */\nimport { Val } from \"./types.ts\";\n\n/**\n * Clean a string for YAML frontmatter (escape quotes)\n */\nexport function cleanString(str: string | null | undefined): string {\n if (!str) return \"\";\n return str.replace(/\"/g, '\\\\\"').trim();\n}\n\n/**\n * Generate moi.md content for a Val\n */\nexport function generateValMoiContent(val: Val): string {\n const name = cleanString(val.name || \"Untitled Val\");\n const description = cleanString(val.description || `A ${val.type} val`);\n const tags = Array.isArray(val.tags) && val.tags.length > 0 \n ? val.tags \n : [\"val-town\"];\n \n const frontmatter = `---\ntitle: \"${name}\"\ndescription: \"${description}\"\n${val.imageUrl ? `imageUrl: \"${val.imageUrl}\"` : \"\"}\nurl: \"https://val.town/v/${val.owner}/${val.name}\"\nauthor: \"${val.owner}\"\ntags: ${JSON.stringify(tags)}\n---`;\n\n const content = `${frontmatter}\n\n## About\n\n${description}\n\n## Usage\n\n\\`\\`\\`typescript\n// Import this val\nimport { ${val.name} } from \"https://esm.town/v/${val.owner}/${val.name}\";\n\n// Example usage\n// ...\n\\`\\`\\`\n\n## Notes\n\n- Created: ${new Date(val.createdAt).toISOString().split('T')[0]}\n- Last updated: ${new Date().toISOString().split('T')[0]}\n- Type: ${val.type || \"script\"}\n- Privacy: ${val.privacy || \"public\"}\n`;\n\n return content;\n}\n",[],[153,214],["D",1745873221011],[194,195],[153],"6969b6fc-2472-11f0-a4be-569c3dd06744","index.tsx","6969b7d8-2472-11f0-a4be-569c3dd06744",13,["D",1745873426182],"/** @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\n// Initialize React application\ncreateRoot(document.getElementById(\"root\")!).render();",[],[160,225],"4c900518-2472-11f0-96e8-569c3dd06744","MarkdownPreview.tsx","4c9005cc-2472-11f0-96e8-569c3dd06744","ed0a3636-2471-11f0-bc23-569c3dd06744",11,["D",1745873377778],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface MarkdownPreviewProps {\n markdown: string;\n}\n\n/**\n * A component to render a simple preview of markdown content\n */\nconst MarkdownPreview: React.FC = ({ markdown }) => {\n // Simple markdown to HTML converter\n const markdownToHtml = (markdown: string): string => {\n // Convert headings\n let html = markdown\n .replace(/^# (.*$)/gm, '

$1

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

$1

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

$1

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

$1

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

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

/g, '

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

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

$1');\n\n // Convert code blocks\n html = html.replace(/```([\\s\\S]*?)```/g, '

$1

');\n \n // Convert inline code\n html = html.replace(/`([^`]+)`/g, '$1');\n\n // Handle paragraphs\n html = html.replace(/^(?!<[a-z]).+/gm, '

').replace(/

\\s*<\\/p>/g, '');\n\n // Handle newlines\n html = html.replace(/\\n/g, '
');\n\n return html;\n };\n\n return (\n

\n \n

\n );\n};\n\nexport default MarkdownPreview;",[],[160,241,233],"components","45d4bffc-2472-11f0-a926-569c3dd06744","ItemList.tsx","45d4c0ba-2472-11f0-a926-569c3dd06744",10,["D",1745873366483],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Val, Project } from \"../../shared/types.ts\";\n\ninterface ItemListProps {\n items: (Val | Project)[];\n onSelectItem: (item: Val | Project) => void;\n selectedItemId?: string;\n type: 'vals' | 'projects';\n loading?: boolean;\n}\n\n/**\n * List component for displaying vals or projects\n */\nconst ItemList: React.FC = ({ \n items, \n onSelectItem, \n selectedItemId,\n type,\n loading = false\n}) => {\n if (loading) {\n return (\n

\n );\n }\n\n if (items.length === 0) {\n return (\n

No {type} 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 // Determine owner of the item\n const getOwner = (item: Val | Project): string => {\n if ('owner' in item) {\n return item.owner; // Val\n } else if (item.author && item.author.username) {\n return item.author.username; // Project\n }\n return 'unknown';\n };\n\n // Determine if item has a moi.md file\n const hasMoiMd = (item: Val | Project): boolean => {\n // This would require additional logic to check\n // For now, we'll treat all items as not having moi.md\n return false;\n };\n\n return (\n

onSelectItem(item)}\n >\n
\n
\n
{item.name}
\n \n {item.privacy}\n \n
\n \n {item.description && (\n
{item.description}
\n )}\n \n
\n
\n @{getOwner(item)}\n
\n
\n Updated: {formatDate(item.updatedAt)}\n
\n
\n \n {'type' in item && (\n
\n Type: {item.type}\n
\n )}\n \n
\n {hasMoiMd(item) ? (\n \n moi.md\n \n ) : (\n \n no moi.md\n \n )}\n
\n
\n

\n );\n};\n\nexport default ItemList;",[],[160,241,243],"22593d8c-2472-11f0-b5a8-569c3dd06744","Editor.tsx","22593e40-2472-11f0-b5a8-569c3dd06744",9,["D",1745873306957],"/** @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 disabled?: boolean;\n}\n\n/**\n * Markdown editor component with auto-resize\n */\nconst Editor: React.FC = ({ value, onChange, disabled = false }) => {\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 disabled ? 'bg-gray-50 cursor-not-allowed opacity-70' : ''\n }`}\n placeholder=\"Write your markdown here...\"\n disabled={disabled}\n />\n

\n );\n};\n\nexport default Editor;\n",[],[160,241,251],"3d3ef84c-2474-11f0-a49d-569c3dd06744",["D",1745874211067],[],[160,241,33],"ed0a35b4-2471-11f0-bc23-569c3dd06744",3,["D",1745873217518],[188,189,190,191],[160,241],["D",1745873212036],[187,192],[160],"ac5b8e30-2473-11f0-8c96-569c3dd06744","moiProcessor.ts","08d80280-2472-11f0-87b8-569c3dd06744",20,["D",1745873967990],"/**\n * MoiProcessor - Batch processing logic for moi.md files\n */\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { BatchOptions, BatchResults } from \"../shared/types.ts\";\nimport { generateValMoiContent } from \"../shared/generators.ts\";\n\n/**\n * Process batch operations for vals\n */\nexport async function processBatch(\n options: BatchOptions = {}\n): Promise {\n const vt = new ValTown();\n const results: BatchResults = {\n processed: 0,\n created: 0,\n updated: 0,\n skipped: 0,\n errors: []\n };\n\n try {\n console.log(`🔍 Finding vals...`);\n await processVals(vt, options, results);\n return results;\n } catch (err) {\n console.error(\"❌ Fatal error:\", err);\n throw err;\n }\n}\n\n/**\n * Process all vals and manage their moi.md files\n */\nasync function processVals(\n vt: ValTown, \n options: BatchOptions, \n results: BatchResults\n) {\n // Get all vals\n const { data: vals } = await vt.me.vals.list();\n console.log(`Found ${vals.length} vals`);\n \n for (const val of vals) {\n try {\n results.processed++;\n console.log(`Processing val: ${val.name} (${val.id})`);\n \n // Check if val should be processed based on filter\n if (options.filter && options.filter !== 'all' && val.privacy !== options.filter) {\n console.log(`Skipping (${val.privacy} val, filter: ${options.filter})`);\n results.skipped++;\n continue;\n }\n \n // Check if moi.md exists\n const files = await vt.val(val.id).files.list();\n const moiFile = files.find(file => file.path === \"moi.md\");\n \n // Generate moi.md content\n const moiContent = generateValMoiContent(val);\n \n if (moiFile && !options.overwrite) {\n console.log(\"moi.md exists, skipping (use overwrite option to force update)\");\n results.skipped++;\n continue;\n }\n \n // Create or update moi.md\n if (moiFile) {\n await vt.vals.files.update(val.id, { path: \"moi.md\", content: moiContent });\n console.log(`Updated moi.md in val ${val.name}`);\n results.updated++;\n } else {\n await vt.vals.files.create(val.id, { path: \"moi.md\", type: \"file\", content: moiContent });\n console.log(`Created moi.md in val ${val.name}`);\n results.created++;\n }\n } catch (error) {\n console.error(`Error processing val ${val.name}:`, error);\n results.errors.push({ \n id: val.id, \n name: val.name, \n error: error instanceof Error ? error.message : String(error) \n });\n results.skipped++;\n }\n }\n}\n\n// Export a default function for direct invocation\nexport default async function moiProcessor(\n options: BatchOptions = {}\n): Promise {\n const results = await processBatch(options);\n \n // Print summary\n console.log(\"\\n📊 SUMMARY\");\n console.log(`Total vals processed: ${results.processed}`);\n console.log(`moi.md files created: ${results.created}`);\n console.log(`moi.md files updated: ${results.updated}`);\n console.log(`Vals skipped: ${results.skipped}`);\n \n if (results.errors.length > 0) {\n console.log(\"\\n⚠️ ERRORS\");\n results.errors.forEach((err, i) => {\n console.log(`${i+1}. ${err.name}: ${err.error}`);\n });\n }\n \n return results;\n}\n",[],[166,271],"9ffb572e-2473-11f0-8d7b-569c3dd06744","index.ts",19,["D",1745873947225],"http","/**\n * MoiPoster API Backend\n * \n * This file provides the API routes for the MoiPoster application.\n */\nimport { Hono } from \"npm:hono\";\nimport { cors } from \"npm:hono/cors\";\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { processBatch } from \"./moiProcessor.ts\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { MoiFile } from \"../shared/types.ts\";\nimport { generateValMoiContent } from \"../shared/generators.ts\";\n\nconst app = new Hono();\nconst valtown = new ValTown();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error:\", err);\n throw err;\n});\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// API Routes\n\n// Get all vals\napp.get(\"/api/vals\", async (c) => {\n try {\n const privacy = c.req.query(\"privacy\");\n const filter = privacy && privacy !== 'all' ? { privacy } : undefined;\n \n const { data: vals } = await valtown.me.vals.list(filter);\n \n return c.json(vals);\n } catch (error) {\n console.error(\"Error fetching vals:\", error);\n return c.json({ error: \"Failed to fetch vals\" }, 500);\n }\n});\n\n// Get moi.md for a val\napp.get(\"/api/vals/:valId/moi\", async (c) => {\n try {\n const valId = c.req.param(\"valId\");\n \n // Get the val to verify it exists\n const val = await valtown.val(valId).get();\n \n // List files to check if moi.md exists\n const files = await valtown.val(valId).files.list();\n const moiFile = files.find(file => file.path === \"moi.md\");\n \n const result: MoiFile = {\n exists: Boolean(moiFile),\n content: \"\"\n };\n \n if (moiFile) {\n try {\n // Get file content using the proper method\n const fileData = await valtown.vals.files.getContent(valId, { path: \"moi.md\" });\n if (fileData) {\n result.content = await fileData.text();\n }\n } catch (fileError) {\n console.error(\"Error reading moi.md content:\", fileError);\n // Generate default content as fallback\n result.content = generateValMoiContent(val);\n }\n } else {\n // Generate default content\n result.content = generateValMoiContent(val);\n }\n \n return c.json(result);\n } catch (error) {\n console.error(\"Error fetching val moi.md:\", error);\n return c.json({ error: \"Failed to fetch moi.md\" }, 500);\n }\n});\n\n// Create/update moi.md for a val\napp.post(\"/api/vals/:valId/moi\", async (c) => {\n try {\n const valId = c.req.param(\"valId\");\n const { content } = await c.req.json();\n \n if (!content) {\n return c.json({ error: \"Content is required\" }, 400);\n }\n \n // Check if moi.md exists\n const files = await valtown.val(valId).files.list();\n const moiFile = files.find(file => file.path === \"moi.md\");\n \n if (moiFile) {\n // Update existing file\n await valtown.vals.files.update(valId, { path: \"moi.md\", content });\n return c.json({ success: true, message: \"moi.md updated successfully\" });\n } else {\n // Create new file\n await valtown.vals.files.create(valId, { path: \"moi.md\", type: \"file\", content });\n return c.json({ success: true, message: \"moi.md created successfully\" });\n }\n } catch (error) {\n console.error(\"Error updating val moi.md:\", error);\n return c.json({ error: \"Failed to update moi.md\" }, 500);\n }\n});\n\n// Batch process vals\napp.post(\"/api/vals/batch\", async (c) => {\n try {\n const { filter, overwrite } = await c.req.json();\n \n const results = await processBatch({ filter, overwrite });\n \n return c.json(results);\n } catch (error) {\n console.error(\"Error in batch processing vals:\", error);\n return c.json({ error: \"Failed to process vals\" }, 500);\n }\n});\n\n// Serve static files from frontend directory\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Main HTML page\napp.get(\"*\", async (c) => {\n try {\n const html = `\n \n \n \n \n \n MoiPoster - Val Town\n \n \n \n \n

\n \n \n \n `;\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving frontend:\", error);\n return c.text(\"Error serving application\", 500);\n }\n});\n\nexport default app.fetch;","moiposter",[],[166,279],["D",1745873208258],[184,185],[166],["D",1745873201914],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_81":-5,"_127":327,"_328":329,"_330":331,"_332":25,"_333":25,"_334":25,"_335":60,"_336":-5,"_337":-7,"_338":-7,"_339":65,"_340":25,"_341":25,"_342":-5,"_343":25,"_344":25,"_345":25,"_346":-5},"ENV",{"_298":299,"_300":301,"_302":89,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]

Your {activeTab}

\n {selectedItem.name} - moi.md\n

Preview

Your Vals

\n {selectedVal.name} - moi.md\n

Preview

$1

$1

$1

$1

{item.name}

Diff · v23