frontend/marko/components/markdown/component.js

const MarkdownIt = require("markdown-it")
const md = new MarkdownIt({
  html: true,
  linkify: true,
  typographer: false,
  langPrefix: "language-",
})
md.use(require("markdown-it-container"), "green")
md.use(require("markdown-it-container"), "orange")
md.use(require("markdown-it-container"), "blue")
md.use(require("./plugins/wikilink"))

const renderer = md.renderer

module.exports = class {
  onCreate(input) {
    this.state = {
      render: () => {},
    }

    this.render(input.source || "")
  }

  onInput(input) {
    if (input.source) {
      this.render(input.source)
    }
  }

  render(source) {
    this.state.render = (out) => {
      if (out.w) {
        out.w(md.render(source))
      }
    }
  }
}

renderer.rules