@davidwells/config-postcss 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davidwells/config-postcss",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Reusable postcss config",
   "author": "DavidWells",
   "license": "MIT",

package/src/index.js

@@ -6,7 +6,7 @@ const webpackLoaderOptionUtil = require('./webpackLoaderOptionUtil')
 const mixins = require('./_mixins')
 const variables = require('./_variables')
 const functions = require('./_functions')
-const printColors = require('./printColors')
+const { printVariables, printColors } = require('./print')
 
 module.exports = {
   getPostCSSConfig,
@@ -16,5 +16,6 @@ module.exports = {
   mixins,
   variables,
   functions,
-  printColors,
+  printVariables,
+  printColors
 }

package/src/print.js

@@ -0,0 +1,49 @@
+const safeChalk = require('safe-chalk')
+const isColor = require('is-color')
+const { isHex } = require('is-color')
+const rgbHex = require('rgb-hex')
+
+const args = (process.argv && process.argv[2]) ? process.argv[2] : ''
+const DISABLE_COLORS = (args.indexOf('--json') > -1) || process.env.NO_COLORS
+const chalk = safeChalk(DISABLE_COLORS)
+
+// Hot reload webpack files for PostCSS
+function printVariables(variables = {}) {
+  if (!variables) {
+    return
+  }
+  console.log('CSS variables:')
+  Object.keys(variables).forEach((key) => {
+    const val = variables[key]
+    if (val && typeof val === 'string') {
+      console.log(`$${key} - ${val}`)
+    }
+  })
+  console.log('Colors:')
+  printColors(variables)
+  console.log('👆 CSS variables usable via ${nameOfThing} in css files') // eslint-disable-line
+}
+
+// Hot reload webpack files for PostCSS
+function printColors(variables = {}) {
+  if (!variables) {
+    return
+  }
+  const colors = []
+  Object.keys(variables).forEach((key) => {
+    const value = variables[key]
+    if (value && typeof value === 'string' && isColor(value)) {
+      const color = (isHex(value)) ? value : `#${rgbHex(value)}`
+      colors.push({ key, value, color })
+    }
+  })
+  colors.forEach(({ key, value, color }) => {
+    console.log(`${chalk.hex(color).bold('████████████')}  $${key} - ${value}`)
+  })
+  return colors
+}
+
+module.exports = {
+  printVariables,
+  printColors
+}

package/src/printColors.js

@@ -1,26 +0,0 @@
-const safeChalk = require('safe-chalk')
-const isColor = require('is-color')
-const { isHex } = require('is-color')
-const rgbHex = require('rgb-hex')
-
-const args = (process.argv && process.argv[2]) ? process.argv[2] : ''
-const DISABLE_COLORS = (args.indexOf('--json') > -1) || process.env.NO_COLORS
-const chalk = safeChalk(DISABLE_COLORS)
-
-// Hot reload webpack files for PostCSS
-module.exports = function printColors(variables = {}) {
-  if (!variables) {
-    return
-  }
-  console.log('CSS variables:')
-  console.log(variables)
-  console.log('Colors:')
-  Object.keys(variables).forEach((key) => {
-    const val = variables[key]
-    if (val && typeof val === 'string' && isColor(val)) {
-      const color = (isHex(val)) ? val : `#${rgbHex(val)}`
-      console.log(`${chalk.hex(color).bold('████████████')}  $${key} - ${val}`)
-    }
-  })
-  console.log('👆 CSS variables usable via ${nameOfThing} in css files') // eslint-disable-line
-}