markdown-to-html-light-mode.js

let MarkdownIt = await npm("markdown-it")
import shiki from "shiki"
import "@johnlindquist/kit"
    
// Name: Markdown to HTML (Light Mode)
// Description: Paste Markdown to generate HTML with syntax highlighting
// Author: Taylor Bell

shiki.getHighlighter({
  theme: "light-plus"
}).then(async highlighter => {
  let mdown = MarkdownIt({
    html: true,
    highlight: (code, lang) => {
      return highlighter.codeToHtml(code, {lang})
    }
  })

  let inputMd = await editor("Paste Markdown (result will be copied to clipboard)")
  const html = mdown.render(inputMd)
  const out = `
    <link rel="stylesheet" href="https://unpkg.com/shiki/themes/light-plus.min.css">
    ${html}
  `

  await copy(out)
})