react-native-marked 1.0.1 → 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/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["Markdown","value","flatListProps","styles","userStyles","systemTheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","trim","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { memo, ReactNode, useCallback, useMemo } from 'react';\nimport { FlatList, FlatListProps, useColorScheme } from 'react-native';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport getStyles from '../theme/styles';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface MarkdownProps {\n  value: string;\n  flatListProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n  styles?: MarkedStyles;\n}\n\nconst Markdown = ({\n  value,\n  flatListProps,\n  styles: userStyles,\n}: MarkdownProps) => {\n  const systemTheme = useColorScheme();\n  const styles = useMemo(\n    () => getStyles(userStyles, systemTheme),\n    [userStyles, systemTheme]\n  );\n\n  const rnElements = useMemo(() => {\n    const parser = new Parser({\n      styles,\n    });\n    const tokens = marked.lexer(value.trim());\n\n    return parser.parse(tokens);\n  }, [value, styles]);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      style={styles.container}\n      {...flatListProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default memo(Markdown);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAYA,MAAMA,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACb,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,CADO,EAEb,CAACD,UAAD,EAAaC,WAAb,CAFa,CAAf;EAKA,MAAMI,UAAU,GAAG,IAAAF,cAAA,EAAQ,MAAM;IAC/B,MAAMG,MAAM,GAAG,IAAIC,eAAJ,CAAW;MACxBR;IADwB,CAAX,CAAf;;IAGA,MAAMS,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAab,KAAK,CAACc,IAAN,EAAb,CAAf;;IAEA,OAAOL,MAAM,CAACM,KAAP,CAAaJ,MAAb,CAAP;EACD,CAPkB,EAOhB,CAACX,KAAD,EAAQE,MAAR,CAPgB,CAAnB;EASA,MAAMc,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EAAY,CAACG,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAA1B,EAA4C,EAA5C,CAArB;EAEA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEjB,MAAM,CAACqB;EALhB,GAMMtB,aANN;IAOE,IAAI,EAAEO,UAPR;IAQE,UAAU,EAAEQ;EARd,GADF;AAYD,CAtCD;;4BAwCe,IAAAQ,WAAA,EAAKzB,QAAL,C"}
+{"version":3,"names":["Markdown","value","flatListProps","styles","userStyles","systemTheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","trim","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { memo, ReactNode, useCallback, useMemo } from 'react';\nimport { FlatList, useColorScheme } from 'react-native';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport getStyles from '../theme/styles';\nimport type { MarkdownProps } from './types';\n\nconst Markdown = ({\n  value,\n  flatListProps,\n  styles: userStyles,\n}: MarkdownProps) => {\n  const systemTheme = useColorScheme();\n  const styles = useMemo(\n    () => getStyles(userStyles, systemTheme),\n    [userStyles, systemTheme]\n  );\n\n  const rnElements = useMemo(() => {\n    const parser = new Parser({\n      styles,\n    });\n    const tokens = marked.lexer(value.trim());\n\n    return parser.parse(tokens);\n  }, [value, styles]);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      style={styles.container}\n      {...flatListProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default memo(Markdown);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACb,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,CADO,EAEb,CAACD,UAAD,EAAaC,WAAb,CAFa,CAAf;EAKA,MAAMI,UAAU,GAAG,IAAAF,cAAA,EAAQ,MAAM;IAC/B,MAAMG,MAAM,GAAG,IAAIC,eAAJ,CAAW;MACxBR;IADwB,CAAX,CAAf;;IAGA,MAAMS,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAab,KAAK,CAACc,IAAN,EAAb,CAAf;;IAEA,OAAOL,MAAM,CAACM,KAAP,CAAaJ,MAAb,CAAP;EACD,CAPkB,EAOhB,CAACX,KAAD,EAAQE,MAAR,CAPgB,CAAnB;EASA,MAAMc,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EAAY,CAACG,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAA1B,EAA4C,EAA5C,CAArB;EAEA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEjB,MAAM,CAACqB;EALhB,GAMMtB,aANN;IAOE,IAAI,EAAEO,UAPR;IAQE,UAAU,EAAEQ;EARd,GADF;AAYD,CAtCD;;4BAwCe,IAAAQ,WAAA,EAAKzB,QAAL,C"}

package/dist/commonjs/lib/Parser.js

@@ -45,6 +45,7 @@ class Parser {
             let tempTokens = [];
             const paragraphChildren = [];
             token.tokens.forEach(t => {
+              /* To avoid inlining of image */
               if (t.type === 'image') {
                 paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), this.styles.text));
                 paragraphChildren.push(this.parseInline([t]));
@@ -85,10 +86,27 @@ class Parser {
 
         case 'list':
           {
-            const li = token.items.map(item => item.text);
+            const li = token.items.map(item => {
+              var _item$tokens$, _item$tokens$2;
+
+              if (item.tokens.length > 0 && ((_item$tokens$ = item.tokens[0]) === null || _item$tokens$ === void 0 ? void 0 : _item$tokens$.type) === 'text' && // @ts-ignore
+              Array.isArray((_item$tokens$2 = item.tokens[0]) === null || _item$tokens$2 === void 0 ? void 0 : _item$tokens$2.tokens)) {
+                var _item$tokens$3;
+
+                return this.renderer.getTextNode( // @ts-ignore
+                this.parseInline((_item$tokens$3 = item.tokens[0]) === null || _item$tokens$3 === void 0 ? void 0 : _item$tokens$3.tokens), this.styles.li);
+              }
+
+              return this.renderer.getTextNode(item.text, this.styles.li);
+            });
             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;
@@ -97,26 +115,23 @@ class Parser {
     return elements;
   }
 
-  parseInline(tokens) {
-    let styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  parseInline(tokens, styles) {
     const elements = tokens.map(token => {
       if (!token) return null;
 
       switch (token.type) {
         case 'escape':
           {
-            return this.renderer.getTextNode(token.text, [styles, this.styles.text]);
-          }
-
-        case 'html':
-          {
-            console.log('html', token);
-            return null;
+            return this.renderer.getTextNode(token.text, { ...styles,
+              ...this.styles.text
+            });
           }
 
         case 'link':
           {
-            return this.renderer.getLinkNode(token.text, token.href, [styles, this.styles.link]);
+            return this.renderer.getLinkNode(token.text, token.href, { ...styles,
+              ...this.styles.link
+            });
           }
 
         case 'image':
@@ -126,12 +141,16 @@ class Parser {
 
         case 'strong':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styles, this.styles.strong]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), { ...styles,
+              ...this.styles.strong
+            });
           }
 
         case 'em':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styles, this.styles.em]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), { ...styles,
+              ...this.styles.em
+            });
           }
 
         case 'codespan':
@@ -151,7 +170,9 @@ class Parser {
 
         case 'text':
           {
-            return this.renderer.getTextNode(token.raw, [styles, this.styles.text]);
+            return this.renderer.getTextNode(token.raw, { ...styles,
+              ...this.styles.text
+            });
           }
 
         default:

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","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyle | undefined>;\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            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) => item.text);\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(\n    tokens: marked.Token[],\n    styles: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\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":";;;;;;;AACA;;;;;;AAIA,MAAMA,MAAN,CAAa;EAIXC,WAAW,CAACC,OAAD,EAAyB;IAAA;;IAAA;;IAAA;;IAClC,KAAKC,MAAL,GAAc,EAAE,GAAGD,OAAO,CAACC;IAAb,CAAd;IACA,KAAKC,QAAL,GAAgB,IAAIC,iBAAJ,EAAhB;IACA,KAAKC,gBAAL,GAAwB;MACtB,GAAG,KAAKH,MAAL,CAAYI,EADO;MAEtB,GAAG,KAAKJ,MAAL,CAAYK,EAFO;MAGtB,GAAG,KAAKL,MAAL,CAAYM,EAHO;MAItB,GAAG,KAAKN,MAAL,CAAYO,EAJO;MAKtB,GAAG,KAAKP,MAAL,CAAYQ,EALO;MAMtB,GAAG,KAAKR,MAAL,CAAYS;IANO,CAAxB;EAQD;;EAEDC,KAAK,CAACC,MAAD,EAAyB;IAC5B,MAAMC,QAA2B,GAAGD,MAAM,CAACE,GAAP,CAAYC,KAAD,IAAW;MACxD,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,OAAL;UAAc;YACZ,OAAO,IAAP;UACD;;QACD,KAAK,WAAL;UAAkB;YAChB,IAAIC,UAA0B,GAAG,EAAjC;YACA,MAAMC,iBAAoC,GAAG,EAA7C;YACAH,KAAK,CAACH,MAAN,CAAaO,OAAb,CAAsBC,CAAD,IAAO;cAC1B;cACA,IAAIA,CAAC,CAACJ,IAAF,KAAW,OAAf,EAAwB;gBACtBE,iBAAiB,CAACG,IAAlB,CACE,KAAKnB,QAAL,CAAcoB,WAAd,CACE,KAAKC,WAAL,CAAiBN,UAAjB,CADF,EAEE,KAAKhB,MAAL,CAAYuB,IAFd,CADF;gBAMAN,iBAAiB,CAACG,IAAlB,CAAuB,KAAKE,WAAL,CAAiB,CAACH,CAAD,CAAjB,CAAvB;gBACAH,UAAU,GAAG,EAAb;gBACA;cACD;;cACDA,UAAU,GAAG,CAAC,GAAGA,UAAJ,EAAgBG,CAAhB,CAAb;YACD,CAdD;;YAgBA,IAAIH,UAAU,CAACQ,MAAX,GAAoB,CAAxB,EAA2B;cACzBP,iBAAiB,CAACG,IAAlB,CACE,KAAKnB,QAAL,CAAcoB,WAAd,CAA0B,KAAKC,WAAL,CAAiBN,UAAjB,CAA1B,EAAwD,EAAxD,CADF;YAGD;;YAED,OAAO,KAAKf,QAAL,CAAcwB,WAAd,CACLR,iBADK,EAEL,KAAKjB,MAAL,CAAY0B,SAFP,CAAP;UAID;;QACD,KAAK,YAAL;UAAmB;YACjB,OAAO,KAAKzB,QAAL,CAAc0B,iBAAd,CACL,KAAKjB,KAAL,CAAWI,KAAK,CAACH,MAAjB,CADK,EAEL,KAAKX,MAAL,CAAY4B,UAFP,CAAP;UAID;;QACD,KAAK,SAAL;UAAgB;YACd,MAAM5B,MAAM,GAAG,KAAKG,gBAAL,CAAsBW,KAAK,CAACe,KAA5B,KAAsC,KAAK7B,MAAL,CAAYuB,IAAjE;YACA,OAAO,KAAKtB,QAAL,CAAcoB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsCvB,MAAtC,CAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKC,QAAL,CAAc6B,gBAAd,CACLhB,KAAK,CAACS,IADD,EAEL,KAAKvB,MAAL,CAAY+B,IAFP,EAGL,KAAK/B,MAAL,CAAYgC,EAHP,CAAP;UAKD;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK/B,QAAL,CAAcwB,WAAd,CAA0B,IAA1B,EAAgC,KAAKzB,MAAL,CAAYiC,EAA5C,CAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,MAAMC,EAAE,GAAGpB,KAAK,CAACqB,KAAN,CAAYtB,GAAZ,CAAiBuB,IAAD,IAAU;cAAA;;cACnC,IACEA,IAAI,CAACzB,MAAL,CAAYa,MAAZ,GAAqB,CAArB,IACA,kBAAAY,IAAI,CAACzB,MAAL,CAAY,CAAZ,iEAAgBI,IAAhB,MAAyB,MADzB,IAEA;cACAsB,KAAK,CAACC,OAAN,mBAAcF,IAAI,CAACzB,MAAL,CAAY,CAAZ,CAAd,mDAAc,eAAgBA,MAA9B,CAJF,EAKE;gBAAA;;gBACA,OAAO,KAAKV,QAAL,CAAcoB,WAAd,EACL;gBACA,KAAKC,WAAL,mBAAiBc,IAAI,CAACzB,MAAL,CAAY,CAAZ,CAAjB,mDAAiB,eAAgBA,MAAjC,CAFK,EAGL,KAAKX,MAAL,CAAYkC,EAHP,CAAP;cAKD;;cACD,OAAO,KAAKjC,QAAL,CAAcoB,WAAd,CAA0Be,IAAI,CAACb,IAA/B,EAAqC,KAAKvB,MAAL,CAAYkC,EAAjD,CAAP;YACD,CAdU,CAAX;YAeA,OAAO,KAAKjC,QAAL,CAAcsC,WAAd,CACLzB,KAAK,CAAC0B,OADD,EAELN,EAFK,EAGL,KAAKlC,MAAL,CAAYyC,IAHP,EAIL,KAAKzC,MAAL,CAAYkC,EAJP,CAAP;UAMD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKjC,QAAL,CAAcoB,WAAd,CAA0BP,KAAK,CAACS,IAAN,CAAWmB,IAAX,EAA1B,EAA6C,KAAK1C,MAAL,CAAYuB,IAAzD,CAAP;UACD;;QACD;UACEoB,OAAO,CAACC,IAAR,CAAc,eAAc9B,KAAK,CAACC,IAAK,uBAAvC;UACA,OAAO,IAAP;MAlFJ;IAoFD,CArFmC,CAApC;IAsFA,OAAOH,QAAP;EACD;;EAEDU,WAAW,CAACX,MAAD,EAAyBX,MAAzB,EAAmD;IAC5D,MAAMY,QAA2B,GAAGD,MAAM,CAACE,GAAP,CAAYC,KAAD,IAAW;MACxD,IAAI,CAACA,KAAL,EAAY,OAAO,IAAP;;MAEZ,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,QAAL;UAAe;YACb,OAAO,KAAKd,QAAL,CAAcoB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsC,EAC3C,GAAGvB,MADwC;cAE3C,GAAG,KAAKA,MAAL,CAAYuB;YAF4B,CAAtC,CAAP;UAID;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKtB,QAAL,CAAc4C,WAAd,CAA0B/B,KAAK,CAACS,IAAhC,EAAsCT,KAAK,CAACgC,IAA5C,EAAkD,EACvD,GAAG9C,MADoD;cAEvD,GAAG,KAAKA,MAAL,CAAY+C;YAFwC,CAAlD,CAAP;UAID;;QACD,KAAK,OAAL;UAAc;YACZ,OAAO,KAAK9C,QAAL,CAAc+C,YAAd,CAA2BlC,KAAK,CAACgC,IAAjC,CAAP;UACD;;QACD,KAAK,QAAL;UAAe;YACb,OAAO,KAAK7C,QAAL,CAAcoB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACH,MAAvB,EAA+B,KAAKX,MAAL,CAAYiD,MAA3C,CADK,EAEL,EAAE,GAAGjD,MAAL;cAAa,GAAG,KAAKA,MAAL,CAAYiD;YAA5B,CAFK,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAKhD,QAAL,CAAcoB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACH,MAAvB,EAA+B,KAAKX,MAAL,CAAYgC,EAA3C,CADK,EAEL,EAAE,GAAGhC,MAAL;cAAa,GAAG,KAAKA,MAAL,CAAYgC;YAA5B,CAFK,CAAP;UAID;;QACD,KAAK,UAAL;UAAiB;YACf,OAAO,KAAK/B,QAAL,CAAcoB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsC,KAAKvB,MAAL,CAAYkD,QAAlD,CAAP;UACD;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAKjD,QAAL,CAAcoB,WAAd,CAA0B,IAA1B,EAAgC,EAAhC,CAAP;UACD;;QACD,KAAK,KAAL;UAAY;YACV,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKpB,QAAL,CAAcoB,WAAd,CAA0BP,KAAK,CAACqC,GAAhC,EAAqC,EAC1C,GAAGnD,MADuC;cAE1C,GAAG,KAAKA,MAAL,CAAYuB;YAF2B,CAArC,CAAP;UAID;;QACD;UAAS;YACPoB,OAAO,CAACC,IAAR,CAAc,eAAc9B,KAAK,CAACC,IAAK,uBAAvC;YACA,OAAO,IAAP;UACD;MA9CH;IAgDD,CAnDmC,CAApC;IAoDA,OAAOH,QAAP;EACD;;AAjKU;;eAoKEf,M"}

package/dist/commonjs/lib/Renderer.js

@@ -82,10 +82,7 @@ class Renderer {
       counterRenderer: ordered ? _decimal.default : _disc.default,
       markerTextStyle: textStyle,
       markerBoxStyle: listStyle
-    }, li.map((text, index) => /*#__PURE__*/React.createElement(_reactNative.Text, {
-      key: index,
-      style: textStyle
-    }, text)));
+    }, li.map(node => node));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["Renderer","href","Linking","openURL","children","styles","generateRandomString","text","onLinkPress","getViewNode","getCodeBlockNode","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","index"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, ViewStyle } from 'react-native';\nimport { Text, StyleProp, TextStyle } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\n\nimport { generateRandomString } from '../utils/string';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: StyleProp<TextStyle>\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: StyleProp<TextStyle>) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getViewNode(\n    children: React.ReactNode[] | null,\n    styles: StyleProp<ViewStyle>\n  ) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: StyleProp<ViewStyle>,\n    textStyle: StyleProp<TextStyle>\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: string[],\n    listStyle: ViewStyle | undefined,\n    textStyle: TextStyle | undefined\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n      >\n        {li.map((text, index) => (\n          <Text key={index} style={textStyle}>\n            {text}\n          </Text>\n        ))}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMC,oBAAA,CAAQC,OAAR,CAAgBF,IAAhB,CADjC;;IAAA,qCAGC,CACZG,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACG,IAAD,EAAeN,IAAf,EAA6BI,MAA7B,KAA8D;MAC1E,oBACE,oBAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,KAAKE,WAAL,CAAiBP,IAAjB,CAFX;QAGE,KAAK,EAAEI;MAHT,GAKGE,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,WAAW,CACTL,QADS,EAETC,MAFS,EAGT;IACA,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,gBAAgB,CACdH,IADc,EAEdI,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,uBAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,iBAAiB,CAACT,QAAD,EAA8BC,MAA9B,EAA4D;IAC3E,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,gBAAD;MAAS,GAAG,EAAE,IAAAT,4BAAA,GAAd;MAAsC,GAAG,EAAES;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,sBAAD;MACE,eAAe,EAAEK,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAET,SAFnB;MAGE,cAAc,EAAEO;IAHlB,GAKGD,EAAE,CAACI,GAAH,CAAO,CAACf,IAAD,EAAOgB,KAAP,kBACN,oBAAC,iBAAD;MAAM,GAAG,EAAEA,KAAX;MAAkB,KAAK,EAAEX;IAAzB,GACGL,IADH,CADD,CALH,CADF;EAaD;;AAhFY;;eAmFAP,Q"}
+{"version":3,"names":["Renderer","href","Linking","openURL","children","styles","generateRandomString","text","onLinkPress","getViewNode","getCodeBlockNode","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, Text } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: TextStyleProp) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getViewNode(children: React.ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: React.ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: React.ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMC,oBAAA,CAAQC,OAAR,CAAgBF,IAAhB,CADjC;;IAAA,qCAGC,CACZG,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACG,IAAD,EAAeN,IAAf,EAA6BI,MAA7B,KAAuD;MACnE,oBACE,oBAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,KAAKE,WAAL,CAAiBP,IAAjB,CAFX;QAGE,KAAK,EAAEI;MAHT,GAKGE,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,WAAW,CAACL,QAAD,EAAqCC,MAArC,EAA4D;IACrE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,gBAAgB,CACdH,IADc,EAEdI,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,uBAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,iBAAiB,CAACT,QAAD,EAA8BC,MAA9B,EAAqD;IACpE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,gBAAD;MAAS,GAAG,EAAE,IAAAT,4BAAA,GAAd;MAAsC,GAAG,EAAES;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,sBAAD;MACE,eAAe,EAAEK,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAET,SAFnB;MAGE,cAAc,EAAEO;IAHlB,GAKGD,EAAE,CAACI,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CALH,CADF;EASD;;AAzEY;;eA4EAvB,Q"}

package/dist/commonjs/lib/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type {\n  ImageStyle,\n  TextStyle,\n  ViewStyle,\n  FlatListProps,\n} from 'react-native';\nimport type { MarkedStyles } from './../theme/types';\n\nexport type TextStyleProp = TextStyle | undefined;\nexport type ViewStyleProp = ViewStyle | undefined;\nexport type CustomStyleProp = ViewStyle | TextStyle | ImageStyle | undefined;\n\nexport interface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nexport interface MarkdownProps {\n  value: string;\n  flatListProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n  styles?: MarkedStyles;\n}\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","getStyles","Markdown","value","flatListProps","styles","userStyles","systemTheme","rnElements","parser","tokens","lexer","trim","parse","renderItem","item","keyExtractor","_","index","toString","container"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { memo, ReactNode, useCallback, useMemo } from 'react';\nimport { FlatList, FlatListProps, useColorScheme } from 'react-native';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport getStyles from '../theme/styles';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface MarkdownProps {\n  value: string;\n  flatListProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n  styles?: MarkedStyles;\n}\n\nconst Markdown = ({\n  value,\n  flatListProps,\n  styles: userStyles,\n}: MarkdownProps) => {\n  const systemTheme = useColorScheme();\n  const styles = useMemo(\n    () => getStyles(userStyles, systemTheme),\n    [userStyles, systemTheme]\n  );\n\n  const rnElements = useMemo(() => {\n    const parser = new Parser({\n      styles,\n    });\n    const tokens = marked.lexer(value.trim());\n\n    return parser.parse(tokens);\n  }, [value, styles]);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      style={styles.container}\n      {...flatListProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default memo(Markdown);\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAiCC,WAAjC,EAA8CC,OAA9C,QAA6D,OAA7D;AACA,SAASC,QAAT,EAAkCC,cAAlC,QAAwD,cAAxD;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAYA,MAAMC,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAGT,cAAc,EAAlC;EACA,MAAMO,MAAM,GAAGT,OAAO,CACpB,MAAMK,SAAS,CAACK,UAAD,EAAaC,WAAb,CADK,EAEpB,CAACD,UAAD,EAAaC,WAAb,CAFoB,CAAtB;EAKA,MAAMC,UAAU,GAAGZ,OAAO,CAAC,MAAM;IAC/B,MAAMa,MAAM,GAAG,IAAIT,MAAJ,CAAW;MACxBK;IADwB,CAAX,CAAf;IAGA,MAAMK,MAAM,GAAGX,MAAM,CAACY,KAAP,CAAaR,KAAK,CAACS,IAAN,EAAb,CAAf;IAEA,OAAOH,MAAM,CAACI,KAAP,CAAaH,MAAb,CAAP;EACD,CAPyB,EAOvB,CAACP,KAAD,EAAQE,MAAR,CAPuB,CAA1B;EASA,MAAMS,UAAU,GAAGnB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEoB;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGrB,WAAW,CAAC,CAACsB,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAAf,EAAiC,EAAjC,CAAhC;EAEA,oBACE,oBAAC,QAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEX,MAAM,CAACe;EALhB,GAMMhB,aANN;IAOE,IAAI,EAAEI,UAPR;IAQE,UAAU,EAAEM;EARd,GADF;AAYD,CAtCD;;AAwCA,4BAAepB,IAAI,CAACQ,QAAD,CAAnB"}
+{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","getStyles","Markdown","value","flatListProps","styles","userStyles","systemTheme","rnElements","parser","tokens","lexer","trim","parse","renderItem","item","keyExtractor","_","index","toString","container"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { memo, ReactNode, useCallback, useMemo } from 'react';\nimport { FlatList, useColorScheme } from 'react-native';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport getStyles from '../theme/styles';\nimport type { MarkdownProps } from './types';\n\nconst Markdown = ({\n  value,\n  flatListProps,\n  styles: userStyles,\n}: MarkdownProps) => {\n  const systemTheme = useColorScheme();\n  const styles = useMemo(\n    () => getStyles(userStyles, systemTheme),\n    [userStyles, systemTheme]\n  );\n\n  const rnElements = useMemo(() => {\n    const parser = new Parser({\n      styles,\n    });\n    const tokens = marked.lexer(value.trim());\n\n    return parser.parse(tokens);\n  }, [value, styles]);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      style={styles.container}\n      {...flatListProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default memo(Markdown);\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAiCC,WAAjC,EAA8CC,OAA9C,QAA6D,OAA7D;AACA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,cAAzC;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAGA,MAAMC,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAGT,cAAc,EAAlC;EACA,MAAMO,MAAM,GAAGT,OAAO,CACpB,MAAMK,SAAS,CAACK,UAAD,EAAaC,WAAb,CADK,EAEpB,CAACD,UAAD,EAAaC,WAAb,CAFoB,CAAtB;EAKA,MAAMC,UAAU,GAAGZ,OAAO,CAAC,MAAM;IAC/B,MAAMa,MAAM,GAAG,IAAIT,MAAJ,CAAW;MACxBK;IADwB,CAAX,CAAf;IAGA,MAAMK,MAAM,GAAGX,MAAM,CAACY,KAAP,CAAaR,KAAK,CAACS,IAAN,EAAb,CAAf;IAEA,OAAOH,MAAM,CAACI,KAAP,CAAaH,MAAb,CAAP;EACD,CAPyB,EAOvB,CAACP,KAAD,EAAQE,MAAR,CAPuB,CAA1B;EASA,MAAMS,UAAU,GAAGnB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEoB;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGrB,WAAW,CAAC,CAACsB,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAAf,EAAiC,EAAjC,CAAhC;EAEA,oBACE,oBAAC,QAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEX,MAAM,CAACe;EALhB,GAMMhB,aANN;IAOE,IAAI,EAAEI,UAPR;IAQE,UAAU,EAAEM;EARd,GADF;AAYD,CAtCD;;AAwCA,4BAAepB,IAAI,CAACQ,QAAD,CAAnB"}

