[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_316":317,"_318":319},"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",40,"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","backend/moiProcessor.ts","latestPath","fileId","08d80280-2472-11f0-87b8-569c3dd06744","name","moiProcessor.ts","fileType","script","content","/**\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 // Get the API token from environment\n const apiToken = Deno.env.get(\"VAL_TOWN_API_KEY\");\n if (!apiToken) {\n throw new Error(\"VAL_TOWN_API_KEY environment variable is not set. Required for API operations.\");\n }\n \n // Initialize with token\n const vt = new ValTown({\n bearerToken: apiToken\n });\n \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","/**\n * MoiProcessor - Batch processing logic for moi.md files\n */\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { BatchOptions, BatchResults } from \"../shared/types.ts\"; // Ensure types.ts includes apiToken in BatchOptions if passed that way\nimport { generateValMoiContent } from \"../shared/generators.ts\";\n\n// Add apiToken to BatchOptions type if not already present\ninterface ProcessBatchOptions extends BatchOptions {\n apiToken: string;\n}\n\n/**\n * Process batch operations for vals\n */\nexport async function processBatch(\n options: ProcessBatchOptions // Use extended options type\n): Promise {\n \n const { apiToken, filter, overwrite } = options; // Destructure options\n\n if (!apiToken) {\n // This check might be redundant if backend/index.ts already validates, but good for safety\n console.error(\"API Token is required for batch processing but was not provided.\");\n throw new Error(\"Authentication failed: API Token not provided to processBatch.\");\n }\n \n // Initialize with provided token\n const vt = new ValTown({\n bearerToken: apiToken\n });\n \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 using provided API token...`);\n // Pass the initialized vt instance and original options (filter, overwrite)\n await processVals(vt, { filter, overwrite }, results); \n console.log(`Batch process finished.`);\n return results;\n } catch (err) {\n console.error(\"❌ Fatal error during batch processing:\", err);\n // Check if it's an auth error from the SDK\n if (err.response && (err.response.status === 401 || err.response.status === 403)) {\n throw new Error(`Authentication failed during batch operation (${err.response.status}). Check your API Key permissions.`);\n }\n throw err; // Re-throw other errors\n }\n}\n\n/**\n * Process all vals and manage their moi.md files\n * (Receives an authenticated ValTown instance)\n */\nasync function processVals(\n vt: ValTown, // Expect an initialized SDK instance\n options: BatchOptions, // Use original BatchOptions here (filter, overwrite)\n results: BatchResults\n) {\n // Get all vals associated with the authenticated user\n const { data: vals } = await vt.me.vals.list(); // This now uses the authenticated instance\n console.log(`Found ${vals.length} vals associated with the token.`);\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 using the authenticated client\n let moiExists = false;\n let moiContent: string;\n \n try {\n // Attempt to get content to check existence and optionally overwrite\n const contentResponse = await vt.vals.files.getContent(val.id, { path: \"moi.md\" });\n if (contentResponse) {\n moiExists = true;\n // If not overwriting, skip\n if (!options.overwrite) {\n console.log(`moi.md exists for ${val.name}, skipping (overwrite is false)`);\n results.skipped++;\n continue;\n }\n console.log(`moi.md exists for ${val.name}, will overwrite.`);\n }\n } catch (error) {\n if (error.response && error.response.status === 404) {\n console.log(`moi.md does not exist for ${val.name}. Will create.`);\n moiExists = false;\n } else {\n console.warn(`Error checking moi.md for ${val.name}: ${error.message}. Assuming it doesn't exist or is inaccessible.`);\n // Decide how to handle: skip or try to create? Let's try to create.\n moiExists = false; \n }\n }\n \n // Generate moi.md content (using potentially updated val metadata)\n // It might be slightly better to re-fetch val details here in case they changed,\n // but for simplicity, we'll use the details from the initial list.\n moiContent = generateValMoiContent(val); \n \n // Create or update moi.md using the authenticated client\n if (moiExists && options.overwrite) { // Ensure overwrite is true if updating\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 if (!moiExists) {\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 // If moiExists is true but overwrite is false, we already continued above.\n \n } catch (error) {\n console.error(`Error processing val ${val.name} (${val.id}):`, error);\n let errorMessage = error instanceof Error ? error.message : String(error);\n if (error.response && (error.response.status === 401 || error.response.status === 403)) {\n errorMessage = `Authentication/Permission Error (${error.response.status})`;\n }\n results.errors.push({ \n id: val.id, \n name: val.name, \n error: errorMessage\n });\n results.skipped++; // Count as skipped due to error\n }\n }\n}\n\n// Export a default function - Note: Direct invocation now requires passing the token manually\nexport default async function moiProcessor(\n options: ProcessBatchOptions // Expect the token here too\n): Promise {\n // Check if token exists before calling processBatch\n if (!options.apiToken) {\n console.error(\"API Token is required for moiProcessor default export.\");\n // Return an error result or throw\n return { processed: 0, created: 0, updated: 0, skipped: 0, errors: [{id: 'N/A', name: 'N/A', error: 'API Token required'}] };\n }\n const results = await processBatch(options);\n \n // Print summary\n console.log(\"\\n📊 BATCH 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.id}): ${err.error}`);\n });\n }\n \n return results;\n}","createdAt",["D",1745877340863],"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=1789709586&sig=ebda9a5d40a699b654c345c893bdc7f620aaa364962b0922647820f6aba98f57","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":312,"_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":313,"_83":314,"_85":315,"_87":25},"tree",[191,194,202,205,206,207],"files",[191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207],"counts",{"_179":180,"_181":182,"_183":65,"_184":185,"_186":187},"contents",[130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":174,"_32":175,"_30":176,"_139":-5,"_42":43,"_41":151,"_141":60,"_39":177,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_27":178},{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":171,"_141":60,"_39":172,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_27":173},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":165,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_27":167},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":25,"_39":158,"_13":151,"_34":20,"_36":159,"_24":25,"_144":-5,"_27":160},{"_44":146,"_32":147,"_30":148,"_139":-5,"_42":43,"_41":149,"_141":25,"_39":150,"_13":151,"_34":20,"_36":152,"_24":25,"_144":-5,"_27":153},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":142,"_13":65,"_34":20,"_36":143,"_24":25,"_144":-5,"_27":145},"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",[137],"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",[147],"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",[155],"ef1eef2a-2471-11f0-a2a5-569c3dd06744","shared","ef1eefe8-2471-11f0-a2a5-569c3dd06744",4,["D",1745873221011],"directory",[162],"e9c849c2-2471-11f0-a2a5-569c3dd06744","frontend","e9c84a6c-2471-11f0-a2a5-569c3dd06744",2,["D",1745873212036],[169],"e784f9ee-2471-11f0-87ee-569c3dd06744","backend","e784fb06-2471-11f0-87ee-569c3dd06744",["D",1745873208258],[175],"pulls",8,"branches",12,"forks","envVars",{"_188":65,"_190":65},"connections",{"_188":65,"_189":65},"count","unfilledCount","emptyCount",{"_44":174,"_32":175,"_30":176,"_139":-5,"_42":43,"_41":151,"_141":60,"_39":309,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_209":310,"_27":311},{"_44":300,"_32":301,"_30":58,"_139":176,"_42":43,"_41":302,"_141":25,"_39":303,"_13":180,"_34":304,"_36":305,"_24":25,"_144":306,"_209":307,"_27":308},{"_44":295,"_32":33,"_30":31,"_139":176,"_42":43,"_41":14,"_141":25,"_39":296,"_13":297,"_34":35,"_36":38,"_24":25,"_144":-5,"_209":298,"_27":299},{"_44":168,"_32":169,"_30":170,"_139":-5,"_42":43,"_41":171,"_141":60,"_39":292,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_209":293,"_27":294},{"_44":287,"_32":254,"_30":248,"_139":170,"_42":43,"_41":288,"_141":60,"_39":289,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_209":290,"_27":291},{"_44":279,"_32":280,"_30":281,"_139":248,"_42":43,"_41":282,"_141":25,"_39":283,"_13":171,"_34":35,"_36":284,"_24":25,"_144":-5,"_209":285,"_27":286},{"_44":271,"_32":272,"_30":273,"_139":248,"_42":43,"_41":274,"_141":60,"_39":275,"_13":65,"_34":35,"_36":276,"_24":25,"_144":-5,"_209":277,"_27":278},{"_44":263,"_32":264,"_30":265,"_139":248,"_42":43,"_41":266,"_141":60,"_39":267,"_13":151,"_34":35,"_36":268,"_24":25,"_144":-5,"_209":269,"_27":270},{"_44":255,"_32":256,"_30":257,"_139":248,"_42":43,"_41":258,"_141":60,"_39":259,"_13":65,"_34":35,"_36":260,"_24":25,"_144":-5,"_209":261,"_27":262},{"_44":245,"_32":246,"_30":247,"_139":248,"_42":43,"_41":249,"_141":25,"_39":250,"_13":65,"_34":35,"_36":251,"_24":25,"_144":-5,"_209":252,"_27":253},{"_44":237,"_32":238,"_30":239,"_139":170,"_42":43,"_41":240,"_141":60,"_39":241,"_13":65,"_34":35,"_36":242,"_24":25,"_144":-5,"_209":243,"_27":244},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":60,"_39":234,"_13":65,"_34":166,"_36":-5,"_24":25,"_144":-5,"_209":235,"_27":236},{"_44":226,"_32":227,"_30":228,"_139":163,"_42":43,"_41":229,"_141":25,"_39":230,"_13":151,"_34":20,"_36":231,"_24":25,"_144":-5,"_209":232,"_27":233},{"_44":218,"_32":219,"_30":220,"_139":163,"_42":43,"_41":221,"_141":25,"_39":222,"_13":151,"_34":20,"_36":223,"_24":25,"_144":-5,"_209":224,"_27":225},{"_44":154,"_32":155,"_30":156,"_139":-5,"_42":43,"_41":157,"_141":25,"_39":215,"_13":151,"_34":20,"_36":159,"_24":25,"_144":-5,"_209":216,"_27":217},{"_44":146,"_32":147,"_30":148,"_139":-5,"_42":43,"_41":149,"_141":25,"_39":212,"_13":151,"_34":20,"_36":152,"_24":25,"_144":-5,"_209":213,"_27":214},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":60,"_39":208,"_13":65,"_34":20,"_36":143,"_24":25,"_144":-5,"_209":210,"_27":211},["D",1745875710764],"children",[],[137],["D",1745874254400],[],[147],["D",1745874242514],[],[155],"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",[],[162,219],"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",[],[162,227],["D",1745873221011],[203,204],[162],"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();",[],[169,238],"922b408c-2478-11f0-b606-569c3dd06744","MoiEditor.tsx","922b4136-2478-11f0-b606-569c3dd06744","ed0a3636-2471-11f0-bc23-569c3dd06744",37,["D",1745876071536],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Editor from \"./Editor.tsx\";\n\ninterface MoiEditorProps {\n value: string;\n onChange: (value: string) => void;\n disabled?: boolean;\n}\n\ninterface FrontmatterFields {\n title: string;\n description: string;\n imageUrl?: string;\n url?: string;\n author?: string;\n tags: string[];\n}\n\n/**\n * Component for editing moi.md files with a field-by-field editor for frontmatter\n */\nconst MoiEditor: React.FC = ({ value, onChange, disabled = false }) => {\n const [editMode, setEditMode] = useState<'field' | 'raw'>('field');\n const [frontmatter, setFrontmatter] = useState({\n title: '',\n description: '',\n imageUrl: '',\n url: '',\n author: '',\n tags: []\n });\n const [content, setContent] = useState('');\n const [tagsInput, setTagsInput] = useState('');\n\n // Parse the markdown content when it changes\n useEffect(() => {\n if (!value) return;\n \n const { parsedFrontmatter, parsedContent } = parseMdContent(value);\n setFrontmatter(parsedFrontmatter);\n setContent(parsedContent);\n \n // Convert tags array to comma-separated string for input\n if (Array.isArray(parsedFrontmatter.tags)) {\n setTagsInput(parsedFrontmatter.tags.join(', '));\n }\n }, [value]);\n\n // Generate the combined markdown when fields or content change\n const generateCombinedMarkdown = () => {\n // Convert tags from comma-separated string to array\n const tagsArray = tagsInput\n .split(',')\n .map(tag => tag.trim())\n .filter(tag => tag.length > 0);\n \n // Generate YAML frontmatter\n let yaml = '---\\n';\n yaml += `title: \"${frontmatter.title}\"\\n`;\n yaml += `description: \"${frontmatter.description}\"\\n`;\n \n if (frontmatter.imageUrl) {\n yaml += `imageUrl: \"${frontmatter.imageUrl}\"\\n`;\n }\n \n if (frontmatter.url) {\n yaml += `url: \"${frontmatter.url}\"\\n`;\n }\n \n if (frontmatter.author) {\n yaml += `author: \"${frontmatter.author}\"\\n`;\n }\n \n yaml += `tags: ${JSON.stringify(tagsArray)}\\n`;\n yaml += '---\\n\\n';\n \n // Combine with content\n return yaml + content;\n };\n\n // Update the combined markdown when individual fields change\n const handleFieldChange = (field: keyof FrontmatterFields, value: string) => {\n const newFrontmatter = { ...frontmatter, [field]: value };\n setFrontmatter(newFrontmatter);\n \n // Update the combined markdown\n onChange(generateCombinedMarkdown());\n };\n\n // Update the combined markdown when content changes\n const handleContentChange = (newContent: string) => {\n setContent(newContent);\n \n // Update the combined markdown\n onChange(generateCombinedMarkdown());\n };\n\n // Update tags when the input changes\n const handleTagsChange = (value: string) => {\n setTagsInput(value);\n \n // Update the frontmatter with the new tags\n const tagsArray = value\n .split(',')\n .map(tag => tag.trim())\n .filter(tag => tag.length > 0);\n \n const newFrontmatter = { ...frontmatter, tags: tagsArray };\n setFrontmatter(newFrontmatter);\n \n // Update the combined markdown\n onChange(generateCombinedMarkdown());\n };\n\n // Handle direct editing of the raw markdown\n const handleRawChange = (newValue: string) => {\n onChange(newValue);\n };\n\n return (\n

