@acarl005/codeflask

CodeFlask Mod

npm i '@acarl005/codeflask'

I modified CodeFlask to be able to...

1. Make PrismJS a peer dependency
2. Attach (and remove) custom event listeners to the editor
3. Support the Line Highlight plugin in PrismJS
4. Fix this issue: kazzkiq/CodeFlask#69
5. Fix bugs with tab hotkey for indentation
6. Make the self-closing characters configurable

import CodeFlask from "codeflask"
import Prism from "prismjs"

const flask = new CodeFlask(editor, Prism, {
  language: "js",
  selfClosingCharacters: ['(', '[', '{', "'", '"'],
  customEventListeners: {
    "keydown": e => {
      if (e.key == "Enter") {
        e.preventDefault()
        e.stopImmediatePropagation()
        // do custom stuff
      }
    }
  }
})

flask.highlightLines("4-7")

PrismJS is highly customizable. It actually offers custom builds with more plugins that you can opt into. This is an awesome and rare feature b/c you can minimize the bundle by omitting unneeded functionality. Therefore, it should be a peer dependency, b/c CodeFlask can't know which build with which plugins you'll need.