Merge pull request #13 from contentstack/feature/live-preview

Feature/live preview

Author: uttamukkoji

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## [1.1.0](https://github.com/contentstack/contentstack-utils-javascript/tree/v1.1.0) (2021-10-19)
+ - Live preview edit tags support added
+
 ## [1.0.1](https://github.com/contentstack/contentstack-utils-javascript/tree/v1.0.1) (2021-05-26)
  - Dependency update
 ## [1.0.0](https://github.com/contentstack/contentstack-utils-javascript/tree/v1.0.0) (2021-04-05)

badges/badge-branches.svg

@@ -2,7 +2,9 @@
     "transform": {
       "^.+\\.(t|j)sx?$": "ts-jest"
     },
-    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
+    "testMatch": [
+      "**/__test__/**/?(*.)+(spec|test).[jt]s?(x)"
+    ],
     "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
 
     "collectCoverage": true,

jestconfig.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentstack/utils",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Contentstack utilities for Javascript",
   "main": "dist/index.es.js",
   "types": "dist/types/index.d.ts",
@@ -39,8 +39,8 @@
     "babel-core": "^6.26.3",
     "babel-loader": "8.1.0",
     "babel-preset-es2015": "^6.24.1",
-    "eslint": "^7.9.0",
-    "jest": "^26.4.2",
+    "eslint": "^8.0.1",
+    "jest": "^27.2.5",
     "jest-coverage-badges": "^1.1.2",
     "jest-html-reporters": "^2.0.4",
     "jsdoc": "^3.6.7",
@@ -50,7 +50,7 @@
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-typescript2": "^0.28.0",
-    "ts-jest": "^26.3.0",
+    "ts-jest": "^27.0.0-next.12",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
     "typescript": "^4.0.5"

package-lock.json

@@ -0,0 +1,44 @@
+import { EntryModel } from ".";
+
+export function addTags(entry: EntryModel, contentTypeUid: string, tagsAsObject: boolean, locale: string = 'en-us') : void {  
+    if (entry)  
+        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 ((typeof obj !== 'undefined' || obj !== null) && 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 {
+                    if (value) {
+                        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}`;
+    }
+}

package.json

@@ -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'

src/entry-editable.ts

@@ -19,5 +19,5 @@
       "sourceMap": true,
     },
     "include": ["src"],
-    "exclude": ["node_modules", "__tests__"]
+    "exclude": ["node_modules", "__test__"]
   }