Edit moi.md

\n handleModeSwitch('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 handleModeSwitch('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

\n handleFieldChange('url', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"Leave blank unless you have a specific endpoint URL\"\n disabled={disabled}\n />\n \n {/* HTTP Endpoints Dropdown */}\n {endpoints.length > 0 && (\n

\n \n Available HTTP Endpoints:\n \n \n \n {endpoints.map((endpoint, index) => (\n \n ))}\n \n

\n )}\n \n {loadingEndpoints && (\n

\n Loading HTTP endpoints...\n

\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 || \"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 {/* New fields for tier, tabs, and excludeFromPosts */}\n

\n \n Priority Tier (Optional, lower numbers appear first)\n \n handleFieldChange('tier', e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"1.0\"\n disabled={disabled}\n />\n

\n Determines display order in build.moi. Example: 1, 2.5, 3\n

\n \n

\n \n Tabs (Comma separated, optional)\n \n handleTabsChange(e.target.value)}\n className=\"w-full p-2 border rounded-md\"\n placeholder=\"Projects, Tutorials, Demos\"\n disabled={disabled}\n />\n

\n Custom tab categories for build.moi navigation\n

\n \n

\n \n \n Exclude from main Posts tab (but keep in custom tabs)\n \n

\n When checked, this content will only appear in custom tabs and the Code tab, not in the main Posts tab\n

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

\n \n Content\n \n \n

\n \n {/* Save button */}\n

\n \n Save Changes\n \n

\n ) : (\n \n )}\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 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;",[168,169,159],"75dfe1a08174363355edf1f1b55e3b4fa9065ac63fa2861b2f1474f425cdf3bc","frontend/components/App.tsx",{"_33":188,"_13":182,"_90":189,"_92":172,"_94":39,"_95":64,"_97":55,"_40":190,"_47":163,"_100":164,"_102":191,"_70":55,"_104":-5,"_105":-7,"_82":192,"_107":193},{"_33":181,"_13":182,"_90":183,"_92":161,"_94":63,"_95":133,"_97":26,"_40":184,"_47":144,"_100":164,"_102":185,"_70":55,"_104":-5,"_105":-7,"_82":186,"_107":187},"76c77f94-24a1-11f0-89e7-569c3dd06744","App.tsx","4dbe0ffe-a9b1-49db-8fd9-93e273753135",["D",1745893634949],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport ItemList from \"./ItemList.tsx\"; \nimport MoiEditor from \"./MoiEditor.tsx\"; \nimport MarkdownPreview from \"./MarkdownPreview.tsx\"; \nimport { Val, MoiFile } from \"../../shared/types.ts\"; \n\n// Color Palette Constants (for reference, used directly in Tailwind classes)\n// Main Blue (lightish): #c8e9f3\n// White (off-white): #faf8f4\n// Gray (purplish): #cac8ef\n// Secondary Red: #ee205d\n// Accent Green: #48c05d\n// Accent Yellow: #fdbb2e\n// Accent Aqua: #00b5de\n// Text Black: #000000\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 [filterPrivacy, setFilterPrivacy] = useState('all');\n const [loadingItem, setLoadingItem] = useState(false);\n const [itemError, setItemError] = useState(null);\n const [apiToken, setApiToken] = useState(() => window.sessionStorage.getItem('valTownApiKey') || '');\n const [tokenError, setTokenError] = useState(null);\n const [username, setUsername] = useState('');\n\n useEffect(() => {\n if (apiToken) {\n window.sessionStorage.setItem('valTownApiKey', apiToken);\n setTokenError(null); \n } else {\n window.sessionStorage.removeItem('valTownApiKey');\n }\n }, [apiToken]);\n\n // Fetch user information to get username\n const fetchUserInfo = useCallback(async () => {\n if (!apiToken) return;\n \n try {\n const response = await fetch(`/api/user`, {\n headers: { 'Authorization': `Bearer ${apiToken}` },\n });\n \n if (response.ok) {\n const userData = await response.json();\n if (userData && userData.username) {\n setUsername(userData.username);\n console.log(\"Username set from user data:\", userData.username);\n }\n }\n } catch (error) {\n console.warn(\"Could not fetch user info:\", error);\n // Non-critical error, don't show to user\n }\n }, [apiToken]);\n\n const fetchVals = useCallback(async () => {\n if (!apiToken) {\n setError(\"Val Town API Key is required to list your vals.\");\n setLoading(false);\n setVals([]); \n return;\n }\n setLoading(true);\n setError(null);\n setTokenError(null);\n setSelectedVal(null);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n setItemError(null);\n\n try {\n const queryParams = filterPrivacy !== 'all' ? `?privacy=${filterPrivacy}` : '';\n const response = await fetch(`/api/vals${queryParams}`, {\n headers: { 'Authorization': `Bearer ${apiToken}` },\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n if (response.status === 401) {\n setTokenError(\"Authentication failed. Please check your API Key.\");\n setError(\"Authentication failed. Please check your API Key.\");\n setVals([]);\n } else {\n setError(`Failed to fetch vals: ${errorData.error || response.statusText}`);\n }\n throw new Error(`Failed to fetch vals (Status: ${response.status})`);\n }\n const data = await response.json();\n setVals(data || []);\n \n // Set username if available from the first val\n if (data && data.length > 0 && data[0].owner) {\n setUsername(data[0].owner);\n console.log(\"Username set from first val:\", data[0].owner);\n }\n } catch (err) {\n console.error(`Error fetching vals:`, err);\n if (!error && !tokenError) {\n setError(`Failed to load vals. Please try again later.`);\n }\n } finally {\n setLoading(false);\n }\n }, [apiToken, filterPrivacy]);\n\n // Run both user info and vals fetch when API token changes\n useEffect(() => {\n if (apiToken) {\n fetchUserInfo();\n fetchVals();\n }\n }, [fetchUserInfo, fetchVals, apiToken]);\n\n const handleValSelect = async (val: Val) => {\n setItemError(null);\n setLoadingItem(true);\n setSelectedVal(val);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n setTokenError(null); \n\n // Update username when selecting a val if available\n if (val.owner && val.owner !== username) {\n setUsername(val.owner);\n console.log(\"Username updated from selected val:\", val.owner);\n }\n\n try {\n const valId = val.id;\n const response = await fetch(`/api/vals/${valId}/moi`); \n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n throw new Error(errorData.error || \"Failed to fetch moi.md\");\n }\n const data: MoiFile = await response.json(); \n if (data.error) throw new Error(data.error);\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 content: ${err instanceof Error ? err.message : String(err)}`);\n if(selectedVal) setMoiContent(generateDefaultMoiContent(selectedVal));\n } finally {\n setLoadingItem(false);\n }\n };\n \n const generateDefaultMoiContent = (val: Val): string => {\n // Ensure owner is set, fallback to username if needed\n const owner = val.owner || username || '';\n \n // Set default content with blank URL instead of guessing\n return `---\ntitle: \"${val.name || 'Untitled Val'}\"\ndescription: \"${val.description || 'No description available'}\"\nauthor: \"${owner}\"\ntags: [\"val-town\"]\n---\n\n## About\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/${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\n const handleSaveMoi = async () => {\n if (!selectedVal) return;\n if (!apiToken) {\n setTokenError(\"API Key is required to save changes.\");\n setSaveError(\"API Key is required to save changes.\");\n return;\n }\n setSaving(true);\n setSaveError(null);\n setSaveSuccess(false);\n setTokenError(null); \n\n try {\n const valId = selectedVal.id;\n const response = await fetch(`/api/vals/${valId}/moi`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${apiToken}` },\n body: JSON.stringify({ content: moiContent }),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n if (response.status === 401 || response.status === 403) {\n setTokenError(\"Authentication failed. Check your API Key and permissions.\");\n setSaveError(\"Authentication failed. Check your API Key and permissions.\");\n } else {\n setSaveError(`Failed to save moi.md: ${errorData.error || response.statusText}`);\n }\n throw new Error(`Failed to save moi.md (Status: ${response.status})`);\n }\n const result = await response.json();\n setHasMoiFile(true); \n setSaveSuccess(true);\n console.log(\"Save successful:\", result.message);\n setTimeout(() => setSaveSuccess(false), 3000);\n } catch (err) {\n console.error(\"Error saving moi.md:\", err);\n if (!saveError && !tokenError) setSaveError(`Failed to save moi.md: ${err instanceof Error ? err.message : String(err)}`);\n } finally {\n setSaving(false);\n }\n };\n\n // --- Render ---\n return (\n // Use Off-White for the main page background\n

