feat: adds globbing of input-files (#20)

Author: benbender

index.js

@@ -13,6 +13,7 @@
 
 const postcss = require('postcss')
 const fs      = require('fs');
+const glob    = require('tiny-glob/sync');
 
 const processed = Symbol('processed')
 
@@ -38,7 +39,12 @@ module.exports = (UserProps) => {
       }
 
       if (UserProps?.files?.length) {
-        await Promise.all(UserProps.files.map(async file => {
+
+        const files = UserProps?.files
+          .map((file) => glob(file))
+          .reduce((flattenedFileList, files) => flattenedFileList.concat(files), [])
+
+        await Promise.all(files.map(async file => {
           let data = fs.readFileSync(file, 'utf8')
           let result = await postcss([(function(){})]).process(data, { from: undefined })
 

index.test.js

@@ -309,6 +309,33 @@ it('Can jit props from a CSS file', async () => {
   )
 })
 
+it('Can jit props from a CSS file via glob', async () => {
+  await run(
+`@media (--dark) {
+  a {
+    color: var(--red);
+    border-color: var( --pink );
+    animation: var(--fade-in);
+  }
+}`, 
+`@custom-media --dark (prefers-color-scheme: dark);
+:root{
+  --red: #f00;
+  --pink: #ffc0cb;
+  --fade-in: fade-in .5s ease;
+}
+@media (--dark) {
+  a {
+    color: var(--red);
+    border-color: var( --pink );
+    animation: var(--fade-in);
+  }
+}
+@keyframes fade-in {to { opacity: 1 }}`, 
+  { files: ['./*.test.css']}
+  )
+})
+
 it('Can fail without srcProps options gracefully', async () => {
   console.warn = jest.fn()
   await postcss([plugin({})]).process(``, { from: undefined })

package-lock.json

@@ -61,5 +61,8 @@
         "statements": 90
       }
     }
+  },
+  "dependencies": {
+    "tiny-glob": "^0.2.9"
   }
 }