react-native-marked 1.0.0-alpha.2 → 1.0.1

package/dist/commonjs/theme/styles.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _theme = require("./theme");
+
+const getFontStyles = theme => {
+  return _reactNative.StyleSheet.create({
+    regular: {
+      fontSize: 16,
+      lineHeight: 24,
+      color: theme.colors.text
+    },
+    heading: {
+      fontWeight: '500',
+      color: theme.colors.text
+    }
+  });
+};
+
+const getStyles = (userStyles, colorScheme) => {
+  const theme = (0, _theme.getTheme)(colorScheme || 'light');
+  const fontStyle = getFontStyles(theme);
+
+  const defaultStyles = _reactNative.StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.background
+    },
+    em: { ...fontStyle.regular,
+      fontStyle: 'italic'
+    },
+    strong: { ...fontStyle.regular,
+      fontWeight: 'bold'
+    },
+    text: { ...fontStyle.regular
+    },
+    paragraph: { ...fontStyle.regular,
+      paddingVertical: 8
+    },
+    link: { ...fontStyle.regular,
+      fontStyle: 'italic',
+      color: theme.colors.link
+    },
+    blockquote: {
+      borderLeftColor: theme.colors.border,
+      paddingLeft: 16,
+      borderLeftWidth: 5,
+      opacity: 0.8
+    },
+    h1: {
+      fontSize: 32,
+      lineHeight: 40,
+      fontWeight: 'bold',
+      marginVertical: 8,
+      letterSpacing: 0
+    },
+    h2: { ...fontStyle.heading,
+      fontSize: 28,
+      lineHeight: 36,
+      marginVertical: 8
+    },
+    h3: { ...fontStyle.heading,
+      fontSize: 24,
+      lineHeight: 32,
+      marginVertical: 4
+    },
+    h4: { ...fontStyle.heading,
+      fontSize: 22,
+      lineHeight: 28,
+      marginVertical: 4
+    },
+    h5: { ...fontStyle.regular,
+      ...fontStyle.heading,
+      marginVertical: 2
+    },
+    h6: { ...fontStyle.heading,
+      fontSize: 14,
+      lineHeight: 20,
+      marginVertical: 2
+    },
+    codespan: { ...fontStyle.regular,
+      fontStyle: 'italic',
+      backgroundColor: theme.colors.code,
+      fontWeight: '300'
+    },
+    code: {
+      padding: 16,
+      backgroundColor: theme.colors.code,
+      minWidth: '100%'
+    },
+    hr: {
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colors.border,
+      marginVertical: 4
+    },
+    li: { ...fontStyle.regular,
+      flexShrink: 1
+    }
+  });
+
+  return { ...defaultStyles,
+    ...userStyles
+  };
+};
+
+var _default = getStyles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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":"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"}

package/dist/commonjs/theme/theme.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTheme = void 0;
+
+var _colors = _interopRequireDefault(require("./colors"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const getTheme = theme => {
+  return {
+    colors: _colors.default[theme || 'light']
+  };
+};
+
+exports.getTheme = getTheme;
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getTheme","theme","colors"],"sources":["theme.ts"],"sourcesContent":["import type { ColorSchemeName } from 'react-native';\nimport colors from './colors';\nimport type { Theme } from './types';\n\nexport const getTheme = (theme: ColorSchemeName): Theme => {\n  return {\n    colors: colors[theme || 'light'],\n  };\n};\n"],"mappings":";;;;;;;AACA;;;;AAGO,MAAMA,QAAQ,GAAIC,KAAD,IAAmC;EACzD,OAAO;IACLC,MAAM,EAAEA,eAAA,CAAOD,KAAK,IAAI,OAAhB;EADH,CAAP;AAGD,CAJM"}

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { TextStyle, ViewStyle } from 'react-native';\n\nexport interface MarkedStyles {\n  container?: ViewStyle;\n  em?: TextStyle;\n  strong?: TextStyle;\n  text?: TextStyle;\n  paragraph?: ViewStyle;\n  link?: TextStyle;\n  blockquote?: ViewStyle;\n  h1?: TextStyle;\n  h2?: TextStyle;\n  h3?: TextStyle;\n  h4?: TextStyle;\n  h5?: TextStyle;\n  h6?: TextStyle;\n  codespan?: TextStyle;\n  code?: ViewStyle;\n  hr?: ViewStyle;\n  list?: ViewStyle;\n  li?: TextStyle;\n}\n\nexport type ColorKeys = 'background' | 'code' | 'link' | 'text' | 'border';\n\nexport interface Theme {\n  colors: Record<ColorKeys, string>;\n}\n"],"mappings":""}

package/dist/module/components/MDImage.js

@@ -1,35 +1,19 @@
-import React, { memo, useEffect, useState } from 'react';
+import React, { memo, useEffect } from 'react';
 import { Image } from 'react-native';
-import FastImage from 'react-native-fast-image';
+import FitImage from 'react-native-fit-image';
 
 const MDImage = _ref => {
   let {
-    uri,
-    width
+    uri
   } = _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,
+  }, [uri]);
+  return /*#__PURE__*/React.createElement(FitImage, {
     source: {
       uri
     },
-    style: [{
-      width: width,
-      height: height
-    }],
-    resizeMode: FastImage.resizeMode.cover
+    resizeMode: "cover"
   });
 };
 

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