\n {/* Header: Accent Aqua background, Black text */}\n

\n {/* Icon can remain default or you can style it if it's an SVG */}\n 📝 MoiPoster \n {username && ({username})}\n

\n {/* API Key Input Area: Gray background */}\n

\n {/* Label: Black text */}\n API Key:\n setApiToken(e.target.value)}\n placeholder=\"Paste Val Town API Key\"\n className=\"px-2 py-1 text-sm bg-[#faf8f4] text-[#000000] rounded border border-[#c8e9f3] focus:ring-2 focus:ring-[#fdbb2e] focus:outline-none\"\n aria-label=\"Val Town API Key Input\"\n />\n

\n \n Get Key\n \n

\n\n {/* Token Error Message: Red background, White text */}\n {tokenError && (\n

\n {tokenError}\n

\n )}\n \n {/* Subtitle: Opaque Black text */}\n

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

\n \n

\n {/* Filter Select: Main Blue background, Black text, Gray border, Yellow focus */}\n setFilterPrivacy(e.target.value)}\n className=\"bg-[#c8e9f3] text-[#000000] border border-[#cac8ef] rounded px-3 py-1.5 text-sm focus:ring-2 focus:ring-[#fdbb2e] focus:outline-none disabled:bg-[#cac8ef] disabled:opacity-70 disabled:cursor-not-allowed\"\n disabled={loading || !apiToken} \n title={!apiToken ? \"API Key required to filter vals\" : \"Filter vals by privacy\"}\n >\n \n \n \n \n \n

\n \n {/* Refresh Button: Aqua background, Black text */}\n \n {loading ? 'Refreshing...' : '↻ Refresh'}\n \n

\n\n {/* Main Content Area: White background */}\n

\n {/* Global Error: White bg, Red border/text */}\n {error && (\n

Error

{error}

\n )}\n\n

\n {/* Val List Column */}\n

\n {/* Header: Black text */}\n

Your Vals ({vals.length})

\n {/* API Key Needed Warning: Yellow bg, Black text */}\n {!apiToken && !loading && (\n

\n Please enter your Val Town API Key above to load and manage your vals.\n

\n )}\n {/* ItemList will use these background colors implicitly */}\n \n

\n\n {/* Editor/Preview Column */}\n

