got the first passing spec!!

Author: geelen

index.js

@@ -6,11 +6,47 @@ Object.defineProperty(exports, '__esModule', {
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+function _slicedToArray(arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }
+
 var _postcss = require('postcss');
 
 var _postcss2 = _interopRequireDefault(_postcss);
 
-var processor = function processor(css, result) {};
+var declWhitelist = ['extends'],
+    declFilter = new RegExp('^(' + declWhitelist.join('|') + ')$'),
+    matchImports = /^([\w ]+) from "([^"]+)"$/;
+
+var processor = function processor(css, result) {
+  var imports = {};
+  css.eachDecl(declFilter, function (decl) {
+    var matches = decl.value.match(matchImports);
+    if (matches) {
+      (function () {
+        var _matches = _slicedToArray(matches, 3);
+
+        var _ = _matches[0];
+        var symbols = _matches[1];
+        var path = _matches[2];
+
+        imports[path] = imports[path] || {};
+        var tmpSymbols = symbols.split(' ').map(function (s) {
+          return imports[path][s] = '__tmp-' + processor.getRandomStr();
+        });
+        decl.value = tmpSymbols.join(' ');
+      })();
+    }
+  });
+  Object.keys(imports).forEach(function (path) {
+    var pathImports = imports[path];
+    console.log(pathImports);
+    css.prepend(_postcss2['default'].rule({
+      selector: ':import("' + path + '")',
+      nodes: Object.keys(pathImports).map(function (importedSymbol) {
+        return _postcss2['default'].decl({ prop: importedSymbol, value: pathImports[importedSymbol] });
+      })
+    }));
+  });
+};
 
 processor.defaultRandomStr = function () {
   return Math.random().toString(36).substr(2, 8);

index.src.js

@@ -1,10 +1,34 @@
 import postcss from 'postcss'
 
-const processor = (css, result) => {
+const declWhitelist = ['extends'],
+  declFilter = new RegExp(`^(${declWhitelist.join('|')})$`),
+  matchImports = /^([\w ]+) from "([^"]+)"$/
 
+const processor = (css, result) => {
+  let imports = {}
+  css.eachDecl(declFilter, (decl) => {
+    let matches = decl.value.match(matchImports)
+    if (matches) {
+      let [_, symbols, path] = matches
+      imports[path] = imports[path] || {}
+      let tmpSymbols = symbols.split(' ')
+        .map(s => imports[path][s] = `__tmp-${processor.getRandomStr()}`)
+      decl.value = tmpSymbols.join(' ')
+    }
+  })
+  Object.keys(imports).forEach(path => {
+    let pathImports = imports[path]
+    console.log(pathImports)
+    css.prepend(postcss.rule({
+      selector: `:import("${path}")`,
+      nodes: Object.keys(pathImports).map(importedSymbol => {
+        return postcss.decl({prop: importedSymbol, value: pathImports[importedSymbol]})
+      })
+    }))
+  })
 }
 
-processor.defaultRandomStr = () => Math.random().toString(36).substr(2,8)
+processor.defaultRandomStr = () => Math.random().toString(36).substr(2, 8)
 processor.getRandomStr = processor.defaultRandomStr // Easy to be mocked out
 
 export default processor

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "watch": "chokidar index.src.js -c 'npm run build'",
     "build": "babel -o index.js index.src.js",
-    "test": "mocha --compilers js:babel/register"
+    "test": "mocha --compilers js:babel/register",
+    "autotest": "chokidar index.src.js test.js -c 'npm test'"
   },
   "repository": {
     "type": "git",

test.js

@@ -14,7 +14,7 @@ describe("processor", () => {
   check(
     "it should extract an import within a :local",
     `:local(.exportName) { extends: importName from "path/library.css"; other: rule; }`,
-    `:import("path/library.css") { importName: __tmp-rand0ml0l0l; } :local(.exportName) { extends: __tmp-rand0ml0l0l; other: rule; }`,
+    `:import("path/library.css") {importName: __tmp-rand0ml0l0l; }\n:local(.exportName) { extends: __tmp-rand0ml0l0l; other: rule; }`,
     ["rand0ml0l0l"]
   )