Added metadata in Render option function

Author: uttamukkoji

package.json

@@ -14,7 +14,7 @@
     "Contentstack javascript"
   ],
   "scripts": {
-    "test": "jest --config jestconfig.json",
+    "test": "jest --config jestconfig.json ",
     "test:badges": "npm run test && jest-coverage-badges --output ./badges",
     "test:debug": "jest --watchAll --config jestconfig.json --runInBand",
     "prebuild": "rimraf dist",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "babel-core": "^6.26.3",
-    "babel-loader": "^8.1.0",
+    "babel-loader": "8.1.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "node-html-parser": "^1.4.2"

src/Models/asset-model.ts

@@ -0,0 +1,17 @@
+export interface EmbeddedObject {
+  uid: string;
+  [propName: string]: any;
+}
+
+export interface EmbedModel<T> {
+  [path: string]: T[]
+}
+
+export interface EmbeddedContentTypeUid extends EmbeddedObject {
+  _content_type_uid: string;
+}
+
+export interface EntryEmbedable extends EmbeddedObject {
+  _embedded_assets?: EmbedModel<EmbeddedObject>;
+  _embedded_entries?: EmbedModel<EmbeddedContentTypeUid>;
+}

src/Models/embed-attributes-model.ts

@@ -0,0 +1,40 @@
+import StyleType from '../embedded-types/style-type';
+export interface Metadata {
+  text: string
+  itemUid: string
+  itemType: 'entry' | 'asset'
+  styleType: StyleType
+  attributes: Attributes
+  contentTypeUid: string | undefined
+}
+
+export interface Attributes {
+  type: 'entry' | 'asset',
+  class: string,
+  [key: string]: any,
+  'sys-style-type': StyleType
+}
+
+export interface EntryAttributes extends Attributes {
+  'data-sys-entry-uid': string;
+  'data-sys-entry-local': string;
+  'data-sys-content-type-uid': string;
+}
+
+export interface AssetAttributes extends Attributes {
+  'data-sys-asset-uid': string;
+  'data-sys-asset-filelink': string;
+  'data-sys-asset-contenttype': string;
+}
+
+export function createMetadata(attribute: Attributes): Metadata {
+  const metadata: Metadata = {
+    text: attribute['#text'],
+    itemUid: attribute["data-sys-entry-uid"] || attribute["data-sys-asset-uid"],
+    itemType: attribute.type,
+    styleType: attribute["sys-style-type"],
+    attributes: attribute,
+    contentTypeUid: attribute["data-sys-content-type-uid"]
+  }
+  return metadata
+}

src/Models/embedded-object.ts

@@ -0,0 +1,9 @@
+enum StyleType {
+  BLOCK = 'block',
+  INLINE = 'inline',
+  LINK = 'link',
+  DISPLAY = 'display',
+  DOWNLOAD = 'download'
+}
+
+export default StyleType;

src/Models/entry-model.ts

@@ -1,27 +1,27 @@
 import { elementToJson } from '../helper/html-to-json';
-import { Attributes } from '../Models/embed-attributes-model';
+import { EntryAttributes, AssetAttributes, Metadata, createMetadata, Attributes } from '../Models/metadata-model';
 import { parse } from 'node-html-parser';
 const frameflag = 'documentfragmentcontainer';
 
 declare global {
   interface String {
-    forEachEmbeddedObject(callbackfn: (embededObjectTag: string, object: Attributes) => void): void;
+    forEachEmbeddedObject(callbackfn: (embededObjectTag: string, object: Metadata) => void): void;
   }
 }
 
 String.prototype.forEachEmbeddedObject = function (
-  callbackfn: (embededObjectTag: string, object: Attributes) => void,
+  callbackfn: (embededObjectTag: string, object: Metadata) => void,
 ): void {
 
   const str = `<${frameflag}>${this.toString()}</${frameflag}>`;
   const root = parse(str)
   const embeddedEntries = root.querySelectorAll(".embedded-entry")
 
   embeddedEntries.forEach((element) => {    
-    callbackfn(element.outerHTML, elementToJson(element) as Attributes)
+    callbackfn(element.outerHTML, createMetadata(elementToJson(element) as Attributes))
   })
   const embeddedAsset = root.querySelectorAll(".embedded-asset")
   embeddedAsset.forEach((element) => {
-    callbackfn(element.outerHTML, elementToJson(element) as Attributes)
+    callbackfn(element.outerHTML, createMetadata(elementToJson(element) as Attributes))
   })
 };