eruda/eustia/evalCss.js

/* Eval css.
 */

_('toStr each filter')

let styleList = []
let scale = 1

function exports(css, container) {
  css = toStr(css)

  for (let i = 0, len = styleList.length; i < len; i++) {
    if (styleList[i].css === css) return
  }

  container = container || exports.container || document.head
  const el = document.createElement('style')

  el.type = 'text/css'
  container.appendChild(el)

  let style = { css, el, container }
  resetStyle(style)
  styleList.push(style)

  return style
}

exports.setScale = function(s) {
  scale = s
  each(styleList, style => resetStyle(style))
}

exports.clear = function() {
  each(styleList, ({ container, el }) => container.removeChild(el))
  styleList = []
}

exports.remove = function(style) {
  styleList = filter(styleList, s => s !== style)

  style.container.removeChild(style.el)
}

function resetStyle({ css, el }) {
  el.innerText = css.replace(/(\d+)px/g, ($0, $1) => +$1 * scale + 'px')
}