package/dist/module/lib/Parser.js

@@ -36,6 +36,7 @@ class Parser {
             let tempTokens = [];
             const paragraphChildren = [];
             token.tokens.forEach(t => {
+              /* To avoid inlining of image */
               if (t.type === 'image') {
                 paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), this.styles.text));
                 paragraphChildren.push(this.parseInline([t]));
@@ -76,10 +77,27 @@ class Parser {
 
         case 'list':
           {
-            const li = token.items.map(item => item.text);
+            const li = token.items.map(item => {
+              var _item$tokens$, _item$tokens$2;
+
+              if (item.tokens.length > 0 && ((_item$tokens$ = item.tokens[0]) === null || _item$tokens$ === void 0 ? void 0 : _item$tokens$.type) === 'text' && // @ts-ignore
+              Array.isArray((_item$tokens$2 = item.tokens[0]) === null || _item$tokens$2 === void 0 ? void 0 : _item$tokens$2.tokens)) {
+                var _item$tokens$3;
+
+                return this.renderer.getTextNode( // @ts-ignore
+                this.parseInline((_item$tokens$3 = item.tokens[0]) === null || _item$tokens$3 === void 0 ? void 0 : _item$tokens$3.tokens), this.styles.li);
+              }
+
+              return this.renderer.getTextNode(item.text, this.styles.li);
+            });
             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;
@@ -88,26 +106,23 @@ class Parser {
     return elements;
   }
 
-  parseInline(tokens) {
-    let styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  parseInline(tokens, styles) {
     const elements = tokens.map(token => {
       if (!token) return null;
 
       switch (token.type) {
         case 'escape':
           {
-            return this.renderer.getTextNode(token.text, [styles, this.styles.text]);
-          }
-
-        case 'html':
-          {
-            console.log('html', token);
-            return null;
+            return this.renderer.getTextNode(token.text, { ...styles,
+              ...this.styles.text
+            });
           }
 
         case 'link':
           {
-            return this.renderer.getLinkNode(token.text, token.href, [styles, this.styles.link]);
+            return this.renderer.getLinkNode(token.text, token.href, { ...styles,
+              ...this.styles.link
+            });
           }
 
         case 'image':
@@ -117,12 +132,16 @@ class Parser {
 
         case 'strong':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styles, this.styles.strong]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), { ...styles,
+              ...this.styles.strong
+            });
           }
 
         case 'em':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styles, this.styles.em]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), { ...styles,
+              ...this.styles.em
+            });
           }
 
         case 'codespan':
@@ -142,7 +161,9 @@ class Parser {
 
         case 'text':
           {
-            return this.renderer.getTextNode(token.raw, [styles, this.styles.text]);
+            return this.renderer.getTextNode(token.raw, { ...styles,
+              ...this.styles.text
+            });
           }
 
         default:

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","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyle | undefined>;\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            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) => item.text);\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(\n    tokens: marked.Token[],\n    styles: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\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":";;AAEA,OAAOA,QAAP,MAAqB,YAArB;;AAOA,MAAMC,MAAN,CAAa;EAIXC,WAAW,CAACC,OAAD,EAAyB;IAAA;;IAAA;;IAAA;;IAClC,KAAKC,MAAL,GAAc,EAAE,GAAGD,OAAO,CAACC;IAAb,CAAd;IACA,KAAKC,QAAL,GAAgB,IAAIL,QAAJ,EAAhB;IACA,KAAKM,gBAAL,GAAwB;MACtB,GAAG,KAAKF,MAAL,CAAYG,EADO;MAEtB,GAAG,KAAKH,MAAL,CAAYI,EAFO;MAGtB,GAAG,KAAKJ,MAAL,CAAYK,EAHO;MAItB,GAAG,KAAKL,MAAL,CAAYM,EAJO;MAKtB,GAAG,KAAKN,MAAL,CAAYO,EALO;MAMtB,GAAG,KAAKP,MAAL,CAAYQ;IANO,CAAxB;EAQD;;EAEDC,KAAK,CAACC,MAAD,EAAyB;IAC5B,MAAMC,QAA2B,GAAGD,MAAM,CAACE,GAAP,CAAYC,KAAD,IAAW;MACxD,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,OAAL;UAAc;YACZ,OAAO,IAAP;UACD;;QACD,KAAK,WAAL;UAAkB;YAChB,IAAIC,UAA0B,GAAG,EAAjC;YACA,MAAMC,iBAAoC,GAAG,EAA7C;YACAH,KAAK,CAACH,MAAN,CAAaO,OAAb,CAAsBC,CAAD,IAAO;cAC1B,IAAIA,CAAC,CAACJ,IAAF,KAAW,OAAf,EAAwB;gBACtBE,iBAAiB,CAACG,IAAlB,CACE,KAAKlB,QAAL,CAAcmB,WAAd,CACE,KAAKC,WAAL,CAAiBN,UAAjB,CADF,EAEE,KAAKf,MAAL,CAAYsB,IAFd,CADF;gBAMAN,iBAAiB,CAACG,IAAlB,CAAuB,KAAKE,WAAL,CAAiB,CAACH,CAAD,CAAjB,CAAvB;gBACAH,UAAU,GAAG,EAAb;gBACA;cACD;;cACDA,UAAU,GAAG,CAAC,GAAGA,UAAJ,EAAgBG,CAAhB,CAAb;YACD,CAbD;;YAeA,IAAIH,UAAU,CAACQ,MAAX,GAAoB,CAAxB,EAA2B;cACzBP,iBAAiB,CAACG,IAAlB,CACE,KAAKlB,QAAL,CAAcmB,WAAd,CAA0B,KAAKC,WAAL,CAAiBN,UAAjB,CAA1B,EAAwD,EAAxD,CADF;YAGD;;YAED,OAAO,KAAKd,QAAL,CAAcuB,WAAd,CACLR,iBADK,EAEL,KAAKhB,MAAL,CAAYyB,SAFP,CAAP;UAID;;QACD,KAAK,YAAL;UAAmB;YACjB,OAAO,KAAKxB,QAAL,CAAcyB,iBAAd,CACL,KAAKjB,KAAL,CAAWI,KAAK,CAACH,MAAjB,CADK,EAEL,KAAKV,MAAL,CAAY2B,UAFP,CAAP;UAID;;QACD,KAAK,SAAL;UAAgB;YACd,MAAM3B,MAAM,GAAG,KAAKE,gBAAL,CAAsBW,KAAK,CAACe,KAA5B,KAAsC,KAAK5B,MAAL,CAAYsB,IAAjE;YACA,OAAO,KAAKrB,QAAL,CAAcmB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsCtB,MAAtC,CAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKC,QAAL,CAAc4B,gBAAd,CACLhB,KAAK,CAACS,IADD,EAEL,KAAKtB,MAAL,CAAY8B,IAFP,EAGL,KAAK9B,MAAL,CAAY+B,EAHP,CAAP;UAKD;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK9B,QAAL,CAAcuB,WAAd,CAA0B,IAA1B,EAAgC,KAAKxB,MAAL,CAAYgC,EAA5C,CAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,MAAMC,EAAE,GAAGpB,KAAK,CAACqB,KAAN,CAAYtB,GAAZ,CAAiBuB,IAAD,IAAUA,IAAI,CAACb,IAA/B,CAAX;YACA,OAAO,KAAKrB,QAAL,CAAcmC,WAAd,CACLvB,KAAK,CAACwB,OADD,EAELJ,EAFK,EAGL,KAAKjC,MAAL,CAAYsC,IAHP,EAIL,KAAKtC,MAAL,CAAYiC,EAJP,CAAP;UAMD;;QACD;UACEM,OAAO,CAACC,IAAR,CAAc,eAAc3B,KAAK,CAACC,IAAK,uBAAvC;UACA,OAAO,IAAP;MAhEJ;IAkED,CAnEmC,CAApC;IAoEA,OAAOH,QAAP;EACD;;EAEDU,WAAW,CACTX,MADS,EAGT;IAAA,IADAV,MACA,uEADwD,EACxD;IACA,MAAMW,QAA2B,GAAGD,MAAM,CAACE,GAAP,CAAYC,KAAD,IAAW;MACxD,IAAI,CAACA,KAAL,EAAY,OAAO,IAAP;;MAEZ,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,QAAL;UAAe;YACb,OAAO,KAAKb,QAAL,CAAcmB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsC,CAC3CtB,MAD2C,EAE3C,KAAKA,MAAL,CAAYsB,IAF+B,CAAtC,CAAP;UAID;;QACD,KAAK,MAAL;UAAa;YACXiB,OAAO,CAACE,GAAR,CAAY,MAAZ,EAAoB5B,KAApB;YACA,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKZ,QAAL,CAAcyC,WAAd,CAA0B7B,KAAK,CAACS,IAAhC,EAAsCT,KAAK,CAAC8B,IAA5C,EAAkD,CACvD3C,MADuD,EAEvD,KAAKA,MAAL,CAAY4C,IAF2C,CAAlD,CAAP;UAID;;QACD,KAAK,OAAL;UAAc;YACZ,OAAO,KAAK3C,QAAL,CAAc4C,YAAd,CAA2BhC,KAAK,CAAC8B,IAAjC,CAAP;UACD;;QACD,KAAK,QAAL;UAAe;YACb,OAAO,KAAK1C,QAAL,CAAcmB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACH,MAAvB,EAA+B,KAAKV,MAAL,CAAY8C,MAA3C,CADK,EAEL,CAAC9C,MAAD,EAAS,KAAKA,MAAL,CAAY8C,MAArB,CAFK,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK7C,QAAL,CAAcmB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACH,MAAvB,EAA+B,KAAKV,MAAL,CAAY+B,EAA3C,CADK,EAEL,CAAC/B,MAAD,EAAS,KAAKA,MAAL,CAAY+B,EAArB,CAFK,CAAP;UAID;;QACD,KAAK,UAAL;UAAiB;YACf,OAAO,KAAK9B,QAAL,CAAcmB,WAAd,CAA0BP,KAAK,CAACS,IAAhC,EAAsC,KAAKtB,MAAL,CAAY+C,QAAlD,CAAP;UACD;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK9C,QAAL,CAAcmB,WAAd,CAA0B,IAA1B,EAAgC,EAAhC,CAAP;UACD;;QACD,KAAK,KAAL;UAAY;YACV,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKnB,QAAL,CAAcmB,WAAd,CAA0BP,KAAK,CAACmC,GAAhC,EAAqC,CAC1ChD,MAD0C,EAE1C,KAAKA,MAAL,CAAYsB,IAF8B,CAArC,CAAP;UAID;;QACD;UAAS;YACPiB,OAAO,CAACC,IAAR,CAAc,eAAc3B,KAAK,CAACC,IAAK,uBAAvC;YACA,OAAO,IAAP;UACD;MAlDH;IAoDD,CAvDmC,CAApC;IAwDA,OAAOH,QAAP;EACD;;AAtJU;;AAyJb,eAAed,MAAf"}
+{"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/dist/module/lib/Renderer.js

@@ -1,8 +1,7 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
-import { Linking, ScrollView, View } from 'react-native';
-import { Text } from 'react-native';
+import { Linking, ScrollView, View, Text } from 'react-native';
 import MarkedList from '@jsamr/react-native-li';
 import Disc from '@jsamr/counter-style/presets/disc';
 import Decimal from '@jsamr/counter-style/presets/decimal';
@@ -64,10 +63,7 @@ class Renderer {
       counterRenderer: ordered ? Decimal : Disc,
       markerTextStyle: textStyle,
       markerBoxStyle: listStyle
-    }, li.map((text, index) => /*#__PURE__*/React.createElement(Text, {
-      key: index,
-      style: textStyle
-    }, text)));
+    }, li.map(node => node));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Linking","ScrollView","View","Text","MarkedList","Disc","Decimal","MDImage","generateRandomString","Renderer","href","openURL","children","styles","text","onLinkPress","getViewNode","getCodeBlockNode","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","map","index"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, ViewStyle } from 'react-native';\nimport { Text, StyleProp, TextStyle } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\n\nimport { generateRandomString } from '../utils/string';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: StyleProp<TextStyle>\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: StyleProp<TextStyle>) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getViewNode(\n    children: React.ReactNode[] | null,\n    styles: StyleProp<ViewStyle>\n  ) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: StyleProp<ViewStyle>,\n    textStyle: StyleProp<TextStyle>\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: string[],\n    listStyle: ViewStyle | undefined,\n    textStyle: TextStyle | undefined\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n      >\n        {li.map((text, index) => (\n          <Text key={index} style={textStyle}>\n            {text}\n          </Text>\n        ))}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,EAAkBC,UAAlB,EAA8BC,IAA9B,QAAqD,cAArD;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,IAAP,MAAiB,mCAAjB;AACA,OAAOC,OAAP,MAAoB,sCAApB;AACA,OAAOC,OAAP,MAAoB,yBAApB;AAEA,SAASC,oBAAT,QAAqC,iBAArC;;AAEA,MAAMC,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMV,OAAO,CAACW,OAAR,CAAgBD,IAAhB,CADjC;;IAAA,qCAGC,CACZE,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,IAAD;QAAM,GAAG,EAAEL,oBAAoB,EAA/B;QAAmC,KAAK,EAAEK;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACE,IAAD,EAAeJ,IAAf,EAA6BG,MAA7B,KAA8D;MAC1E,oBACE,oBAAC,IAAD;QACE,GAAG,EAAEL,oBAAoB,EAD3B;QAEE,OAAO,EAAE,KAAKO,WAAL,CAAiBL,IAAjB,CAFX;QAGE,KAAK,EAAEG;MAHT,GAKGC,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,WAAW,CACTJ,QADS,EAETC,MAFS,EAGT;IACA,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDK,gBAAgB,CACdH,IADc,EAEdI,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,UAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,IAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,iBAAiB,CAACR,QAAD,EAA8BC,MAA9B,EAA4D;IAC3E,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDS,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,OAAD;MAAS,GAAG,EAAEd,oBAAoB,EAAlC;MAAsC,GAAG,EAAEc;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,UAAD;MACE,eAAe,EAAEK,OAAO,GAAGlB,OAAH,GAAaD,IADvC;MAEE,eAAe,EAAEc,SAFnB;MAGE,cAAc,EAAEO;IAHlB,GAKGD,EAAE,CAACE,GAAH,CAAO,CAACb,IAAD,EAAOc,KAAP,kBACN,oBAAC,IAAD;MAAM,GAAG,EAAEA,KAAX;MAAkB,KAAK,EAAET;IAAzB,GACGL,IADH,CADD,CALH,CADF;EAaD;;AAhFY;;AAmFf,eAAeL,QAAf"}
+{"version":3,"names":["React","Linking","ScrollView","View","Text","MarkedList","Disc","Decimal","MDImage","generateRandomString","Renderer","href","openURL","children","styles","text","onLinkPress","getViewNode","getCodeBlockNode","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, Text } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: TextStyleProp) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getViewNode(children: React.ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: React.ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: React.ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,EAAkBC,UAAlB,EAA8BC,IAA9B,EAAoCC,IAApC,QAAgD,cAAhD;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,IAAP,MAAiB,mCAAjB;AACA,OAAOC,OAAP,MAAoB,sCAApB;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;;AAGA,MAAMC,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMV,OAAO,CAACW,OAAR,CAAgBD,IAAhB,CADjC;;IAAA,qCAGC,CACZE,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,IAAD;QAAM,GAAG,EAAEL,oBAAoB,EAA/B;QAAmC,KAAK,EAAEK;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACE,IAAD,EAAeJ,IAAf,EAA6BG,MAA7B,KAAuD;MACnE,oBACE,oBAAC,IAAD;QACE,GAAG,EAAEL,oBAAoB,EAD3B;QAEE,OAAO,EAAE,KAAKO,WAAL,CAAiBL,IAAjB,CAFX;QAGE,KAAK,EAAEG;MAHT,GAKGC,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,WAAW,CAACJ,QAAD,EAAqCC,MAArC,EAA4D;IACrE,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDK,gBAAgB,CACdH,IADc,EAEdI,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,UAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,IAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,iBAAiB,CAACR,QAAD,EAA8BC,MAA9B,EAAqD;IACpE,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDS,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,OAAD;MAAS,GAAG,EAAEd,oBAAoB,EAAlC;MAAsC,GAAG,EAAEc;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,UAAD;MACE,eAAe,EAAEK,OAAO,GAAGlB,OAAH,GAAaD,IADvC;MAEE,eAAe,EAAEc,SAFnB;MAGE,cAAc,EAAEO;IAHlB,GAKGD,EAAE,CAACE,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CALH,CADF;EASD;;AAzEY;;AA4Ef,eAAenB,QAAf"}

package/dist/module/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type {\n  ImageStyle,\n  TextStyle,\n  ViewStyle,\n  FlatListProps,\n} from 'react-native';\nimport type { MarkedStyles } from './../theme/types';\n\nexport type TextStyleProp = TextStyle | undefined;\nexport type ViewStyleProp = ViewStyle | undefined;\nexport type CustomStyleProp = ViewStyle | TextStyle | ImageStyle | undefined;\n\nexport interface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nexport interface MarkdownProps {\n  value: string;\n  flatListProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n  styles?: MarkedStyles;\n}\n"],"mappings":""}

package/dist/typescript/lib/Markdown.d.ts

@@ -1,10 +1,4 @@
-import React, { ReactNode } from 'react';
-import { FlatListProps } from 'react-native';
-import type { MarkedStyles } from '../theme/types';
-interface MarkdownProps {
-    value: string;
-    flatListProps?: Omit<FlatListProps<ReactNode>, 'data' | 'renderItem' | 'horizontal'>;
-    styles?: MarkedStyles;
-}
+import React from 'react';
+import type { MarkdownProps } from './types';
 declare const _default: React.MemoExoticComponent<({ value, flatListProps, styles: userStyles, }: MarkdownProps) => JSX.Element>;
 export default _default;

package/dist/typescript/lib/Parser.d.ts

@@ -1,16 +1,12 @@
 /// <reference types="react" />
 import type { marked } from 'marked';
-import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { MarkedStyles } from '../theme/types';
-interface ParserOptions {
-    styles?: MarkedStyles;
-}
+import type { CustomStyleProp, ParserOptions } from './types';
 declare class Parser {
     private renderer;
     private styles;
     private headingStylesMap;
     constructor(options: ParserOptions);
     parse(tokens: marked.Token[]): import("react").ReactNode[];
-    parseInline(tokens: marked.Token[], styles?: StyleProp<ViewStyle | TextStyle | ImageStyle>): import("react").ReactNode[];
+    parseInline(tokens: marked.Token[], styles?: CustomStyleProp): import("react").ReactNode[];
 }
 export default Parser;

package/dist/typescript/lib/Renderer.d.ts

@@ -1,14 +1,13 @@
 import * as React from 'react';
-import { ViewStyle } from 'react-native';
-import { StyleProp, TextStyle } from 'react-native';
+import type { TextStyleProp, ViewStyleProp } from './types';
 declare class Renderer {
     private onLinkPress;
-    getTextNode: (children: string | React.ReactNode[], styles: StyleProp<TextStyle>) => JSX.Element;
-    getLinkNode: (text: string, href: string, styles: StyleProp<TextStyle>) => JSX.Element;
-    getViewNode(children: React.ReactNode[] | null, styles: StyleProp<ViewStyle>): JSX.Element;
-    getCodeBlockNode(text: string, containerStyle: StyleProp<ViewStyle>, textStyle: StyleProp<TextStyle>): JSX.Element;
-    getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>): JSX.Element;
+    getTextNode: (children: string | React.ReactNode[], styles: TextStyleProp) => JSX.Element;
+    getLinkNode: (text: string, href: string, styles: TextStyleProp) => JSX.Element;
+    getViewNode(children: React.ReactNode[] | null, styles: ViewStyleProp): JSX.Element;
+    getCodeBlockNode(text: string, containerStyle: ViewStyleProp, textStyle: TextStyleProp): JSX.Element;
+    getBlockquoteNode(children: React.ReactNode[], styles: ViewStyleProp): JSX.Element;
     getImageNode(uri: string): JSX.Element;
-    getListNode(ordered: boolean, li: string[], listStyle: ViewStyle | undefined, textStyle: TextStyle | undefined): JSX.Element;
+    getListNode(ordered: boolean, li: React.ReactNode[], listStyle: ViewStyleProp, textStyle: TextStyleProp): JSX.Element;
 }
 export default Renderer;

