creating peggy css syntax parser

cssProps/scripts/expandSyntaxes.js

@@ -0,0 +1,34 @@
+const jetpack = require('fs-jetpack');
+const mdnData = require('mdn-data');
+
+//[ 'atRules', 'selectors', 'types', 'properties', 'syntaxes', 'units' ]
+const cssData = mdnData.css;
+
+// "color": {
+//     "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+//  },
+const cssSyntaxes = cssData.syntaxes;
+
+console.log(cssSyntaxes);
+
+const expand = (syntax) => {
+    childSyntaxes = syntax.match(/<[\w\-]+>/g);
+
+    if (childSyntaxes) {
+        childSyntaxes.forEach((childSyntax, index) => {
+            const childSyntaxName = childSyntax.slice(1, -1); //remove <>
+            console.log('Processing key: ' + childSyntaxName);
+            if (cssSyntaxes[childSyntaxName]) {
+                syntax = syntax.replace(childSyntax, expand(cssSyntaxes[childSyntaxName].syntax));
+            } else {
+                syntax = syntax.replace(childSyntax, childSyntax.toUpperCase());
+            }
+        });
+        return syntax;
+    } else {
+        return syntax;
+    }
+};
+
+console.log(cssSyntaxes.color.syntax);
+console.log(expand(cssSyntaxes.color.syntax));

cssProps/scripts/generateFunctions.js

@@ -14,12 +14,12 @@ const cssSyntaxes = cssData.syntaxes;
 const cssSyntaxFunctions = Object.keys(cssSyntaxes).reduce((result, nextKey) => {
     if (nextKey.slice(-2) === '()') {
         const cssFunction = nextKey.slice(0, -2);
-        result[cssFunction] = cssSyntaxes[nextKey];
+        result[cssFunction] = cssSyntaxes[nextKey].syntax;
     }
     return result;
 }, {});
 
-// jetpack.write('./cssSyntaxFunctions.json', cssSyntaxFunctions)
+jetpack.write('./syntax/functions.syntax.json', cssSyntaxFunctions);
 
 const functionsIndexTemplate = jetpack.read('./templates/functions.index.mustache');
 const functionsFunctionIndexTemplate = jetpack.read(

cssProps/src/functions/attr/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name attr
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function attr()
  */
-export default function attr() {
-    return 'attr(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `attr(${args.join()})`;

cssProps/src/functions/blur/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name blur
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function blur()
  */
-export default function blur() {
-    return 'blur(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `blur(${args.join()})`;

cssProps/src/functions/brightness/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name brightness
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function brightness()
  */
-export default function brightness() {
-    return 'brightness(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `brightness(${args.join()})`;

cssProps/src/functions/calc/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name calc
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function calc()
  */
-export default function calc() {
-    return 'calc(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `calc(${args.join()})`;

cssProps/src/functions/circle/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name circle
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function circle()
  */
-export default function circle() {
-    return 'circle(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `circle(${args.join()})`;

cssProps/src/functions/clamp/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name clamp
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function clamp()
  */
-export default function clamp() {
-    return 'clamp(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `clamp(${args.join()})`;

cssProps/src/functions/conicGradient/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name conicGradient
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function conicGradient()
  */
-export default function conicGradient() {
-    return 'conicGradient(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `conicGradient(${args.join()})`;

cssProps/src/functions/contrast/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name contrast
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function contrast()
  */
-export default function contrast() {
-    return 'contrast(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `contrast(${args.join()})`;

cssProps/src/functions/counter/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name counter
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function counter()
  */
-export default function counter() {
-    return 'counter(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `counter(${args.join()})`;

cssProps/src/functions/counters/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name counters
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function counters()
  */
-export default function counters() {
-    return 'counters(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `counters(${args.join()})`;

cssProps/src/functions/crossFade/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name crossFade
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function crossFade()
  */
-export default function crossFade() {
-    return 'crossFade(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `crossFade(${args.join()})`;

cssProps/src/functions/dropShadow/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name dropShadow
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function dropShadow()
  */
-export default function dropShadow() {
-    return 'dropShadow(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `dropShadow(${args.join()})`;

cssProps/src/functions/element/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name element
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function element()
  */
-export default function element() {
-    return 'element(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `element(${args.join()})`;

cssProps/src/functions/ellipse/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name ellipse
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function ellipse()
  */
-export default function ellipse() {
-    return 'ellipse(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `ellipse(${args.join()})`;

cssProps/src/functions/env/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name env
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function env()
  */
-export default function env() {
-    return 'env(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `env(${args.join()})`;

cssProps/src/functions/fitContent/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name fitContent
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function fitContent()
  */
-export default function fitContent() {
-    return 'fitContent(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `fitContent(${args.join()})`;

cssProps/src/functions/grayscale/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name grayscale
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function grayscale()
  */
-export default function grayscale() {
-    return 'grayscale(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `grayscale(${args.join()})`;

cssProps/src/functions/hsl/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name hsl
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function hsl()
  */
-export default function hsl() {
-    return 'hsl(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `hsl(${args.join()})`;

cssProps/src/functions/hsla/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name hsla
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function hsla()
  */
-export default function hsla() {
-    return 'hsla(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `hsla(${args.join()})`;

cssProps/src/functions/hueRotate/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name hueRotate
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function hueRotate()
  */
-export default function hueRotate() {
-    return 'hueRotate(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `hueRotate(${args.join()})`;

cssProps/src/functions/image/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name image
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function image()
  */
-export default function image() {
-    return 'image(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `image(${args.join()})`;

cssProps/src/functions/imageSet/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name imageSet
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function imageSet()
  */
-export default function imageSet() {
-    return 'imageSet(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `imageSet(${args.join()})`;

cssProps/src/functions/inset/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name inset
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function inset()
  */
-export default function inset() {
-    return 'inset(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `inset(${args.join()})`;

cssProps/src/functions/invert/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name invert
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function invert()
  */
-export default function invert() {
-    return 'invert(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `invert(${args.join()})`;

cssProps/src/functions/leader/index.js

@@ -1,5 +1,4 @@
 /* Do not modify this file.  This file is generated from ./cssProps/templates/functions.function.index.mustache */
-import { default as appendArgs } from '../../util/index';
 
 /**
  * @name leader
@@ -11,6 +10,4 @@ import { default as appendArgs } from '../../util/index';
  * @param arguments - String or numerical values that will be comma delimited for the function call
  * @returns {string} Returns a comma delimited function call for the function leader()
  */
-export default function leader() {
-    return 'leader(' + appendArgs(arguments, ',') + ')';
-}
+export default (...args) => `leader(${args.join()})`;