react-native-marked 1.1.2 → 1.1.4

package/dist/commonjs/lib/Markdown.js

@@ -36,7 +36,7 @@ const Markdown = _ref => {
       styles
     });
 
-    const tokens = _marked.marked.lexer(value.trim());
+    const tokens = _marked.marked.lexer(value);
 
     return parser.parse(tokens);
   }, [value, styles]);

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, 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"}
+{"version":3,"names":["Markdown","value","flatListProps","styles","userStyles","systemTheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","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);\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,KAAb,CAAf;;IAEA,OAAOS,MAAM,CAACK,KAAP,CAAaH,MAAb,CAAP;EACD,CAPkB,EAOhB,CAACX,KAAD,EAAQE,MAAR,CAPgB,CAAnB;EASA,MAAMa,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,EAAEhB,MAAM,CAACoB;EALhB,GAMMrB,aANN;IAOE,IAAI,EAAEO,UAPR;IAQE,UAAU,EAAEO;EARd,GADF;AAYD,CAtCD;;4BAwCe,IAAAQ,WAAA,EAAKxB,QAAL,C"}

package/dist/commonjs/lib/Parser.js

@@ -19,6 +19,37 @@ class Parser {
 
     _defineProperty(this, "headingStylesMap", void 0);
 
+    _defineProperty(this, "getNormalizedSiblingNodesForBlockAndInlineTokens", (tokens, textStyle) => {
+      let tempTokens = [];
+      const siblingNodes = [];
+      tokens.forEach(t => {
+        /**
+         * To avoid inlining images
+         * Note: to be extend for other token types
+         */
+        if (t.type === 'image') {
+          const parsed = this.parseInline(tempTokens);
+
+          if (parsed.length > 0) {
+            siblingNodes.push(this.renderer.getTextNode(this.parseInline(tempTokens), textStyle));
+          }
+
+          siblingNodes.push(this.parseInline([t]));
+          tempTokens = [];
+          return;
+        }
+
+        tempTokens = [...tempTokens, t];
+      });
+      /* Remaining temp tokens if any */
+
+      if (tempTokens.length > 0) {
+        siblingNodes.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
+      }
+
+      return siblingNodes;
+    });
+
     this.styles = { ...options.styles
     };
     this.renderer = new _Renderer.default();
@@ -42,24 +73,7 @@ class Parser {
 
         case 'paragraph':
           {
-            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]));
-                tempTokens = [];
-                return;
-              }
-
-              tempTokens = [...tempTokens, t];
-            });
-
-            if (tempTokens.length > 0) {
-              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
-            }
-
+            const paragraphChildren = this.getNormalizedSiblingNodesForBlockAndInlineTokens(token.tokens, this.styles.text);
             return this.renderer.getViewNode(paragraphChildren, this.styles.paragraph);
           }
 
@@ -71,7 +85,7 @@ class Parser {
         case 'heading':
           {
             const styles = this.headingStylesMap[token.depth] ?? this.styles.text;
-            return this.renderer.getTextNode(token.text, styles);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, styles), styles);
           }
 
         case 'code':
@@ -87,32 +101,30 @@ class Parser {
         case 'list':
           {
             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);
+              const children = item.tokens.map(cItem => {
+                if (cItem.type === 'text') {
+                  /* getViewNode since tokens could contain a block like elements (i.e. img) */
+                  const listChildren = this.getNormalizedSiblingNodesForBlockAndInlineTokens( // Note: Upstream types aren't available for this specific use-case
+                  // @types/marked (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/marked/index.d.ts)
+                  // @ts-ignore
+                  cItem.tokens, this.styles.li);
+                  return this.renderer.getViewNode(listChildren, this.styles.li);
+                }
+                /* Parse the nested token */
+
+
+                return this.parse([cItem]);
+              });
+              return this.renderer.getViewNode(children, 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;
+          return this.parseInline([token]);
       }
     });
