react-native-marked 1.0.0-alpha.1

package/dist/module/index.js

@@ -0,0 +1,3 @@
+import Markdown from './lib/Markdown';
+export default Markdown;
+//# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Markdown"],"sources":["index.ts"],"sourcesContent":["import Markdown from './lib/Markdown';\n\nexport default Markdown;\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,gBAArB;AAEA,eAAeA,QAAf"}

package/dist/module/lib/Markdown.js

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useCallback } from 'react';
+import { marked } from 'marked';
+import Parser from './Parser';
+import { FlatList } from 'react-native';
+
+const Markdown = _ref => {
+  let {
+    value,
+    contentWidth,
+    listProps
+  } = _ref;
+  const tokens = marked.lexer(value.trim());
+  const parser = new Parser({
+    contentWidth
+  });
+  const rnElements = parser.parse(tokens);
+  const renderItem = useCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, item);
+  }, []);
+  const keyExtractor = useCallback((_, index) => index.toString(), []);
+  return /*#__PURE__*/React.createElement(FlatList, _extends({
+    keyExtractor: keyExtractor,
+    maxToRenderPerBatch: 8,
+    initialNumToRender: 8,
+    removeClippedSubviews: true
+  }, listProps, {
+    data: rnElements,
+    renderItem: renderItem
+  }));
+};
+
+export default Markdown;
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","marked","Parser","FlatList","Markdown","value","contentWidth","listProps","tokens","lexer","trim","parser","rnElements","parse","renderItem","item","keyExtractor","_","index","toString"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { ReactNode, useCallback } from 'react';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport { FlatList, FlatListProps } from 'react-native';\n\ninterface MarkdownProps {\n  value: string;\n  contentWidth: number;\n  listProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n}\n\nconst Markdown = ({ value, contentWidth, listProps }: MarkdownProps) => {\n  const tokens = marked.lexer(value.trim());\n  const parser = new Parser({ contentWidth });\n  const rnElements = parser.parse(tokens);\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      {...listProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAA2BC,WAA3B,QAA8C,OAA9C;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,QAAwC,cAAxC;;AAWA,MAAMC,QAAQ,GAAG,QAAuD;EAAA,IAAtD;IAAEC,KAAF;IAASC,YAAT;IAAuBC;EAAvB,CAAsD;EACtE,MAAMC,MAAM,GAAGP,MAAM,CAACQ,KAAP,CAAaJ,KAAK,CAACK,IAAN,EAAb,CAAf;EACA,MAAMC,MAAM,GAAG,IAAIT,MAAJ,CAAW;IAAEI;EAAF,CAAX,CAAf;EACA,MAAMM,UAAU,GAAGD,MAAM,CAACE,KAAP,CAAaL,MAAb,CAAnB;EAEA,MAAMM,UAAU,GAAGd,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEe;IAAF,CAAkC;IAChE,oBAAO,0CAAGA,IAAH,CAAP;EACD,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGhB,WAAW,CAAC,CAACiB,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;EAJvB,GAKMT,SALN;IAME,IAAI,EAAEK,UANR;IAOE,UAAU,EAAEE;EAPd,GADF;AAWD,CAtBD;;AAwBA,eAAeV,QAAf"}

package/dist/module/lib/Parser.js

