added comment with source filename

Author: mightyaleksey

lib/resolveDeps.js

@@ -1,6 +1,7 @@
 'use strict';
 
-const {dirname} = require('path');
+const {comment} = require('postcss');
+const {dirname, relative} = require('path');
 const {readFileSync} = require('fs');
 const {resolveModule} = require('./resolveModule');
 const {resolvePaths} = require('./resolvePaths');
@@ -90,7 +91,10 @@ function resolveDeps(ast, result) {
   // resolve paths
   if (cwd !== rootDir) resolvePaths(ast, cwd, rootDir);
 
-  // append comment
+  rootTree.append(comment({
+    text: ` imported from ${relative(rootDir, selfPath)} `,
+  }));
+
   rootTree.append(ast.nodes);
 }
 

test/case/opts-alias/expected.css

@@ -1,6 +1,8 @@
+/* imported from lib/button/button.css */
 ._button_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
     color: green
 }

test/case/opts-explicit-exports/expected.css

@@ -2,6 +2,7 @@
   continueButton: _source_continueButton;
   userInput: _source_userInput
 }
+/* imported from source.css */
 ._source_continueButton {
   color: green
 }

test/case/opts-extensions/expected.css

@@ -1,6 +1,8 @@
+/* imported from lib/button.css */
 ._button_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
     color: green
 }

test/case/opts-modules/expected.css

@@ -1,6 +1,8 @@
+/* imported from lib/button/index.css */
 ._index_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
     color: green
 }

test/case/resolve-multiple-imports/expected.css

@@ -1,14 +1,18 @@
+/* imported from b.css */
 ._b_aa {
     /**/
 }
 ._b_bb {
     /**/
 }
+/* imported from c.css */
 ._c_aa {
     /**/
 }
 ._c_bb {}
+/* imported from a.css */
 ._a_aa {}
 ._a_bb {}
+/* imported from source.css */
 ._source_resultA {}
 ._source_resultB {}

test/case/resolve-nested-imports/expected.css

@@ -1,7 +1,10 @@
+/* imported from lib/color.css */
 ._color_green {
     color: green
 }
+/* imported from lib/button/button.css */
 ._button_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {}

test/case/resolve-node-module/expected.css

@@ -1,6 +1,8 @@
+/* imported from node_modules/button/button.css */
 ._button_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
     color: green
 }

test/case/resolve-package-main/expected.css

@@ -1,6 +1,8 @@
+/* imported from button/my-awesome-button.css */
 ._my-awesome-button_button {
     /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
     color: green
 }

test/case/resolve-paths/expected.css

@@ -1,3 +1,4 @@
+/*  imported from lib/nested.css  */
 /* should be './lib/reset1.css' */
 @import url('./lib/reset1.css');
 /* should be './lib/reset2.css' */
@@ -6,4 +7,5 @@
     /* should be ./lib/spin-icon.svg */
     background: url(./lib/spin-icon.svg) 0 0 no-repeat
 }
+/*  imported from source.css  */
 ._source_relative {}

test/case/resolve-readme-example/expected.css

@@ -1,9 +1,11 @@
 :export {
   continueButton: _source_continueButton _button_button
 }
+/* imported from node_modules/library/button.css */
 ._button_button {
   /*common button styles*/
 }
+/* imported from source.css */
 ._source_continueButton {
   color: green
 }