-    return elements;
+    return elements.filter(element => element !== null);
   }
 
   parseInline(tokens, styles) {
@@ -122,16 +134,18 @@ class Parser {
       switch (token.type) {
         case 'escape':
           {
-            return this.renderer.getTextNode(token.text, { ...styles,
-              ...this.styles.text
+            return this.renderer.getTextNode(token.text, { ...this.styles.text,
+              ...styles
             });
           }
 
         case 'link':
           {
-            return this.renderer.getLinkNode(token.text, token.href, { ...styles,
-              ...this.styles.link
-            });
+            const linkStyle = { ...styles,
+              ...this.styles.link // To override color property
+
+            };
+            return this.renderer.getLinkNode(this.parseInline(token.tokens, linkStyle), token.href, linkStyle);
           }
 
         case 'image':
@@ -141,21 +155,25 @@ class Parser {
 
         case 'strong':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), { ...styles,
-              ...this.styles.strong
-            });
+            const boldStyle = { ...this.styles.strong,
+              ...styles
+            };
+            return this.renderer.getTextNode(this.parseInline(token.tokens, boldStyle), boldStyle);
           }
 
         case 'em':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), { ...styles,
-              ...this.styles.em
-            });
+            const italicStyle = { ...this.styles.em,
+              ...styles
+            };
+            return this.renderer.getTextNode(this.parseInline(token.tokens, italicStyle), italicStyle);
           }
 
         case 'codespan':
           {
-            return this.renderer.getTextNode(token.text, this.styles.codespan);
+            return this.renderer.getTextNode(token.text, { ...this.styles.codespan,
+              ...styles
+            });
           }
 
         case 'br':
@@ -169,9 +187,14 @@ class Parser {
           }
 
         case 'text':
+        case 'html':
           {
-            return this.renderer.getTextNode(token.raw, { ...styles,
-              ...this.styles.text
+            if (token.raw.trim().length < 1) {
+              return null;
+            }
+
+            return this.renderer.getTextNode(token.raw, { ...this.styles.text,
+              ...styles
             });
           }
 
@@ -182,7 +205,7 @@ class Parser {
           }
       }
     });
