Add icss-scoped contract

Author: TrySound

src/index.js

@@ -98,6 +98,13 @@ const isForbidden = name => name.includes(".") || name.includes("#");
 const createGenerator = (i = 0) => name =>
   `__value__${name.replace(/\W/g, "_")}__${i++}`;
 
+const getScopedAliases = (messages, values) =>
+  fromPairs(
+    messages
+      .filter(msg => msg.type === "icss-scoped")
+      .map(msg => [msg.value, values[msg.name]])
+  );
+
 const getMessages = exports =>
   Object.keys(exports).map(name => ({
     plugin: "postcss-icss-values",
@@ -156,7 +163,14 @@ module.exports = postcss.plugin(plugin, () => (css, result) => {
     atrule.remove();
   });
 
-  replaceSymbols(css, valuesExports);
+  replaceSymbols(
+    css,
+    Object.assign(
+      {},
+      valuesExports,
+      getScopedAliases(result.messages, valuesExports)
+    )
+  );
 
   css.prepend(
     createICSSRules(icssImports, Object.assign({}, icssExports, valuesExports))

test/test.js

@@ -5,15 +5,25 @@ import plugin from "../src";
 
 const strip = input => stripIndent(input).trim();
 
-const compile = input => postcss([plugin]).process(strip(input));
+const messagesPlugin = messages => (css, result) =>
+  result.messages.push(...messages);
+
+const compile = (input, messages) =>
+  postcss([messagesPlugin(messages), plugin]).process(strip(input));
 
 const getWarnings = result => result.warnings().map(warning => warning.text);
 
 const getMessages = result =>
   result.messages.filter(msg => msg.type !== "warning");
 
-const run = ({ fixture, expected, warnings = [], messages = [] }) =>
-  compile(fixture).then(result => {
+const run = ({
+  fixture,
+  expected,
+  warnings = [],
+  inputMessages = [],
+  messages = []
+}) =>
+  compile(fixture, inputMessages).then(result => {
     expect(result.css.trim()).toEqual(strip(expected));
     expect(getWarnings(result)).toEqual(warnings);
     expect(getMessages(result)).toEqual(messages);
@@ -428,3 +438,29 @@ test("warn on using dot or hash in value name", () => {
     ]
   });
 });
+
+test("icss-scoped contract", () => {
+  const inputMessages = [
+    { type: "icss-scoped", name: "a", value: "__scope__a" }
+  ];
+  return run({
+    fixture: `
+      :export {
+        a: __scope__a
+      }
+      @value a from 'path';
+      .__scope__a {}
+    `,
+    inputMessages,
+    expected: `
+      :import('path') {
+        __value__a__0: a
+      }
+      :export {
+        a: __value__a__0
+      }
+      .__value__a__0 {}
+    `,
+    messages: [...inputMessages, getMsg("a", "__value__a__0")]
+  });
+});