\n {selectedVal ? (\n

\n {/* Header: Black text, Gray background for name */}\n

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

\n {/* Status Tags: Green/Gray background, Black text */}\n {hasMoiFile ? (\n \n moi.md exists\n \n ) : (\n \n new file\n \n )}\n {/* Save Button: Green background, White text */}\n \n {saving ? \"Saving...\" : loadingItem ? \"Loading...\" : \"Save\"}\n \n

\n\n {/* Item Loading: Main Blue bg, Aqua spinner, Black text */}\n {loadingItem && (\n

\n {/* Spinner using Aqua border */}\n

\n Loading content...\n

\n )}\n\n {/* Item Fetch Error: White bg, Yellow border, Black text */}\n {itemError && (\n

Warning

{itemError}

\n Using default content. You can still edit and save.\n

\n )}\n \n {/* Save Operation Status */}\n {/* Save Error: White bg, Red border, Black text */}\n {saveError && (\n

Save Error

{saveError}

\n {tokenError &&

{tokenError}

}\n

\n )}\n\n {/* Save Success: White bg, Green border, Green text */}\n {saveSuccess && (\n

moi.md saved successfully!

\n )}\n\n {/* Pass username, valId, and apiToken to MoiEditor */}\n \n\n {/* Preview Area */}\n

\n {/* Header: Black text */}\n

Preview

\n {/* MarkdownPreview needs internal styling or inherits */}\n {/* Adding a subtle border with Gray */}\n

\n \n

\n ) : (\n // Placeholder: White bg, Gray border, Black text (opaque)\n

\n {apiToken ? \"Select a val from the list to view or edit its moi.md file.\" : \"Enter your API Key above to load your vals.\"}\n

\n )}\n

\n \n {/* Footer: Main Blue background, Gray border, Black text (opaque), Aqua links */}\n \n

\n );\n};\n\nexport default App;",[168,169,182],"6c653cc57eb991b395e5a293562b030f1442b004d0b89cbe77775ffc410bd649","99f0a342-247e-11f0-889a-569c3dd06744","6548c810-2472-11f0-84fa-569c3dd06744",["D",1745878661551],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport ItemList from \"./ItemList.tsx\"; \n// Assuming ItemList uses basic styles or will be updated separately\nimport MoiEditor from \"./MoiEditor.tsx\"; \n// Assuming MoiEditor uses basic styles or will be updated separately\nimport MarkdownPreview from \"./MarkdownPreview.tsx\"; \n// Assuming MarkdownPreview uses basic styles or will be updated separately\nimport { Val, MoiFile } from \"../../shared/types.ts\"; \n\n// Color Palette Constants (for reference, used directly in Tailwind classes)\n// Main Blue (lightish): #c8e9f3\n// White (off-white): #faf8f4\n// Gray (purplish): #cac8ef\n// Secondary Red: #ee205d\n// Accent Green: #48c05d\n// Accent Yellow: #fdbb2e\n// Accent Aqua: #00b5de\n// Text Black: #000000\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 const [apiToken, setApiToken] = useState(() => window.sessionStorage.getItem('valTownApiKey') || '');\n const [tokenError, setTokenError] = useState(null);\n\n useEffect(() => {\n if (apiToken) {\n window.sessionStorage.setItem('valTownApiKey', apiToken);\n setTokenError(null); \n } else {\n window.sessionStorage.removeItem('valTownApiKey');\n }\n }, [apiToken]);\n\n const fetchVals = useCallback(async () => {\n if (!apiToken) {\n setError(\"Val Town API Key is required to list your vals.\");\n setLoading(false);\n setVals([]); \n return;\n }\n setLoading(true);\n setError(null);\n setTokenError(null);\n setSelectedVal(null);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n setItemError(null);\n\n try {\n const queryParams = filterPrivacy !== 'all' ? `?privacy=${filterPrivacy}` : '';\n const response = await fetch(`/api/vals${queryParams}`, {\n headers: { 'Authorization': `Bearer ${apiToken}` },\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n if (response.status === 401) {\n setTokenError(\"Authentication failed. Please check your API Key.\");\n setError(\"Authentication failed. Please check your API Key.\");\n setVals([]);\n } else {\n setError(`Failed to fetch vals: ${errorData.error || response.statusText}`);\n }\n throw new Error(`Failed to fetch vals (Status: ${response.status})`);\n }\n const data = await response.json();\n setVals(data || []);\n } catch (err) {\n console.error(`Error fetching vals:`, err);\n if (!error && !tokenError) {\n setError(`Failed to load vals. Please try again later.`);\n }\n } finally {\n setLoading(false);\n }\n }, [apiToken, filterPrivacy]);\n\n useEffect(() => {\n fetchVals();\n }, [fetchVals]);\n\n const handleValSelect = async (val: Val) => {\n setItemError(null);\n setLoadingItem(true);\n setSelectedVal(val);\n setMoiContent(\"\");\n setHasMoiFile(false);\n setSaveSuccess(false);\n setSaveError(null);\n setTokenError(null); \n\n try {\n const valId = val.id;\n const response = await fetch(`/api/vals/${valId}/moi`); \n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n throw new Error(errorData.error || \"Failed to fetch moi.md\");\n }\n const data: MoiFile = await response.json(); \n if (data.error) throw new Error(data.error);\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 content: ${err instanceof Error ? err.message : String(err)}`);\n if(selectedVal) setMoiContent(generateDefaultMoiContent(selectedVal));\n } finally {\n setLoadingItem(false);\n }\n };\n \n const generateDefaultMoiContent = (val: Val): string => `---\ntitle: \"${val.name || 'Untitled Val'}\"\ndescription: \"${val.description || 'No description available'}\"\nurl: \"https://val.town/v/${val.owner}/${val.name}\"\nauthor: \"${val.owner}\"\ntags: [\"val-town\"]\n---\n\n## About\n${val.description || `A ${val.type} val.`}\n*Content could not be loaded from server.*`;\n\n const handleSaveMoi = async () => {\n if (!selectedVal) return;\n if (!apiToken) {\n setTokenError(\"API Key is required to save changes.\");\n setSaveError(\"API Key is required to save changes.\");\n return;\n }\n setSaving(true);\n setSaveError(null);\n setSaveSuccess(false);\n setTokenError(null); \n\n try {\n const valId = selectedVal.id;\n const response = await fetch(`/api/vals/${valId}/moi`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${apiToken}` },\n body: JSON.stringify({ content: moiContent }),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n if (response.status === 401 || response.status === 403) {\n setTokenError(\"Authentication failed. Check your API Key and permissions.\");\n setSaveError(\"Authentication failed. Check your API Key and permissions.\");\n } else {\n setSaveError(`Failed to save moi.md: ${errorData.error || response.statusText}`);\n }\n throw new Error(`Failed to save moi.md (Status: ${response.status})`);\n }\n const result = await response.json();\n setHasMoiFile(true); \n setSaveSuccess(true);\n console.log(\"Save successful:\", result.message);\n setTimeout(() => setSaveSuccess(false), 3000);\n } catch (err) {\n console.error(\"Error saving moi.md:\", err);\n if (!saveError && !tokenError) setSaveError(`Failed to save moi.md: ${err instanceof Error ? err.message : String(err)}`);\n } finally {\n setSaving(false);\n }\n };\n\n const handleBatchOperation = async () => {\n if (!apiToken) {\n setTokenError(\"API Key is required for batch processing.\");\n setBatchStatus(\"Error: API Key is required.\");\n setTimeout(() => setBatchStatus(null), 5000);\n return;\n }\n try {\n const overwrite = confirm(\"Batch Process: Do you want to OVERWRITE existing moi.md files?\\n\\n(Cancel = Create missing files only)\");\n setBatchMode(true);\n setBatchStatus(\"Starting batch operation...\");\n setTokenError(null); \n \n const response = await fetch(`/api/vals/batch`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${apiToken}` },\n body: JSON.stringify({ filter: filterPrivacy, overwrite }),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({ error: `HTTP error ${response.status}` }));\n if (response.status === 401 || response.status === 403) {\n setTokenError(\"Authentication failed during batch. Check your API Key and permissions.\");\n setBatchStatus(`Error: Authentication failed (${response.status}).`);\n } else {\n setBatchStatus(`Batch operation failed: ${errorData.error || response.statusText}`);\n }\n throw new Error(`Batch operation failed (Status: ${response.status})`);\n }\n const result = await response.json();\n setBatchStatus(`Completed: ${result.created} created, ${result.updated} updated, ${result.skipped} skipped. Errors: ${result.errors?.length || 0}`);\n fetchVals(); \n } catch (err) {\n console.error(\"Error in batch operation:\", err);\n if (!batchStatus?.startsWith(\"Error:\")) setBatchStatus(`Batch operation failed: ${err instanceof Error ? err.message : \"Unknown error\"}`);\n } finally {\n setTimeout(() => setBatchMode(false), 7000); \n }\n };\n\n // --- Render ---\n return (\n // Use Off-White for the main page background\n

