Merge pull request #12 from SectorLabs/define-file-dependencies

Signal webpack of file dependencies

Author: alexandrukis

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sector-labs/postcss-inline-class",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Inline the declarations of other CSS classes in your CSS classes.",
   "main": "src/index.js",
   "repository": "https://github.com/sectorlabs/postcss-inline-class",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "lodash": "latest",
-    "postcss": "^7.0.1",
+    "postcss": "^8.0.0",
     "resolve": "^1.1.7"
   },
   "devDependencies": {

src/index.js

@@ -15,7 +15,7 @@ const resolveFile = (filePath, options) =>
         resolvePath(filePath, options, (err, path) => (err ? reject(err) : resolve(path)));
     });
 
-const processAtRule = (onError, atRule, root, targetClass, importPath) => {
+const processAtRule = (onError, atRule, root, targetClass, importPath, resolvedPath, result) => {
     const matchedDeclarations = findInlineDeclarations(root, targetClass);
     const nestedRules = findNestedRules(root, targetClass);
     const mediaQueries = findMediaQueries(root, targetClass);
@@ -48,6 +48,15 @@ const processAtRule = (onError, atRule, root, targetClass, importPath) => {
     });
 
     atRule.replaceWith(matchedDeclarations);
+    if (resolvedPath !== null) {
+        result.messages.push({
+            type: 'dependency',
+            plugin: 'postcss-inline-class',
+            file: resolvedPath,
+            parent: result.opts.from,
+        });
+    }
+
     return [...nestedRules, ...mediaQueries];
 };
 
@@ -61,7 +70,9 @@ const walkAtRule = (root, result, promises, resolve) => (atRule) => {
     };
 
     if (params.length === 1) {
-        promises.push(Promise.resolve(processAtRule(onError, atRule, root, targetClass)));
+        promises.push(
+            Promise.resolve(processAtRule(onError, atRule, root, targetClass, null, null, result)),
+        );
         return;
     }
 
@@ -71,7 +82,15 @@ const walkAtRule = (root, result, promises, resolve) => (atRule) => {
             .then((resolvedPath) =>
                 readFile(resolvedPath).then((rawData) => {
                     const importedRoot = postcss.parse(rawData);
-                    return processAtRule(onError, atRule, importedRoot, targetClass, importPath);
+                    return processAtRule(
+                        onError,
+                        atRule,
+                        importedRoot,
+                        targetClass,
+                        importPath,
+                        resolvedPath,
+                        result,
+                    );
                 }),
             )
             .catch(() => {