\n {/* Basic fields */}\n

\n \n Title\n \n updateField('title', e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"Val title\"\n disabled={isReadOnly}\n />\n

\n \n

\n \n Description\n \n updateField('description', e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"Brief description of this val\"\n disabled={isReadOnly}\n />\n

\n \n

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

\n \n

\n \n Tags (Comma separated)\n \n handleTagsChange(e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"val-town, tool, utility\"\n disabled={isReadOnly}\n />\n

\n \n {/* Advanced options toggle */}\n

\n \n {showAdvanced ? '▼' : '►'} {showAdvanced ? 'Hide' : 'Show'} Advanced Options\n \n

\n \n {/* Advanced options */}\n {showAdvanced && (\n

\n \n Author (Optional)\n \n updateField('author', e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder={username || \"username\"}\n disabled={isReadOnly}\n />\n

\n \n

\n \n URL (Optional)\n \n updateField('url', e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"Leave blank unless you have a specific endpoint URL\"\n disabled={isReadOnly}\n />\n

\n \n

\n \n Priority Tier (Optional, lower numbers appear first)\n \n updateField('tier', e.target.value)}\n className={`w-full p-2 border rounded-md ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"1.0\"\n disabled={isReadOnly}\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 ${isReadOnly ? 'bg-gray-100' : ''}`}\n placeholder=\"Projects, Tutorials, Demos\"\n disabled={isReadOnly}\n />\n

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

\n \n

\n updateField('excludeFromPosts', e.target.checked)}\n className={`h-4 w-4 text-blue-600 rounded border-gray-300 focus:ring-blue-500 ${isReadOnly ? 'bg-gray-100' : ''}`}\n disabled={isReadOnly}\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 \n {/* Content editor */}\n

\n \n Content\n \n \n

\n \n {/* Warning if saving is in progress */}\n {isSaving && (\n

\n Save in progress... Please do not close this window until saving completes.\n

\n )}\n

\n );\n});\n\n// Helper to parse Markdown content\nconst parseMdContent = (markdown: string): {\n title: string;\n description: string;\n imageUrl?: string;\n url?: string;\n author?: string;\n tags: string[];\n tier?: number | string;\n tabs?: string[];\n excludeFromPosts?: boolean;\n content: string;\n} => {\n // Default result\n const result = {\n title: '',\n description: '',\n imageUrl: undefined,\n url: undefined,\n author: undefined,\n tags: ['val-town'],\n tier: undefined,\n tabs: undefined,\n excludeFromPosts: false,\n content: markdown\n };\n \n // Check if content has frontmatter\n if (!markdown.startsWith('---')) {\n return result;\n }\n \n // Find the end of frontmatter\n const endIndex = markdown.indexOf('---', 3);\n if (endIndex === -1) {\n return result;\n }\n \n // Extract frontmatter and content\n const frontmatterText = markdown.substring(3, endIndex).trim();\n const content = markdown.substring(endIndex + 3).trim();\n \n // Parse frontmatter\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 key-value pair\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 // Remove quotes if present\n if ((value.startsWith('\"') && value.endsWith('\"')) || \n (value.startsWith(\"'\") && value.endsWith(\"'\"))) {\n value = value.substring(1, value.length - 1);\n }\n \n // Handle different fields\n switch (key) {\n case 'title':\n result.title = value;\n break;\n case 'description':\n result.description = value;\n break;\n case 'imageUrl':\n result.imageUrl = value;\n break;\n case 'url':\n result.url = value;\n break;\n case 'author':\n result.author = value;\n break;\n case 'tags':\n // Parse tags array\n if (value.startsWith('[') && value.endsWith(']')) {\n try {\n result.tags = JSON.parse(value);\n } catch (e) {\n // Fallback to simple parsing\n const tagStr = value.substring(1, value.length - 1);\n result.tags = tagStr\n .split(',')\n .map(tag => {\n tag = tag.trim();\n if ((tag.startsWith('\"') && tag.endsWith('\"')) || \n (tag.startsWith(\"'\") && tag.endsWith(\"'\"))) {\n return tag.substring(1, tag.length - 1);\n }\n return tag;\n })\n .filter(tag => tag.length > 0);\n }\n }\n break;\n case 'tier':\n // Try to parse as number\n const numValue = parseFloat(value);\n result.tier = isNaN(numValue) ? value : numValue;\n break;\n case 'tabs':\n // Parse tabs array\n if (value.startsWith('[') && value.endsWith(']')) {\n try {\n result.tabs = JSON.parse(value);\n } catch (e) {\n // Fallback to simple parsing\n const tabStr = value.substring(1, value.length - 1);\n result.tabs = tabStr\n .split(',')\n .map(tab => {\n tab = tab.trim();\n if ((tab.startsWith('\"') && tab.endsWith('\"')) || \n (tab.startsWith(\"'\") && tab.endsWith(\"'\"))) {\n return tab.substring(1, tab.length - 1);\n }\n return tab;\n })\n .filter(tab => tab.length > 0);\n }\n }\n break;\n case 'excludeFromPosts':\n result.excludeFromPosts = value.toLowerCase() === 'true';\n break;\n }\n }\n \n result.content = content;\n return result;\n};\n\nexport default QuickEditor;","deleted","label",[175,176,159],"frontend","components","permalink","https://www.val.town/x/dcm31/buildDotMoi/code/frontend/components/QuickEditor.tsx","extension","actionData","errors"]