-    return elements;
+    return elements.filter(element => element !== null);
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"names":["Parser","constructor","options","styles","renderer","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","Array","isArray","getListNode","ordered","list","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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"}
+{"version":3,"names":["Parser","constructor","options","tokens","textStyle","tempTokens","siblingNodes","forEach","t","type","parsed","parseInline","length","push","renderer","getTextNode","styles","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","elements","map","token","paragraphChildren","getNormalizedSiblingNodesForBlockAndInlineTokens","text","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","children","cItem","listChildren","getListNode","ordered","list","filter","element","linkStyle","link","getLinkNode","href","getImageNode","boldStyle","strong","italicStyle","codespan","raw","trim","console","warn"],"sources":["Parser.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport 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: ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          const paragraphChildren =\n            this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n              token.tokens,\n              this.styles.text\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(\n            this.parseInline(token.tokens, styles),\n            styles\n          );\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            const children = item.tokens.map((cItem) => {\n              if (cItem.type === 'text') {\n                /* getViewNode since tokens could contain a block like elements (i.e. img) */\n                const listChildren =\n                  this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n                    // Note: Upstream types aren't available for this specific use-case\n                    // @types/marked (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/marked/index.d.ts)\n                    // @ts-ignore\n                    cItem.tokens,\n                    this.styles.li\n                  );\n                return this.renderer.getViewNode(listChildren, this.styles.li);\n              }\n\n              /* Parse the nested token */\n              return this.parse([cItem]);\n            });\n            return this.renderer.getViewNode(children, 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          return this.parseInline([token]);\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: 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            ...this.styles.text,\n            ...styles,\n          });\n        }\n        case 'link': {\n          const linkStyle = {\n            ...styles,\n            ...this.styles.link, // To override color property\n          };\n          return this.renderer.getLinkNode(\n            this.parseInline(token.tokens, linkStyle),\n            token.href,\n            linkStyle\n          );\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          const boldStyle = {\n            ...this.styles.strong,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, boldStyle),\n            boldStyle\n          );\n        }\n        case 'em': {\n          const italicStyle = {\n            ...this.styles.em,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, italicStyle),\n            italicStyle\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.codespan,\n            ...styles,\n          });\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text':\n        case 'html': {\n          if (token.raw.trim().length < 1) {\n            return null;\n          }\n\n          return this.renderer.getTextNode(token.raw, {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  private getNormalizedSiblingNodesForBlockAndInlineTokens = (\n    tokens: marked.Token[],\n    textStyle: TextStyleProp\n  ): ReactNode[] => {\n    let tempTokens: marked.Token[] = [];\n    const siblingNodes: ReactNode[] = [];\n    tokens.forEach((t) => {\n      /**\n       * To avoid inlining images\n       * Note: to be extend for other token types\n       */\n      if (t.type === 'image') {\n        const parsed = this.parseInline(tempTokens);\n        if (parsed.length > 0) {\n          siblingNodes.push(\n            this.renderer.getTextNode(this.parseInline(tempTokens), textStyle)\n          );\n        }\n        siblingNodes.push(this.parseInline([t]));\n        tempTokens = [];\n        return;\n      }\n      tempTokens = [...tempTokens, t];\n    });\n\n    /* Remaining temp tokens if any */\n    if (tempTokens.length > 0) {\n      siblingNodes.push(\n        this.renderer.getTextNode(this.parseInline(tempTokens), {})\n      );\n    }\n    return siblingNodes;\n  };\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/dist/commonjs/lib/Renderer.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -19,69 +19,67 @@ var _MDImage = _interopRequireDefault(require("./../components/MDImage"));
 
 var _string = require("../utils/string");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _handlers = require("../utils/handlers");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
 
 class Renderer {
   constructor() {
-    _defineProperty(this, "onLinkPress", href => () => _reactNative.Linking.openURL(href));
-
     _defineProperty(this, "getTextNode", (children, styles) => {
-      return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         key: (0, _string.generateRandomString)(),
         style: styles
       }, children);
     });
 
-    _defineProperty(this, "getLinkNode", (text, href, styles) => {
-      return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    _defineProperty(this, "getLinkNode", (children, href, styles) => {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         key: (0, _string.generateRandomString)(),
-        onPress: this.onLinkPress(href),
+        onPress: (0, _handlers.onLinkPress)(href),
         style: styles
-      }, text);
+      }, children);
     });
   }
 
   getViewNode(children, styles) {
-    return /*#__PURE__*/React.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       key: (0, _string.generateRandomString)(),
       style: styles
     }, children);
   }
 
   getCodeBlockNode(text, containerStyle, textStyle) {
-    return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+      key: (0, _string.generateRandomString)(),
       contentContainerStyle: containerStyle,
       horizontal: true
-    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
       style: textStyle
     }, text));
   }
 
   getBlockquoteNode(children, styles) {
-    return /*#__PURE__*/React.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       key: (0, _string.generateRandomString)(),
       style: styles
     }, children);
   }
 
   getImageNode(uri) {
-    return /*#__PURE__*/React.createElement(_MDImage.default, {
+    return /*#__PURE__*/_react.default.createElement(_MDImage.default, {
       key: (0, _string.generateRandomString)(),
       uri: uri
     });
   }
 
   getListNode(ordered, li, listStyle, textStyle) {
-    return /*#__PURE__*/React.createElement(_reactNativeLi.default, {
+    return /*#__PURE__*/_react.default.createElement(_reactNativeLi.default, {
       counterRenderer: ordered ? _decimal.default : _disc.default,
       markerTextStyle: textStyle,
-      markerBoxStyle: listStyle
+      markerBoxStyle: listStyle,
+      key: (0, _string.generateRandomString)()
     }, 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","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"}
+{"version":3,"names":["Renderer","children","styles","generateRandomString","href","onLinkPress","getViewNode","getCodeBlockNode","text","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { 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';\nimport { onLinkPress } from '../utils/handlers';\n\nclass Renderer {\n  getTextNode = (children: string | ReactNode[], styles: TextStyleProp) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (\n    children: string | ReactNode[],\n    href: string,\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={onLinkPress(href)}\n        style={styles}\n      >\n        {children}\n      </Text>\n    );\n  };\n\n  getViewNode(children: 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\n        key={generateRandomString()}\n        contentContainerStyle={containerStyle}\n        horizontal\n      >\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: 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: ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n        key={generateRandomString()}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACC,CAACC,QAAD,EAAiCC,MAAjC,KAA2D;MACvE,oBACE,6BAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAPY;;IAAA,qCASC,CACZA,QADY,EAEZG,IAFY,EAGZF,MAHY,KAIT;MACH,oBACE,6BAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,IAAAE,qBAAA,EAAYD,IAAZ,CAFX;QAGE,KAAK,EAAEF;MAHT,GAKGD,QALH,CADF;IASD,CAvBY;EAAA;;EAyBbK,WAAW,CAACL,QAAD,EAA+BC,MAA/B,EAAsD;IAC/D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,gBAAgB,CACdC,IADc,EAEdC,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,6BAAC,uBAAD;MACE,GAAG,EAAE,IAAAP,4BAAA,GADP;MAEE,qBAAqB,EAAEM,cAFzB;MAGE,UAAU;IAHZ,gBAKE,6BAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBF,IAAzB,CALF,CADF;EASD;;EAEDG,iBAAiB,CAACV,QAAD,EAAwBC,MAAxB,EAA+C;IAC9D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDW,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,6BAAC,gBAAD;MAAS,GAAG,EAAE,IAAAV,4BAAA,GAAd;MAAsC,GAAG,EAAEU;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,6BAAC,sBAAD;MACE,eAAe,EAAEK,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAET,SAFnB;MAGE,cAAc,EAAEO,SAHlB;MAIE,GAAG,EAAE,IAAAd,4BAAA;IAJP,GAMGa,EAAE,CAACI,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CANH,CADF;EAUD;;AA7EY;;eAgFArB,Q"}

package/dist/commonjs/theme/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["getFontStyles","theme","StyleSheet","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","getTheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","borderBottomWidth","borderBottomColor","li","flexShrink"],"sources":["styles.ts"],"sourcesContent":["import { ColorSchemeName, StyleSheet } from 'react-native';\nimport { getTheme } from './theme';\nimport type { MarkedStyles, Theme } from './types';\n\nconst getFontStyles = (theme: Theme) => {\n  return StyleSheet.create({\n    regular: {\n      fontSize: 16,\n      lineHeight: 24,\n      color: theme.colors.text,\n    },\n    heading: {\n      fontWeight: '500',\n      color: theme.colors.text,\n    },\n  });\n};\n\nconst getStyles = (\n  userStyles?: MarkedStyles,\n  colorScheme?: ColorSchemeName\n): MarkedStyles => {\n  const theme = getTheme(colorScheme || 'light');\n  const fontStyle = getFontStyles(theme);\n  const defaultStyles = StyleSheet.create<MarkedStyles>({\n    container: {\n      backgroundColor: theme.colors.background,\n    },\n    em: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n    },\n    strong: {\n      ...fontStyle.regular,\n      fontWeight: 'bold',\n    },\n    text: { ...fontStyle.regular },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n    },\n    h3: {\n      ...fontStyle.heading,\n      fontSize: 24,\n      lineHeight: 32,\n      marginVertical: 4,\n    },\n    h4: {\n      ...fontStyle.heading,\n      fontSize: 22,\n      lineHeight: 28,\n      marginVertical: 4,\n    },\n    h5: {\n      ...fontStyle.regular,\n      ...fontStyle.heading,\n      marginVertical: 2,\n    },\n    h6: {\n      ...fontStyle.heading,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 2,\n    },\n    codespan: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      backgroundColor: theme.colors.code,\n      fontWeight: '300',\n    },\n    code: {\n      padding: 16,\n      backgroundColor: theme.colors.code,\n      minWidth: '100%',\n    },\n    hr: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.border,\n      marginVertical: 4,\n    },\n    li: {\n      ...fontStyle.regular,\n      flexShrink: 1,\n    },\n  });\n\n  return {\n    ...defaultStyles,\n    ...userStyles,\n  };\n};\n\nexport default getStyles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA,MAAMA,aAAa,GAAIC,KAAD,IAAkB;EACtC,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,OAAO,EAAE;MACPC,QAAQ,EAAE,EADH;MAEPC,UAAU,EAAE,EAFL;MAGPC,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC;IAHb,CADc;IAMvBC,OAAO,EAAE;MACPC,UAAU,EAAE,KADL;MAEPJ,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaC;IAFb;EANc,CAAlB,CAAP;AAWD,CAZD;;AAcA,MAAMG,SAAS,GAAG,CAChBC,UADgB,EAEhBC,WAFgB,KAGC;EACjB,MAAMb,KAAK,GAAG,IAAAc,eAAA,EAASD,WAAW,IAAI,OAAxB,CAAd;EACA,MAAME,SAAS,GAAGhB,aAAa,CAACC,KAAD,CAA/B;;EACA,MAAMgB,aAAa,GAAGf,uBAAA,CAAWC,MAAX,CAAgC;IACpDe,SAAS,EAAE;MACTC,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAaY;IADrB,CADyC;IAIpDC,EAAE,EAAE,EACF,GAAGL,SAAS,CAACZ,OADX;MAEFY,SAAS,EAAE;IAFT,CAJgD;IAQpDM,MAAM,EAAE,EACN,GAAGN,SAAS,CAACZ,OADP;MAENO,UAAU,EAAE;IAFN,CAR4C;IAYpDF,IAAI,EAAE,EAAE,GAAGO,SAAS,CAACZ;IAAf,CAZ8C;IAapDmB,SAAS,EAAE,EACT,GAAGP,SAAS,CAACZ,OADJ;MAEToB,eAAe,EAAE;IAFR,CAbyC;IAiBpDC,IAAI,EAAE,EACJ,GAAGT,SAAS,CAACZ,OADT;MAEJY,SAAS,EAAE,QAFP;MAGJT,KAAK,EAAEN,KAAK,CAACO,MAAN,CAAaiB;IAHhB,CAjB8C;IAsBpDC,UAAU,EAAE;MACVC,eAAe,EAAE1B,KAAK,CAACO,MAAN,CAAaoB,MADpB;MAEVC,WAAW,EAAE,EAFH;MAGVC,eAAe,EAAE,CAHP;MAIVC,OAAO,EAAE;IAJC,CAtBwC;IA4BpDC,EAAE,EAAE;MACF3B,QAAQ,EAAE,EADR;MAEFC,UAAU,EAAE,EAFV;MAGFK,UAAU,EAAE,MAHV;MAIFsB,cAAc,EAAE,CAJd;MAKFC,aAAa,EAAE;IALb,CA5BgD;IAmCpDC,EAAE,EAAE,EACF,GAAGnB,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF2B,cAAc,EAAE;IAJd,CAnCgD;IAyCpDG,EAAE,EAAE,EACF,GAAGpB,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF2B,cAAc,EAAE;IAJd,CAzCgD;IA+CpDI,EAAE,EAAE,EACF,GAAGrB,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF2B,cAAc,EAAE;IAJd,CA/CgD;IAqDpDK,EAAE,EAAE,EACF,GAAGtB,SAAS,CAACZ,OADX;MAEF,GAAGY,SAAS,CAACN,OAFX;MAGFuB,cAAc,EAAE;IAHd,CArDgD;IA0DpDM,EAAE,EAAE,EACF,GAAGvB,SAAS,CAACN,OADX;MAEFL,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE,EAHV;MAIF2B,cAAc,EAAE;IAJd,CA1DgD;IAgEpDO,QAAQ,EAAE,EACR,GAAGxB,SAAS,CAACZ,OADL;MAERY,SAAS,EAAE,QAFH;MAGRG,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAaiC,IAHtB;MAIR9B,UAAU,EAAE;IAJJ,CAhE0C;IAsEpD8B,IAAI,EAAE;MACJC,OAAO,EAAE,EADL;MAEJvB,eAAe,EAAElB,KAAK,CAACO,MAAN,CAAaiC,IAF1B;MAGJE,QAAQ,EAAE;IAHN,CAtE8C;IA2EpDC,EAAE,EAAE;MACFC,iBAAiB,EAAE,CADjB;MAEFC,iBAAiB,EAAE7C,KAAK,CAACO,MAAN,CAAaoB,MAF9B;MAGFK,cAAc,EAAE;IAHd,CA3EgD;IAgFpDc,EAAE,EAAE,EACF,GAAG/B,SAAS,CAACZ,OADX;MAEF4C,UAAU,EAAE;IAFV;EAhFgD,CAAhC,CAAtB;;EAsFA,OAAO,EACL,GAAG/B,aADE;IAEL,GAAGJ;EAFE,CAAP;AAID,CAhGD;;eAkGeD,S"}
+{"version":3,"names":["getFontStyles","theme","StyleSheet","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","getTheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","borderBottomWidth","borderBottomColor","li","flexShrink"],"sources":["styles.ts"],"sourcesContent":["import { ColorSchemeName, StyleSheet } from 'react-native';\nimport { getTheme } from './theme';\nimport type { MarkedStyles, Theme } from './types';\n\nconst getFontStyles = (theme: Theme) => {\n  return StyleSheet.create({\n    regular: {\n      fontSize: 16,\n      lineHeight: 24,\n      color: theme.colors.text,\n    },\n    heading: {\n      fontWeight: '500',\n      color: theme.colors.text,\n    },\n  });\n};\n\nconst getStyles = (\n  userStyles?: MarkedStyles,\n  colorScheme?: ColorSchemeName\n): MarkedStyles => {\n  const theme = getTheme(colorScheme || 'light');\n  const fontStyle = getFontStyles(theme);\n  const defaultStyles = StyleSheet.create<MarkedStyles>({\n    container: {\n      backgroundColor: theme.colors.background,\n    },\n    em: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n    },\n    strong: {\n      ...fontStyle.regular,\n      fontWeight: 'bold',\n    },\n    text: {\n      ...fontStyle.regular,\n    },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n    },\n    h3: {\n      ...fontStyle.heading,\n      fontSize: 24,\n      lineHeight: 32,\n      marginVertical: 4,\n    },\n    h4: {\n      ...fontStyle.heading,\n      fontSize: 22,\n      lineHeight: 28,\n      marginVertical: 4,\n    },\n    h5: {\n      ...fontStyle.regular,\n      ...fontStyle.heading,\n      marginVertical: 2,\n    },\n    h6: {\n      ...fontStyle.heading,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 2,\n    },\n    codespan: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      backgroundColor: theme.colors.code,\n      fontWeight: '300',\n    },\n    code: {\n      padding: 16,\n      backgroundColor: theme.colors.code,\n      minWidth: '100%',\n    },\n    hr: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.border,\n      marginVertical: 4,\n    },\n    li: {\n      ...fontStyle.regular,\n      flexShrink: 1,\n    },\n  });\n\n  return {\n    ...defaultStyles,\n    ...userStyles,\n  };\n};\n\nexport default getStyles;\n"],"mappings":"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"}

package/dist/commonjs/utils/handlers.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onLinkPress = void 0;
+
+var _reactNative = require("react-native");
+
+const onLinkPress = url => () => {
+  try {
+    _reactNative.Linking.openURL(url);
+  } catch (e) {
+    console.warn("URL can't be opened", e);
+  }
+};
+
+exports.onLinkPress = onLinkPress;
+//# sourceMappingURL=handlers.js.map

package/dist/commonjs/utils/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["onLinkPress","url","Linking","openURL","e","console","warn"],"sources":["handlers.ts"],"sourcesContent":["import { Linking } from 'react-native';\n\nexport const onLinkPress = (url: string) => () => {\n  try {\n    Linking.openURL(url);\n  } catch (e) {\n    console.warn(\"URL can't be opened\", e);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,WAAW,GAAIC,GAAD,IAAiB,MAAM;EAChD,IAAI;IACFC,oBAAA,CAAQC,OAAR,CAAgBF,GAAhB;EACD,CAFD,CAEE,OAAOG,CAAP,EAAU;IACVC,OAAO,CAACC,IAAR,CAAa,qBAAb,EAAoCF,CAApC;EACD;AACF,CANM"}

package/dist/module/lib/Markdown.js

@@ -18,7 +18,7 @@ const Markdown = _ref => {
     const parser = new Parser({
       styles
     });
-    const tokens = marked.lexer(value.trim());
+    const tokens = marked.lexer(value);
     return parser.parse(tokens);
   }, [value, styles]);
   const renderItem = useCallback(_ref2 => {

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, 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"}
+{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","getStyles","Markdown","value","flatListProps","styles","userStyles","systemTheme","rnElements","parser","tokens","lexer","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);\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,KAAb,CAAf;IAEA,OAAOM,MAAM,CAACG,KAAP,CAAaF,MAAb,CAAP;EACD,CAPyB,EAOvB,CAACP,KAAD,EAAQE,MAAR,CAPuB,CAA1B;EASA,MAAMQ,UAAU,GAAGlB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEmB;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGpB,WAAW,CAAC,CAACqB,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,EAAEV,MAAM,CAACc;EALhB,GAMMf,aANN;IAOE,IAAI,EAAEI,UAPR;IAQE,UAAU,EAAEK;EARd,GADF;AAYD,CAtCD;;AAwCA,4BAAenB,IAAI,CAACQ,QAAD,CAAnB"}