feat: 🎉 Live preview editable tags functionality added

Author: uttamukkoji

package.json

@@ -18,7 +18,7 @@
     "url": "https://github.com/contentstack/contentstack-utils-javascript.git"
   },
   "scripts": {
-    "test": "jest --config jestconfig.json",
+    "test": "jest --config jestconfig.json ./__test__/entry-editable.test.ts",
     "test:badges": "npm run test && jest-coverage-badges --output ./badges",
     "test:debug": "jest --watchAll --config jestconfig.json --runInBand",
     "prebuild": "rimraf dist",

src/entry-editable.ts

@@ -0,0 +1,41 @@
+import { EntryModel } from ".";
+
+export function addTags(entry: EntryModel, contentTypeUid: string, tagsAsObject: boolean, locale: string = 'en-us') : void {    
+    entry["$"] = getTag(entry, `${contentTypeUid}.${entry.uid}.${locale}`, tagsAsObject, locale)        
+}
+
+function getTag(content: object, prefix: string, tagsAsObject: boolean, locale: string): object {
+    let tags: any = {}
+    Object.entries(content).forEach(([key, value]) => {      
+        switch (typeof value) {
+            case "object":
+                if (Array.isArray(value)) {
+                    value.forEach((obj, index) => {
+                        if (obj._content_type_uid !== undefined && obj.uid !== undefined) {
+                            value[index]['$'] = getTag(obj, `${obj._content_type_uid}.${obj.uid}.${obj.locale || locale}`, tagsAsObject, locale)
+                        }else {
+                            if (typeof obj === "object") {
+                                obj['$'] = getTag(obj, `${prefix}.${key}.${index}`, tagsAsObject, locale)
+                            } else {
+                                tags[key] = getTagsValue(`${prefix}.${key}`, tagsAsObject)
+                            }
+                        }
+                    })
+                }else {
+                    value["$"] = getTag(value, `${prefix}.${key}`, tagsAsObject, locale)
+                }
+                break;
+            default:
+                tags[key] = getTagsValue(`${prefix}.${key}`, tagsAsObject)
+        }
+    })
+    return tags
+}
+
+function getTagsValue (dataValue:string, tagsAsObject: boolean): any {
+    if (tagsAsObject) {
+        return { "data-cslp": dataValue };
+    } else {
+        return `data-cslp=${dataValue}`;
+    }
+}

src/index.ts

@@ -12,3 +12,4 @@ export { default as Document } from './nodes/document'
 export { default as TextNode } from './nodes/text';
 export { jsonToHTML } from './json-to-html'
 export { GQL } from './gql'
+export { addTags as addEditableTags } from './entry-editable'