\n {/* Header: Accent Aqua background, Black text */}\n

\n {/* Icon can remain default or you can style it if it's an SVG */}\n 📝 MoiPoster \n

\n {/* API Key Input Area: Gray background */}\n

\n {/* Label: Black text */}\n API Key:\n setApiToken(e.target.value)}\n placeholder=\"Paste Val Town API Key\"\n // Input: White background, Black text, Main Blue border, Yellow focus ring\n className=\"px-2 py-1 text-sm bg-[#faf8f4] text-[#000000] rounded border border-[#c8e9f3] focus:ring-2 focus:ring-[#fdbb2e] focus:outline-none\"\n aria-label=\"Val Town API Key Input\"\n />\n

\n \n Get Key\n \n

\n\n {/* Token Error Message: Red background, White text */}\n {tokenError && (\n

\n {tokenError}\n

\n )}\n \n {/* Subtitle: Opaque Black text */}\n

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

\n \n

\n \n {/* Refresh Button: Aqua background, Black text */}\n \n {loading ? 'Refreshing...' : '↻ Refresh'}\n \n

\n\n {/* Main Content Area: White background */}\n

\n {/* Global Error: White bg, Red border/text */}\n {error && (\n

Error

{error}

\n )}\n \n {/* Batch Status: White bg, Aqua/Red border, Aqua/Red text */}\n {batchStatus && (\n

\n {/* Using black text for better contrast on white bg */}\n

{batchStatus}

\n )}\n\n

\n {/* Val List Column */}\n

\n {/* Header: Black text */}\n

Your Vals ({vals.length})

\n {/* API Key Needed Warning: Yellow bg, Black text */}\n {!apiToken && !loading && (\n

\n Please enter your Val Town API Key above to load and manage your vals.\n

\n )}\n {/* ItemList will use these background colors implicitly */}\n \n

\n\n {/* Editor/Preview Column */}\n

