react-native-marked 1.0.1 → 1.0.2

package/dist/commonjs/lib/Parser.js

@@ -85,7 +85,19 @@ 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);
           }
 

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","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) => {\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(\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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"}

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, 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: React.ReactNode[],\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((node) => node)}\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,CAAQC,IAAD,IAAUA,IAAjB,CALH,CADF;EASD;;AA5EY;;eA+EAvB,Q"}

package/dist/module/lib/Parser.js

@@ -76,7 +76,19 @@ 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);
           }
 

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":"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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","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) => {\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(\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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"}

package/dist/module/lib/Renderer.js

@@ -64,10 +64,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, 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: React.ReactNode[],\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((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,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,CAAQC,IAAD,IAAUA,IAAjB,CALH,CADF;EASD;;AA5EY;;AA+Ef,eAAenB,QAAf"}

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

@@ -9,6 +9,6 @@ declare class Renderer {
     getCodeBlockNode(text: string, containerStyle: StyleProp<ViewStyle>, textStyle: StyleProp<TextStyle>): JSX.Element;
     getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>): 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: ViewStyle | undefined, textStyle: TextStyle | undefined): JSX.Element;
 }
 export default Renderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",
@@ -146,7 +146,8 @@
           "trailingComma": "es5",
           "useTabs": false
         }
-      ]
+      ],
+      "@typescript-eslint/ban-ts-comment": "off"
     }
   },
   "eslintIgnore": [

package/src/lib/Parser.tsx

@@ -80,7 +80,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,

package/src/lib/Renderer.tsx

@@ -71,7 +71,7 @@ class Renderer {
 
   getListNode(
     ordered: boolean,
-    li: string[],
+    li: React.ReactNode[],
     listStyle: ViewStyle | undefined,
     textStyle: TextStyle | undefined
   ) {
@@ -81,11 +81,7 @@ class Renderer {
         markerTextStyle={textStyle}
         markerBoxStyle={listStyle}
       >
-        {li.map((text, index) => (
-          <Text key={index} style={textStyle}>
-            {text}
-          </Text>
-        ))}
+        {li.map((node) => node)}
       </MarkedList>
     );
   }