editor.js

const Editor = () => {
  const update = (e, actions) => {
    // strip html and get the text only
    const source = e.target.innerText
    
    // parse text into tokens stored in `state.tokens`
    actions.parse(source)
  }
  
  // render tokens to vnodes
  const render = (tokens) => (
    <div>
    {tokens.map(token => {
      switch (token.type) {
        case 'if': return <span class="statement if">{token.val}</span>
        default: return <span>{token.val}</span>
      }
    })
    </div>
  )
  
  // the actual view
  return (state, actions) => (
    <editor contenteditable oninput={e => update(e, actions)}>
      {renderTokens(state.tokens)}
    </editor>
  )
}