added css exports

Author: Alexey Litvinov

readme.md

@@ -27,6 +27,8 @@ into:
 
 ## Options
 
+`explicitExports` `boolean`
+
 `resolve` `object`
 
 `resolve.alias` `object`

sync.js

@@ -18,10 +18,12 @@ module.exports = plugin('postcss-modules-resolve-imports', resolveImportsPlugin)
 
 /**
  * dangerouslyPrevailCyclicDepsWarnings
+ * explicitExports
  * resolve.alias
  * resolve.extensions
+ * resolve.modules
  */
-function resolveImportsPlugin({resolve = {}} = {}) {
+function resolveImportsPlugin({explicitExports, resolve = {}} = {}) {
   return resolveImports;
 
   function resolveImports(ast, result) {
@@ -32,6 +34,19 @@ function resolveImportsPlugin({resolve = {}} = {}) {
 
     resolveDeps(ast, {opts: {from: rootPath, graph, resolve, rootPath, rootTree}, processor});
 
+    if (explicitExports) {
+      const exportRule = postcss.rule({selector: ':export'});
+
+      for (const className in ast.exports)
+        exportRule.append({
+          prop: className,
+          value: ast.exports[className],
+          raws: {before: '\n  '},
+        });
+
+      rootTree.prepend(exportRule);
+    }
+
     rootTree.exports = ast.exports;
     result.root = rootTree;
   }

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

@@ -0,0 +1,10 @@
+:export {
+  continueButton: _source_continueButton;
+  userInput: _source_userInput
+}
+._source_continueButton {
+  color: green
+}
+._source_userInput {
+  /**/
+}

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

@@ -0,0 +1,9 @@
+.continueButton
+{
+  color: green;
+}
+
+.userInput
+{
+  /**/
+}

test/case/opts-explicit-exports/test.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const resolveImports = require('../../../index');
+const setup = require('../../setup');
+const test = require('tape');
+
+test('resolve-readme-example', t => {
+  const {expected, resulting, exports: tokens} = setup(
+    'local-by-default',
+    'extract-imports',
+    'scope',
+    resolveImports({explicitExports: true})
+  )(__dirname);
+
+  t.equal(resulting.trim(), expected.trim());
+  t.deepEqual(tokens, {
+    continueButton: '_source_continueButton',
+    userInput: '_source_userInput',
+  });
+  t.end();
+});