@@ -0,0 +1,252 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { StyleSheet } from 'react-native';
+import Renderer from './Renderer';
+
+class Parser {
+  constructor(options) {
+    _defineProperty(this, "renderer", void 0);
+
+    _defineProperty(this, "styles", void 0);
+
+    _defineProperty(this, "options", void 0);
+
+    this.renderer = new Renderer();
+    this.options = options;
+    this.styles = { ...defaultStyles,
+      ...options.styles
+    };
+  }
+
+  parse(tokens) {
+    return this.parseBlocks(tokens);
+  }
+
+  parseBlocks(tokens) {
+    let styleObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const elements = tokens.map(token => {
+      switch (token.type) {
+        case 'space':
+          {
+            return null;
+          }
+
+        case 'paragraph':
+          {
+            let tempTokens = [];
+            const paragraphChildren = [];
+            token.tokens.forEach(t => {
+              // TODO: move type checking value to const
+              if (t.type === 'image') {
+                paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), styleObj));
+                paragraphChildren.push(this.parseInline([t]));
+                tempTokens = [];
+                return;
+              }
+
+              tempTokens = [...tempTokens, t];
+            });
+
+            if (tempTokens.length > 0) {
+              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), styleObj));
+            }
+
+            return this.renderer.getParagraph(paragraphChildren, [styleObj, this.styles.paragraph]);
+          }
+
+        case 'blockquote':
+          {
+            return this.renderer.getBlockquote(this.parseBlocks(token.tokens, this.styles.blockquoteText), this.styles.blockquoteContainer);
+          }
+
+        case 'heading':
+          {
+            switch (token.depth) {
+              case 1:
+                return this.renderer.getHeading(token.text, this.styles.h1);
+
+              case 2:
+                return this.renderer.getHeading(token.text, this.styles.h2);
+
+              case 3:
+                return this.renderer.getHeading(token.text, this.styles.h3);
+
+              case 4:
+                return this.renderer.getHeading(token.text, this.styles.h4);
+
+              case 5:
+                return this.renderer.getHeading(token.text, this.styles.h5);
+
+              case 6:
+                return this.renderer.getHeading(token.text, this.styles.h6);
+
+              default:
+                return null;
+            }
+          }
+
+        case 'code':
+          {
+            return this.renderer.getCodeBlock(token.text, this.styles.code, this.styles.em);
+          }
+
+        default:
+          return null;
+      }
+    });
+    return elements;
+  }
+
+  parseInline(tokens) {
+    let styleObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const elements = tokens.map(token => {
+      if (!token) return null;
+
+      switch (token.type) {
+        case 'escape':
+          {
+            return this.renderer.getTextNode(token.text, [styleObj, this.styles.text]);
+          }
+
+        case 'html':
+          {
+            console.log('html', token);
+            return null;
+          }
+
+        case 'link':
+          {
+            return this.renderer.getLinkNode(token.text, token.href, [styleObj, this.styles.link]);
+          }
+
+        case 'image':
+          {
+            return this.renderer.getImage(token.href, this.options.contentWidth);
+          }
+
+        case 'strong':
+          {
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styleObj, this.styles.strong]);
+          }
+
+        case 'em':
+          {
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styleObj, this.styles.em]);
+          }
+
+        case 'codespan':
+          {
+            return this.renderer.getTextNode(` ${token.text} `, this.styles.codespan);
+          }
+
+        case 'br':
+          {
+            return this.renderer.getTextNode('\n', {});
+          }
+
+        case 'del':
+          {
+            return null;
+          }
+
+        case 'text':
+          {
+            return this.renderer.getTextNode(token.raw, [styleObj, this.styles.text]);
+          }
+
+        default:
+          {
+            const errMsg = 'Token with "' + token.type + '" type was not found.';
+            console.error(errMsg);
+            return null;
+          }
+      }
+    });
+    return elements;
+  }
+
+} // TODO: material typography for font size
+
+
+const defaultStyles = StyleSheet.create({
+  em: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontStyle: 'italic'
+  },
+  strong: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: 'bold'
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  paragraph: {
+    fontSize: 16,
+    lineHeight: 24,
+    paddingVertical: 8
+  },
+  link: {
+    fontStyle: 'italic',
+    fontSize: 16,
+    lineHeight: 24,
+    color: '#0074cc'
+  },
+  blockquoteText: {
+    color: '#6a737d'
+  },
+  blockquoteContainer: {
+    borderLeftColor: '#dfe2e5',
+    paddingLeft: 16,
+    borderLeftWidth: 5
+  },
+  h1: {
+    fontSize: 32,
+    lineHeight: 40,
+    fontWeight: 'bold',
+    paddingVertical: 8,
+    letterSpacing: 0
+  },
+  h2: {
+    fontSize: 28,
+    lineHeight: 36,
+    fontWeight: '500',
+    paddingVertical: 8
+  },
+  h3: {
+    fontSize: 36,
+    lineHeight: 44,
+    fontWeight: '500'
+  },
+  h4: {
+    fontSize: 22,
+    lineHeight: 28,
+    fontWeight: '500'
+  },
+  h5: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '500'
+  },
+  h6: {
+    fontSize: 14,
+    lineHeight: 20,
+    fontWeight: '500'
+  },
+  codespan: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontStyle: 'italic',
+    backgroundColor: '#afb8c133',
+    fontWeight: '300'
+  },
+  code: {
+    padding: 16,
+    backgroundColor: '#afb8c133',
+    minWidth: '100%'
+  }
+});
+export default Parser;
+//# sourceMappingURL=Parser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Renderer","Parser","constructor","options","renderer","styles","defaultStyles","parse","tokens","parseBlocks","styleObj","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","length","getParagraph","paragraph","getBlockquote","blockquoteText","blockquoteContainer","depth","getHeading","text","h1","h2","h3","h4","h5","h6","getCodeBlock","code","em","console","log","getLinkNode","href","link","getImage","contentWidth","strong","codespan","raw","errMsg","error","create","fontSize","lineHeight","fontStyle","fontWeight","paddingVertical","color","borderLeftColor","paddingLeft","borderLeftWidth","letterSpacing","backgroundColor","padding","minWidth"],"sources":["Parser.ts"],"sourcesContent":["import type { marked } from 'marked';\nimport {\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles, ParserOptions } from '../types/types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private options: ParserOptions;\n  constructor(options: ParserOptions) {\n    this.renderer = new Renderer();\n    this.options = options;\n    this.styles = {\n      ...defaultStyles,\n      ...options.styles,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    return this.parseBlocks(tokens);\n  }\n\n  parseBlocks(\n    tokens: marked.Token[],\n    styleObj: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\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            // TODO: move type checking value to const\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  styleObj\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), styleObj)\n            );\n          }\n\n          return this.renderer.getParagraph(paragraphChildren, [\n            styleObj,\n            this.styles.paragraph,\n          ]);\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquote(\n            this.parseBlocks(token.tokens, this.styles.blockquoteText),\n            this.styles.blockquoteContainer\n          );\n        }\n        case 'heading': {\n          switch (token.depth) {\n            case 1:\n              return this.renderer.getHeading(token.text, this.styles.h1);\n            case 2:\n              return this.renderer.getHeading(token.text, this.styles.h2);\n            case 3:\n              return this.renderer.getHeading(token.text, this.styles.h3);\n            case 4:\n              return this.renderer.getHeading(token.text, this.styles.h4);\n            case 5:\n              return this.renderer.getHeading(token.text, this.styles.h5);\n            case 6:\n              return this.renderer.getHeading(token.text, this.styles.h6);\n            default:\n              return null;\n          }\n        }\n        case 'code': {\n          return this.renderer.getCodeBlock(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        default:\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(\n    tokens: marked.Token[],\n    styleObj: 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            styleObj,\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            styleObj,\n            this.styles.link,\n          ]);\n        }\n        case 'image': {\n          return this.renderer.getImage(token.href, this.options.contentWidth);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            [styleObj, this.styles.strong]\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            [styleObj, this.styles.em]\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(\n            ` ${token.text} `,\n            this.styles.codespan\n          );\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            styleObj,\n            this.styles.text,\n          ]);\n        }\n        default: {\n          const errMsg = 'Token with \"' + token.type + '\" type was not found.';\n          console.error(errMsg);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\n// TODO: material typography for font size\nconst defaultStyles = StyleSheet.create<MarkedStyles>({\n  em: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontStyle: 'italic',\n  },\n  strong: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: 'bold',\n  },\n  text: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  paragraph: {\n    fontSize: 16,\n    lineHeight: 24,\n    paddingVertical: 8,\n  },\n  link: {\n    fontStyle: 'italic',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#0074cc',\n  },\n  blockquoteText: {\n    color: '#6a737d',\n  },\n  blockquoteContainer: {\n    borderLeftColor: '#dfe2e5',\n    paddingLeft: 16,\n    borderLeftWidth: 5,\n  },\n  h1: {\n    fontSize: 32,\n    lineHeight: 40,\n    fontWeight: 'bold',\n    paddingVertical: 8,\n    letterSpacing: 0,\n  },\n  h2: {\n    fontSize: 28,\n    lineHeight: 36,\n    fontWeight: '500',\n    paddingVertical: 8,\n  },\n  h3: {\n    fontSize: 36,\n    lineHeight: 44,\n    fontWeight: '500',\n  },\n  h4: {\n    fontSize: 22,\n    lineHeight: 28,\n    fontWeight: '500',\n  },\n  h5: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: '500',\n  },\n  h6: {\n    fontSize: 14,\n    lineHeight: 20,\n    fontWeight: '500',\n  },\n  codespan: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontStyle: 'italic',\n    backgroundColor: '#afb8c133',\n    fontWeight: '300',\n  },\n  code: {\n    padding: 16,\n    backgroundColor: '#afb8c133',\n    minWidth: '100%',\n  },\n});\n\nexport default Parser;\n"],"mappings":";;AACA,SAGEA,UAHF,QAMO,cANP;AAOA,OAAOC,QAAP,MAAqB,YAArB;;AAGA,MAAMC,MAAN,CAAa;EAIXC,WAAW,CAACC,OAAD,EAAyB;IAAA;;IAAA;;IAAA;;IAClC,KAAKC,QAAL,GAAgB,IAAIJ,QAAJ,EAAhB;IACA,KAAKG,OAAL,GAAeA,OAAf;IACA,KAAKE,MAAL,GAAc,EACZ,GAAGC,aADS;MAEZ,GAAGH,OAAO,CAACE;IAFC,CAAd;EAID;;EAEDE,KAAK,CAACC,MAAD,EAAyB;IAC5B,OAAO,KAAKC,WAAL,CAAiBD,MAAjB,CAAP;EACD;;EAEDC,WAAW,CACTD,MADS,EAGT;IAAA,IADAE,QACA,uEAD0D,EAC1D;IACA,MAAMC,QAA2B,GAAGH,MAAM,CAACI,GAAP,CAAYC,KAAD,IAAW;MACxD,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,OAAL;UAAc;YACZ,OAAO,IAAP;UACD;;QACD,KAAK,WAAL;UAAkB;YAChB,IAAIC,UAA0B,GAAG,EAAjC;YACA,MAAMC,iBAAoC,GAAG,EAA7C;YACAH,KAAK,CAACL,MAAN,CAAaS,OAAb,CAAsBC,CAAD,IAAO;cAC1B;cACA,IAAIA,CAAC,CAACJ,IAAF,KAAW,OAAf,EAAwB;gBACtBE,iBAAiB,CAACG,IAAlB,CACE,KAAKf,QAAL,CAAcgB,WAAd,CACE,KAAKC,WAAL,CAAiBN,UAAjB,CADF,EAEEL,QAFF,CADF;gBAMAM,iBAAiB,CAACG,IAAlB,CAAuB,KAAKE,WAAL,CAAiB,CAACH,CAAD,CAAjB,CAAvB;gBACAH,UAAU,GAAG,EAAb;gBACA;cACD;;cACDA,UAAU,GAAG,CAAC,GAAGA,UAAJ,EAAgBG,CAAhB,CAAb;YACD,CAdD;;YAgBA,IAAIH,UAAU,CAACO,MAAX,GAAoB,CAAxB,EAA2B;cACzBN,iBAAiB,CAACG,IAAlB,CACE,KAAKf,QAAL,CAAcgB,WAAd,CAA0B,KAAKC,WAAL,CAAiBN,UAAjB,CAA1B,EAAwDL,QAAxD,CADF;YAGD;;YAED,OAAO,KAAKN,QAAL,CAAcmB,YAAd,CAA2BP,iBAA3B,EAA8C,CACnDN,QADmD,EAEnD,KAAKL,MAAL,CAAYmB,SAFuC,CAA9C,CAAP;UAID;;QACD,KAAK,YAAL;UAAmB;YACjB,OAAO,KAAKpB,QAAL,CAAcqB,aAAd,CACL,KAAKhB,WAAL,CAAiBI,KAAK,CAACL,MAAvB,EAA+B,KAAKH,MAAL,CAAYqB,cAA3C,CADK,EAEL,KAAKrB,MAAL,CAAYsB,mBAFP,CAAP;UAID;;QACD,KAAK,SAAL;UAAgB;YACd,QAAQd,KAAK,CAACe,KAAd;cACE,KAAK,CAAL;gBACE,OAAO,KAAKxB,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY0B,EAAjD,CAAP;;cACF,KAAK,CAAL;gBACE,OAAO,KAAK3B,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY2B,EAAjD,CAAP;;cACF,KAAK,CAAL;gBACE,OAAO,KAAK5B,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY4B,EAAjD,CAAP;;cACF,KAAK,CAAL;gBACE,OAAO,KAAK7B,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY6B,EAAjD,CAAP;;cACF,KAAK,CAAL;gBACE,OAAO,KAAK9B,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY8B,EAAjD,CAAP;;cACF,KAAK,CAAL;gBACE,OAAO,KAAK/B,QAAL,CAAcyB,UAAd,CAAyBhB,KAAK,CAACiB,IAA/B,EAAqC,KAAKzB,MAAL,CAAY+B,EAAjD,CAAP;;cACF;gBACE,OAAO,IAAP;YAdJ;UAgBD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKhC,QAAL,CAAciC,YAAd,CACLxB,KAAK,CAACiB,IADD,EAEL,KAAKzB,MAAL,CAAYiC,IAFP,EAGL,KAAKjC,MAAL,CAAYkC,EAHP,CAAP;UAKD;;QACD;UACE,OAAO,IAAP;MAlEJ;IAoED,CArEmC,CAApC;IAsEA,OAAO5B,QAAP;EACD;;EAEDU,WAAW,CACTb,MADS,EAGT;IAAA,IADAE,QACA,uEAD0D,EAC1D;IACA,MAAMC,QAA2B,GAAGH,MAAM,CAACI,GAAP,CAAYC,KAAD,IAAW;MACxD,IAAI,CAACA,KAAL,EAAY,OAAO,IAAP;;MAEZ,QAAQA,KAAK,CAACC,IAAd;QACE,KAAK,QAAL;UAAe;YACb,OAAO,KAAKV,QAAL,CAAcgB,WAAd,CAA0BP,KAAK,CAACiB,IAAhC,EAAsC,CAC3CpB,QAD2C,EAE3C,KAAKL,MAAL,CAAYyB,IAF+B,CAAtC,CAAP;UAID;;QACD,KAAK,MAAL;UAAa;YACXU,OAAO,CAACC,GAAR,CAAY,MAAZ,EAAoB5B,KAApB;YACA,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKT,QAAL,CAAcsC,WAAd,CAA0B7B,KAAK,CAACiB,IAAhC,EAAsCjB,KAAK,CAAC8B,IAA5C,EAAkD,CACvDjC,QADuD,EAEvD,KAAKL,MAAL,CAAYuC,IAF2C,CAAlD,CAAP;UAID;;QACD,KAAK,OAAL;UAAc;YACZ,OAAO,KAAKxC,QAAL,CAAcyC,QAAd,CAAuBhC,KAAK,CAAC8B,IAA7B,EAAmC,KAAKxC,OAAL,CAAa2C,YAAhD,CAAP;UACD;;QACD,KAAK,QAAL;UAAe;YACb,OAAO,KAAK1C,QAAL,CAAcgB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACL,MAAvB,EAA+B,KAAKH,MAAL,CAAY0C,MAA3C,CADK,EAEL,CAACrC,QAAD,EAAW,KAAKL,MAAL,CAAY0C,MAAvB,CAFK,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK3C,QAAL,CAAcgB,WAAd,CACL,KAAKC,WAAL,CAAiBR,KAAK,CAACL,MAAvB,EAA+B,KAAKH,MAAL,CAAYkC,EAA3C,CADK,EAEL,CAAC7B,QAAD,EAAW,KAAKL,MAAL,CAAYkC,EAAvB,CAFK,CAAP;UAID;;QACD,KAAK,UAAL;UAAiB;YACf,OAAO,KAAKnC,QAAL,CAAcgB,WAAd,CACJ,IAAGP,KAAK,CAACiB,IAAK,GADV,EAEL,KAAKzB,MAAL,CAAY2C,QAFP,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK5C,QAAL,CAAcgB,WAAd,CAA0B,IAA1B,EAAgC,EAAhC,CAAP;UACD;;QACD,KAAK,KAAL;UAAY;YACV,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKhB,QAAL,CAAcgB,WAAd,CAA0BP,KAAK,CAACoC,GAAhC,EAAqC,CAC1CvC,QAD0C,EAE1C,KAAKL,MAAL,CAAYyB,IAF8B,CAArC,CAAP;UAID;;QACD;UAAS;YACP,MAAMoB,MAAM,GAAG,iBAAiBrC,KAAK,CAACC,IAAvB,GAA8B,uBAA7C;YACA0B,OAAO,CAACW,KAAR,CAAcD,MAAd;YACA,OAAO,IAAP;UACD;MAtDH;IAwDD,CA3DmC,CAApC;IA4DA,OAAOvC,QAAP;EACD;;AA/JU,C,CAkKb;;;AACA,MAAML,aAAa,GAAGP,UAAU,CAACqD,MAAX,CAAgC;EACpDb,EAAE,EAAE;IACFc,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFC,SAAS,EAAE;EAHT,CADgD;EAMpDR,MAAM,EAAE;IACNM,QAAQ,EAAE,EADJ;IAENC,UAAU,EAAE,EAFN;IAGNE,UAAU,EAAE;EAHN,CAN4C;EAWpD1B,IAAI,EAAE;IACJuB,QAAQ,EAAE,EADN;IAEJC,UAAU,EAAE;EAFR,CAX8C;EAepD9B,SAAS,EAAE;IACT6B,QAAQ,EAAE,EADD;IAETC,UAAU,EAAE,EAFH;IAGTG,eAAe,EAAE;EAHR,CAfyC;EAoBpDb,IAAI,EAAE;IACJW,SAAS,EAAE,QADP;IAEJF,QAAQ,EAAE,EAFN;IAGJC,UAAU,EAAE,EAHR;IAIJI,KAAK,EAAE;EAJH,CApB8C;EA0BpDhC,cAAc,EAAE;IACdgC,KAAK,EAAE;EADO,CA1BoC;EA6BpD/B,mBAAmB,EAAE;IACnBgC,eAAe,EAAE,SADE;IAEnBC,WAAW,EAAE,EAFM;IAGnBC,eAAe,EAAE;EAHE,CA7B+B;EAkCpD9B,EAAE,EAAE;IACFsB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE,MAHV;IAIFC,eAAe,EAAE,CAJf;IAKFK,aAAa,EAAE;EALb,CAlCgD;EAyCpD9B,EAAE,EAAE;IACFqB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE,KAHV;IAIFC,eAAe,EAAE;EAJf,CAzCgD;EA+CpDxB,EAAE,EAAE;IACFoB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE;EAHV,CA/CgD;EAoDpDtB,EAAE,EAAE;IACFmB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE;EAHV,CApDgD;EAyDpDrB,EAAE,EAAE;IACFkB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE;EAHV,CAzDgD;EA8DpDpB,EAAE,EAAE;IACFiB,QAAQ,EAAE,EADR;IAEFC,UAAU,EAAE,EAFV;IAGFE,UAAU,EAAE;EAHV,CA9DgD;EAmEpDR,QAAQ,EAAE;IACRK,QAAQ,EAAE,EADF;IAERC,UAAU,EAAE,EAFJ;IAGRC,SAAS,EAAE,QAHH;IAIRQ,eAAe,EAAE,WAJT;IAKRP,UAAU,EAAE;EALJ,CAnE0C;EA0EpDlB,IAAI,EAAE;IACJ0B,OAAO,EAAE,EADL;IAEJD,eAAe,EAAE,WAFb;IAGJE,QAAQ,EAAE;EAHN;AA1E8C,CAAhC,CAAtB;AAiFA,eAAehE,MAAf"}

