{"plugin":{"id":9,"name":"markdown-to-html","icon":"📦","description":"Generate static HTML file from your markdown entrypoints. ","longDescription":"# frame-master-plugin-markdown-to-html\n\nA **Frame-Master** plugin that transforms Markdown files into HTML strings on import. It uses **unified**, **remark**, and **rehype** for parsing, and **starry-night** for beautiful, syntax-highlighted code blocks.\n\n## Features\n\n- 📝 **Import Markdown as HTML**: Directly import `.md` files in your TypeScript/JavaScript code.\n- 🎨 **Syntax Highlighting**: Built-in support for `@wooorm/starry-night` for VS Code-like syntax highlighting.\n- 📊 **Mermaid Diagrams**: Native support for mermaid diagram syntax.\n- 🔌 **Modular Architecture**: Easily extend with custom feature modules.\n- 💅 **Theming**: Easily apply themes like `dark`, `light`, `both` (auto-switching), or custom CSS.\n- 🔧 **Customizable**: Inject custom CSS or post-process the generated HTML.\n","version":"0.1.0","compatibleVersions":"^2.0.0","author":"Justin Halle","ownerId":"c166cdde-5f5c-40e5-a3ff-236652fa88a9","category":"utilities","tags":["markdown"],"published":true,"npmPackage":"frame-master-plugin-markdown-to-html","githubUrl":"https://github.com/shpaw415/frame-master-plugin-markdown-to-HTML","docsUrl":"","installation":"bun add frame-master-plugin-markdown-to-html","quickStart":"// Create your markdown eg: src/article.md\n// use it as an entrypoint\n// or use it as an import\nimport Article from \"src/article.md\"; // plain html value\n// if you use it as an import\n// add to your .frame-master/frame-master-custom-type.d.ts\ndeclare module \"*.md\" {\n  const content: string;\n  export default content;\n}\n\n\n","configuration":"import type { FrameMasterConfig } from \"frame-master/server/types\";\nimport markdownToHTML from \"frame-master-plugin-markdown-to-html\";\n\nexport default {\n  HTTPServer: {\n    port: 3000,\n  },\n  plugins: [\n    markdownToHTML({\n      entrypoints: [\"src/article.md\"],\n      syntaxHighlight: { theme: \"both\" },\n      mermaid: { theme: \"default\" },\n      // Dynamic asEntrypoint function\n      asEntrypoint: (filePath) => ({\n        title: `Page: ${filePath.split(\"/\").pop()?.replace(\".md\", \"\")}`,\n        head: `<meta name=\"source\" content=\"${filePath}\">`,\n        bodyClass: \"markdown-page\",\n      }),\n    })\n  ],\n} satisfies FrameMasterConfig;\n","upvote":0,"downvote":0,"createdAt":"2025-12-02T21:14:19.000Z","updatedAt":"2025-12-02T21:14:53.000Z","dependencies":[]}}