react-native-marked 1.0.3 → 1.1.0

package/README.md

@@ -1,5 +1,7 @@
 # react-native-marked
 
+[![CI](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml/badge.svg)](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml)
+
 Markdown renderer for React Native powered by [marked.js](https://marked.js.org/)
 
 ## Installation

package/dist/commonjs/lib/Parser.js

@@ -102,6 +102,11 @@ class Parser {
             return this.renderer.getListNode(token.ordered, li, this.styles.list, this.styles.li);
           }
 
+        case 'html':
+          {
+            return this.renderer.getTextNode(token.text.trim(), this.styles.text);
+          }
+
         default:
           console.warn(`Token with '${token.type}' type was not found.`);
           return null;
@@ -122,12 +127,6 @@ class Parser {
             });
           }
 
-        case 'html':
-          {
-            console.log('html', token);
-            return null;
-          }
-
         case 'link':
           {
             return this.renderer.getLinkNode(token.text, token.href, { ...styles,

package/dist/commonjs/lib/Parser.js.map

@@ -1 +1 @@
-{"version":3,"names":["Parser","constructor","options","styles","renderer","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","Array","isArray","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            /* To avoid inlining of image */\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            if (\n              item.tokens.length > 0 &&\n              item.tokens[0]?.type === 'text' &&\n              // @ts-ignore\n              Array.isArray(item.tokens[0]?.tokens)\n            ) {\n              return this.renderer.getTextNode(\n                // @ts-ignore\n                this.parseInline(item.tokens[0]?.tokens),\n                this.styles.li\n              );\n            }\n            return this.renderer.getTextNode(item.text, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        case 'html': {\n          console.log('html', token);\n          return null;\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, {\n            ...styles,\n            ...this.styles.link,\n          });\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            { ...styles, ...this.styles.strong }\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            { ...styles, ...this.styles.em }\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}
+{"version":3,"names":["Parser","constructor","options","styles","renderer","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","Array","isArray","getListNode","ordered","list","trim","console","warn","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            /* To avoid inlining of image */\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            if (\n              item.tokens.length > 0 &&\n              item.tokens[0]?.type === 'text' &&\n              // @ts-ignore\n              Array.isArray(item.tokens[0]?.tokens)\n            ) {\n              return this.renderer.getTextNode(\n                // @ts-ignore\n                this.parseInline(item.tokens[0]?.tokens),\n                this.styles.li\n              );\n            }\n            return this.renderer.getTextNode(item.text, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        case 'html': {\n          return this.renderer.getTextNode(token.text.trim(), this.styles.text);\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, {\n            ...styles,\n            ...this.styles.link,\n          });\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            { ...styles, ...this.styles.strong }\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            { ...styles, ...this.styles.em }\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/dist/module/lib/Parser.js

@@ -93,6 +93,11 @@ class Parser {
             return this.renderer.getListNode(token.ordered, li, this.styles.list, this.styles.li);
           }
 
+        case 'html':
+          {
+            return this.renderer.getTextNode(token.text.trim(), this.styles.text);
+          }
+
         default:
           console.warn(`Token with '${token.type}' type was not found.`);
           return null;
@@ -113,12 +118,6 @@ class Parser {
             });
           }
 
-        case 'html':
-          {
-            console.log('html', token);
-            return null;
-          }
-
         case 'link':
           {
             return this.renderer.getLinkNode(token.text, token.href, { ...styles,

package/dist/module/lib/Parser.js.map

@@ -1 +1 @@
-{"version":3,"names":["Renderer","Parser","constructor","options","styles","renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","Array","isArray","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            /* To avoid inlining of image */\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            if (\n              item.tokens.length > 0 &&\n              item.tokens[0]?.type === 'text' &&\n              // @ts-ignore\n              Array.isArray(item.tokens[0]?.tokens)\n            ) {\n              return this.renderer.getTextNode(\n                // @ts-ignore\n                this.parseInline(item.tokens[0]?.tokens),\n                this.styles.li\n              );\n            }\n            return this.renderer.getTextNode(item.text, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        case 'html': {\n          console.log('html', token);\n          return null;\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, {\n            ...styles,\n            ...this.styles.link,\n          });\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            { ...styles, ...this.styles.strong }\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            { ...styles, ...this.styles.em }\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}
+{"version":3,"names":["Renderer","Parser","constructor","options","styles","renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","Array","isArray","getListNode","ordered","list","trim","console","warn","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            /* To avoid inlining of image */\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            if (\n              item.tokens.length > 0 &&\n              item.tokens[0]?.type === 'text' &&\n              // @ts-ignore\n              Array.isArray(item.tokens[0]?.tokens)\n            ) {\n              return this.renderer.getTextNode(\n                // @ts-ignore\n                this.parseInline(item.tokens[0]?.tokens),\n                this.styles.li\n              );\n            }\n            return this.renderer.getTextNode(item.text, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        case 'html': {\n          return this.renderer.getTextNode(token.text.trim(), this.styles.text);\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, {\n            ...styles,\n            ...this.styles.link,\n          });\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            { ...styles, ...this.styles.strong }\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            { ...styles, ...this.styles.em }\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, {\n            ...styles,\n            ...this.styles.text,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",

package/src/lib/Parser.tsx

@@ -99,6 +99,9 @@ class Parser {
             this.styles.li
           );
         }
+        case 'html': {
+          return this.renderer.getTextNode(token.text.trim(), this.styles.text);
+        }
         default:
           console.warn(`Token with '${token.type}' type was not found.`);
           return null;
@@ -118,10 +121,6 @@ class Parser {
             ...this.styles.text,
           });
         }
-        case 'html': {
-          console.log('html', token);
-          return null;
-        }
         case 'link': {
           return this.renderer.getLinkNode(token.text, token.href, {
             ...styles,