Merge pull request #4 from argyleink/master

fixes #3
dimitrinicolas · Nov 30, 2022 · 17547ec · 17547ec
2 parents ded14e9 + ac917c5
commit 17547ec
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/index.js b/index.js
@@ -19,6 +19,7 @@ module.exports = (opts = {}) => {
         promisesList.push(
           new Promise((resolve) => {
             const globList = [];
+            let layer = new Map();
 
             const params = valueParser(rule.params).nodes;
 
@@ -33,6 +34,9 @@ module.exports = (opts = {}) => {
                   path.join(dirName, param.value).replace(/\\/g, '/')
                 );
               }
+              if (param.type === 'function' && param.value === 'layer') {
+                layer.set(dirName, param.nodes[0].value)
+              }
             }
 
             if (globList.length) {
@@ -46,10 +50,11 @@ module.exports = (opts = {}) => {
                 const sortedEntries = sort(entries)[sorter]();
 
                 sortedEntries.forEach((entry) => {
+                  let paramValue = layer.get(dirName) ? `"${entry}" layer(${layer.get(dirName)})` : `"${entry}"`
                   rule.before(
                     new AtRule({
                       name: 'import',
-                      params: `"${entry}"`,
+                      params: paramValue,
                       source: rule.source,
                     })
                   );

diff --git a/test.js b/test.js
@@ -169,3 +169,16 @@ test('no entries warning', async (t) => {
     pluginsAfter: [postcssImport],
   });
 });
+
+test('layer test', async (t) => {
+  const input = `
+    @import-glob "fixtures/css/foo/**/*.css" layer(test);
+  `;
+
+  const output = `
+    @import "${__dirname}/fixtures/css/foo/bar.css" layer(test);
+    @import "${__dirname}/fixtures/css/foo/foo.css" layer(test);
+  `;
+
+  await tester.test(input, output, t);
+});