fix: support multiple css inputs on the commandline produced by find/…

…glob [#317]

cli.js

@@ -173,8 +173,22 @@ function showError(err) {
 }
 
 function run(data) {
-  const {_: inputs, ...opts} = {...normalizedFlags};
-  const [input] = inputs || [];
+  const {_: inputs = [], css, ...opts} = {...normalizedFlags};
+
+  // Detect css globbing
+  const cssBegin = process.argv.findIndex(el => ['--css', '-c'].includes(el));
+  const cssEnd = process.argv.findIndex((el, index) => index > cssBegin && el.startsWith('-'));
+  const cssCheck = process.argv.slice(cssBegin, cssEnd > 0 ? cssEnd : undefined);
+  const additionalCss = inputs.filter(file => cssCheck.includes(file));
+  // Just take the first html input as we don't support multiple html sources for
+  const [input] = inputs.filter(file => !additionalCss.includes(file));
+
+  if (Array.isArray(css)) {
+    opts.css = [...css, ...additionalCss].filter(file => file);
+  } else if (css || additionalCss.length > 0) {
+    opts.css = [css, ...additionalCss].filter(file => file);
+  }
+
   ok = true;
 
   if (data) {

test/cli.test.js

@@ -157,7 +157,7 @@ describe('CLI', () => {
       expect(args).toMatchObject({
         width: 300,
         height: 400,
-        css: 'css',
+        css: ['css'],
         inline: true,
         extract: true,
       });
@@ -189,7 +189,7 @@ describe('CLI', () => {
       expect(args).toMatchObject({
         width: 300,
         height: 400,
-        css: 'css',
+        css: ['css'],
         inline: true,
         extract: true,
       });