feat: CLI will use configuration files now.

Author: chriseppstein

packages/@css-blocks/cli/package.json

@@ -56,6 +56,7 @@
     "watch": "^1.0.2"
   },
   "dependencies": {
+    "@css-blocks/config": "^0.24.0",
     "@css-blocks/core": "^0.24.0",
     "chalk": "^2.4.2",
     "debug": "^4.1.1",

packages/@css-blocks/cli/src/index.ts

@@ -1,5 +1,7 @@
+import { search as searchForConfiguration } from "@css-blocks/config";
 import {
   BlockFactory,
+  Configuration,
   CssBlockError,
   ErrorWithPosition,
   Importer,
@@ -119,7 +121,7 @@ export class CLI {
    * Validate the syntax of a list of block files.
    */
   async validate(blockFiles: Array<string>, options: ValidateOptions) {
-    let preprocessors: Preprocessors = options.preprocessors ? require(path.resolve(options.preprocessors)) : {};
+    let preprocessors: Preprocessors | null = options.preprocessors ? require(path.resolve(options.preprocessors)) : null;
     let npm = options.npm || false;
     let aliases: Aliases = [];
     let aliasList = options.alias || [];
@@ -132,7 +134,21 @@ export class CLI {
     if (npm) {
       importer = new NodeJsImporter(aliases);
     }
-    let factory = new BlockFactory({preprocessors, importer});
+    let searchDir: string;
+    let blockOptions: Partial<Configuration>;
+    if (blockFiles.length > 0) {
+      searchDir = path.dirname(path.resolve(blockFiles[0]));
+    } else {
+      searchDir = process.cwd();
+    }
+    blockOptions = await searchForConfiguration(searchDir) || {};
+    if (preprocessors) {
+      blockOptions.preprocessors = preprocessors;
+    }
+    if (importer) {
+      blockOptions.importer = importer;
+    }
+    let factory = new BlockFactory(blockOptions);
     let errorCount = 0;
     for (let blockFile of blockFiles) {
       let blockFileRelative = path.relative(process.cwd(), path.resolve(blockFile));

packages/@css-blocks/cli/test/cli-test.ts

@@ -111,3 +111,12 @@ Found 1 error in 1 file.
     assert.equal(cli.exitCode, 1);
   });
 });
+
+describe("validate with config file", () => {
+  it("can check syntax for a valid block file", async () => {
+    let cli = new CLI();
+    await cli.run(["validate", fixture("config-file/simple.block.scss")]);
+    assert.equal(cli.output, `ok\t${relFixture("config-file/simple.block.scss")}\n`);
+    assert.equal(cli.exitCode, 0);
+  });
+});

packages/@css-blocks/cli/test/fixtures/config-file/css-blocks.config.json

@@ -0,0 +1,3 @@
+{
+  "preprocessors": "../../../dist/test/preprocessors.js"
+}

packages/@css-blocks/cli/test/fixtures/config-file/simple.block.scss

@@ -0,0 +1,9 @@
+:scope {
+  color: red;
+  background-color: white;
+
+  &[dark] {
+    color: darkred;
+    background-color: gray;
+  }
+}

packages/@css-blocks/cli/tsconfig.json

@@ -9,7 +9,8 @@
     }
   },
   "references": [
-    {"path": "../core"}
+    {"path": "../core"},
+    {"path": "../config"}
   ],
   "include": [
     "src",