@@ -1 +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"}
+{"version":3,"names":["React","memo","useEffect","Image","FitImage","MDImage","uri","prefetch"],"sources":["MDImage.tsx"],"sourcesContent":["import React, { memo, useEffect } from 'react';\nimport { Image } from 'react-native';\nimport FitImage from 'react-native-fit-image';\n\ninterface MDImageProps {\n  uri: string;\n}\n\nconst MDImage = ({ uri }: MDImageProps) => {\n  useEffect(() => {\n    Image.prefetch(uri);\n  }, [uri]);\n\n  return <FitImage source={{ uri }} resizeMode=\"cover\" />;\n};\n\nexport default memo(MDImage);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,SAAtB,QAAuC,OAAvC;AACA,SAASC,KAAT,QAAsB,cAAtB;AACA,OAAOC,QAAP,MAAqB,wBAArB;;AAMA,MAAMC,OAAO,GAAG,QAA2B;EAAA,IAA1B;IAAEC;EAAF,CAA0B;EACzCJ,SAAS,CAAC,MAAM;IACdC,KAAK,CAACI,QAAN,CAAeD,GAAf;EACD,CAFQ,EAEN,CAACA,GAAD,CAFM,CAAT;EAIA,oBAAO,oBAAC,QAAD;IAAU,MAAM,EAAE;MAAEA;IAAF,CAAlB;IAA2B,UAAU,EAAC;EAAtC,EAAP;AACD,CAND;;AAQA,4BAAeL,IAAI,CAACI,OAAD,CAAnB"}

package/dist/module/lib/Markdown.js

@@ -1,21 +1,26 @@
 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 React, { memo, useCallback, useMemo } from 'react';
+import { FlatList, useColorScheme } from 'react-native';
 import { marked } from 'marked';
 import Parser from './Parser';
-import { FlatList } from 'react-native';
+import getStyles from '../theme/styles';
 
 const Markdown = _ref => {
   let {
     value,
-    contentWidth,
-    listProps
+    flatListProps,
+    styles: userStyles
   } = _ref;
-  const tokens = marked.lexer(value.trim());
-  const parser = new Parser({
-    contentWidth
-  });
-  const rnElements = parser.parse(tokens);
+  const systemTheme = useColorScheme();
+  const styles = useMemo(() => getStyles(userStyles, systemTheme), [userStyles, systemTheme]);
+  const rnElements = useMemo(() => {
+    const parser = new Parser({
+      styles
+    });
+    const tokens = marked.lexer(value.trim());
+    return parser.parse(tokens);
+  }, [value, styles]);
   const renderItem = useCallback(_ref2 => {
     let {
       item
@@ -27,12 +32,13 @@ const Markdown = _ref => {
     keyExtractor: keyExtractor,
     maxToRenderPerBatch: 8,
     initialNumToRender: 8,
-    removeClippedSubviews: true
-  }, listProps, {
+    removeClippedSubviews: true,
+    style: styles.container
+  }, flatListProps, {
     data: rnElements,
     renderItem: renderItem
   }));
 };
 
-export default Markdown;
+export default /*#__PURE__*/memo(Markdown);
 //# sourceMappingURL=Markdown.js.map

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

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

package/dist/module/lib/Parser.js

@@ -1,6 +1,5 @@
 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 {
@@ -9,21 +8,22 @@ class Parser {
 
     _defineProperty(this, "styles", void 0);
 
-    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "headingStylesMap", void 0);
 
+    this.styles = { ...options.styles
+    };
     this.renderer = new Renderer();
-    this.options = options;
-    this.styles = { ...defaultStyles,
-      ...options.styles
+    this.headingStylesMap = {
+      1: this.styles.h1,
+      2: this.styles.h2,
+      3: this.styles.h3,
+      4: this.styles.h4,
+      5: this.styles.h5,
+      6: this.styles.h6
     };
   }
 
   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':
@@ -36,9 +36,8 @@ class Parser {
             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.renderer.getTextNode(this.parseInline(tempTokens), this.styles.text));
                 paragraphChildren.push(this.parseInline([t]));
                 tempTokens = [];
                 return;
@@ -48,49 +47,41 @@ class Parser {
             });
 
             if (tempTokens.length > 0) {
-              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), styleObj));
+              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
             }
 
