got replacement working in the CSSI tests, breaks the others

Author: geelen

src/parser.js

@@ -11,6 +11,7 @@ export default class Parser {
 
   plugin( css, result ) {
     return Promise.all( this.fetchAllImports( css ) )
+      .then( _ => this.linkImportedSymbols( css ) )
       .then( _ => this.extractExports( css ) )
   }
 
@@ -24,6 +25,14 @@ export default class Parser {
     return imports
   }
 
+  linkImportedSymbols( css ) {
+    css.eachDecl( decl => {
+      Object.keys(this.translations).forEach( translation => {
+        decl.value = decl.value.replace(translation, this.translations[translation])
+      } )
+    })
+  }
+
   extractExports( css ) {
     css.each( node => {
       if ( node.type == "rule" && node.selector == ":export" ) this.handleExport( node )
@@ -48,7 +57,7 @@ export default class Parser {
     return this.pathFetcher( file, relativeTo, depTrace ).then( exports => {
       importNode.each( decl => {
         if ( decl.type == 'decl' ) {
-          this.translations[decl.value] = exports[decl.prop]
+          this.translations[decl.prop] = exports[decl.value]
         }
       } )
       importNode.removeSelf()

test/cssi/interchange-format/colors.css

@@ -1,7 +1,7 @@
 :export {
-  blackShadow: _single_import_export_source__localName;
+  blackShadow: x__single_import_export_colors__blackShadow;
 }
 
-._single_import_export_colors__blackShadow {
+.x__single_import_export_colors__blackShadow {
   box-shadow: 0 0 10px -2px black;
 }

test/cssi/interchange-format/expected.css

@@ -1,6 +1,6 @@
-._single_import_export_colors__blackShadow {
+.x__single_import_export_colors__blackShadow {
   box-shadow: 0 0 10px -2px black;
 }
-._single_import_export_source__localName {
+.x__single_import_export_source__localName {
   color: red;
 }

test/cssi/interchange-format/expected.json

@@ -1,3 +1,3 @@
 {
-  "localName": "_single_import_export_source__localName __tmp_import_djhgdsag"
+  "localName": "x__single_import_export_source__localName x__single_import_export_colors__blackShadow"
 }

test/cssi/interchange-format/source.css

@@ -1,11 +1,11 @@
 :import("./colors.css") {
-  __tmp_import_djhgdsag: blackShadow;
+  i__tmp_import_djhgdsag: blackShadow;
 }
 
 :export {
-  localName: _single_import_export_source__localName __tmp_import_djhgdsag;
+  localName: x__single_import_export_source__localName i__tmp_import_djhgdsag;
 }
 
-._single_import_export_source__localName {
+.x__single_import_export_source__localName {
   color: red;
 }

test/cssi/pseudo-variables/colors.css

@@ -0,0 +1,4 @@
+:export {
+  black: #222;
+  white: #ddd;
+}

test/cssi/pseudo-variables/expected.css

@@ -0,0 +1,5 @@
+
+.x__lol {
+  color: #222;
+  background: #ddd;
+}

test/cssi/pseudo-variables/expected.json

@@ -0,0 +1,3 @@
+{
+  "lol": "x__lol"
+}

test/cssi/pseudo-variables/source.css

@@ -0,0 +1,13 @@
+:import("./colors.css") {
+  i__black: black;
+  i__white: white;
+}
+
+:export {
+  lol: x__lol;
+}
+
+.x__lol {
+  color: i__black;
+  background: i__white;
+}