perf: search map and key

Author: Scrum

src/constant.js

@@ -0,0 +1,3 @@
+export const METHOD = 'map-get((';
+export const DIVIDER = '),';
+export const CLOSING_PARENTHESIS = ')';

src/index.js

@@ -1,44 +1,74 @@
 import postcss from 'postcss';
+import strNormalize from './str-normalize';
+import strGetContent from './str-get-content';
+import {METHOD, DIVIDER} from './constant';
 
-const METHOD = 'map-get';
+// const valResolve = value => {
+//   const map = value.substring(
+//     value.indexOf('((') + 2,
+//     value.indexOf('),')
+//   )
+//     .split(',')
+//     .reduce((map, string) => {
+//       const [key, value] = string.split(':');
+//       return Object.assign(map, {[key]: value});
+//     }, {});
 
-const valResolve = value => {
-  const map = value.substring(
-    value.indexOf('((') + 2,
-    value.indexOf('),')
-  )
-    .split(',')
-    .reduce((map, string) => {
-      const [key, value] = string.split(':');
-      return Object.assign(map, {[key]: value});
-    }, {});
+//   const key = value.substring(
+//     value.indexOf('),') + 2,
+//     value.lastIndexOf(')')
+//   );
 
-  const key = value.substring(
-    value.indexOf('),') + 2,
-    value.lastIndexOf(')')
-  );
+//   return map[key];
+// };
+
+// const replace = value => {
+//   console.log(value);
+
+//   //console.log(value.substr(0, start),value.substr(start, end),value.substr(end));
+//   return `${value.substr(0, start)}${valResolve(value.substr(start, end))}${value.substr(end)}`;
+// }
+const mapGet = val => {
+  let [map, key] = val
+    .split(DIVIDER)
+    .map(value => {
+      if (value.includes(':')) {
+        return value.split(',')
+          .reduce((map, string) => {
+            const [key, value] = string.split(':');
+            return Object.assign(map, {[key]: value});
+          }, {});
+      }
+
+      return value;
+    });
 
   return map[key];
 };
 
-const normalize = value => value.replace(/(\s|!default)/g, '');
+const valResolve = val => {
+  const value = strNormalize(val);
+  const {start, content, end} = strGetContent(value);
+
+  return `${start}${mapGet(content)}${end}`;
+};
 
 export default postcss.plugin('postcss-map-get', () => {
   return nodes => {
     nodes.walkDecls(decl => {
       let {value} = decl;
 
-      if (value.startsWith(METHOD)) {
-        decl.value = valResolve(normalize(decl.value));
+      if (value.includes(METHOD)) {
+        decl.value = valResolve(decl.value);
       }
     });
 
     nodes.walkAtRules(rules => {
       const {params} = rules;
 
-      const start = params.indexOf(METHOD);
-      const end = params.lastIndexOf(')');
-      rules.params = `${params.substr(0, start)}${valResolve(normalize(params.substring(start, end)))}${params.substr(end)}`;
+      if (params.includes(METHOD)) {
+        rules.params = valResolve(params);
+      }
     });
   };
 });

src/str-get-content.js

@@ -0,0 +1,13 @@
+import {METHOD, DIVIDER, CLOSING_PARENTHESIS} from './constant';
+
+export default value => {
+  const start = value.indexOf(METHOD);
+  const divider = value.indexOf(DIVIDER);
+  const end = value.indexOf(CLOSING_PARENTHESIS, divider + DIVIDER.length);
+
+  return {
+    start: value.substr(0, start),
+    content: value.substring(start + METHOD.length, end),
+    end: value.substr(end + CLOSING_PARENTHESIS.length)
+  };
+};

src/str-normalize.js

@@ -0,0 +1 @@
+export default value => value.replace(/(\s|!default)/g, '');