fix: comma separated funcs with no spaces. fixes #91

Author: shellscape

lib/nodes/Func.js

@@ -12,6 +12,7 @@ const { getTokens } = require('../tokenize');
 const { registerWalker } = require('../walker');
 
 const Container = require('./Container');
+const Punctuation = require('./Punctuation');
 
 const allFunctions = [
   'annotation',
@@ -86,6 +87,7 @@ const allFunctions = [
 const colorFunctions = ['hsl', 'hsla', 'rgb', 'rgba'];
 const vendorPrefixes = ['-webkit-', '-moz-', '-ms-', '-o-'];
 const reFunctions = new RegExp(`^(${vendorPrefixes.join('|')})?(${allFunctions.join('|')})`, 'i');
+const rePunctuation = new RegExp(`^(\\${Punctuation.chars.join('|\\')})`);
 const reVar = /^--[^\s]+$/;
 
 class Func extends Container {
@@ -104,6 +106,8 @@ class Func extends Container {
     return (
       tokens.length > 1 &&
       tokens[0][0] === 'word' &&
+      // fixes #91
+      !rePunctuation.test(tokens[0][1]) &&
       (tokens[1][0] === 'brackets' || tokens[1][0] === '(')
     );
   }

lib/nodes/Punctuation.js

@@ -24,7 +24,7 @@ class Punctuation extends Node {
   }
 
   static get chars() {
-    return [':', '(', ')', '[', ']', '{', '}'];
+    return [',', ':', '(', ')', '[', ']', '{', '}'];
   }
 
   static fromTokens(tokens, parser) {

test/fixtures/func.js

@@ -41,7 +41,8 @@ module.exports = {
     'rotate(0.5rad)',
     'rotate(0.5grad)',
     'rotate(0.5turn)',
-    '1em/var(--line-height)'
+    '1em/var(--line-height)',
+    'local(foo),local(bar)'
   ],
 
   throws: ['url( /gfx/img/bg.jpg ']

test/func.test.js

@@ -21,6 +21,7 @@ for (const fixture of snapshot) {
       delete node.parent; // eslint-disable-line no-param-reassign
       return node;
     });
+    // console.log(nodes);
     const string = nodeToString(root);
 
     t.is(string, fixture);

test/snapshots/func.test.js.md

@@ -3481,3 +3481,155 @@ Generated by [AVA](https://ava.li).
         type: 'func',
       },
     ]
+
+## local(foo),local(bar)
+
+> Snapshot 1
+
+    'local(foo)'
+
+> Snapshot 2
+
+    'local(foo),local(bar)'
+
+> Snapshot 3
+
+    [
+      Func {
+        isColor: false,
+        isVar: false,
+        name: 'local',
+        nodes: [
+          Word {
+            isColor: false,
+            isHex: false,
+            isUrl: false,
+            isVariable: false,
+            parent: [Circular],
+            raws: {
+              after: '',
+              before: '',
+            },
+            source: {
+              end: {
+                column: 1,
+                line: 1,
+              },
+              input: Input {
+                css: 'foo',
+                hasBOM: false,
+                id: '<input css 69>',
+              },
+              start: {
+                column: 1,
+                line: 1,
+              },
+            },
+            type: 'word',
+            value: 'foo',
+          },
+        ],
+        params: '(foo)',
+        raws: {
+          after: '',
+          before: '',
+          semicolon: false,
+        },
+        source: {
+          end: {
+            column: 6,
+            line: 1,
+          },
+          input: Input {
+            css: 'local(foo),local(bar)',
+            hasBOM: false,
+            id: '<input css 68>',
+          },
+          start: {
+            column: 1,
+            line: 1,
+          },
+        },
+        type: 'func',
+      },
+      Punctuation {
+        raws: {
+          after: '',
+          before: '',
+        },
+        source: {
+          end: {
+            column: 11,
+            line: 1,
+          },
+          input: Input {
+            css: 'local(foo),local(bar)',
+            hasBOM: false,
+            id: '<input css 68>',
+          },
+          start: {
+            column: 11,
+            line: 1,
+          },
+        },
+        type: 'punctuation',
+        value: ',',
+      },
+      Func {
+        isColor: false,
+        isVar: false,
+        name: 'local',
+        nodes: [
+          Word {
+            isColor: false,
+            isHex: false,
+            isUrl: false,
+            isVariable: false,
+            parent: [Circular],
+            raws: {
+              after: '',
+              before: '',
+            },
+            source: {
+              end: {
+                column: 1,
+                line: 1,
+              },
+              input: Input {
+                css: 'bar',
+                hasBOM: false,
+                id: '<input css 70>',
+              },
+              start: {
+                column: 1,
+                line: 1,
+              },
+            },
+            type: 'word',
+            value: 'bar',
+          },
+        ],
+        params: '(bar)',
+        raws: {
+          after: '',
+          before: '',
+          semicolon: false,
+        },
+        source: {
+          end: {
+            column: 17,
+            line: 1,
+          },
+          input: Input {
+            css: 'local(foo),local(bar)',
+            hasBOM: false,
+            id: '<input css 68>',
+          },
+          start: {
+            column: 12,
+            line: 1,
+          },
+        },
+        type: 'func',
+      },
+    ]