git ssb

1
const nest = require('depnest')
2
const { each, map } = require('libnested')
3
const compile = require('micro-css')
4
const { assign } = Object
5
6
exports.gives = nest('styles.css')
7
8
exports.needs = nest({
9
  'styles.mcss': 'reduce',
10
  'styles.mixins': 'reduce'
11
})
12
13
exports.create = function (api) {
14
  return nest('styles.css', css)
15
16
  function css (sofar = {}) {
17
    const mcssObj = api.styles.mcss()
18
    const mixinObj = api.styles.mixins()
19
20
    const mcssMixinsStr = mixinsToMcss(mixinObj)
21
    const cssObj = mcssToCss(mcssObj, mcssMixinsStr)
22
    return assign(sofar, cssObj)
23
  }
24
}
25
26
function mixinsToMcss (mixinsObj) {
27
  var mcss = ''
28
  each(mixinsObj, (mixinStr, [name]) => {
29
    // QUESTION: are mixins mcss specific or should we convert to mcss here?
30
    // as in, mixins are dom style objects and we use something like `inline-style` package
31
    mcss += mixinStr + '\n'
32
  })
33
  return mcss
34
}
35
36
function mcssToCss (mcssObj, mixinsStr) {
37
  return map(mcssObj, (mcssStr, [name]) => {
38
    const newCss = compile(mixinsStr + '\n' + mcssStr)
39
    if (newCss == '') {
40
      console.error('Some broken mcss!', { name, mcssStr, mixinsStr })
41
    }
42
    return newCss
43
  })
44
}
45