use path options (#144)

* use path options

* remove console logs

* rename function

* feedback

* change key searching for

Author: victhevenot

README.md

@@ -668,7 +668,7 @@ The `claycli.config.js` file currently supports the following arguments:
 * `babelTargets` (_Object_): the value of this property is passed to the [Babel `targets` option](https://babeljs.io/docs/en/babel-preset-env#targets) to describe the environments your compiled scripts support
 * `autoprefixerOptions` (_Object_): an Object which is [passed directly to `autoprefixer`](https://www.npmjs.com/package/autoprefixer#options) for style and Kiln plugin compilation
 * `customTasks` (_Array_): an Array of Gulp tasks to execute with the `clay compile custom-tasks` command.
-
+* `postcssImportPaths` (_Array_): list of paths in which to look for nested CSS file imports to be used by the `styles` compilation command. If no value is specified in the congif, the CSS compiler will default to `['./styleguides']`.
 #### Example
 
 ```js

lib/cmd/compile/styles.js

@@ -116,7 +116,9 @@ function compile(options = {}) {
       }))
       .pipe(rename(renameFile))
       .pipe(postcss([
-        cssImport(),
+        cssImport({
+          path: helpers.getConfigFileValue('postcssImportPaths') || ['./styleguides']
+        }),
         autoprefixer(helpers.getConfigFileOrBrowsersList('autoprefixerOptions')),
         mixins(),
         // Simple vars must come before `nested` so that string interpolation of variables occurs before

lib/compilation-helpers.js

@@ -170,6 +170,17 @@ function getConfigFileOrBrowsersList(key) {
   return configFileValue ? configFileValue : module.exports.browserslist;
 }
 
+/**
+ * Given an key, grab the value from the config file
+ *
+ * @param {String} key
+ * @returns {Object|String}
+ */
+function getConfigFileValue(key) {
+  return configFile.getConfigValue(key);
+}
+
+
 module.exports.time = time;
 module.exports.debouncedWatcher = _.debounce(watcher, 200);
 module.exports.bucket = bucket;
@@ -180,6 +191,7 @@ module.exports.transformPath  = transformPath;
 module.exports.browserslist = { browsers: ['> 3%', 'not and_uc > 0'] }; // used by styles, and vueify, and babel/preset-env
 module.exports.determinePostCSSPlugins = determinePostCSSPlugins;
 module.exports.getConfigFileOrBrowsersList = getConfigFileOrBrowsersList;
+module.exports.getConfigFileValue = getConfigFileValue;
 
 // for testing
 module.exports.watcher = watcher;

lib/compilation-helpers.test.js

@@ -179,4 +179,18 @@ describe('compilation helpers', () => {
       expect(fn('foo')).toEqual(lib.browserslist);
     });
   });
+
+  describe('getConfigFileValue', () => {
+    const fn = lib.getConfigFileValue;
+
+    it('returns a value from the config if one is found', () => {
+      configFile.getConfigValue.mockReturnValue({});
+      expect(fn('foo')).toEqual({});
+    });
+
+    it('returns undefined if no value is found in the config file', () => {
+      configFile.getConfigValue.mockReturnValue(undefined);
+      expect(fn('foo')).toEqual(undefined);
+    });
+  });
 });