rofrischmann/fela

import { arrayReduce } from 'fast-loops'
import isPlainObject from 'isobject'

function renderFontFace(fontFace, renderer) {
  if (typeof fontFace === 'string') {
    return fontFace
  }

  const { fontFamily, src, ...otherProps } = fontFace
  if (typeof fontFamily === 'string' && Array.isArray(src)) {
    return renderer.renderFont(fontFamily, src, otherProps)
  }

  // TODO: warning - invalid font data
  return undefined
}

function embeddedPlugin(style, type, renderer, props) {
  for (const property in style) {
    const value = style[property]

    if (property === 'fontFace' && typeof value === 'object') {
      if (Array.isArray(value)) {
        style.fontFamily = arrayReduce(
          value,
          (fontFamilyList, fontFace) => {
            const fontFamily = renderFontFace(fontFace, renderer)

            if (fontFamily && fontFamilyList.indexOf(fontFamily) === -1) {
              fontFamilyList.push(fontFamily)
            }

            return fontFamilyList
          },
          []
        ).join(',')
      } else {
        style.fontFamily = renderFontFace(value, renderer)
      }
      delete style.fontFace
    } else if (property === 'animationName' && typeof value === 'object') {
      if (Array.isArray(value)) {
        style[property] = value
          .map((frame) => renderer.renderKeyframe(() => frame), props)
          .join(',')
      } else {
        style[property] = renderer.renderKeyframe(() => value, props)
      }
    } else if (isPlainObject(value)) {
      embeddedPlugin(value, type, renderer, props)
    }
  }

  return style
}

export default function embedded() {
  return embeddedPlugin
}