react-native-marked 1.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2022 Gowtham G
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,29 @@
+# react-native-marked
+Markdown support for React Native
+## Installation
+
+```sh
+npm install react-native-marked
+```
+
+## Usage
+
+```js
+import { multiply } from "react-native-marked";
+
+// ...
+
+const result = await multiply(3, 7);
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/dist/commonjs/components/MDImage.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
+
+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); }
+
+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; }
+
+const MDImage = _ref => {
+  let {
+    uri,
+    width
+  } = _ref;
+  const [height, setHeight] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    _reactNative.Image.prefetch(uri);
+
+    _reactNative.Image.getSize(uri, (iWidth, iHeight) => {
+      const heightCalc = width * (iHeight / iWidth);
+      setHeight(heightCalc);
+    });
+  }, [uri, width, height]);
+
+  if (height < 1) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNativeFastImage.default, {
+    fallback: true,
+    source: {
+      uri
+    },
+    style: [{
+      width: width,
+      height: height
+    }],
+    resizeMode: _reactNativeFastImage.default.resizeMode.cover
+  });
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(MDImage);
+
+exports.default = _default;
+//# sourceMappingURL=MDImage.js.map

package/dist/commonjs/components/MDImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MDImage","uri","width","height","setHeight","useState","useEffect","Image","prefetch","getSize","iWidth","iHeight","heightCalc","FastImage","resizeMode","cover","memo"],"sources":["MDImage.tsx"],"sourcesContent":["import React, { memo, useEffect, useState } from 'react';\nimport { Image } from 'react-native';\nimport FastImage from 'react-native-fast-image';\n\ninterface MDImageProps {\n  uri: string;\n  width: number;\n}\n\nconst MDImage = ({ uri, width }: MDImageProps) => {\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    Image.prefetch(uri);\n    Image.getSize(uri, (iWidth, iHeight) => {\n      const heightCalc = width * (iHeight / iWidth);\n      setHeight(heightCalc);\n    });\n  }, [uri, width, height]);\n\n  if (height < 1) {\n    return null;\n  }\n\n  return (\n    <FastImage\n      fallback\n      source={{ uri }}\n      style={[\n        {\n          width: width,\n          height: height,\n        },\n      ]}\n      resizeMode={FastImage.resizeMode.cover}\n    />\n  );\n};\n\nexport default memo(MDImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,OAAO,GAAG,QAAkC;EAAA,IAAjC;IAAEC,GAAF;IAAOC;EAAP,CAAiC;EAChD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAiB,CAAjB,CAA5B;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACdC,kBAAA,CAAMC,QAAN,CAAeP,GAAf;;IACAM,kBAAA,CAAME,OAAN,CAAcR,GAAd,EAAmB,CAACS,MAAD,EAASC,OAAT,KAAqB;MACtC,MAAMC,UAAU,GAAGV,KAAK,IAAIS,OAAO,GAAGD,MAAd,CAAxB;MACAN,SAAS,CAACQ,UAAD,CAAT;IACD,CAHD;EAID,CAND,EAMG,CAACX,GAAD,EAAMC,KAAN,EAAaC,MAAb,CANH;;EAQA,IAAIA,MAAM,GAAG,CAAb,EAAgB;IACd,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,6BAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAE;MAAEF;IAAF,CAFV;IAGE,KAAK,EAAE,CACL;MACEC,KAAK,EAAEA,KADT;MAEEC,MAAM,EAAEA;IAFV,CADK,CAHT;IASE,UAAU,EAAEU,6BAAA,CAAUC,UAAV,CAAqBC;EATnC,EADF;AAaD,CA5BD;;4BA8Be,IAAAC,WAAA,EAAKhB,OAAL,C"}

package/dist/commonjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Markdown = _interopRequireDefault(require("./lib/Markdown"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _Markdown.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/commonjs/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;;;;eAEeA,iB"}

package/dist/commonjs/lib/Markdown.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _marked = require("marked");
+
+var _Parser = _interopRequireDefault(require("./Parser"));
+
+var _reactNative = require("react-native");
+
+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); }
+
+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 _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); }
+
+const Markdown = _ref => {
+  let {
+    value,
+    contentWidth,
+    listProps
+  } = _ref;
+
+  const tokens = _marked.marked.lexer(value.trim());
+
+  const parser = new _Parser.default({
+    contentWidth
+  });
+  const rnElements = parser.parse(tokens);
+  const renderItem = (0, _react.useCallback)(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item);
+  }, []);
+  const keyExtractor = (0, _react.useCallback)((_, index) => index.toString(), []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({
+    keyExtractor: keyExtractor,
+    maxToRenderPerBatch: 8,
+    initialNumToRender: 8,
+    removeClippedSubviews: true
+  }, listProps, {
+    data: rnElements,
+    renderItem: renderItem
+  }));
+};
+
+var _default = Markdown;
+exports.default = _default;
+//# sourceMappingURL=Markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Markdown","value","contentWidth","listProps","tokens","marked","lexer","trim","parser","Parser","rnElements","parse","renderItem","useCallback","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;;AACA;;AACA;;AACA;;;;;;;;;;AAWA,MAAMA,QAAQ,GAAG,QAAuD;EAAA,IAAtD;IAAEC,KAAF;IAASC,YAAT;IAAuBC;EAAvB,CAAsD;;EACtE,MAAMC,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAaL,KAAK,CAACM,IAAN,EAAb,CAAf;;EACA,MAAMC,MAAM,GAAG,IAAIC,eAAJ,CAAW;IAAEP;EAAF,CAAX,CAAf;EACA,MAAMQ,UAAU,GAAGF,MAAM,CAACG,KAAP,CAAaP,MAAb,CAAnB;EAEA,MAAMQ,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;EAJvB,GAKMZ,SALN;IAME,IAAI,EAAEO,UANR;IAOE,UAAU,EAAEE;EAPd,GADF;AAWD,CAtBD;;eAwBeZ,Q"}

package/dist/commonjs/lib/Parser.js

@@ -0,0 +1,264 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _Renderer = _interopRequireDefault(require("./Renderer"));
+
+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 Parser {
+  constructor(options) {
+    _defineProperty(this, "renderer", void 0);
+
+    _defineProperty(this, "styles", void 0);
+
+    _defineProperty(this, "options", void 0);
+
+    this.renderer = new _Renderer.default();
+    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 = _reactNative.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%'
+  }
+});
+
+var _default = Parser;
+exports.default = _default;
+//# sourceMappingURL=Parser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Parser","constructor","options","renderer","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","StyleSheet","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":"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"}

package/dist/commonjs/lib/Renderer.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+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); }
+
+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 _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, {
+        key: (0, _string.generateRandomString)(),
+        style: styles
+      }, children);
+    });
+
+    _defineProperty(this, "getLinkNode", (text, href, styles) => {
+      return /*#__PURE__*/React.createElement(_reactNative.Text, {
+        key: (0, _string.generateRandomString)(),
+        onPress: this.onLinkPress(href),
+        style: styles
+      }, text);
+    });
+  }
+
+  getParagraph(children, styles) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      key: (0, _string.generateRandomString)(),
+      style: styles
+    }, children);
+  }
+
+  getCodeBlock(text, containerStyle, textStyle) {
+    return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+      contentContainerStyle: containerStyle,
+      horizontal: true
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyle
+    }, text));
+  }
+
+  getBlockquote(children, styles) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      key: (0, _string.generateRandomString)(),
+      style: styles
+    }, children);
+  }
+
+  getHeading(text, styles) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      key: (0, _string.generateRandomString)(),
+      style: styles
+    }, text);
+  }
+
+  getImage(uri, width) {
+    return /*#__PURE__*/React.createElement(_MDImage.default, {
+      key: (0, _string.generateRandomString)(),
+      uri: uri,
+      width: width
+    });
+  }
+
+}
+
+var _default = Renderer;
+exports.default = _default;
+//# sourceMappingURL=Renderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Renderer","href","Linking","openURL","children","styles","generateRandomString","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;;AACA;;AAGA;;AACA;;;;;;;;;;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,YAAY,CAACL,QAAD,EAA8BC,MAA9B,EAA4D;IACtE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,YAAY,CACVH,IADU,EAEVI,cAFU,EAGVC,SAHU,EAIV;IACA,oBACE,oBAAC,uBAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,aAAa,CAACT,QAAD,EAA8BC,MAA9B,EAA4D;IACvE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,UAAU,CAACP,IAAD,EAAeF,MAAf,EAA6C;IACrD,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGE,IADH,CADF;EAKD;;EAEDQ,QAAQ,CAACC,GAAD,EAAcC,KAAd,EAA6B;IACnC,oBAAO,oBAAC,gBAAD;MAAS,GAAG,EAAE,IAAAX,4BAAA,GAAd;MAAsC,GAAG,EAAEU,GAA3C;MAAgD,KAAK,EAAEC;IAAvD,EAAP;EACD;;AAhEY;;eAmEAjB,Q"}

package/dist/commonjs/types/types.js

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

package/dist/commonjs/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/commonjs/utils/string.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateRandomString = void 0;
+
+/**
+ * Generates a random string
+ * @returns string
+ */
+const generateRandomString = () => {
+  return (Math.random() + 1).toString(36).substring(7);
+};
+
+exports.generateRandomString = generateRandomString;
+//# sourceMappingURL=string.js.map

package/dist/commonjs/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;AACO,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/module/components/MDImage.js

@@ -0,0 +1,37 @@
+import React, { memo, useEffect, useState } from 'react';
+import { Image } from 'react-native';
+import FastImage from 'react-native-fast-image';
+
+const MDImage = _ref => {
+  let {
+    uri,
+    width
+  } = _ref;
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    Image.prefetch(uri);
+    Image.getSize(uri, (iWidth, iHeight) => {
+      const heightCalc = width * (iHeight / iWidth);
+      setHeight(heightCalc);
+    });
+  }, [uri, width, height]);
+
+  if (height < 1) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(FastImage, {
+    fallback: true,
+    source: {
+      uri
+    },
+    style: [{
+      width: width,
+      height: height
+    }],
+    resizeMode: FastImage.resizeMode.cover
+  });
+};
+
+export default /*#__PURE__*/memo(MDImage);
+//# sourceMappingURL=MDImage.js.map

package/dist/module/components/MDImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useState","Image","FastImage","MDImage","uri","width","height","setHeight","prefetch","getSize","iWidth","iHeight","heightCalc","resizeMode","cover"],"sources":["MDImage.tsx"],"sourcesContent":["import React, { memo, useEffect, useState } from 'react';\nimport { Image } from 'react-native';\nimport FastImage from 'react-native-fast-image';\n\ninterface MDImageProps {\n  uri: string;\n  width: number;\n}\n\nconst MDImage = ({ uri, width }: MDImageProps) => {\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    Image.prefetch(uri);\n    Image.getSize(uri, (iWidth, iHeight) => {\n      const heightCalc = width * (iHeight / iWidth);\n      setHeight(heightCalc);\n    });\n  }, [uri, width, height]);\n\n  if (height < 1) {\n    return null;\n  }\n\n  return (\n    <FastImage\n      fallback\n      source={{ uri }}\n      style={[\n        {\n          width: width,\n          height: height,\n        },\n      ]}\n      resizeMode={FastImage.resizeMode.cover}\n    />\n  );\n};\n\nexport default memo(MDImage);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,SAAtB,EAAiCC,QAAjC,QAAiD,OAAjD;AACA,SAASC,KAAT,QAAsB,cAAtB;AACA,OAAOC,SAAP,MAAsB,yBAAtB;;AAOA,MAAMC,OAAO,GAAG,QAAkC;EAAA,IAAjC;IAAEC,GAAF;IAAOC;EAAP,CAAiC;EAChD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBP,QAAQ,CAAS,CAAT,CAApC;EAEAD,SAAS,CAAC,MAAM;IACdE,KAAK,CAACO,QAAN,CAAeJ,GAAf;IACAH,KAAK,CAACQ,OAAN,CAAcL,GAAd,EAAmB,CAACM,MAAD,EAASC,OAAT,KAAqB;MACtC,MAAMC,UAAU,GAAGP,KAAK,IAAIM,OAAO,GAAGD,MAAd,CAAxB;MACAH,SAAS,CAACK,UAAD,CAAT;IACD,CAHD;EAID,CANQ,EAMN,CAACR,GAAD,EAAMC,KAAN,EAAaC,MAAb,CANM,CAAT;;EAQA,IAAIA,MAAM,GAAG,CAAb,EAAgB;IACd,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,SAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAE;MAAEF;IAAF,CAFV;IAGE,KAAK,EAAE,CACL;MACEC,KAAK,EAAEA,KADT;MAEEC,MAAM,EAAEA;IAFV,CADK,CAHT;IASE,UAAU,EAAEJ,SAAS,CAACW,UAAV,CAAqBC;EATnC,EADF;AAaD,CA5BD;;AA8BA,4BAAehB,IAAI,CAACK,OAAD,CAAnB"}