[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_314":315,"_316":317},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":26,"_121":122,"_123":24,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":26,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":24,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":26},"version",34,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_23":26},"previous","deleted",true,"deletedHere",false,"path","backend/lockManager.ts","latestPath","fileId","5b7a1860-2478-11f0-ba04-569c3dd06744","name","lockManager.ts","fileType","script","content","/**\n * Project Lock Manager\n * \n * This module provides functionality to lock and unlock project operations.\n * When the project is locked, all API endpoints will refuse to perform\n * operations on vals.\n */\n\n// Set this to false to lock the project\nexport const LOCK_STATE = {\n isLocked: false\n};\n\n/**\n * Middleware function to check if the project is locked\n * @returns A handler that checks if operations are allowed\n */\nexport function lockCheck() {\n return async (c, next) => {\n if (LOCK_STATE.isLocked) {\n return c.json({ \n error: \"Project is currently locked. Contact the administrator to unlock it.\",\n locked: true\n }, 423); // HTTP 423 Locked\n }\n await next();\n };\n}\n\n/**\n * Lock the project, preventing all operations\n */\nexport function lockProject() {\n LOCK_STATE.isLocked = true;\n console.log(\"🔒 Project is now LOCKED\");\n return { success: true, locked: true, message: \"Project is now locked\" };\n}\n\n/**\n * Unlock the project, allowing operations again\n */\nexport function unlockProject() {\n LOCK_STATE.isLocked = false;\n console.log(\"🔓 Project is now UNLOCKED\");\n return { success: true, locked: false, message: \"Project is now unlocked\" };\n}\n\n/**\n * Toggle lock state\n */\nexport function toggleLock() {\n if (LOCK_STATE.isLocked) {\n return unlockProject();\n } else {\n return lockProject();\n }\n}\n\n/**\n * Get current lock status\n */\nexport function getLockStatus() {\n return { locked: LOCK_STATE.isLocked };\n}\n","createdAt",["D",1745875979783],"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","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",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":26},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"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=1789734108&sig=c7237b36b680a05af0d77d22815609ee380157aee43808780b771fabd21940fd","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":310,"_47":-5,"_48":26,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":24,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":311,"_81":312,"_83":313,"_85":26},"tree",[189,193,200,203,204,205],"files",[189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205],"counts",{"_177":178,"_179":180,"_181":63,"_182":183,"_184":185},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":172,"_32":173,"_30":174,"_137":-5,"_41":42,"_40":149,"_139":24,"_38":175,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_27":176},{"_43":166,"_32":167,"_30":168,"_137":-5,"_41":42,"_40":169,"_139":24,"_38":170,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_27":171},{"_43":159,"_32":160,"_30":161,"_137":-5,"_41":42,"_40":162,"_139":24,"_38":163,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_27":165},{"_43":152,"_32":153,"_30":154,"_137":-5,"_41":42,"_40":155,"_139":26,"_38":156,"_13":149,"_34":20,"_36":157,"_23":26,"_142":-5,"_27":158},{"_43":144,"_32":145,"_30":146,"_137":-5,"_41":42,"_40":147,"_139":26,"_38":148,"_13":149,"_34":20,"_36":150,"_23":26,"_142":-5,"_27":151},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":24,"_38":140,"_13":63,"_34":20,"_36":141,"_23":26,"_142":-5,"_27":143},"bb213bd2-2477-11f0-84a8-569c3dd06744","testfile_1745875710738.txt","bb213d4e-2477-11f0-84a8-569c3dd06744","parentId",33,"latest",["D",1745875710764],"This is a test file created dynamically.","label",[135],"571202b4-2474-11f0-b84c-569c3dd06744","moi.md","7ba67634-2472-11f0-b7eb-569c3dd06744",26,["D",1745874254400],1,"---\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\", \"moi\", \"markdown\", \"vals\"]\n---\n\n# MoiPosterImproved\n\nAn improved tool for creating and managing moi.md files across Val Town vals. 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 the standalone script directly:\n\n```typescript\n// Import the processor for batch operations\nimport moiPoster from \"https://esm.town/v/dcm31/moiPosterScript\";\n\n// Process all public vals\nconst results = await moiPoster({ 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 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 by privacy settings\n- Batch process multiple vals 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 moiPoster from \"https://esm.town/v/dcm31/moiPosterScript\";\n\n// Process only public vals\nconst results = await moiPoster({ \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",[145],"50055584-2474-11f0-87a9-569c3dd06744","README.md","74a40be4-2472-11f0-beae-569c3dd06744",25,["D",1745874242514],"# MoiPoster - Val Town moi.md Manager\n\nA tool to create and manage `moi.md` files for your Val Town vals.\n\n## Features\n\n- View all your vals\n- Edit and preview moi.md files with a built-in markdown editor\n- Batch process multiple vals at once\n- Filter by privacy settings (public, private, unlisted)\n- Automatically generate moi.md content based on val 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\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/vals/:valId/moi` - Get moi.md for a val\n- `POST /api/vals/:valId/moi` - Create/update moi.md for a val\n- `POST /api/vals/batch` - Batch process moi.md for vals\n\n## Direct Use as a Script\n\nYou can also use the standalone script val for direct use:\n\n```typescript\nimport moiPoster from \"https://esm.town/v/dcm31/moiPosterScript\";\n\n// Process all vals\nconst results = await moiPoster({ \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: \"Val Name\"\ndescription: \"Val description\"\nurl: \"https://val.town/...\"\nauthor: \"username\"\ntags: [\"val-town\", \"tag1\", \"tag2\"]\n---\n\n## About\n\nVal description\n\n## Usage\n\n```typescript\n// Import this val\nimport { valName } from \"https://esm.town/v/username/valName\";\n\n// Example usage\n// ...\n```\n\n## Notes\n\n- Created: YYYY-MM-DD\n- Last updated: YYYY-MM-DD\n- Type: script\n- Privacy: public\n```\n\n## License\n\nMIT",[153],"ef1eef2a-2471-11f0-a2a5-569c3dd06744","shared","ef1eefe8-2471-11f0-a2a5-569c3dd06744",4,["D",1745873221011],"directory",[160],"e9c849c2-2471-11f0-a2a5-569c3dd06744","frontend","e9c84a6c-2471-11f0-a2a5-569c3dd06744",2,["D",1745873212036],[167],"e784f9ee-2471-11f0-87ee-569c3dd06744","backend","e784fb06-2471-11f0-87ee-569c3dd06744",["D",1745873208258],[173],"pulls",8,"branches",12,"forks","envVars",{"_186":63,"_188":63},"connections",{"_186":63,"_187":63},"count","unfilledCount","emptyCount",{"_43":172,"_32":173,"_30":174,"_137":-5,"_41":42,"_40":149,"_139":24,"_38":307,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_207":308,"_27":309},{"_43":297,"_32":298,"_30":57,"_137":174,"_41":42,"_40":299,"_139":26,"_38":300,"_13":301,"_34":302,"_36":303,"_23":26,"_142":304,"_207":305,"_27":306},{"_43":293,"_32":33,"_30":31,"_137":174,"_41":42,"_40":14,"_139":26,"_38":294,"_13":63,"_34":35,"_36":37,"_23":26,"_142":-5,"_207":295,"_27":296},{"_43":285,"_32":286,"_30":287,"_137":174,"_41":42,"_40":288,"_139":26,"_38":289,"_13":162,"_34":35,"_36":290,"_23":26,"_142":-5,"_207":291,"_27":292},{"_43":166,"_32":167,"_30":168,"_137":-5,"_41":42,"_40":169,"_139":24,"_38":282,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_207":283,"_27":284},{"_43":277,"_32":252,"_30":246,"_137":168,"_41":42,"_40":278,"_139":24,"_38":279,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_207":280,"_27":281},{"_43":269,"_32":270,"_30":271,"_137":246,"_41":42,"_40":272,"_139":26,"_38":273,"_13":169,"_34":35,"_36":274,"_23":26,"_142":-5,"_207":275,"_27":276},{"_43":261,"_32":262,"_30":263,"_137":246,"_41":42,"_40":264,"_139":24,"_38":265,"_13":63,"_34":35,"_36":266,"_23":26,"_142":-5,"_207":267,"_27":268},{"_43":253,"_32":254,"_30":255,"_137":246,"_41":42,"_40":256,"_139":24,"_38":257,"_13":149,"_34":35,"_36":258,"_23":26,"_142":-5,"_207":259,"_27":260},{"_43":243,"_32":244,"_30":245,"_137":246,"_41":42,"_40":247,"_139":24,"_38":248,"_13":63,"_34":35,"_36":249,"_23":26,"_142":-5,"_207":250,"_27":251},{"_43":235,"_32":236,"_30":237,"_137":168,"_41":42,"_40":238,"_139":24,"_38":239,"_13":63,"_34":35,"_36":240,"_23":26,"_142":-5,"_207":241,"_27":242},{"_43":159,"_32":160,"_30":161,"_137":-5,"_41":42,"_40":162,"_139":24,"_38":232,"_13":63,"_34":164,"_36":-5,"_23":26,"_142":-5,"_207":233,"_27":234},{"_43":224,"_32":225,"_30":226,"_137":161,"_41":42,"_40":227,"_139":26,"_38":228,"_13":149,"_34":20,"_36":229,"_23":26,"_142":-5,"_207":230,"_27":231},{"_43":216,"_32":217,"_30":218,"_137":161,"_41":42,"_40":219,"_139":26,"_38":220,"_13":149,"_34":20,"_36":221,"_23":26,"_142":-5,"_207":222,"_27":223},{"_43":152,"_32":153,"_30":154,"_137":-5,"_41":42,"_40":155,"_139":26,"_38":213,"_13":149,"_34":20,"_36":157,"_23":26,"_142":-5,"_207":214,"_27":215},{"_43":144,"_32":145,"_30":146,"_137":-5,"_41":42,"_40":147,"_139":26,"_38":210,"_13":149,"_34":20,"_36":150,"_23":26,"_142":-5,"_207":211,"_27":212},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":24,"_38":206,"_13":63,"_34":20,"_36":141,"_23":26,"_142":-5,"_207":208,"_27":209},["D",1745875710764],"children",[],[135],["D",1745874254400],[],[145],["D",1745874242514],[],[153],"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",[],[160,217],"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",[],[160,225],["D",1745873221011],[201,202],[160],"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();",[],[167,236],"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;",[],[167,252,244],"components","46dbd028-2474-11f0-bc51-569c3dd06744","ItemList.tsx","45d4c0ba-2472-11f0-a926-569c3dd06744",24,["D",1745874227196],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Val } from \"../../shared/types.ts\";\n\ninterface ItemListProps {\n items: Val[];\n onSelectItem: (item: Val) => void;\n selectedItemId?: string;\n loading?: boolean;\n}\n\n/**\n * List component for displaying vals\n */\nconst ItemList: React.FC = ({ \n items, \n onSelectItem, \n selectedItemId,\n loading = false\n}) => {\n if (loading) {\n return (\n

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