package/dist/typescript/lib/types.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { ImageStyle, TextStyle, ViewStyle, FlatListProps } from 'react-native';
+import type { MarkedStyles } from './../theme/types';
+export declare type TextStyleProp = TextStyle | undefined;
+export declare type ViewStyleProp = ViewStyle | undefined;
+export declare type CustomStyleProp = ViewStyle | TextStyle | ImageStyle | undefined;
+export interface ParserOptions {
+    styles?: MarkedStyles;
+}
+export interface MarkdownProps {
+    value: string;
+    flatListProps?: Omit<FlatListProps<ReactNode>, 'data' | 'renderItem' | 'horizontal'>;
+    styles?: MarkedStyles;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",
@@ -26,8 +26,8 @@
     "typescript": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "build": "bob build",
-    "prepare": "npm run build",
-    "release": "release-it"
+    "prepare": "yarn build",
+    "release": "yarn build && release-it"
   },
   "keywords": [
     "react-native",
@@ -146,7 +146,8 @@
           "trailingComma": "es5",
           "useTabs": false
         }
-      ]
+      ],
+      "@typescript-eslint/ban-ts-comment": "off"
     }
   },
   "eslintIgnore": [

package/src/lib/Markdown.tsx

@@ -1,18 +1,9 @@
 import React, { memo, ReactNode, useCallback, useMemo } from 'react';
-import { FlatList, FlatListProps, useColorScheme } from 'react-native';
+import { FlatList, useColorScheme } from 'react-native';
 import { marked } from 'marked';
 import Parser from './Parser';
 import getStyles from '../theme/styles';
-import type { MarkedStyles } from '../theme/types';
-
-interface MarkdownProps {
-  value: string;
-  flatListProps?: Omit<
-    FlatListProps<ReactNode>,
-    'data' | 'renderItem' | 'horizontal'
-  >;
-  styles?: MarkedStyles;
-}
+import type { MarkdownProps } from './types';
 
 const Markdown = ({
   value,

package/src/lib/Parser.tsx

@@ -1,16 +1,12 @@
 import type { marked } from 'marked';
-import type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import Renderer from './Renderer';
 import type { MarkedStyles } from '../theme/types';
-
-interface ParserOptions {
-  styles?: MarkedStyles;
-}
+import type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';
 
 class Parser {
   private renderer;
   private styles: MarkedStyles;
-  private headingStylesMap: Record<number, TextStyle | undefined>;
+  private headingStylesMap: Record<number, TextStyleProp>;
   constructor(options: ParserOptions) {
     this.styles = { ...options.styles };
     this.renderer = new Renderer();
@@ -34,6 +30,7 @@ class Parser {
           let tempTokens: marked.Token[] = [];
           const paragraphChildren: React.ReactNode[] = [];
           token.tokens.forEach((t) => {
+            /* To avoid inlining of image */
             if (t.type === 'image') {
               paragraphChildren.push(
                 this.renderer.getTextNode(
@@ -80,7 +77,21 @@ class Parser {
           return this.renderer.getViewNode(null, this.styles.hr);
         }
         case 'list': {
-          const li = token.items.map((item) => item.text);
+          const li = token.items.map((item) => {
+            if (
+              item.tokens.length > 0 &&
+              item.tokens[0]?.type === 'text' &&
+              // @ts-ignore
+              Array.isArray(item.tokens[0]?.tokens)
+            ) {
+              return this.renderer.getTextNode(
+                // @ts-ignore
+                this.parseInline(item.tokens[0]?.tokens),
+                this.styles.li
+              );
+            }
+            return this.renderer.getTextNode(item.text, this.styles.li);
+          });
           return this.renderer.getListNode(
             token.ordered,
             li,
@@ -88,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;
@@ -96,29 +110,22 @@ class Parser {
     return elements;
   }
 
-  parseInline(
-    tokens: marked.Token[],
-    styles: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}
-  ) {
+  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {
     const elements: React.ReactNode[] = tokens.map((token) => {
       if (!token) return null;
 
       switch (token.type) {
         case 'escape': {
-          return this.renderer.getTextNode(token.text, [
-            styles,
-            this.styles.text,
-          ]);
-        }
-        case 'html': {
-          console.log('html', token);
-          return null;
+          return this.renderer.getTextNode(token.text, {
+            ...styles,
+            ...this.styles.text,
+          });
         }
         case 'link': {
-          return this.renderer.getLinkNode(token.text, token.href, [
-            styles,
-            this.styles.link,
-          ]);
+          return this.renderer.getLinkNode(token.text, token.href, {
+            ...styles,
+            ...this.styles.link,
+          });
         }
         case 'image': {
           return this.renderer.getImageNode(token.href);
@@ -126,13 +133,13 @@ class Parser {
         case 'strong': {
           return this.renderer.getTextNode(
             this.parseInline(token.tokens, this.styles.strong),
-            [styles, this.styles.strong]
+            { ...styles, ...this.styles.strong }
           );
         }
         case 'em': {
           return this.renderer.getTextNode(
             this.parseInline(token.tokens, this.styles.em),
-            [styles, this.styles.em]
+            { ...styles, ...this.styles.em }
           );
         }
         case 'codespan': {
@@ -145,10 +152,10 @@ class Parser {
           return null;
         }
         case 'text': {
-          return this.renderer.getTextNode(token.raw, [
-            styles,
-            this.styles.text,
-          ]);
+          return this.renderer.getTextNode(token.raw, {
+            ...styles,
+            ...this.styles.text,
+          });
         }
         default: {
           console.warn(`Token with '${token.type}' type was not found.`);

package/src/lib/Renderer.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
-import { Linking, ScrollView, View, ViewStyle } from 'react-native';
-import { Text, StyleProp, TextStyle } from 'react-native';
+import { Linking, ScrollView, View, Text } from 'react-native';
 import MarkedList from '@jsamr/react-native-li';
 import Disc from '@jsamr/counter-style/presets/disc';
 import Decimal from '@jsamr/counter-style/presets/decimal';
 import MDImage from './../components/MDImage';
-
 import { generateRandomString } from '../utils/string';
+import type { TextStyleProp, ViewStyleProp } from './types';
 
 class Renderer {
   private onLinkPress = (href: string) => () => Linking.openURL(href);
 
   getTextNode = (
     children: string | React.ReactNode[],
-    styles: StyleProp<TextStyle>
+    styles: TextStyleProp
   ) => {
     return (
       <Text key={generateRandomString()} style={styles}>
@@ -22,7 +21,7 @@ class Renderer {
     );
   };
 
-  getLinkNode = (text: string, href: string, styles: StyleProp<TextStyle>) => {
+  getLinkNode = (text: string, href: string, styles: TextStyleProp) => {
     return (
       <Text
         key={generateRandomString()}
@@ -34,10 +33,7 @@ class Renderer {
     );
   };
 
-  getViewNode(
-    children: React.ReactNode[] | null,
-    styles: StyleProp<ViewStyle>
-  ) {
+  getViewNode(children: React.ReactNode[] | null, styles: ViewStyleProp) {
     return (
       <View key={generateRandomString()} style={styles}>
         {children}
@@ -47,8 +43,8 @@ class Renderer {
 
   getCodeBlockNode(
     text: string,
-    containerStyle: StyleProp<ViewStyle>,
-    textStyle: StyleProp<TextStyle>
+    containerStyle: ViewStyleProp,
+    textStyle: TextStyleProp
   ) {
     return (
       <ScrollView contentContainerStyle={containerStyle} horizontal>
@@ -57,7 +53,7 @@ class Renderer {
     );
   }
 
-  getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {
+  getBlockquoteNode(children: React.ReactNode[], styles: ViewStyleProp) {
     return (
       <View key={generateRandomString()} style={styles}>
         {children}
@@ -71,9 +67,9 @@ class Renderer {
 
   getListNode(
     ordered: boolean,
-    li: string[],
-    listStyle: ViewStyle | undefined,
-    textStyle: TextStyle | undefined
+    li: React.ReactNode[],
+    listStyle: ViewStyleProp,
+    textStyle: TextStyleProp
   ) {
     return (
       <MarkedList
@@ -81,11 +77,7 @@ class Renderer {
         markerTextStyle={textStyle}
         markerBoxStyle={listStyle}
       >
-        {li.map((text, index) => (
-          <Text key={index} style={textStyle}>
-            {text}
-          </Text>
-        ))}
+        {li.map((node) => node)}
       </MarkedList>
     );
   }

package/src/lib/types.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type {
+  ImageStyle,
+  TextStyle,
+  ViewStyle,
+  FlatListProps,
+} from 'react-native';
+import type { MarkedStyles } from './../theme/types';
+
+export type TextStyleProp = TextStyle | undefined;
+export type ViewStyleProp = ViewStyle | undefined;
+export type CustomStyleProp = ViewStyle | TextStyle | ImageStyle | undefined;
+
+export interface ParserOptions {
+  styles?: MarkedStyles;
+}
+
+export interface MarkdownProps {
+  value: string;
+  flatListProps?: Omit<
+    FlatListProps<ReactNode>,
+    'data' | 'renderItem' | 'horizontal'
+  >;
+  styles?: MarkedStyles;
+}