package/dist/module/lib/Renderer.js

@@ -0,0 +1,70 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { Linking, ScrollView, View } from 'react-native';
+import { Text } from 'react-native';
+import MDImage from './../components/MDImage';
+import { generateRandomString } from '../utils/string';
+
+class Renderer {
+  constructor() {
+    _defineProperty(this, "onLinkPress", href => () => Linking.openURL(href));
+
+    _defineProperty(this, "getTextNode", (children, styles) => {
+      return /*#__PURE__*/React.createElement(Text, {
+        key: generateRandomString(),
+        style: styles
+      }, children);
+    });
+
+    _defineProperty(this, "getLinkNode", (text, href, styles) => {
+      return /*#__PURE__*/React.createElement(Text, {
+        key: generateRandomString(),
+        onPress: this.onLinkPress(href),
+        style: styles
+      }, text);
+    });
+  }
+
+  getParagraph(children, styles) {
+    return /*#__PURE__*/React.createElement(View, {
+      key: generateRandomString(),
+      style: styles
+    }, children);
+  }
+
+  getCodeBlock(text, containerStyle, textStyle) {
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      contentContainerStyle: containerStyle,
+      horizontal: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: textStyle
+    }, text));
+  }
+
+  getBlockquote(children, styles) {
+    return /*#__PURE__*/React.createElement(View, {
+      key: generateRandomString(),
+      style: styles
+    }, children);
+  }
+
+  getHeading(text, styles) {
+    return /*#__PURE__*/React.createElement(Text, {
+      key: generateRandomString(),
+      style: styles
+    }, text);
+  }
+
+  getImage(uri, width) {
+    return /*#__PURE__*/React.createElement(MDImage, {
+      key: generateRandomString(),
+      uri: uri,
+      width: width
+    });
+  }
+
+}
+
+export default Renderer;
+//# sourceMappingURL=Renderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Linking","ScrollView","View","Text","MDImage","generateRandomString","Renderer","href","openURL","children","styles","text","onLinkPress","getParagraph","getCodeBlock","containerStyle","textStyle","getBlockquote","getHeading","getImage","uri","width"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, ViewStyle } from 'react-native';\nimport type { StyleProp, TextStyle } from 'react-native';\nimport { Text } from 'react-native';\nimport MDImage from './../components/MDImage';\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  getParagraph(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlock(\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  getBlockquote(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getHeading(text: string, styles: StyleProp<TextStyle>) {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {text}\n      </Text>\n    );\n  }\n\n  getImage(uri: string, width: number) {\n    return <MDImage key={generateRandomString()} uri={uri} width={width} />;\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,EAAkBC,UAAlB,EAA8BC,IAA9B,QAAqD,cAArD;AAEA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;;AAEA,MAAMC,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMP,OAAO,CAACQ,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,YAAY,CAACJ,QAAD,EAA8BC,MAA9B,EAA4D;IACtE,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDK,YAAY,CACVH,IADU,EAEVI,cAFU,EAGVC,SAHU,EAIV;IACA,oBACE,oBAAC,UAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,IAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,aAAa,CAACR,QAAD,EAA8BC,MAA9B,EAA4D;IACvE,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDS,UAAU,CAACP,IAAD,EAAeD,MAAf,EAA6C;IACrD,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEL,oBAAoB,EAA/B;MAAmC,KAAK,EAAEK;IAA1C,GACGC,IADH,CADF;EAKD;;EAEDQ,QAAQ,CAACC,GAAD,EAAcC,KAAd,EAA6B;IACnC,oBAAO,oBAAC,OAAD;MAAS,GAAG,EAAEhB,oBAAoB,EAAlC;MAAsC,GAAG,EAAEe,GAA3C;MAAgD,KAAK,EAAEC;IAAvD,EAAP;EACD;;AAhEY;;AAmEf,eAAef,QAAf"}