No vals 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

onSelectItem(val)}\n >\n
\n
\n
{val.name}
\n \n {val.privacy}\n \n
\n \n {val.description && (\n
{val.description}
\n )}\n \n
\n
\n @{val.owner}\n
\n
\n Updated: {formatDate(val.updatedAt)}\n
\n
\n \n
\n Type: {val.type}\n
\n \n
\n {val.tags && val.tags.length > 0 && (\n
\n {val.tags.slice(0, 3).map((tag, index) => (\n \n {tag}\n \n ))}\n {val.tags.length > 3 && (\n \n +{val.tags.length - 3} more\n \n )}\n
\n )}\n
\n
\n

\n );\n};\n\nexport default ItemList;",[],[167,252,254],"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",[],[167,252,262],"cc2eae30-2474-11f0-acf2-569c3dd06744","App.tsx","6548c810-2472-11f0-84fa-569c3dd06744",28,["D",1745874450880],"/** @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 const [loadingItem, setLoadingItem] = useState(false);\n const [itemError, setItemError] = useState(null);\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 setItemError(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 try {\n // Clear previous errors and data\n setItemError(null);\n setLoadingItem(true);\n setSelectedVal(val);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n\n const valId = val.id;\n console.log(`Fetching moi.md for val: ${val.name} (${valId})`);\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 const errorData = await response.json().catch(() => ({ error: \"Unknown error\" }));\n console.error(\"API error:\", errorData);\n throw new Error(errorData.error || \"Failed to fetch moi.md\");\n }\n \n const data = await response.json();\n \n if (data.error) {\n throw new Error(data.error);\n }\n \n setHasMoiFile(data.exists);\n setMoiContent(data.content);\n } catch (err) {\n console.error(\"Error fetching moi.md:\", err);\n setItemError(`Failed to fetch moi.md: ${err instanceof Error ? err.message : String(err)}`);\n \n // Set default content on error\n setMoiContent(`---\ntitle: \"${val.name || 'Untitled Val'}\"\ndescription: \"${val.description || 'No description'}\"\nurl: \"https://val.town/v/${val.owner}/${val.name}\"\nauthor: \"${val.owner}\"\ntags: [\"val-town\"]\n---\n\n## About\n\n${val.description || `A ${val.type} val`}\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- Type: ${val.type || \"script\"}\n- Privacy: ${val.privacy || \"public\"}\n`);\n } finally {\n setLoadingItem(false);\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 const errorData = await response.json().catch(() => ({ error: \"Unknown error\" }));\n throw new Error(errorData.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: ${err instanceof Error ? err.message : String(err)}`);\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 const errorData = await response.json().catch(() => ({ error: \"Unknown error\" }));\n throw new Error(errorData.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: ${err instanceof Error ? err.message : \"Unknown error\"}`);\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 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 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...\" : loadingItem ? \"Loading...\" : \"Save moi.md\"}\n \n

\n\n {loadingItem && (\n

\n Loading content...\n

\n )}\n\n {itemError && (\n

\n {itemError}\n

\n Using default content - you can still edit and save.\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;",[],[167,252,270],"ed0a35b4-2471-11f0-bc23-569c3dd06744",3,["D",1745873217518],[195,196,197,198],[167,252],["D",1745873212036],[194,199],[167],"9571b2ba-2475-11f0-9262-569c3dd06744","moiProcessor.ts","08d80280-2472-11f0-87b8-569c3dd06744",32,["D",1745874788543],"/**\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 by trying to get its content\n let moiExists = false;\n let moiContent: string;\n \n try {\n const contentResponse = await vt.vals.files.getContent(val.id, { path: \"moi.md\" });\n if (contentResponse) {\n moiExists = true;\n // If we just need to check existence and not overwriting, we can skip getting the full content\n if (!options.overwrite) {\n console.log(\"moi.md exists, skipping (use overwrite option to force update)\");\n results.skipped++;\n continue;\n }\n }\n } catch (error) {\n // File doesn't exist, we'll create it\n moiExists = false;\n }\n \n // Generate moi.md content\n moiContent = generateValMoiContent(val);\n \n // Create or update moi.md\n if (moiExists) {\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",[],[173,286],"5b7a17b6-2478-11f0-ba04-569c3dd06744",["D",1745875979783],[],[173,33],"8a8984ea-2475-11f0-96e4-569c3dd06744","index.ts",31,["D",1745874770241],6,"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 vt = 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 vt.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 console.log(\"Getting moi.md for valId:\", c.req.param(\"valId\"));\n const valId = c.req.param(\"valId\");\n \n // Verify we have a valid ID\n if (!valId) {\n return c.json({ error: \"Invalid val ID\" }, 400);\n }\n \n try {\n // First verify if this is actually a val we can access\n console.log(\"Fetching val details for:\", valId);\n const val = await vt.vals.retrieve(valId);\n console.log(\"Retrieved val:\", val.name);\n \n // Prepare the result\n const result: MoiFile = {\n exists: false,\n content: \"\"\n };\n \n // Try to get moi.md content, handle error if it doesn't exist\n try {\n console.log(\"Attempting to get moi.md content\");\n const moiContent = await vt.vals.files.getContent(valId, { path: \"moi.md\" });\n \n if (moiContent) {\n console.log(\"moi.md content retrieved, converting to text\");\n const contentText = await moiContent.text();\n result.exists = true;\n result.content = contentText;\n console.log(\"moi.md exists with length:\", contentText.length);\n }\n } catch (moiError) {\n // If moi.md doesn't exist, this will error - we generate default content\n console.log(\"No moi.md found, generating default content\");\n result.content = generateValMoiContent(val);\n }\n \n console.log(\"Returning successful response\");\n return c.json(result);\n } catch (valError) {\n console.error(\"Error retrieving val data:\", valError);\n \n // If the val doesn't exist or we don't have access, return a default content\n return c.json({\n exists: false,\n content: \"---\\ntitle: \\\"Unknown Val\\\"\\ndescription: \\\"No description available\\\"\\ntags: [\\\"val-town\\\"]\\n---\\n\\n## About\\n\\nThis val could not be accessed.\\n\"\n });\n }\n } catch (error) {\n console.error(\"Top-level error fetching val moi.md:\", error);\n return c.json({ error: \"Failed to fetch moi.md: \" + error.message }, 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 let exists = false;\n try {\n await vt.vals.files.getContent(valId, { path: \"moi.md\" });\n exists = true;\n } catch (error) {\n // File doesn't exist, we'll create it\n exists = false;\n }\n \n if (exists) {\n // Update existing file\n await vt.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 vt.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: \" + error.message }, 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: \" + error.message }, 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",[],[173,298],["D",1745873208258],[190,191,192],[173],["D",1745873201914],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":26},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":347,"_348":349,"_350":351,"_352":26,"_353":26,"_354":26,"_355":24,"_356":-5,"_357":-7,"_358":-7,"_359":63,"_360":26,"_361":26,"_362":-5,"_363":26,"_364":26,"_365":26,"_366":-5},"ENV",{"_318":319,"_320":321,"_322":87,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346},"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"]

Diff · v34