Added-support-for-table-parser

build/transforms.d.ts

@@ -8,6 +8,7 @@ export declare type transforms = {
     quote(block: block): string;
     code(block: block): string;
     embed(block: block): string;
+    table(block: block): string;
 };
 declare type ListItem = {
     content: string;

src/transforms.ts

@@ -8,6 +8,7 @@ export type transforms = {
   quote(block: block): string;
   code(block: block): string;
   embed(block: block): string;
+  table(block: block): string;
 };
 
 type ListItem = {
@@ -97,6 +98,19 @@ const transforms: transforms = {
         );
     }
   },
-};
 
+  table: ({ data }) => {
+    const tableParser = (data: any) => {
+      const tableBody = data.content.map(
+        (elem: any) =>
+          `<tr>${elem.reduce((acc: string, curr: string) => {
+            acc += `<td>${curr}</td>`;
+            return acc;
+          }, "")}</tr>`
+      );
+      return `<tbody>${tableBody.join("")}</tbody>`;
+    };
+    return `<table>${tableParser(data)}</table>`;
+  },
+};
 export default transforms;

test/data.json

@@ -158,6 +158,15 @@
           }
         ]
       }
+    },
+    {
+      "type": "table",
+      "data": {
+        "content": [
+          ["td1", "td2"],
+          ["td3", "td4"]
+        ]
+      }
     }
   ],
   "version": "2.17.0"

test/test.js

@@ -8,24 +8,42 @@ console.log(edjsParser.validate(data));
 
 // test for custom parser
 const customParser = edjsHTML({
-    custom: function({data}) {
-        return `<custom>success</custom>`;
-    },
-    paragraph: function({data}) {
-        return `<p>override test</p>`;
-    }
-})
+  custom: function ({ data }) {
+    return `<custom>success</custom>`;
+  },
+  paragraph: function ({ data }) {
+    return `<p>override test</p>`;
+  },
+});
 
-console.log(customParser.parseStrict({
+console.log(
+  customParser.parseStrict({
     blocks: [
-        {
-            type: "custom",
-            data: {}
-        }
-    ]
-}))
+      {
+        type: "custom",
+        data: {},
+      },
+    ],
+  })
+);
 console.log(customParser.parseStrict(data));
 console.log(customParser.validate(data));
 
 // test for issue #21
-console.log(edjsParser.parseBlock({type: "paragraph", data: {text: "foo bar"}}) === '<p>foo bar</p>');
+console.log(
+  edjsParser.parseBlock({ type: "paragraph", data: { text: "foo bar" } }) ===
+    "<p>foo bar</p>"
+);
+
+//test for table support
+console.log(
+  edjsParser.parseBlock({
+    type: "table",
+    data: {
+      content: [
+        ["td1", "td2"],
+        ["td3", "td4"],
+      ],
+    },
+  })
+);