Add support for variables in text style (#507)

Author: YomesInc

lib-es5/utils/index.js

@@ -106,6 +106,10 @@ var _require2 = require('./consts'),
 function textStyle(layer) {
   var keywords = [];
   var style = "";
+
+  if (!isEmpty(layer.text_style)) {
+    return layer.text_style;
+  }
   Object.keys(LAYER_KEYWORD_PARAMS).forEach(function (attr) {
     var default_value = LAYER_KEYWORD_PARAMS[attr];
     var attr_value = layer[attr] || default_value;

lib/utils/index.js

@@ -93,6 +93,10 @@ const {
 function textStyle(layer) {
   let keywords = [];
   let style = "";
+
+  if (!isEmpty(layer.text_style)) {
+    return layer.text_style;
+  }
   Object.keys(LAYER_KEYWORD_PARAMS).forEach((attr) => {
     let default_value = LAYER_KEYWORD_PARAMS[attr];
     let attr_value = layer[attr] || default_value;

test/utils/utils_spec.js

@@ -1268,6 +1268,22 @@ describe("utils", function () {
             .emptyOptions();
         });
       });
+      it('should support text layer style identifier variables', function () {
+        const options = {
+          transformation: [
+            {
+              variables: [["$style", "!Arial_12!"]]
+            }, {
+              overlay: {
+                text: "hello-world",
+                text_style: "$style"
+              }
+            }
+          ]
+        }
+        const url = cloudinary.utils.url("sample", options);
+        expect(url).to.eql(`http://res.cloudinary.com/${cloud_name}/image/upload/$style_!Arial_12!/l_text:$style:hello-world/sample`);
+      });
     });
   });
   describe('build_eager', function () {

types/index.d.ts

@@ -312,6 +312,7 @@ declare module 'cloudinary' {
     }
 
     interface TextStyleOptions {
+        text_style?: string;
         font_family?: string;
         font_size?: number;
         font_color?: string;