package/dist/module/types/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\n\nexport interface MarkedStyles {\n  em?: TextStyle;\n  strong?: TextStyle;\n  text?: TextStyle;\n  paragraph?: ViewStyle;\n  link?: TextStyle;\n  blockquoteText?: TextStyle;\n  blockquoteContainer?: ViewStyle;\n  h1?: TextStyle;\n  h2?: TextStyle;\n  h3?: TextStyle;\n  h4?: TextStyle;\n  h5?: TextStyle;\n  h6?: TextStyle;\n  image?: ImageStyle;\n  codespan?: TextStyle;\n  code?: ViewStyle;\n}\n\nexport interface ParserOptions {\n  contentWidth: number;\n  styles?: MarkedStyles;\n}\n"],"mappings":""}

package/dist/module/utils/string.js

@@ -0,0 +1,8 @@
+/**
+ * Generates a random string
+ * @returns string
+ */
+export const generateRandomString = () => {
+  return (Math.random() + 1).toString(36).substring(7);
+};
+//# sourceMappingURL=string.js.map

package/dist/module/utils/string.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateRandomString","Math","random","toString","substring"],"sources":["string.ts"],"sourcesContent":["/**\n * Generates a random string\n * @returns string\n */\nexport const generateRandomString = () => {\n  return (Math.random() + 1).toString(36).substring(7);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAO,MAAMA,oBAAoB,GAAG,MAAM;EACxC,OAAO,CAACC,IAAI,CAACC,MAAL,KAAgB,CAAjB,EAAoBC,QAApB,CAA6B,EAA7B,EAAiCC,SAAjC,CAA2C,CAA3C,CAAP;AACD,CAFM"}

package/dist/typescript/components/MDImage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MDImageProps {
+    uri: string;
+    width: number;
+}
+declare const _default: React.MemoExoticComponent<({ uri, width }: MDImageProps) => JSX.Element | null>;
+export default _default;

package/dist/typescript/index.d.ts

@@ -0,0 +1,2 @@
+import Markdown from './lib/Markdown';
+export default Markdown;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FlatListProps } from 'react-native';
+interface MarkdownProps {
+    value: string;
+    contentWidth: number;
+    listProps?: Omit<FlatListProps<ReactNode>, 'data' | 'renderItem' | 'horizontal'>;
+}
+declare const Markdown: ({ value, contentWidth, listProps }: MarkdownProps) => JSX.Element;
+export default Markdown;

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle } from 'react-native';
+declare class Renderer {
+    private onLinkPress;
+    getTextNode: (children: string | React.ReactNode[], styles: StyleProp<TextStyle>) => JSX.Element;
+    getLinkNode: (text: string, href: string, styles: StyleProp<TextStyle>) => JSX.Element;
+    getParagraph(children: React.ReactNode[], styles: StyleProp<ViewStyle>): JSX.Element;
+    getCodeBlock(text: string, containerStyle: StyleProp<ViewStyle>, textStyle: StyleProp<TextStyle>): JSX.Element;
+    getBlockquote(children: React.ReactNode[], styles: StyleProp<ViewStyle>): JSX.Element;
+    getHeading(text: string, styles: StyleProp<TextStyle>): JSX.Element;
+    getImage(uri: string, width: number): JSX.Element;
+}
+export default Renderer;

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

@@ -0,0 +1,23 @@
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+export interface MarkedStyles {
+    em?: TextStyle;
+    strong?: TextStyle;
+    text?: TextStyle;
+    paragraph?: ViewStyle;
+    link?: TextStyle;
+    blockquoteText?: TextStyle;
+    blockquoteContainer?: ViewStyle;
+    h1?: TextStyle;
+    h2?: TextStyle;
+    h3?: TextStyle;
+    h4?: TextStyle;
+    h5?: TextStyle;
+    h6?: TextStyle;
+    image?: ImageStyle;
+    codespan?: TextStyle;
+    code?: ViewStyle;
+}
+export interface ParserOptions {
+    contentWidth: number;
+    styles?: MarkedStyles;
+}

package/dist/typescript/utils/string.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generates a random string
+ * @returns string
+ */
+export declare const generateRandomString: () => string;