Variable name fix in case of empty prefix

Author: iterpugov

src/js/helpers.js

@@ -1,30 +1,39 @@
 /**
-* Convert group name, token name and possible prefix into camelCased string, joining everything together
-*/
-Pulsar.registerFunction("readableVariableName", function (token, tokenGroup, prefix) {
-
+ * Convert group name, token name and possible prefix into camelCased string, joining everything together
+ */
+Pulsar.registerFunction(
+  "readableVariableName",
+  function (token, tokenGroup, prefix) {
     // Create array with all path segments and token name at the end
-    let segments = [...tokenGroup.path, token.name]
+    let segments = [...tokenGroup.path, token.name];
     if (prefix && prefix.length > 0) {
-        segments.unshift(prefix)
+      segments.unshift(prefix);
     }
 
     // Create "sentence" separated by spaces so we can camelcase it all
-    let sentence = segments.join(" ")
+    let sentence = segments.join(" ");
 
     // Return camelcased string from all segments
-    return sentence.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (m, chr) => chr.toUpperCase());
-})
+    sentence = sentence
+      .toLowerCase()
+      .replace(/[^a-zA-Z0-9]+(.)/g, (m, chr) => chr.toUpperCase());
+
+    if (/^\d/.test(sentence)) {
+      sentence = "_" + sentence;
+    }
+    return sentence;
+  }
+);
 
 /**
-* Behavior configuration of the exporter
-* Prefixes: Add prefix for each category of the tokens. For example, all colors can start with "color, if needed"
-*/ 
+ * Behavior configuration of the exporter
+ * Prefixes: Add prefix for each category of the tokens. For example, all colors can start with "color, if needed"
+ */
 Pulsar.registerPayload("behavior", {
-    colorTokenPrefix: "color",
-    borderTokenPrefix: "border",
-    gradientTokenPrefix: "gradient",
-    measureTokenPrefix: "measure",
-    shadowTokenPrefix: "shadow",
-    typographyTokenPrefix: "typography"
-})
+  colorTokenPrefix: "color",
+  borderTokenPrefix: "border",
+  gradientTokenPrefix: "gradient",
+  measureTokenPrefix: "measure",
+  shadowTokenPrefix: "shadow",
+  typographyTokenPrefix: "typography",
+});