substance/editor/FontAwesomeIconProvider.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing system. It is developed to power our online editing platform [Substance](http://substance.io).

import forEach from '../util/forEach'
import isString from '../util/isString'
import FontAwesomeIcon from './FontAwesomeIcon'

export default class FontAwesomeIconProvider {
  constructor (icons) {
    this.faMap = {}
    this.textMap = {}
    forEach(icons, (config, name) => {
      let faConfig = config.fontawesome
      if (faConfig) {
        if (isString(faConfig)) {
          faConfig = { icon: faConfig }
        }
        this.addFAIcon(name, faConfig)
      }
      const text = config.text
      if (text) {
        this.addTextIcon(name, text)
      }
    })
  }

  renderIcon ($$, name) {
    const faProps = this.faMap[name]
    const text = this.textMap[name]
    if (faProps) {
      return $$(FontAwesomeIcon, faProps)
    } else if (text) {
      return text
    }
  }

  addFAIcon (name, faClass) {
    this.faMap[name] = faClass
  }

  addTextIcon (name, text) {
    this.textMap[name] = text
  }
}