Edit moi.md

\n setEditMode('field')}\n className={`px-3 py-1 rounded-l-md text-sm ${\n editMode === 'field'\n ? 'bg-blue-600 text-white'\n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n disabled={disabled}\n >\n Field Editor\n \n setEditMode('raw')}\n className={`px-3 py-1 rounded-r-md text-sm ${\n editMode === 'raw'\n ? 'bg-blue-600 text-white'\n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n disabled={disabled}\n >\n Raw Markdown\n \n

\n\n {editMode === 'field' ? (\n

\n {/* Frontmatter fields */}\n

\n \n Title\n \n handleFieldChange('title', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"Val title\"\n disabled={disabled}\n />\n

\n \n

\n \n Description\n \n handleFieldChange('description', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"Brief description of this val\"\n disabled={disabled}\n />\n

\n \n

\n \n Image URL (Optional)\n \n handleFieldChange('imageUrl', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"https://example.com/image.png\"\n disabled={disabled}\n />\n

\n \n

\n \n URL (Optional)\n \n handleFieldChange('url', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"https://val.town/v/username/valname\"\n disabled={disabled}\n />\n

\n \n

\n \n Author (Optional)\n \n handleFieldChange('author', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"username\"\n disabled={disabled}\n />\n

\n \n

\n \n Tags (Comma separated)\n \n handleTagsChange(e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"val-town, tool, utility\"\n disabled={disabled}\n />\n

\n \n {/* Content editor */}\n

\n \n Content\n \n \n

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

\n );\n};\n\n/**\n * Parse markdown content to extract frontmatter and content\n */\nfunction parseMdContent(markdown: string): { \n parsedFrontmatter: FrontmatterFields, \n parsedContent: string \n} {\n // Initialize with defaults\n const parsedFrontmatter: FrontmatterFields = {\n title: '',\n description: '',\n imageUrl: '',\n url: '',\n author: '',\n tags: []\n };\n \n let parsedContent = '';\n \n // Check if content has frontmatter\n if (markdown.startsWith('---')) {\n // Find the end of the frontmatter block\n const endIndex = markdown.indexOf('---', 3);\n \n if (endIndex !== -1) {\n // Extract the frontmatter section\n const frontmatterText = markdown.substring(3, endIndex).trim();\n \n // Extract the content after frontmatter\n parsedContent = markdown.substring(endIndex + 3).trim();\n \n // Parse YAML manually (simple version)\n const lines = frontmatterText.split('\\n');\n \n for (const line of lines) {\n // Skip empty lines\n if (!line.trim()) continue;\n \n // Find the first colon, which separates key and value\n const colonIndex = line.indexOf(':');\n if (colonIndex === -1) continue;\n \n const key = line.substring(0, colonIndex).trim();\n let value = line.substring(colonIndex + 1).trim();\n \n // If value is wrapped in quotes, remove them\n if ((value.startsWith('\"') && value.endsWith('\"')) || \n (value.startsWith(\"'\") && value.endsWith(\"'\"))) {\n value = value.substring(1, value.length - 1);\n }\n \n // Handle arrays (for tags)\n if (key === 'tags' && value.startsWith('[') && value.endsWith(']')) {\n try {\n // Try to parse as JSON\n parsedFrontmatter.tags = JSON.parse(value);\n } catch (e) {\n // Fallback to simple parsing\n const arrayStr = value.substring(1, value.length - 1);\n const arrayItems = arrayStr.split(',').map(item => {\n item = item.trim();\n // Remove quotes if present\n if ((item.startsWith('\"') && item.endsWith('\"')) || \n (item.startsWith(\"'\") && item.endsWith(\"'\"))) {\n return item.substring(1, item.length - 1);\n }\n return item;\n });\n parsedFrontmatter.tags = arrayItems;\n }\n } else if (key === 'title') {\n parsedFrontmatter.title = value;\n } else if (key === 'description') {\n parsedFrontmatter.description = value;\n } else if (key === 'imageUrl') {\n parsedFrontmatter.imageUrl = value;\n } else if (key === 'url') {\n parsedFrontmatter.url = value;\n } else if (key === 'author') {\n parsedFrontmatter.author = value;\n }\n }\n } else {\n // If no proper frontmatter format, treat everything as content\n parsedContent = markdown;\n }\n } else {\n // If no frontmatter, treat everything as content\n parsedContent = markdown;\n }\n \n return { parsedFrontmatter, parsedContent };\n}\n\nexport default MoiEditor;",[],[169,254,246],"components","4c900518-2472-11f0-96e8-569c3dd06744","MarkdownPreview.tsx","4c9005cc-2472-11f0-96e8-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;",[],[169,254,256],"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;",[],[169,254,264],"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",[],[169,254,272],"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;",[],[169,254,280],"ed0a35b4-2471-11f0-bc23-569c3dd06744",3,["D",1745873217518],[196,197,198,199,200],[169,254],["D",1745873212036],[195,201],[169],"86bf7b7a-247b-11f0-84c8-569c3dd06744",["D",1745877340863],6,[],[175,33],"58b7712e-247b-11f0-acfb-569c3dd06744","index.ts",39,["D",1745877263629],"http","/**\n * MoiPoster API Backend\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 } from \"https://esm.town/v/std/utils@85-main/index.ts\"; // Removed readFile as it wasn't used\nimport { MoiFile } from \"../shared/types.ts\";\nimport { generateValMoiContent } from \"../shared/generators.ts\";\n// Removed lockManager imports\n\nconst app = new Hono();\n\n// --- Helper function to get token and initialize SDK ---\nfunction getVtClient(c): ValTown | null {\n const authHeader = c.req.header('Authorization');\n if (!authHeader || !authHeader.startsWith('Bearer ')) {\n console.error(\"Missing or invalid Authorization header\");\n return null;\n }\n const token = authHeader.substring(7); // Remove \"Bearer \" prefix\n if (!token) {\n console.error(\"Empty token provided in Authorization header\");\n return null;\n }\n return new ValTown({ bearerToken: token });\n}\n// --- End Helper ---\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Unhandled Error:\", err);\n // Ensure CORS headers are added even for errors\n c.header(\"Access-Control-Allow-Origin\", \"*\"); \n c.header(\"Access-Control-Allow-Methods\", \"GET, POST, OPTIONS\");\n c.header(\"Access-Control-Allow-Headers\", \"Content-Type, Authorization\");\n return c.json({ error: \"Internal Server Error\", details: err.message }, 500);\n});\n\n\n// Enable CORS for all routes, including OPTIONS preflight requests\napp.use(\"*\", cors({\n origin: \"*\", // Allow all origins - adjust if needed for security\n allowMethods: [\"GET\", \"POST\", \"OPTIONS\"],\n allowHeaders: [\"Content-Type\", \"Authorization\"],\n}));\n\n// Removed lock check middleware\n\n// Removed lock API routes\n\n// Get all vals (Does not require authentication)\napp.get(\"/api/vals\", async (c) => {\n try {\n // Use a temporary, non-authed client just for listing public/unlisted vals if needed\n // Or, decide if this endpoint should require auth too. For simplicity, let's keep it public for now.\n const vtPublic = new ValTown(); // Initialize without token for potentially public data\n \n const privacy = c.req.query(\"privacy\");\n // Note: Listing *private* vals requires authentication. \n // To fully support filtering by private vals, this endpoint would also need the Authorization header.\n // For now, let's assume we only list public/unlisted or filter public ones without auth.\n // If filtering for 'private' or 'all' (potentially including private), it should ideally require auth.\n \n // Simplification: If the user wants private vals, they likely need to authenticate anyway.\n // Let's stick to listing public/unlisted vals without auth for this GET request.\n // If a user *needs* private vals listed here, this endpoint design needs rethinking.\n let filter = undefined;\n if (privacy && privacy !== 'all' && privacy !== 'private') {\n filter = { privacy };\n }\n \n // For demonstration, we'll list *your* vals using a fixed token from env ONLY if needed.\n // A better approach might be separate endpoints or requiring auth here too.\n // For now, let's use the unauthenticated client which might only list public vals?\n // Val Town SDK behavior without a token might be limited. Let's assume it lists public vals of any user.\n // Reverting to the initial idea: GET requires no auth, lists public/unlisted vals.\n \n // Fetching *your own* vals inherently requires authentication. Let's adjust.\n const vt = getVtClient(c);\n if (!vt && (privacy === 'private' || privacy === 'all')) {\n return c.json({ error: \"Authorization header required to list private vals or all vals.\" }, 401);\n }\n if (!vt) {\n // If no token, maybe only allow listing public vals? Or error out? Let's error for now.\n return c.json({ error: \"Authorization header required to list your vals.\" }, 401);\n }\n\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 // Check for specific auth errors if vt was instantiated\n if (error.message && (error.message.includes(\"401\") || error.message.includes(\"Unauthorized\"))) {\n return c.json({ error: \"Authentication failed. Please check your API Key.\" }, 401);\n }\n return c.json({ error: \"Failed to fetch vals\", details: error.message }, 500);\n }\n});\n\n// Get moi.md for a val (Does not require authentication - reads file content)\napp.get(\"/api/vals/:valId/moi\", async (c) => {\n try {\n const valId = c.req.param(\"valId\");\n if (!valId) return c.json({ error: \"Invalid val ID\" }, 400);\n\n // Use non-authed client to attempt reading public/unlisted files or val info\n const vtPublic = new ValTown(); \n\n // First, try to retrieve val details to generate default content if needed\n let valDetails = null;\n try {\n valDetails = await vtPublic.vals.retrieve(valId);\n } catch (valError) {\n console.warn(`Could not retrieve val details for ${valId} (maybe private?):`, valError.message);\n // If we can't even get val details, we can't generate good default content.\n }\n\n const result: MoiFile = { exists: false, content: \"\" };\n\n try {\n const moiContent = await vtPublic.vals.files.getContent(valId, { path: \"moi.md\" });\n if (moiContent) {\n const contentText = await moiContent.text();\n result.exists = true;\n result.content = contentText;\n console.log(`moi.md exists for ${valId}`);\n }\n } catch (moiError) {\n console.log(`No moi.md found for ${valId}, generating default content`);\n if (valDetails) {\n result.content = generateValMoiContent(valDetails); // Generate default if we got val details\n } else {\n // Fallback default if val details couldn't be fetched\n result.content = \"---\\ntitle: \\\"Unknown Val\\\"\\ndescription: \\\"Could not load val details.\\\"\\ntags: [\\\"val-town\\\"]\\n---\\n\\n## About\\n\\nDetails for this val could not be loaded. It might be private or deleted.\\n\";\n }\n }\n \n return c.json(result);\n\n } catch (error) {\n console.error(`Top-level error fetching val moi.md for ${c.req.param(\"valId\")}:`, error);\n return c.json({ error: \"Failed to fetch moi.md\", details: error.message }, 500);\n }\n});\n\n// Create/update moi.md for a val (Requires Authentication)\napp.post(\"/api/vals/:valId/moi\", async (c) => {\n const valId = c.req.param(\"valId\");\n if (!valId) return c.json({ error: \"Invalid val ID\" }, 400);\n\n const vt = getVtClient(c);\n if (!vt) {\n return c.json({ \n error: \"Authentication required. Please provide your Val Town API Key via the Authorization header (Bearer ).\",\n authRequired: true \n }, 401);\n }\n\n try {\n const { content } = await c.req.json();\n if (content === undefined || content === null) { // Check for undefined/null, allow empty string\n return c.json({ error: \"Content is required in the request body\" }, 400);\n }\n\n let exists = false;\n try {\n // Check existence using the authenticated client\n await vt.vals.files.getContent(valId, { path: \"moi.md\" });\n exists = true;\n } catch (error) {\n // Check if the error is specifically \"file not found\" (e.g., 404)\n // Val Town SDK might throw a generic error, so we assume any error means it doesn't exist or isn't accessible.\n if (error.response && error.response.status === 404) {\n console.log(`moi.md does not exist for val ${valId}. Will create.`);\n exists = false;\n } else {\n // Could be a different error (permissions, etc.)\n console.warn(`Error checking moi.md existence for ${valId}: ${error.message}. Assuming doesn't exist.`);\n exists = false; \n }\n }\n\n if (exists) {\n await vt.vals.files.update(valId, { path: \"moi.md\", content });\n console.log(`Updated moi.md for val ${valId}`);\n return c.json({ success: true, message: \"moi.md updated successfully\" });\n } else {\n await vt.vals.files.create(valId, { path: \"moi.md\", type: \"file\", content });\n console.log(`Created moi.md for val ${valId}`);\n return c.json({ success: true, message: \"moi.md created successfully\" });\n }\n } catch (error) {\n console.error(`Error updating/creating val moi.md for ${valId}:`, error);\n // Check for specific auth errors (401/403)\n if (error.response && (error.response.status === 401 || error.response.status === 403)) {\n return c.json({ \n error: \"Authentication failed. Your API Key may be invalid or lack permissions.\",\n authRequired: true \n }, error.response.status);\n }\n return c.json({ error: \"Failed to update moi.md\", details: error.message }, 500);\n }\n});\n\n// Batch process vals (Requires Authentication)\napp.post(\"/api/vals/batch\", async (c) => {\n const vt = getVtClient(c);\n if (!vt) {\n return c.json({ \n error: \"Authentication required for batch processing. Please provide your Val Town API Key via the Authorization header (Bearer ).\",\n authRequired: true \n }, 401);\n }\n // Extract token again for passing to processBatch\n const authHeader = c.req.header('Authorization');\n const token = authHeader.substring(7); \n\n try {\n const { filter, overwrite } = await c.req.json();\n \n // Pass the token to the processor\n const results = await processBatch({ filter, overwrite, apiToken: token }); \n \n return c.json(results);\n } catch (error) {\n console.error(\"Error in batch processing vals:\", error);\n // Check for specific auth errors (401/403) - processor might throw these too\n if (error.response && (error.response.status === 401 || error.response.status === 403)) {\n return c.json({ \n error: \"Authentication failed during batch process. Your API Key may be invalid or lack permissions.\",\n authRequired: true \n }, error.response.status);\n } else if (error.message && error.message.includes(\"Authentication failed\")) { // Catch errors thrown by processor\n return c.json({ error: error.message, authRequired: true }, 401);\n }\n return c.json({ error: \"Failed to process batch\", details: 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 // Removed hasApiToken check - frontend handles token input now\n const html = `\n \n \n \n \n \n MoiPoster - Val Town\n \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",[],[175,301],["D",1745873208258],[192,193],[175],["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":349,"_350":351,"_352":353,"_354":25,"_355":25,"_356":25,"_357":60,"_358":-5,"_359":-7,"_360":-7,"_361":65,"_362":25,"_363":25,"_364":-5,"_365":25,"_366":25,"_367":25,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":89,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"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 · v40