\n {selectedVal ? (\n

\n {/* Header: Black text, Gray background for name */}\n

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

\n\n {/* Item Loading: Main Blue bg, Aqua spinner, Black text */}\n {loadingItem && (\n

\n {/* Spinner using Aqua border */}\n

\n Loading content...\n

\n )}\n\n {/* Item Fetch Error: White bg, Yellow border, Black text */}\n {itemError && (\n

Warning

{itemError}

\n Using default content. You can still edit and save.\n

\n )}\n \n {/* Save Operation Status */}\n {/* Save Error: White bg, Red border, Black text */}\n {saveError && (\n

Save Error

{saveError}

\n {tokenError &&

{tokenError}

}\n

\n )}\n\n {/* Save Success: White bg, Green border, Green text */}\n {saveSuccess && (\n

moi.md saved successfully!

\n )}\n\n {/* MoiEditor will inherit background, text colors or need internal update */}\n \n\n {/* Preview Area */}\n

\n {/* Header: Black text */}\n

Preview

\n {/* MarkdownPreview needs internal styling or inherits */}\n {/* Adding a subtle border with Gray */}\n

\n \n

\n ) : (\n // Placeholder: White bg, Gray border, Black text (opaque)\n

\n {apiToken ? \"Select a val from the list to view or edit its moi.md file.\" : \"Enter your API Key above to load your vals.\"}\n

\n )}\n

\n \n {/* Footer: Main Blue background, Gray border, Black text (opaque), Aqua links */}\n \n

\n );\n};\n\nexport default App;",[168,169,182],"b3efb8f9aa56cc22c4eab983de131815996492ddc6e707a17eb1e747a44d911c","backend/moiProcessor.ts",{"_33":207,"_13":198,"_90":208,"_92":209,"_94":39,"_95":210,"_97":55,"_40":211,"_47":212,"_100":164,"_102":213,"_70":55,"_104":-5,"_105":-7,"_82":214,"_107":215},{"_33":197,"_13":198,"_90":199,"_92":200,"_94":63,"_95":201,"_97":26,"_40":202,"_47":115,"_100":164,"_102":203,"_70":55,"_104":-5,"_105":-7,"_82":204,"_107":205},"4812131a-2499-11f0-a649-569c3dd06744","moiProcessor.ts","ea61a0bf-89f8-44ce-8507-b0f83255f0f1","802dc10d-80af-4817-9e49-4fe5e752cb30",11,["D",1745890120613],"/**\n * MoiProcessor\n * This file contains utility functions for working with moi.md files.\n * Batch processing has been removed in this version.\n */\nimport { ValTown } from \"npm:@valtown/sdk\";\nimport { generateValMoiContent } from \"../shared/generators.ts\";\n\n/**\n * Determine if a val has an HTTP endpoint\n */\nexport async function findHttpEndpoint(vt: ValTown, valId: string): Promise {\n try {\n const val = await vt.vals.retrieve(valId);\n \n // Check if this is an HTTP val and try to determine the endpoint\n if (val.type === 'http') {\n // For HTTP vals, try to get the endpoint URL\n if (val.links && val.links.endpoint) {\n return val.links.endpoint;\n } else if (val.owner) {\n // Try to construct the endpoint URL (this is a best guess)\n const sanitizedId = valId.replace(/-/g, \"\");\n return `https://${val.owner}--${sanitizedId}.web.val.run`;\n }\n }\n \n // No HTTP endpoint found\n return null;\n } catch (error) {\n console.error(`Error finding HTTP endpoint for val ${valId}:`, error);\n return null;\n }\n}\n\n/**\n * Generate moi.md content for a val\n */\nexport async function generateMoiContent(vt: ValTown, valId: string): Promise {\n try {\n const val = await vt.vals.retrieve(valId);\n const httpEndpoint = await findHttpEndpoint(vt, valId);\n \n return generateValMoiContent({\n ...val,\n httpEndpoint\n });\n } catch (error) {\n console.error(`Error generating moi.md content for val ${valId}:`, error);\n return \"---\\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",[206,198],"aa1c01379fce7dc1f8ea446e46e5af62258b412af40e6bae3dc2af4493467876","backend","86bf7b7a-247b-11f0-84c8-569c3dd06744","08d80280-2472-11f0-87b8-569c3dd06744","e784fb06-2471-11f0-87ee-569c3dd06744",40,["D",1745877340863],6,"/**\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}",[206,198],"e7a6dfc88674d6327c77e673ff67eb68873f178571c8badb9c1f59d554efba6c","backend/index.ts",{"_33":228,"_13":220,"_90":229,"_92":209,"_94":39,"_95":230,"_97":55,"_40":231,"_47":232,"_100":224,"_102":233,"_70":55,"_104":234,"_105":-7,"_82":235,"_107":236},{"_33":219,"_13":220,"_90":221,"_92":200,"_94":63,"_95":222,"_97":26,"_40":223,"_47":144,"_100":224,"_102":225,"_70":55,"_104":-5,"_105":-7,"_82":226,"_107":227},"b0c1346a-24a1-11f0-a8cb-569c3dd06744","index.ts","9e09e069-18f0-45b5-bb24-3c8ee37f59b2",23,["D",1745893732218],"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 { serveFile } 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();\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// Get current user information (Requires authentication)\napp.get(\"/api/user\", async (c) => {\n try {\n const vt = getVtClient(c);\n if (!vt) {\n return c.json({ error: \"Authorization header required to get user information.\" }, 401);\n }\n\n // Fetch authenticated user info\n const { data: user } = await vt.me.retrieve();\n if (!user) {\n return c.json({ error: \"Failed to retrieve user information\" }, 500);\n }\n\n // Return only necessary user info\n return c.json({\n id: user.id,\n username: user.username,\n email: user.email,\n createdAt: user.createdAt,\n });\n } catch (error) {\n console.error(\"Error fetching user info:\", 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 user info\", details: error.message }, 500);\n }\n});\n\n// Get all vals with their HTTP endpoints (Requires authentication)\napp.get(\"/api/vals\", async (c) => {\n try {\n const privacy = c.req.query(\"privacy\");\n \n const vt = getVtClient(c);\n if (!vt) {\n return c.json({ error: \"Authorization header required to list your vals.\" }, 401);\n }\n\n let filter = undefined;\n if (privacy && privacy !== 'all') {\n filter = { privacy };\n }\n\n // Get the list of vals\n const { data: vals } = await vt.me.vals.list(filter);\n \n // Enhanced version: Get HTTP endpoints for all vals\n const valsWithEndpoints = await Promise.all(vals.map(async val => {\n try {\n // Retrieve files in the val to check for HTTP endpoints\n const { data: files } = await vt.vals.files.retrieve(val.id, { path: \"\" });\n \n let httpEndpoint = null;\n \n // Look for HTTP files with endpoints\n if (files && files.length > 0) {\n for (const file of files) {\n if (file.type === \"http\" && file.links && file.links.endpoint) {\n httpEndpoint = file.links.endpoint;\n break;\n }\n }\n }\n \n // Add the HTTP endpoint to the val object\n return {\n ...val,\n httpEndpoint\n };\n } catch (error) {\n console.error(`Error retrieving files for val ${val.name} (${val.id}):`, error);\n // If there's an error, just return the original val\n return val;\n }\n }));\n \n return c.json(valsWithEndpoints);\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 and HTTP endpoint if available\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 authed client if available for more complete val details\n const vt = getVtClient(c);\n const nonAuthVt = new ValTown(); // Fallback to non-authed client\n \n // Use the appropriate client\n const client = vt || nonAuthVt;\n\n // First, try to retrieve val details to generate default content if needed\n let valDetails = null;\n let httpEndpoint = null;\n \n try {\n valDetails = await client.vals.retrieve(valId);\n \n // Check for HTTP files with endpoints\n try {\n // Retrieve files in the val\n const { data: files } = await client.vals.files.retrieve(valId, { path: \"\" });\n \n // Look for HTTP files with endpoints\n if (files && files.length > 0) {\n for (const file of files) {\n if (file.type === \"http\" && file.links && file.links.endpoint) {\n httpEndpoint = file.links.endpoint;\n console.log(`Found HTTP endpoint for val ${valId}: ${httpEndpoint}`);\n break;\n }\n }\n }\n } catch (filesError) {\n console.warn(`Could not retrieve files for val ${valId}:`, filesError);\n }\n } catch (valError) {\n console.warn(`Could not retrieve val details for ${valId}:`, 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 client.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 // Include the HTTP endpoint in the generated content if available\n result.content = generateValMoiContent({\n ...valDetails,\n // Add the HTTP endpoint to the val details if we found one\n httpEndpoint\n });\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// Get HTTP endpoints for a specific val (Requires Authentication)\napp.get(\"/api/vals/:valId/endpoints\", 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 to get endpoints.\",\n authRequired: true \n }, 401);\n }\n\n try {\n // Retrieve files in the val\n const { data: files } = await vt.vals.files.retrieve(valId, { path: \"\" });\n \n // Extract HTTP endpoints\n const endpoints = [];\n \n if (files && files.length > 0) {\n for (const file of files) {\n if (file.type === \"http\" && file.links && file.links.endpoint) {\n endpoints.push({\n name: file.name,\n url: file.links.endpoint\n });\n }\n }\n }\n \n return c.json({ endpoints });\n } catch (error) {\n console.error(`Error retrieving endpoints for val ${valId}:`, error);\n return c.json({ error: \"Failed to retrieve endpoints\", 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;",[206,220],"c2283b541a6e3b5ec039dbcb2700c823122562902ad4ce67ec35e61444eb8ee2","c0a28076-247b-11f0-a003-569c3dd06744","1a9ec3fa-2472-11f0-9430-569c3dd06744",44,["D",1745877437979],10,"/**\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",[206,220],"f0412c23ba58e6ff97149b54c8a5c498110ed772863e940db4975e892262e1ee","README.md",{"_33":247,"_13":237,"_90":248,"_92":-5,"_94":39,"_95":249,"_97":55,"_40":250,"_47":115,"_100":101,"_102":251,"_70":55,"_104":-5,"_105":-7,"_82":252,"_107":253},{"_33":240,"_13":237,"_90":241,"_92":-5,"_94":63,"_95":242,"_97":26,"_40":243,"_47":99,"_100":101,"_102":244,"_70":55,"_104":-5,"_105":-7,"_82":245,"_107":246},"afee04c8-249c-11f0-a3cd-569c3dd06744","7cb333cb-795c-4aea-8367-e12c5eb9b446",15,["D",1745891583349],"# 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- Auto-detect HTTP endpoints for vals\n- Field-by-field editing with improved input handling\n- Set priority tiers and custom tabs for build.moi integration\n- Exclude vals from the main Posts tab while keeping them in custom tabs\n- Automatic username population for author field\n- Preview live markdown changes\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** - Utility functions for moi.md processing\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 - **MoiEditor.tsx** - Field-by-field editor with support for tier, tabs, and excludeFromPosts\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\n## moi.md Format\n\nThe generated moi.md files follow this format:\n\n```markdown\n---\ntitle: \"Val Name\"\ndescription: \"Val description\"\nimageUrl: \"https://example.com/image.jpg\"\nurl: \"https://val.town/...\"\nauthor: \"username\"\ntags: [\"val-town\", \"tag1\", \"tag2\"]\ntier: 1.5\ntabs: [\"Projects\", \"Tutorials\"]\nexcludeFromPosts: true\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## Advanced Configuration\n\n- **Priority Tier**: 1.5 (lower values appear first)\n- **Custom Tabs**: Projects, Tutorials\n- **Exclude From Posts**: Yes (controls visibility in main Posts tab)\n```\n\n## Enhanced Schema Support\n\nThis version of MoiPoster adds support for extended schema fields:\n\n### Priority Tier\n\nThe `tier` field allows you to set the display priority in build.moi:\n\n- Lower values (e.g., 1) appear before higher values (e.g., 3)\n- Decimal values are supported (e.g., 0.5, 1.3, 2.7)\n- Items with the same tier value maintain their original order\n\n### Custom Tabs\n\nThe `tabs` field allows you to assign vals to custom tab categories:\n\n- Vals can belong to multiple tabs by listing multiple tab names\n- Tabs appear between the \"Posts\" and \"Code\" navigation items in build.moi\n- Each tab contains only content explicitly assigned to it\n\n### Exclude From Posts\n\nThe `excludeFromPosts` field lets you control visibility in the main Posts tab:\n\n- When set to `true`, the val won't appear in the main Posts tab\n- The val will still appear in any custom tabs specified in the `tabs` field\n- The val will always appear in the Code tab regardless of this setting\n\n## Integration with build.moi\n\nThis tool is designed to work seamlessly with the [build.moi](https://www.val.town/x/dcm31/buildDotMoi) project, which provides a modern showcase for Val Town profiles.\n\nWhen you create moi.md files with this tool, they'll automatically be displayed in the build.moi interface, organized according to your tier and tabs configuration.\n\n## License\n\nMIT",[237],"735051d0660c8d264a477745a345edf9a20a73c51cf61f2ea34901e57a7906f6","50055584-2474-11f0-87a9-569c3dd06744","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",[237],"17c67ec46f5469e9393155f1d5eb3cbefd93a68b290feb1acc9baec10a9b4857",["D",1745873201914],"legacyEnvVars","httpPrivacy","Tool to manage moi.md files for Val Town content","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",58,"likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_292":288},"org",{"_11":12,"_285":286,"_287":288,"_259":260,"_289":290,"_291":55},"branch","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789704673&sig=1026920643b60d4363ef8eaa081fc0b3600eb53f9b24e7e6ca4511d95bfdba50","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_33":46,"_13":14,"_40":432,"_53":-5,"_255":55,"_56":57,"_256":57,"_35":257,"_258":-5,"_259":260,"_261":229,"_262":26,"_263":-5,"_264":265,"_266":20,"_59":60,"_267":-5,"_268":-5,"_269":-5,"_270":-5,"_271":272,"_273":272,"_274":275,"_276":275,"_277":275,"_278":272,"_279":272,"_280":433,"_282":434,"_284":435,"_54":55},"tree",[355,358,366,369,370,371],"files",[355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371],"counts",{"_344":345,"_346":96,"_347":20,"_348":349,"_350":351},"contents",[317,318,319,320,321,322],"upstreamProject","upstreamBranch",{"_33":39,"_40":315,"_42":316,"_13":44,"_45":46,"_47":48,"_49":-5,"_50":-5,"_51":52,"_53":-5,"_54":55,"_56":57,"_58":12,"_59":60,"_61":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1745873201914],["D",1747330709597],{"_33":341,"_13":206,"_90":200,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":342,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_82":343},{"_33":337,"_13":168,"_90":338,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":339,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_82":340},{"_33":333,"_13":109,"_90":93,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":334,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_82":336},{"_33":240,"_13":237,"_90":241,"_92":-5,"_94":63,"_95":242,"_97":26,"_40":331,"_47":99,"_100":101,"_102":244,"_70":55,"_104":-5,"_82":332},{"_33":141,"_13":138,"_90":142,"_92":-5,"_94":63,"_95":62,"_97":26,"_40":329,"_47":144,"_100":101,"_102":145,"_70":55,"_104":-5,"_82":330},{"_33":323,"_13":324,"_90":325,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":326,"_47":20,"_100":101,"_102":327,"_70":55,"_104":-5,"_82":328},"9bfcf692-2495-11f0-af4b-569c3dd06744","testfile_1745875710738.txt","0cb18cb1-b2da-4ea2-902b-daf897385d72",["D",1745888543409],"This is a test file created dynamically.",[324],["D",1746031956245],[138],["D",1745891583349],[237],"9bfced3c-2495-11f0-af4b-569c3dd06744",["D",1745888543409],"directory",[109],"9bfce38c-2495-11f0-af4b-569c3dd06744","8a55cd69-4343-4259-bae2-8b744fead9e2",["D",1745888543409],[168],"9bfcb60a-2495-11f0-af4b-569c3dd06744",["D",1745888543409],[206],"pulls",8,"branches","forks","envVars",{"_352":20,"_354":20},"connections",{"_352":20,"_353":20},"count","unfilledCount","emptyCount",{"_33":341,"_13":206,"_90":200,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":429,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_105":430,"_82":431},{"_33":219,"_13":220,"_90":221,"_92":200,"_94":63,"_95":222,"_97":26,"_40":223,"_47":144,"_100":224,"_102":225,"_70":55,"_104":-5,"_105":427,"_82":428},{"_33":197,"_13":198,"_90":199,"_92":200,"_94":63,"_95":201,"_97":26,"_40":202,"_47":115,"_100":164,"_102":203,"_70":55,"_104":-5,"_105":425,"_82":426},{"_33":337,"_13":168,"_90":338,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":422,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_105":423,"_82":424},{"_33":418,"_13":169,"_90":161,"_92":338,"_94":63,"_95":115,"_97":26,"_40":419,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_105":420,"_82":421},{"_33":181,"_13":182,"_90":183,"_92":161,"_94":63,"_95":133,"_97":26,"_40":184,"_47":144,"_100":164,"_102":185,"_70":55,"_104":-5,"_105":416,"_82":417},{"_33":409,"_13":410,"_90":411,"_92":161,"_94":63,"_95":115,"_97":26,"_40":412,"_47":20,"_100":164,"_102":413,"_70":55,"_104":-5,"_105":414,"_82":415},{"_33":402,"_13":403,"_90":404,"_92":161,"_94":63,"_95":115,"_97":26,"_40":405,"_47":20,"_100":164,"_102":406,"_70":55,"_104":-5,"_105":407,"_82":408},{"_33":395,"_13":396,"_90":397,"_92":161,"_94":63,"_95":115,"_97":26,"_40":398,"_47":20,"_100":164,"_102":399,"_70":55,"_104":-5,"_105":400,"_82":401},{"_33":158,"_13":159,"_90":160,"_92":161,"_94":63,"_95":113,"_97":26,"_40":162,"_47":163,"_100":164,"_102":165,"_70":55,"_104":-5,"_105":393,"_82":394},{"_33":386,"_13":387,"_90":388,"_92":338,"_94":63,"_95":115,"_97":26,"_40":389,"_47":20,"_100":164,"_102":390,"_70":55,"_104":-5,"_105":391,"_82":392},{"_33":333,"_13":109,"_90":93,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":383,"_47":20,"_100":335,"_102":-5,"_70":55,"_104":-5,"_105":384,"_82":385},{"_33":122,"_13":123,"_90":124,"_92":93,"_94":63,"_95":125,"_97":26,"_40":126,"_47":127,"_100":101,"_102":128,"_70":55,"_104":-5,"_105":381,"_82":382},{"_33":88,"_13":89,"_90":91,"_92":93,"_94":63,"_95":96,"_97":26,"_40":98,"_47":99,"_100":101,"_102":103,"_70":55,"_104":-5,"_105":379,"_82":380},{"_33":240,"_13":237,"_90":241,"_92":-5,"_94":63,"_95":242,"_97":26,"_40":243,"_47":99,"_100":101,"_102":244,"_70":55,"_104":-5,"_105":377,"_82":378},{"_33":141,"_13":138,"_90":142,"_92":-5,"_94":63,"_95":62,"_97":26,"_40":143,"_47":144,"_100":101,"_102":145,"_70":55,"_104":-5,"_105":375,"_82":376},{"_33":323,"_13":324,"_90":325,"_92":-5,"_94":63,"_95":115,"_97":26,"_40":372,"_47":20,"_100":101,"_102":327,"_70":55,"_104":-5,"_105":373,"_82":374},["D",1745888543409],[],[324],[],[138],[],[237],[],[109,89],[],[109,123],["D",1745888543409],[367,368],[109],"9bfce1e8-2495-11f0-af4b-569c3dd06744","index.tsx","c7234424-54af-4417-af80-8335196e0261",["D",1745888543409],"/** @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();",[],[168,387],[],[168,169,159],"9bfcd446-2495-11f0-af4b-569c3dd06744","MarkdownPreview.tsx","fce09be2-ce6f-4c8b-b24b-8a6d8deda808",["D",1745888543409],"/** @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;",[],[168,169,396],"9bfccf50-2495-11f0-af4b-569c3dd06744","ItemList.tsx","14ae91ff-769b-40a1-9c1c-d5dd6f307f74",["D",1745888543409],"/** @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;",[],[168,169,403],"9bfccc08-2495-11f0-af4b-569c3dd06744","Editor.tsx","e9ab50f5-5c49-4498-a105-ce3133fa9de7",["D",1745888543409],"/** @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",[],[168,169,410],[],[168,169,182],"9bfce01c-2495-11f0-af4b-569c3dd06744",["D",1745888543409],[360,361,362,363,364],[168,169],["D",1745888543409],[359,365],[168],[],[206,198],[],[206,220],["D",1745888543409],[356,357],[206],["D",1745873201914],{"_11":12,"_292":288},{"_11":12,"_285":286,"_287":288,"_259":260,"_289":290,"_291":55},{"_47":62,"_13":16,"_33":63,"_45":46,"_49":39,"_50":64,"_65":57,"_66":46,"_67":60,"_61":14,"_58":12},"ctx",{"_280":-5,"_312":469,"_470":471,"_472":473,"_474":55,"_475":55,"_476":55,"_477":26,"_478":-5,"_479":-7,"_480":-7,"_481":20,"_482":55,"_483":55,"_484":-5,"_485":55,"_486":55,"_487":55,"_488":-5},"ENV",{"_440":441,"_442":443,"_444":44,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466,"_467":468},"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"]

Compare

Mergeenhanced-schema-supportintomain

README.md+52-19

Hbackend/index.ts+155-71

backend/moiProcessor.ts+36-154

frontend/components/App.tsx+74-89

frontend/components/MoiEditor.tsx+324-51

moi.md+5-3

shared/generators.ts+215-20

shared/types.ts+15-0