-            return this.renderer.getParagraph(paragraphChildren, [styleObj, this.styles.paragraph]);
+            return this.renderer.getViewNode(paragraphChildren, this.styles.paragraph);
           }
 
         case 'blockquote':
           {
-            return this.renderer.getBlockquote(this.parseBlocks(token.tokens, this.styles.blockquoteText), this.styles.blockquoteContainer);
+            return this.renderer.getBlockquoteNode(this.parse(token.tokens), this.styles.blockquote);
           }
 
         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);
+            const styles = this.headingStylesMap[token.depth] ?? this.styles.text;
+            return this.renderer.getTextNode(token.text, styles);
+          }
 
-              case 6:
-                return this.renderer.getHeading(token.text, this.styles.h6);
+        case 'code':
+          {
+            return this.renderer.getCodeBlockNode(token.text, this.styles.code, this.styles.em);
+          }
 
-              default:
-                return null;
-            }
+        case 'hr':
+          {
+            return this.renderer.getViewNode(null, this.styles.hr);
           }
 
-        case 'code':
+        case 'list':
           {
-            return this.renderer.getCodeBlock(token.text, this.styles.code, this.styles.em);
+            const li = token.items.map(item => item.text);
+            return this.renderer.getListNode(token.ordered, li, this.styles.list, this.styles.li);
           }
 
         default:
+          console.warn(`Token with '${token.type}' type was not found.`);
           return null;
       }
     });
@@ -98,14 +89,14 @@ class Parser {
   }
 
   parseInline(tokens) {
-    let styleObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let styles = 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]);
+            return this.renderer.getTextNode(token.text, [styles, this.styles.text]);
           }
 
         case 'html':
@@ -116,27 +107,27 @@ class Parser {
 
         case 'link':
           {
-            return this.renderer.getLinkNode(token.text, token.href, [styleObj, this.styles.link]);
+            return this.renderer.getLinkNode(token.text, token.href, [styles, this.styles.link]);
           }
 
         case 'image':
           {
-            return this.renderer.getImage(token.href, this.options.contentWidth);
+            return this.renderer.getImageNode(token.href);
           }
 
         case 'strong':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styleObj, this.styles.strong]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styles, this.styles.strong]);
           }
 
         case 'em':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styleObj, this.styles.em]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styles, this.styles.em]);
           }
 
         case 'codespan':
           {
-            return this.renderer.getTextNode(` ${token.text} `, this.styles.codespan);
+            return this.renderer.getTextNode(token.text, this.styles.codespan);
           }
 
         case 'br':
@@ -151,13 +142,12 @@ class Parser {
 
         case 'text':
           {
-            return this.renderer.getTextNode(token.raw, [styleObj, this.styles.text]);
+            return this.renderer.getTextNode(token.raw, [styles, this.styles.text]);
           }
 
         default:
           {
-            const errMsg = 'Token with "' + token.type + '" type was not found.';
-            console.error(errMsg);
+            console.warn(`Token with '${token.type}' type was not found.`);
             return null;
           }
       }
@@ -165,88 +155,7 @@ class Parser {
     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

@@ -1 +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":"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"}
+{"version":3,"names":["Renderer","Parser","constructor","options","styles","renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyle | undefined>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => item.text);\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(\n    tokens: marked.Token[],\n    styles: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, [\n            styles,\n            this.styles.text,\n          ]);\n        }\n        case 'html': {\n          console.log('html', token);\n          return null;\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, [\n            styles,\n            this.styles.link,\n          ]);\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            [styles, this.styles.strong]\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            [styles, this.styles.em]\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, [\n            styles,\n            this.styles.text,\n          ]);\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}