\n {/* Header section */}\n

{title}

\n {description &&

{description}

}\n

\n {author && {author}}\n {date && author && •}\n {date && {date}}\n

\n {tags.length > 0 && (\n

\n {tags.map((tag, i) => (\n \n {tag}\n \n ))}\n

\n )}\n

\n \n {/* Main content */}\n

\n \n {/* Footer with source link */}\n \n

\n );\n}\n\n// Main route handler\napp.get('/', async (c) => {\n try {\n // Load the moi.md file content\n const moiContent = await fetch(new URL('./moi.md', import.meta.url).toString())\n .then(res => res.text())\n .catch(() => {\n console.error('Error loading moi.md');\n return '';\n });\n \n // Parse the markdown with frontmatter\n const { frontmatter, content } = parseMarkdownWithFrontmatter(moiContent);\n \n // Render the blog post component to string\n const postHtml = renderToString();\n \n // Prepare the full HTML with appropriate styles\n const html = `\n \n \n \n \n \n ${frontmatter.title || 'Markdown Blog'}\n \n \n \n \n \n \n \n \n ${postHtml}\n \n \n `;\n \n return c.html(html);\n } catch (error) {\n console.error('Error rendering blog:', error);\n return c.text('Error rendering blog post', 500);\n }\n});\n\n// Error handler to show full errors\napp.onError((err, c) => {\n console.error('Application error:', err);\n throw err; // Re-throw to see full stack trace\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/introducing_build_moi/code/main.tsx","extension","actionData","errors"]