react-native-marked 1.1.7 → 1.3.0

package/README.md

@@ -3,8 +3,8 @@
 [![GitHub license](https://img.shields.io/github/license/gmsgowtham/react-native-marked)](https://github.com/gmsgowtham/react-native-marked/blob/main/LICENSE)
 [![CI](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml/badge.svg)](https://github.com/gmsgowtham/react-native-marked/actions/workflows/build.yml)
 [![Coverage Status](https://coveralls.io/repos/github/gmsgowtham/react-native-marked/badge.svg?branch=main)](https://coveralls.io/github/gmsgowtham/react-native-marked?branch=main)
-![npm](https://img.shields.io/npm/v/react-native-marked)
-![npm](https://img.shields.io/npm/dw/react-native-marked)
+[![npm](https://img.shields.io/npm/v/react-native-marked)](https://www.npmjs.com/package/react-native-marked)
+[![npm](https://img.shields.io/npm/dw/react-native-marked)](https://www.npmjs.com/package/react-native-marked)
 
 Markdown renderer for React Native powered by [marked.js](https://marked.js.org/) with built-in theming support
 
@@ -69,3 +69,4 @@ Made with [create-react-native-library](https://github.com/callstack/react-nativ
 - [Marked](https://marked.js.org/)
 - [React Native Fit Image](https://github.com/huiseoul/react-native-fit-image)
 - [@jsamr/react-native-li](https://github.com/jsamr/react-native-li)
+- [entities](https://github.com/fb55/entities)

package/dist/commonjs/components/MDImage.js

@@ -19,12 +19,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const MDImage = _ref => {
   let {
-    uri
+    uri,
+    alt
   } = _ref;
   (0, _react.useEffect)(() => {
     _reactNative.Image.prefetch(uri);
   }, [uri]);
   return /*#__PURE__*/_react.default.createElement(_reactNativeFitImage.default, {
+    accessibilityRole: "image",
+    accessibilityLabel: alt || 'Image',
     source: {
       uri
     },

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

@@ -1 +1 @@
-{"version":3,"names":["MDImage","uri","useEffect","Image","prefetch","memo"],"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;;AACA;;AACA;;;;;;;;AAMA,MAAMA,OAAO,GAAG,QAA2B;EAAA,IAA1B;IAAEC;EAAF,CAA0B;EACzC,IAAAC,gBAAA,EAAU,MAAM;IACdC,kBAAA,CAAMC,QAAN,CAAeH,GAAf;EACD,CAFD,EAEG,CAACA,GAAD,CAFH;EAIA,oBAAO,6BAAC,4BAAD;IAAU,MAAM,EAAE;MAAEA;IAAF,CAAlB;IAA2B,UAAU,EAAC;EAAtC,EAAP;AACD,CAND;;4BAQe,IAAAI,WAAA,EAAKL,OAAL,C"}
+{"version":3,"names":["MDImage","uri","alt","useEffect","Image","prefetch","memo"],"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  alt?: string;\n}\n\nconst MDImage = ({ uri, alt }: MDImageProps) => {\n  useEffect(() => {\n    Image.prefetch(uri);\n  }, [uri]);\n\n  return (\n    <FitImage\n      accessibilityRole=\"image\"\n      accessibilityLabel={alt || 'Image'}\n      source={{ uri }}\n      resizeMode=\"cover\"\n    />\n  );\n};\n\nexport default memo(MDImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAOA,MAAMA,OAAO,GAAG,QAAgC;EAAA,IAA/B;IAAEC,GAAF;IAAOC;EAAP,CAA+B;EAC9C,IAAAC,gBAAA,EAAU,MAAM;IACdC,kBAAA,CAAMC,QAAN,CAAeJ,GAAf;EACD,CAFD,EAEG,CAACA,GAAD,CAFH;EAIA,oBACE,6BAAC,4BAAD;IACE,iBAAiB,EAAC,OADpB;IAEE,kBAAkB,EAAEC,GAAG,IAAI,OAF7B;IAGE,MAAM,EAAE;MAAED;IAAF,CAHV;IAIE,UAAU,EAAC;EAJb,EADF;AAQD,CAbD;;4BAee,IAAAK,WAAA,EAAKN,OAAL,C"}

package/dist/commonjs/lib/Parser.js

@@ -22,7 +22,7 @@ class Parser {
     _defineProperty(this, "headingStylesMap", void 0);
 
     _defineProperty(this, "getNormalizedSiblingNodesForBlockAndInlineTokens", (tokens, textStyle) => {
-      let tempTokens = [];
+      let tokenRenderQueue = [];
       const siblingNodes = [];
       tokens.forEach(t => {
         /**
@@ -31,29 +31,31 @@ class Parser {
          * Note: to be extend for other token types
          */
         if (t.type === 'image' || t.type === 'link' && t.tokens && t.tokens[0] && t.tokens[0].type === 'image') {
-          const parsed = this.parseInline(tempTokens);
+          // Render existing inline tokens in the queue
+          const parsed = this.parseInline(tokenRenderQueue);
 
           if (parsed.length > 0) {
             siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));
-          }
+          } // Render the current block token
+
 
           if (t.type === 'image') {
             siblingNodes.push(this.parseInline([t]));
           } else if (t.type === 'link') {
             const imageToken = t.tokens[0];
-            siblingNodes.push(this.renderer.getImageLinkNode(t.href, imageToken.href));
+            siblingNodes.push(this.renderer.getImageLinkNode(t.href, imageToken.href, imageToken.text || imageToken.title));
           }
 
-          tempTokens = [];
+          tokenRenderQueue = [];
           return;
         }
 
-        tempTokens = [...tempTokens, t];
+        tokenRenderQueue = [...tokenRenderQueue, t];
       });
       /* Remaining temp tokens if any */
 
-      if (tempTokens.length > 0) {
-        siblingNodes.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
+      if (tokenRenderQueue.length > 0) {
+        siblingNodes.push(this.renderer.getTextNode(this.parseInline(tokenRenderQueue), {}));
       }
 
       return siblingNodes;
@@ -148,12 +150,8 @@ class Parser {
 
         case 'link':
           {
-            if (token.tokens && token.tokens[0] && token.tokens[0].type === 'image') {
-              var _token$tokens$;
-
-              return this.renderer.getImageLinkNode(token.href, (_token$tokens$ = token.tokens[0]) === null || _token$tokens$ === void 0 ? void 0 : _token$tokens$.href);
-            }
-
+            // Note: Linking Images (https://www.markdownguide.org/basic-syntax/#linking-images) are wrapped
+            // in paragraph token, so will be handled via `getNormalizedSiblingNodesForBlockAndInlineTokens`
             const linkStyle = { ...styles,
               ...this.styles.link // To override color property
 
@@ -163,7 +161,7 @@ class Parser {
 
         case 'image':
           {
-            return this.renderer.getImageNode(token.href);
+            return this.renderer.getImageNode(token.href, token.text || token.title);
           }
 
         case 'strong':
@@ -196,7 +194,10 @@ class Parser {
 
         case 'del':
           {
-            return null;
+            const strikethroughStyle = { ...this.styles.strikethrough,
+              ...styles
+            };
+            return this.renderer.getTextNode(this.parseInline(token.tokens, strikethroughStyle), strikethroughStyle);
           }
 
         case 'text':

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

@@ -1 +1 @@
-{"version":3,"names":["Parser","constructor","options","tokens","textStyle","tempTokens","siblingNodes","forEach","t","type","parsed","parseInline","length","push","renderer","getTextNode","imageToken","getImageLinkNode","href","styles","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","elements","map","token","paragraphChildren","getNormalizedSiblingNodesForBlockAndInlineTokens","text","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","children","cItem","childTokens","listChildren","getListNode","ordered","list","filter","element","linkStyle","link","getTextLinkNode","getImageNode","boldStyle","strong","italicStyle","codespan","raw","trim","decode","console","warn"],"sources":["Parser.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { marked } from 'marked';\nimport { decode } from 'entities';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          const paragraphChildren =\n            this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n              token.tokens,\n              this.styles.text\n            );\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, styles),\n            styles\n          );\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            const children = item.tokens.map((cItem) => {\n              if (cItem.type === 'text') {\n                /* getViewNode since tokens could contain a block like elements (i.e. img) */\n                const childTokens = (cItem as marked.Tokens.Text).tokens || [];\n                const listChildren =\n                  this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n                    childTokens,\n                    this.styles.li\n                  );\n                return this.renderer.getViewNode(listChildren, this.styles.li);\n              }\n\n              /* Parse the nested token */\n              return this.parse([cItem]);\n            });\n            return this.renderer.getViewNode(children, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          return this.parseInline([token]);\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        case 'link': {\n          if (\n            token.tokens &&\n            token.tokens[0] &&\n            token.tokens[0].type === 'image'\n          ) {\n            return this.renderer.getImageLinkNode(\n              token.href,\n              token.tokens[0]?.href\n            );\n          }\n\n          const linkStyle = {\n            ...styles,\n            ...this.styles.link, // To override color property\n          };\n          return this.renderer.getTextLinkNode(\n            this.parseInline(token.tokens, linkStyle),\n            token.href,\n            linkStyle\n          );\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          const boldStyle = {\n            ...this.styles.strong,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, boldStyle),\n            boldStyle\n          );\n        }\n        case 'em': {\n          const italicStyle = {\n            ...this.styles.em,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, italicStyle),\n            italicStyle\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.codespan,\n            ...styles,\n          });\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text':\n        case 'html': {\n          if (token.raw.trim().length < 1) {\n            return null;\n          }\n\n          return this.renderer.getTextNode(decode(token.raw), {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  private getNormalizedSiblingNodesForBlockAndInlineTokens = (\n    tokens: marked.Token[],\n    textStyle: TextStyleProp\n  ): ReactNode[] => {\n    let tempTokens: marked.Token[] = [];\n    const siblingNodes: ReactNode[] = [];\n    tokens.forEach((t) => {\n      /**\n       * To avoid inlining images\n       * Currently supports images, link images\n       * Note: to be extend for other token types\n       */\n      if (\n        t.type === 'image' ||\n        (t.type === 'link' &&\n          t.tokens &&\n          t.tokens[0] &&\n          t.tokens[0].type === 'image')\n      ) {\n        const parsed = this.parseInline(tempTokens);\n        if (parsed.length > 0) {\n          siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));\n        }\n\n        if (t.type === 'image') {\n          siblingNodes.push(this.parseInline([t]));\n        } else if (t.type === 'link') {\n          const imageToken = t.tokens[0] as marked.Tokens.Image;\n          siblingNodes.push(\n            this.renderer.getImageLinkNode(t.href, imageToken.href)\n          );\n        }\n\n        tempTokens = [];\n        return;\n      }\n      tempTokens = [...tempTokens, t];\n    });\n\n    /* Remaining temp tokens if any */\n    if (tempTokens.length > 0) {\n      siblingNodes.push(\n        this.renderer.getTextNode(this.parseInline(tempTokens), {})\n      );\n    }\n\n    return siblingNodes;\n  };\n}\n\nexport default Parser;\n"],"mappings":";;;;;;;AAEA;;AACA;;;;;;AAIA,MAAMA,MAAN,CAAa;EAIXC,WAAW,CAACC,OAAD,EAAyB;IAAA;;IAAA;;IAAA;;IAAA,0EA+KuB,CACzDC,MADyD,EAEzDC,SAFyD,KAGzC;MAChB,IAAIC,UAA0B,GAAG,EAAjC;MACA,MAAMC,YAAyB,GAAG,EAAlC;MACAH,MAAM,CAACI,OAAP,CAAgBC,CAAD,IAAO;QACpB;AACN;AACA;AACA;AACA;QACM,IACEA,CAAC,CAACC,IAAF,KAAW,OAAX,IACCD,CAAC,CAACC,IAAF,KAAW,MAAX,IACCD,CAAC,CAACL,MADH,IAECK,CAAC,CAACL,MAAF,CAAS,CAAT,CAFD,IAGCK,CAAC,CAACL,MAAF,CAAS,CAAT,EAAYM,IAAZ,KAAqB,OALzB,EAME;UACA,MAAMC,MAAM,GAAG,KAAKC,WAAL,CAAiBN,UAAjB,CAAf;;UACA,IAAIK,MAAM,CAACE,MAAP,GAAgB,CAApB,EAAuB;YACrBN,YAAY,CAACO,IAAb,CAAkB,KAAKC,QAAL,CAAcC,WAAd,CAA0BL,MAA1B,EAAkCN,SAAlC,CAAlB;UACD;;UAED,IAAII,CAAC,CAACC,IAAF,KAAW,OAAf,EAAwB;YACtBH,YAAY,CAACO,IAAb,CAAkB,KAAKF,WAAL,CAAiB,CAACH,CAAD,CAAjB,CAAlB;UACD,CAFD,MAEO,IAAIA,CAAC,CAACC,IAAF,KAAW,MAAf,EAAuB;YAC5B,MAAMO,UAAU,GAAGR,CAAC,CAACL,MAAF,CAAS,CAAT,CAAnB;YACAG,YAAY,CAACO,IAAb,CACE,KAAKC,QAAL,CAAcG,gBAAd,CAA+BT,CAAC,CAACU,IAAjC,EAAuCF,UAAU,CAACE,IAAlD,CADF;UAGD;;UAEDb,UAAU,GAAG,EAAb;UACA;QACD;;QACDA,UAAU,GAAG,CAAC,GAAGA,UAAJ,EAAgBG,CAAhB,CAAb;MACD,CA/BD;MAiCA;;MACA,IAAIH,UAAU,CAACO,MAAX,GAAoB,CAAxB,EAA2B;QACzBN,YAAY,CAACO,IAAb,CACE,KAAKC,QAAL,CAAcC,WAAd,CAA0B,KAAKJ,WAAL,CAAiBN,UAAjB,CAA1B,EAAwD,EAAxD,CADF;MAGD;;MAED,OAAOC,YAAP;IACD,CA9NmC;;IAClC,KAAKa,MAAL,GAAc,EAAE,GAAGjB,OAAO,CAACiB;IAAb,CAAd;IACA,KAAKL,QAAL,GAAgB,IAAIM,iBAAJ,EAAhB;IACA,KAAKC,gBAAL,GAAwB;MACtB,GAAG,KAAKF,MAAL,CAAYG,EADO;MAEtB,GAAG,KAAKH,MAAL,CAAYI,EAFO;MAGtB,GAAG,KAAKJ,MAAL,CAAYK,EAHO;MAItB,GAAG,KAAKL,MAAL,CAAYM,EAJO;MAKtB,GAAG,KAAKN,MAAL,CAAYO,EALO;MAMtB,GAAG,KAAKP,MAAL,CAAYQ;IANO,CAAxB;EAQD;;EAEDC,KAAK,CAACzB,MAAD,EAAyB;IAC5B,MAAM0B,QAAqB,GAAG1B,MAAM,CAAC2B,GAAP,CAAYC,KAAD,IAAW;MAClD,QAAQA,KAAK,CAACtB,IAAd;QACE,KAAK,OAAL;UAAc;YACZ,OAAO,IAAP;UACD;;QACD,KAAK,WAAL;UAAkB;YAChB,MAAMuB,iBAAiB,GACrB,KAAKC,gDAAL,CACEF,KAAK,CAAC5B,MADR,EAEE,KAAKgB,MAAL,CAAYe,IAFd,CADF;YAMA,OAAO,KAAKpB,QAAL,CAAcqB,WAAd,CACLH,iBADK,EAEL,KAAKb,MAAL,CAAYiB,SAFP,CAAP;UAID;;QACD,KAAK,YAAL;UAAmB;YACjB,OAAO,KAAKtB,QAAL,CAAcuB,iBAAd,CACL,KAAKT,KAAL,CAAWG,KAAK,CAAC5B,MAAjB,CADK,EAEL,KAAKgB,MAAL,CAAYmB,UAFP,CAAP;UAID;;QACD,KAAK,SAAL;UAAgB;YACd,MAAMnB,MAAM,GAAG,KAAKE,gBAAL,CAAsBU,KAAK,CAACQ,KAA5B,KAAsC,KAAKpB,MAAL,CAAYe,IAAjE;YACA,OAAO,KAAKpB,QAAL,CAAcC,WAAd,CACL,KAAKJ,WAAL,CAAiBoB,KAAK,CAAC5B,MAAvB,EAA+BgB,MAA/B,CADK,EAELA,MAFK,CAAP;UAID;;QACD,KAAK,MAAL;UAAa;YACX,OAAO,KAAKL,QAAL,CAAc0B,gBAAd,CACLT,KAAK,CAACG,IADD,EAEL,KAAKf,MAAL,CAAYsB,IAFP,EAGL,KAAKtB,MAAL,CAAYuB,EAHP,CAAP;UAKD;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAK5B,QAAL,CAAcqB,WAAd,CAA0B,IAA1B,EAAgC,KAAKhB,MAAL,CAAYwB,EAA5C,CAAP;UACD;;QACD,KAAK,MAAL;UAAa;YACX,MAAMC,EAAE,GAAGb,KAAK,CAACc,KAAN,CAAYf,GAAZ,CAAiBgB,IAAD,IAAU;cACnC,MAAMC,QAAQ,GAAGD,IAAI,CAAC3C,MAAL,CAAY2B,GAAZ,CAAiBkB,KAAD,IAAW;gBAC1C,IAAIA,KAAK,CAACvC,IAAN,KAAe,MAAnB,EAA2B;kBACzB;kBACA,MAAMwC,WAAW,GAAID,KAAD,CAA8B7C,MAA9B,IAAwC,EAA5D;kBACA,MAAM+C,YAAY,GAChB,KAAKjB,gDAAL,CACEgB,WADF,EAEE,KAAK9B,MAAL,CAAYyB,EAFd,CADF;kBAKA,OAAO,KAAK9B,QAAL,CAAcqB,WAAd,CAA0Be,YAA1B,EAAwC,KAAK/B,MAAL,CAAYyB,EAApD,CAAP;gBACD;gBAED;;;gBACA,OAAO,KAAKhB,KAAL,CAAW,CAACoB,KAAD,CAAX,CAAP;cACD,CAdgB,CAAjB;cAeA,OAAO,KAAKlC,QAAL,CAAcqB,WAAd,CAA0BY,QAA1B,EAAoC,KAAK5B,MAAL,CAAYyB,EAAhD,CAAP;YACD,CAjBU,CAAX;YAkBA,OAAO,KAAK9B,QAAL,CAAcqC,WAAd,CACLpB,KAAK,CAACqB,OADD,EAELR,EAFK,EAGL,KAAKzB,MAAL,CAAYkC,IAHP,EAIL,KAAKlC,MAAL,CAAYyB,EAJP,CAAP;UAMD;;QACD;UACE,OAAO,KAAKjC,WAAL,CAAiB,CAACoB,KAAD,CAAjB,CAAP;MAlEJ;IAoED,CArE6B,CAA9B;IAsEA,OAAOF,QAAQ,CAACyB,MAAT,CAAiBC,OAAD,IAAaA,OAAO,KAAK,IAAzC,CAAP;EACD;;EAED5C,WAAW,CAACR,MAAD,EAAyBgB,MAAzB,EAAmD;IAC5D,MAAMU,QAAqB,GAAG1B,MAAM,CAAC2B,GAAP,CAAYC,KAAD,IAAW;MAClD,IAAI,CAACA,KAAL,EAAY,OAAO,IAAP;;MAEZ,QAAQA,KAAK,CAACtB,IAAd;QACE,KAAK,QAAL;UAAe;YACb,OAAO,KAAKK,QAAL,CAAcC,WAAd,CAA0BgB,KAAK,CAACG,IAAhC,EAAsC,EAC3C,GAAG,KAAKf,MAAL,CAAYe,IAD4B;cAE3C,GAAGf;YAFwC,CAAtC,CAAP;UAID;;QACD,KAAK,MAAL;UAAa;YACX,IACEY,KAAK,CAAC5B,MAAN,IACA4B,KAAK,CAAC5B,MAAN,CAAa,CAAb,CADA,IAEA4B,KAAK,CAAC5B,MAAN,CAAa,CAAb,EAAgBM,IAAhB,KAAyB,OAH3B,EAIE;cAAA;;cACA,OAAO,KAAKK,QAAL,CAAcG,gBAAd,CACLc,KAAK,CAACb,IADD,oBAELa,KAAK,CAAC5B,MAAN,CAAa,CAAb,CAFK,mDAEL,eAAiBe,IAFZ,CAAP;YAID;;YAED,MAAMsC,SAAS,GAAG,EAChB,GAAGrC,MADa;cAEhB,GAAG,KAAKA,MAAL,CAAYsC,IAFC,CAEK;;YAFL,CAAlB;YAIA,OAAO,KAAK3C,QAAL,CAAc4C,eAAd,CACL,KAAK/C,WAAL,CAAiBoB,KAAK,CAAC5B,MAAvB,EAA+BqD,SAA/B,CADK,EAELzB,KAAK,CAACb,IAFD,EAGLsC,SAHK,CAAP;UAKD;;QACD,KAAK,OAAL;UAAc;YACZ,OAAO,KAAK1C,QAAL,CAAc6C,YAAd,CAA2B5B,KAAK,CAACb,IAAjC,CAAP;UACD;;QACD,KAAK,QAAL;UAAe;YACb,MAAM0C,SAAS,GAAG,EAChB,GAAG,KAAKzC,MAAL,CAAY0C,MADC;cAEhB,GAAG1C;YAFa,CAAlB;YAIA,OAAO,KAAKL,QAAL,CAAcC,WAAd,CACL,KAAKJ,WAAL,CAAiBoB,KAAK,CAAC5B,MAAvB,EAA+ByD,SAA/B,CADK,EAELA,SAFK,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,MAAME,WAAW,GAAG,EAClB,GAAG,KAAK3C,MAAL,CAAYuB,EADG;cAElB,GAAGvB;YAFe,CAApB;YAIA,OAAO,KAAKL,QAAL,CAAcC,WAAd,CACL,KAAKJ,WAAL,CAAiBoB,KAAK,CAAC5B,MAAvB,EAA+B2D,WAA/B,CADK,EAELA,WAFK,CAAP;UAID;;QACD,KAAK,UAAL;UAAiB;YACf,OAAO,KAAKhD,QAAL,CAAcC,WAAd,CAA0BgB,KAAK,CAACG,IAAhC,EAAsC,EAC3C,GAAG,KAAKf,MAAL,CAAY4C,QAD4B;cAE3C,GAAG5C;YAFwC,CAAtC,CAAP;UAID;;QACD,KAAK,IAAL;UAAW;YACT,OAAO,KAAKL,QAAL,CAAcC,WAAd,CAA0B,IAA1B,EAAgC,EAAhC,CAAP;UACD;;QACD,KAAK,KAAL;UAAY;YACV,OAAO,IAAP;UACD;;QACD,KAAK,MAAL;QACA,KAAK,MAAL;UAAa;YACX,IAAIgB,KAAK,CAACiC,GAAN,CAAUC,IAAV,GAAiBrD,MAAjB,GAA0B,CAA9B,EAAiC;cAC/B,OAAO,IAAP;YACD;;YAED,OAAO,KAAKE,QAAL,CAAcC,WAAd,CAA0B,IAAAmD,gBAAA,EAAOnC,KAAK,CAACiC,GAAb,CAA1B,EAA6C,EAClD,GAAG,KAAK7C,MAAL,CAAYe,IADmC;cAElD,GAAGf;YAF+C,CAA7C,CAAP;UAID;;QACD;UAAS;YACPgD,OAAO,CAACC,IAAR,CAAc,eAAcrC,KAAK,CAACtB,IAAK,uBAAvC;YACA,OAAO,IAAP;UACD;MA9EH;IAgFD,CAnF6B,CAA9B;IAoFA,OAAOoB,QAAQ,CAACyB,MAAT,CAAiBC,OAAD,IAAaA,OAAO,KAAK,IAAzC,CAAP;EACD;;AAjLU;;eAqOEvD,M"}
+{"version":3,"names":["Parser","constructor","options","tokens","textStyle","tokenRenderQueue","siblingNodes","forEach","t","type","parsed","parseInline","length","push","renderer","getTextNode","imageToken","getImageLinkNode","href","text","title","styles","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","elements","map","token","paragraphChildren","getNormalizedSiblingNodesForBlockAndInlineTokens","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","children","cItem","childTokens","listChildren","getListNode","ordered","list","filter","element","linkStyle","link","getTextLinkNode","getImageNode","boldStyle","strong","italicStyle","codespan","strikethroughStyle","strikethrough","raw","trim","decode","console","warn"],"sources":["Parser.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { marked } from 'marked';\nimport { decode } from 'entities';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          const paragraphChildren =\n            this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n              token.tokens,\n              this.styles.text\n            );\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, styles),\n            styles\n          );\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            const children = item.tokens.map((cItem) => {\n              if (cItem.type === 'text') {\n                /* getViewNode since tokens could contain a block like elements (i.e. img) */\n                const childTokens = (cItem as marked.Tokens.Text).tokens || [];\n                const listChildren =\n                  this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n                    childTokens,\n                    this.styles.li\n                  );\n                return this.renderer.getViewNode(listChildren, this.styles.li);\n              }\n\n              /* Parse the nested token */\n              return this.parse([cItem]);\n            });\n            return this.renderer.getViewNode(children, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          return this.parseInline([token]);\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        case 'link': {\n          // Note: Linking Images (https://www.markdownguide.org/basic-syntax/#linking-images) are wrapped\n          // in paragraph token, so will be handled via `getNormalizedSiblingNodesForBlockAndInlineTokens`\n          const linkStyle = {\n            ...styles,\n            ...this.styles.link, // To override color property\n          };\n          return this.renderer.getTextLinkNode(\n            this.parseInline(token.tokens, linkStyle),\n            token.href,\n            linkStyle\n          );\n        }\n        case 'image': {\n          return this.renderer.getImageNode(\n            token.href,\n            token.text || token.title\n          );\n        }\n        case 'strong': {\n          const boldStyle = {\n            ...this.styles.strong,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, boldStyle),\n            boldStyle\n          );\n        }\n        case 'em': {\n          const italicStyle = {\n            ...this.styles.em,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, italicStyle),\n            italicStyle\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.codespan,\n            ...styles,\n          });\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          const strikethroughStyle = {\n            ...this.styles.strikethrough,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, strikethroughStyle),\n            strikethroughStyle\n          );\n        }\n        case 'text':\n        case 'html': {\n          if (token.raw.trim().length < 1) {\n            return null;\n          }\n\n          return this.renderer.getTextNode(decode(token.raw), {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  private getNormalizedSiblingNodesForBlockAndInlineTokens = (\n    tokens: marked.Token[],\n    textStyle: TextStyleProp\n  ): ReactNode[] => {\n    let tokenRenderQueue: marked.Token[] = [];\n    const siblingNodes: ReactNode[] = [];\n    tokens.forEach((t) => {\n      /**\n       * To avoid inlining images\n       * Currently supports images, link images\n       * Note: to be extend for other token types\n       */\n      if (\n        t.type === 'image' ||\n        (t.type === 'link' &&\n          t.tokens &&\n          t.tokens[0] &&\n          t.tokens[0].type === 'image')\n      ) {\n        // Render existing inline tokens in the queue\n        const parsed = this.parseInline(tokenRenderQueue);\n        if (parsed.length > 0) {\n          siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));\n        }\n\n        // Render the current block token\n        if (t.type === 'image') {\n          siblingNodes.push(this.parseInline([t]));\n        } else if (t.type === 'link') {\n          const imageToken = t.tokens[0] as marked.Tokens.Image;\n          siblingNodes.push(\n            this.renderer.getImageLinkNode(\n              t.href,\n              imageToken.href,\n              imageToken.text || imageToken.title\n            )\n          );\n        }\n\n        tokenRenderQueue = [];\n        return;\n      }\n      tokenRenderQueue = [...tokenRenderQueue, t];\n    });\n\n    /* Remaining temp tokens if any */\n    if (tokenRenderQueue.length > 0) {\n      siblingNodes.push(\n        this.renderer.getTextNode(this.parseInline(tokenRenderQueue), {})\n      );\n    }\n\n    return siblingNodes;\n  };\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/dist/commonjs/lib/Renderer.js

@@ -36,19 +36,22 @@ class Renderer {
 
     _defineProperty(this, "getTextLinkNode", (children, href, styles) => {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+        accessibilityRole: "link",
+        accessibilityHint: "Opens in a new window",
         key: (0, _string.generateRandomString)(),
         onPress: (0, _handlers.onLinkPress)(href),
         style: styles
       }, children);
     });
 
-    _defineProperty(this, "getImageLinkNode", (href, imageUrl) => {
+    _defineProperty(this, "getImageLinkNode", (href, imageUrl, alt) => {
+      const imageNode = this.getImageNode(imageUrl, alt);
       return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
+        accessibilityRole: "link",
+        accessibilityHint: "Opens in a new window",
         onPress: (0, _handlers.onLinkPress)(href),
         key: (0, _string.generateRandomString)()
-      }, /*#__PURE__*/_react.default.createElement(_MDImage.default, {
-        uri: imageUrl
-      }));
+      }, imageNode);
     });
   }
 
@@ -76,10 +79,11 @@ class Renderer {
     }, children);
   }
 
-  getImageNode(uri) {
+  getImageNode(uri, alt) {
     return /*#__PURE__*/_react.default.createElement(_MDImage.default, {
       key: (0, _string.generateRandomString)(),
-      uri: uri
+      uri: uri,
+      alt: alt
     });
   }
 

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

@@ -1 +1 @@
-{"version":3,"names":["Renderer","children","styles","generateRandomString","href","onLinkPress","imageUrl","getViewNode","getCodeBlockNode","text","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ScrollView, View, Text, TouchableHighlight } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\nimport { onLinkPress } from '../utils/handlers';\n\nclass Renderer {\n  getTextNode = (children: string | ReactNode[], styles: TextStyleProp) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getTextLinkNode = (\n    children: string | ReactNode[],\n    href: string,\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={onLinkPress(href)}\n        style={styles}\n      >\n        {children}\n      </Text>\n    );\n  };\n\n  getImageLinkNode = (href: string, imageUrl: string) => {\n    return (\n      <TouchableHighlight\n        onPress={onLinkPress(href)}\n        key={generateRandomString()}\n      >\n        <MDImage uri={imageUrl} />\n      </TouchableHighlight>\n    );\n  };\n\n  getViewNode(children: ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView\n        key={generateRandomString()}\n        contentContainerStyle={containerStyle}\n        horizontal\n      >\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n        key={generateRandomString()}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACC,CAACC,QAAD,EAAiCC,MAAjC,KAA2D;MACvE,oBACE,6BAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAPY;;IAAA,yCASK,CAChBA,QADgB,EAEhBG,IAFgB,EAGhBF,MAHgB,KAIb;MACH,oBACE,6BAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,IAAAE,qBAAA,EAAYD,IAAZ,CAFX;QAGE,KAAK,EAAEF;MAHT,GAKGD,QALH,CADF;IASD,CAvBY;;IAAA,0CAyBM,CAACG,IAAD,EAAeE,QAAf,KAAoC;MACrD,oBACE,6BAAC,+BAAD;QACE,OAAO,EAAE,IAAAD,qBAAA,EAAYD,IAAZ,CADX;QAEE,GAAG,EAAE,IAAAD,4BAAA;MAFP,gBAIE,6BAAC,gBAAD;QAAS,GAAG,EAAEG;MAAd,EAJF,CADF;IAQD,CAlCY;EAAA;;EAoCbC,WAAW,CAACN,QAAD,EAA+BC,MAA/B,EAAsD;IAC/D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDO,gBAAgB,CACdC,IADc,EAEdC,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,6BAAC,uBAAD;MACE,GAAG,EAAE,IAAAR,4BAAA,GADP;MAEE,qBAAqB,EAAEO,cAFzB;MAGE,UAAU;IAHZ,gBAKE,6BAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBF,IAAzB,CALF,CADF;EASD;;EAEDG,iBAAiB,CAACX,QAAD,EAAwBC,MAAxB,EAA+C;IAC9D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDY,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,6BAAC,gBAAD;MAAS,GAAG,EAAE,IAAAX,4BAAA,GAAd;MAAsC,GAAG,EAAEW;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,6BAAC,sBAAD;MACE,eAAe,EAAEK,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAET,SAFnB;MAGE,cAAc,EAAEO,SAHlB;MAIE,GAAG,EAAE,IAAAf,4BAAA;IAJP,GAMGc,EAAE,CAACI,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CANH,CADF;EAUD;;AAxFY;;eA2FAtB,Q"}
+{"version":3,"names":["Renderer","children","styles","generateRandomString","href","onLinkPress","imageUrl","alt","imageNode","getImageNode","getViewNode","getCodeBlockNode","text","containerStyle","textStyle","getBlockquoteNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ScrollView, View, Text, TouchableHighlight } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\nimport { onLinkPress } from '../utils/handlers';\n\nclass Renderer {\n  getTextNode = (children: string | ReactNode[], styles: TextStyleProp) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getTextLinkNode = (\n    children: string | ReactNode[],\n    href: string,\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text\n        accessibilityRole=\"link\"\n        accessibilityHint=\"Opens in a new window\"\n        key={generateRandomString()}\n        onPress={onLinkPress(href)}\n        style={styles}\n      >\n        {children}\n      </Text>\n    );\n  };\n\n  getImageLinkNode = (href: string, imageUrl: string, alt?: string) => {\n    const imageNode = this.getImageNode(imageUrl, alt);\n    return (\n      <TouchableHighlight\n        accessibilityRole=\"link\"\n        accessibilityHint=\"Opens in a new window\"\n        onPress={onLinkPress(href)}\n        key={generateRandomString()}\n      >\n        {imageNode}\n      </TouchableHighlight>\n    );\n  };\n\n  getViewNode(children: ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView\n        key={generateRandomString()}\n        contentContainerStyle={containerStyle}\n        horizontal\n      >\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string, alt?: string) {\n    return <MDImage key={generateRandomString()} uri={uri} alt={alt} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n        key={generateRandomString()}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACC,CAACC,QAAD,EAAiCC,MAAjC,KAA2D;MACvE,oBACE,6BAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAPY;;IAAA,yCASK,CAChBA,QADgB,EAEhBG,IAFgB,EAGhBF,MAHgB,KAIb;MACH,oBACE,6BAAC,iBAAD;QACE,iBAAiB,EAAC,MADpB;QAEE,iBAAiB,EAAC,uBAFpB;QAGE,GAAG,EAAE,IAAAC,4BAAA,GAHP;QAIE,OAAO,EAAE,IAAAE,qBAAA,EAAYD,IAAZ,CAJX;QAKE,KAAK,EAAEF;MALT,GAOGD,QAPH,CADF;IAWD,CAzBY;;IAAA,0CA2BM,CAACG,IAAD,EAAeE,QAAf,EAAiCC,GAAjC,KAAkD;MACnE,MAAMC,SAAS,GAAG,KAAKC,YAAL,CAAkBH,QAAlB,EAA4BC,GAA5B,CAAlB;MACA,oBACE,6BAAC,+BAAD;QACE,iBAAiB,EAAC,MADpB;QAEE,iBAAiB,EAAC,uBAFpB;QAGE,OAAO,EAAE,IAAAF,qBAAA,EAAYD,IAAZ,CAHX;QAIE,GAAG,EAAE,IAAAD,4BAAA;MAJP,GAMGK,SANH,CADF;IAUD,CAvCY;EAAA;;EAyCbE,WAAW,CAACT,QAAD,EAA+BC,MAA/B,EAAsD;IAC/D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,gBAAgB,CACdC,IADc,EAEdC,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,6BAAC,uBAAD;MACE,GAAG,EAAE,IAAAX,4BAAA,GADP;MAEE,qBAAqB,EAAEU,cAFzB;MAGE,UAAU;IAHZ,gBAKE,6BAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBF,IAAzB,CALF,CADF;EASD;;EAEDG,iBAAiB,CAACd,QAAD,EAAwBC,MAAxB,EAA+C;IAC9D,oBACE,6BAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDQ,YAAY,CAACO,GAAD,EAAcT,GAAd,EAA4B;IACtC,oBAAO,6BAAC,gBAAD;MAAS,GAAG,EAAE,IAAAJ,4BAAA,GAAd;MAAsC,GAAG,EAAEa,GAA3C;MAAgD,GAAG,EAAET;IAArD,EAAP;EACD;;EAEDU,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITN,SAJS,EAKT;IACA,oBACE,6BAAC,sBAAD;MACE,eAAe,EAAEI,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAER,SAFnB;MAGE,cAAc,EAAEM,SAHlB;MAIE,GAAG,EAAE,IAAAjB,4BAAA;IAJP,GAMGgB,EAAE,CAACI,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CANH,CADF;EAUD;;AA7FY;;eAgGAxB,Q"}

package/dist/commonjs/theme/styles.js

@@ -37,6 +37,10 @@ const getStyles = (userStyles, colorScheme) => {
     strong: { ...fontStyle.regular,
       fontWeight: 'bold'
     },
+    strikethrough: { ...fontStyle.regular,
+      textDecorationLine: 'line-through',
+      textDecorationStyle: 'solid'
+    },
     text: { ...fontStyle.regular
     },
     paragraph: { ...fontStyle.regular,
@@ -57,12 +61,18 @@ const getStyles = (userStyles, colorScheme) => {
       lineHeight: 40,
       fontWeight: 'bold',
       marginVertical: 8,
-      letterSpacing: 0
+      letterSpacing: 0,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1
     },
     h2: { ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8
+      marginVertical: 8,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1
     },
     h3: { ...fontStyle.heading,
       fontSize: 24,

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

@@ -1 +1 @@
-{"version":3,"names":["getFontStyles","theme","StyleSheet","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","getTheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","borderBottomWidth","borderBottomColor","li","flexShrink"],"sources":["styles.ts"],"sourcesContent":["import { ColorSchemeName, StyleSheet } from 'react-native';\nimport { getTheme } from './theme';\nimport type { MarkedStyles, Theme } from './types';\n\nconst getFontStyles = (theme: Theme) => {\n  return StyleSheet.create({\n    regular: {\n      fontSize: 16,\n      lineHeight: 24,\n      color: theme.colors.text,\n    },\n    heading: {\n      fontWeight: '500',\n      color: theme.colors.text,\n    },\n  });\n};\n\nconst getStyles = (\n  userStyles?: MarkedStyles,\n  colorScheme?: ColorSchemeName\n): MarkedStyles => {\n  const theme = getTheme(colorScheme || 'light');\n  const fontStyle = getFontStyles(theme);\n  const defaultStyles = StyleSheet.create<MarkedStyles>({\n    container: {\n      backgroundColor: theme.colors.background,\n    },\n    em: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n    },\n    strong: {\n      ...fontStyle.regular,\n      fontWeight: 'bold',\n    },\n    text: {\n      ...fontStyle.regular,\n    },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n    },\n    h3: {\n      ...fontStyle.heading,\n      fontSize: 24,\n      lineHeight: 32,\n      marginVertical: 4,\n    },\n    h4: {\n      ...fontStyle.heading,\n      fontSize: 22,\n      lineHeight: 28,\n      marginVertical: 4,\n    },\n    h5: {\n      ...fontStyle.regular,\n      ...fontStyle.heading,\n      marginVertical: 2,\n    },\n    h6: {\n      ...fontStyle.heading,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 2,\n    },\n    codespan: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      backgroundColor: theme.colors.code,\n      fontWeight: '300',\n    },\n    code: {\n      padding: 16,\n      backgroundColor: theme.colors.code,\n      minWidth: '100%',\n    },\n    hr: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.border,\n      marginVertical: 4,\n    },\n    li: {\n      ...fontStyle.regular,\n      flexShrink: 1,\n    },\n  });\n\n  return {\n    ...defaultStyles,\n    ...userStyles,\n  };\n};\n\nexport default getStyles;\n"],"mappings":"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"}
+{"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","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","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    strikethrough: {\n      ...fontStyle.regular,\n      textDecorationLine: 'line-through',\n      textDecorationStyle: 'solid',\n    },\n    text: {\n      ...fontStyle.regular,\n    },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n      paddingBottom: 4,\n      borderBottomColor: theme.colors.border,\n      borderBottomWidth: 1,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n      paddingBottom: 4,\n      borderBottomColor: theme.colors.border,\n      borderBottomWidth: 1,\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/types.js.map

@@ -1 +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":""}
+{"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  strikethrough?: 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

@@ -4,12 +4,15 @@ import FitImage from 'react-native-fit-image';
 
 const MDImage = _ref => {
   let {
-    uri
+    uri,
+    alt
   } = _ref;
   useEffect(() => {
     Image.prefetch(uri);
   }, [uri]);
   return /*#__PURE__*/React.createElement(FitImage, {
+    accessibilityRole: "image",
+    accessibilityLabel: alt || 'Image',
     source: {
       uri
     },

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","memo","useEffect","Image","FitImage","MDImage","uri","alt","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  alt?: string;\n}\n\nconst MDImage = ({ uri, alt }: MDImageProps) => {\n  useEffect(() => {\n    Image.prefetch(uri);\n  }, [uri]);\n\n  return (\n    <FitImage\n      accessibilityRole=\"image\"\n      accessibilityLabel={alt || 'Image'}\n      source={{ uri }}\n      resizeMode=\"cover\"\n    />\n  );\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;;AAOA,MAAMC,OAAO,GAAG,QAAgC;EAAA,IAA/B;IAAEC,GAAF;IAAOC;EAAP,CAA+B;EAC9CL,SAAS,CAAC,MAAM;IACdC,KAAK,CAACK,QAAN,CAAeF,GAAf;EACD,CAFQ,EAEN,CAACA,GAAD,CAFM,CAAT;EAIA,oBACE,oBAAC,QAAD;IACE,iBAAiB,EAAC,OADpB;IAEE,kBAAkB,EAAEC,GAAG,IAAI,OAF7B;IAGE,MAAM,EAAE;MAAED;IAAF,CAHV;IAIE,UAAU,EAAC;EAJb,EADF;AAQD,CAbD;;AAeA,4BAAeL,IAAI,CAACI,OAAD,CAAnB"}

package/dist/module/lib/Parser.js

@@ -12,7 +12,7 @@ class Parser {
     _defineProperty(this, "headingStylesMap", void 0);
 
     _defineProperty(this, "getNormalizedSiblingNodesForBlockAndInlineTokens", (tokens, textStyle) => {
-      let tempTokens = [];
+      let tokenRenderQueue = [];
       const siblingNodes = [];
       tokens.forEach(t => {
         /**
@@ -21,29 +21,31 @@ class Parser {
          * Note: to be extend for other token types
          */
         if (t.type === 'image' || t.type === 'link' && t.tokens && t.tokens[0] && t.tokens[0].type === 'image') {
-          const parsed = this.parseInline(tempTokens);
+          // Render existing inline tokens in the queue
+          const parsed = this.parseInline(tokenRenderQueue);
 
           if (parsed.length > 0) {
             siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));
-          }
+          } // Render the current block token
+
 
           if (t.type === 'image') {
             siblingNodes.push(this.parseInline([t]));
           } else if (t.type === 'link') {
             const imageToken = t.tokens[0];
-            siblingNodes.push(this.renderer.getImageLinkNode(t.href, imageToken.href));
+            siblingNodes.push(this.renderer.getImageLinkNode(t.href, imageToken.href, imageToken.text || imageToken.title));
           }
 
-          tempTokens = [];
+          tokenRenderQueue = [];
           return;
         }
 
-        tempTokens = [...tempTokens, t];
+        tokenRenderQueue = [...tokenRenderQueue, t];
       });
       /* Remaining temp tokens if any */
 
-      if (tempTokens.length > 0) {
-        siblingNodes.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
+      if (tokenRenderQueue.length > 0) {
+        siblingNodes.push(this.renderer.getTextNode(this.parseInline(tokenRenderQueue), {}));
       }
 
       return siblingNodes;
@@ -138,12 +140,8 @@ class Parser {
 
         case 'link':
           {
-            if (token.tokens && token.tokens[0] && token.tokens[0].type === 'image') {
-              var _token$tokens$;
-
-              return this.renderer.getImageLinkNode(token.href, (_token$tokens$ = token.tokens[0]) === null || _token$tokens$ === void 0 ? void 0 : _token$tokens$.href);
-            }
-
+            // Note: Linking Images (https://www.markdownguide.org/basic-syntax/#linking-images) are wrapped
+            // in paragraph token, so will be handled via `getNormalizedSiblingNodesForBlockAndInlineTokens`
             const linkStyle = { ...styles,
               ...this.styles.link // To override color property
 
@@ -153,7 +151,7 @@ class Parser {
 
         case 'image':
           {
-            return this.renderer.getImageNode(token.href);
+            return this.renderer.getImageNode(token.href, token.text || token.title);
           }
 
         case 'strong':
@@ -186,7 +184,10 @@ class Parser {
 
         case 'del':
           {
-            return null;
+            const strikethroughStyle = { ...this.styles.strikethrough,
+              ...styles
+            };
+            return this.renderer.getTextNode(this.parseInline(token.tokens, strikethroughStyle), strikethroughStyle);
           }
 
         case 'text':

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

@@ -1 +1 @@
-{"version":3,"names":["decode","Renderer","Parser","constructor","options","tokens","textStyle","tempTokens","siblingNodes","forEach","t","type","parsed","parseInline","length","push","renderer","getTextNode","imageToken","getImageLinkNode","href","styles","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","elements","map","token","paragraphChildren","getNormalizedSiblingNodesForBlockAndInlineTokens","text","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","children","cItem","childTokens","listChildren","getListNode","ordered","list","filter","element","linkStyle","link","getTextLinkNode","getImageNode","boldStyle","strong","italicStyle","codespan","raw","trim","console","warn"],"sources":["Parser.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { marked } from 'marked';\nimport { decode } from 'entities';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          const paragraphChildren =\n            this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n              token.tokens,\n              this.styles.text\n            );\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, styles),\n            styles\n          );\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            const children = item.tokens.map((cItem) => {\n              if (cItem.type === 'text') {\n                /* getViewNode since tokens could contain a block like elements (i.e. img) */\n                const childTokens = (cItem as marked.Tokens.Text).tokens || [];\n                const listChildren =\n                  this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n                    childTokens,\n                    this.styles.li\n                  );\n                return this.renderer.getViewNode(listChildren, this.styles.li);\n              }\n\n              /* Parse the nested token */\n              return this.parse([cItem]);\n            });\n            return this.renderer.getViewNode(children, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          return this.parseInline([token]);\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        case 'link': {\n          if (\n            token.tokens &&\n            token.tokens[0] &&\n            token.tokens[0].type === 'image'\n          ) {\n            return this.renderer.getImageLinkNode(\n              token.href,\n              token.tokens[0]?.href\n            );\n          }\n\n          const linkStyle = {\n            ...styles,\n            ...this.styles.link, // To override color property\n          };\n          return this.renderer.getTextLinkNode(\n            this.parseInline(token.tokens, linkStyle),\n            token.href,\n            linkStyle\n          );\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          const boldStyle = {\n            ...this.styles.strong,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, boldStyle),\n            boldStyle\n          );\n        }\n        case 'em': {\n          const italicStyle = {\n            ...this.styles.em,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, italicStyle),\n            italicStyle\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.codespan,\n            ...styles,\n          });\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text':\n        case 'html': {\n          if (token.raw.trim().length < 1) {\n            return null;\n          }\n\n          return this.renderer.getTextNode(decode(token.raw), {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  private getNormalizedSiblingNodesForBlockAndInlineTokens = (\n    tokens: marked.Token[],\n    textStyle: TextStyleProp\n  ): ReactNode[] => {\n    let tempTokens: marked.Token[] = [];\n    const siblingNodes: ReactNode[] = [];\n    tokens.forEach((t) => {\n      /**\n       * To avoid inlining images\n       * Currently supports images, link images\n       * Note: to be extend for other token types\n       */\n      if (\n        t.type === 'image' ||\n        (t.type === 'link' &&\n          t.tokens &&\n          t.tokens[0] &&\n          t.tokens[0].type === 'image')\n      ) {\n        const parsed = this.parseInline(tempTokens);\n        if (parsed.length > 0) {\n          siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));\n        }\n\n        if (t.type === 'image') {\n          siblingNodes.push(this.parseInline([t]));\n        } else if (t.type === 'link') {\n          const imageToken = t.tokens[0] as marked.Tokens.Image;\n          siblingNodes.push(\n            this.renderer.getImageLinkNode(t.href, imageToken.href)\n          );\n        }\n\n        tempTokens = [];\n        return;\n      }\n      tempTokens = [...tempTokens, t];\n    });\n\n    /* Remaining temp tokens if any */\n    if (tempTokens.length > 0) {\n      siblingNodes.push(\n        this.renderer.getTextNode(this.parseInline(tempTokens), {})\n      );\n    }\n\n    return siblingNodes;\n  };\n}\n\nexport default Parser;\n"],"mappings":"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"}
+{"version":3,"names":["decode","Renderer","Parser","constructor","options","tokens","textStyle","tokenRenderQueue","siblingNodes","forEach","t","type","parsed","parseInline","length","push","renderer","getTextNode","imageToken","getImageLinkNode","href","text","title","styles","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","elements","map","token","paragraphChildren","getNormalizedSiblingNodesForBlockAndInlineTokens","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","children","cItem","childTokens","listChildren","getListNode","ordered","list","filter","element","linkStyle","link","getTextLinkNode","getImageNode","boldStyle","strong","italicStyle","codespan","strikethroughStyle","strikethrough","raw","trim","console","warn"],"sources":["Parser.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { marked } from 'marked';\nimport { decode } from 'entities';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\nimport type { CustomStyleProp, ParserOptions, TextStyleProp } from './types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyleProp>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          const paragraphChildren =\n            this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n              token.tokens,\n              this.styles.text\n            );\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, styles),\n            styles\n          );\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => {\n            const children = item.tokens.map((cItem) => {\n              if (cItem.type === 'text') {\n                /* getViewNode since tokens could contain a block like elements (i.e. img) */\n                const childTokens = (cItem as marked.Tokens.Text).tokens || [];\n                const listChildren =\n                  this.getNormalizedSiblingNodesForBlockAndInlineTokens(\n                    childTokens,\n                    this.styles.li\n                  );\n                return this.renderer.getViewNode(listChildren, this.styles.li);\n              }\n\n              /* Parse the nested token */\n              return this.parse([cItem]);\n            });\n            return this.renderer.getViewNode(children, this.styles.li);\n          });\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          return this.parseInline([token]);\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  parseInline(tokens: marked.Token[], styles?: CustomStyleProp) {\n    const elements: ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        case 'link': {\n          // Note: Linking Images (https://www.markdownguide.org/basic-syntax/#linking-images) are wrapped\n          // in paragraph token, so will be handled via `getNormalizedSiblingNodesForBlockAndInlineTokens`\n          const linkStyle = {\n            ...styles,\n            ...this.styles.link, // To override color property\n          };\n          return this.renderer.getTextLinkNode(\n            this.parseInline(token.tokens, linkStyle),\n            token.href,\n            linkStyle\n          );\n        }\n        case 'image': {\n          return this.renderer.getImageNode(\n            token.href,\n            token.text || token.title\n          );\n        }\n        case 'strong': {\n          const boldStyle = {\n            ...this.styles.strong,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, boldStyle),\n            boldStyle\n          );\n        }\n        case 'em': {\n          const italicStyle = {\n            ...this.styles.em,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, italicStyle),\n            italicStyle\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, {\n            ...this.styles.codespan,\n            ...styles,\n          });\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          const strikethroughStyle = {\n            ...this.styles.strikethrough,\n            ...styles,\n          };\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, strikethroughStyle),\n            strikethroughStyle\n          );\n        }\n        case 'text':\n        case 'html': {\n          if (token.raw.trim().length < 1) {\n            return null;\n          }\n\n          return this.renderer.getTextNode(decode(token.raw), {\n            ...this.styles.text,\n            ...styles,\n          });\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements.filter((element) => element !== null);\n  }\n\n  private getNormalizedSiblingNodesForBlockAndInlineTokens = (\n    tokens: marked.Token[],\n    textStyle: TextStyleProp\n  ): ReactNode[] => {\n    let tokenRenderQueue: marked.Token[] = [];\n    const siblingNodes: ReactNode[] = [];\n    tokens.forEach((t) => {\n      /**\n       * To avoid inlining images\n       * Currently supports images, link images\n       * Note: to be extend for other token types\n       */\n      if (\n        t.type === 'image' ||\n        (t.type === 'link' &&\n          t.tokens &&\n          t.tokens[0] &&\n          t.tokens[0].type === 'image')\n      ) {\n        // Render existing inline tokens in the queue\n        const parsed = this.parseInline(tokenRenderQueue);\n        if (parsed.length > 0) {\n          siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));\n        }\n\n        // Render the current block token\n        if (t.type === 'image') {\n          siblingNodes.push(this.parseInline([t]));\n        } else if (t.type === 'link') {\n          const imageToken = t.tokens[0] as marked.Tokens.Image;\n          siblingNodes.push(\n            this.renderer.getImageLinkNode(\n              t.href,\n              imageToken.href,\n              imageToken.text || imageToken.title\n            )\n          );\n        }\n\n        tokenRenderQueue = [];\n        return;\n      }\n      tokenRenderQueue = [...tokenRenderQueue, t];\n    });\n\n    /* Remaining temp tokens if any */\n    if (tokenRenderQueue.length > 0) {\n      siblingNodes.push(\n        this.renderer.getTextNode(this.parseInline(tokenRenderQueue), {})\n      );\n    }\n\n    return siblingNodes;\n  };\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/dist/module/lib/Renderer.js

@@ -20,19 +20,22 @@ class Renderer {
 
     _defineProperty(this, "getTextLinkNode", (children, href, styles) => {
       return /*#__PURE__*/React.createElement(Text, {
+        accessibilityRole: "link",
+        accessibilityHint: "Opens in a new window",
         key: generateRandomString(),
         onPress: onLinkPress(href),
         style: styles
       }, children);
     });
 
-    _defineProperty(this, "getImageLinkNode", (href, imageUrl) => {
+    _defineProperty(this, "getImageLinkNode", (href, imageUrl, alt) => {
+      const imageNode = this.getImageNode(imageUrl, alt);
       return /*#__PURE__*/React.createElement(TouchableHighlight, {
+        accessibilityRole: "link",
+        accessibilityHint: "Opens in a new window",
         onPress: onLinkPress(href),
         key: generateRandomString()
-      }, /*#__PURE__*/React.createElement(MDImage, {
-        uri: imageUrl
-      }));
+      }, imageNode);
     });
   }
 
@@ -60,10 +63,11 @@ class Renderer {
     }, children);
   }
 
-  getImageNode(uri) {
+  getImageNode(uri, alt) {
     return /*#__PURE__*/React.createElement(MDImage, {
       key: generateRandomString(),
-      uri: uri
+      uri: uri,
+      alt: alt
     });
   }
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","View","Text","TouchableHighlight","MarkedList","Disc","Decimal","MDImage","generateRandomString","onLinkPress","Renderer","children","styles","href","imageUrl","getViewNode","getCodeBlockNode","text","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ScrollView, View, Text, TouchableHighlight } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\nimport { onLinkPress } from '../utils/handlers';\n\nclass Renderer {\n  getTextNode = (children: string | ReactNode[], styles: TextStyleProp) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getTextLinkNode = (\n    children: string | ReactNode[],\n    href: string,\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={onLinkPress(href)}\n        style={styles}\n      >\n        {children}\n      </Text>\n    );\n  };\n\n  getImageLinkNode = (href: string, imageUrl: string) => {\n    return (\n      <TouchableHighlight\n        onPress={onLinkPress(href)}\n        key={generateRandomString()}\n      >\n        <MDImage uri={imageUrl} />\n      </TouchableHighlight>\n    );\n  };\n\n  getViewNode(children: ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView\n        key={generateRandomString()}\n        contentContainerStyle={containerStyle}\n        horizontal\n      >\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string) {\n    return <MDImage key={generateRandomString()} uri={uri} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n        key={generateRandomString()}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAiC,OAAjC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,IAA3B,EAAiCC,kBAAjC,QAA2D,cAA3D;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,IAAP,MAAiB,mCAAjB;AACA,OAAOC,OAAP,MAAoB,sCAApB;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;AAEA,SAASC,WAAT,QAA4B,mBAA5B;;AAEA,MAAMC,QAAN,CAAe;EAAA;IAAA,qCACC,CAACC,QAAD,EAAiCC,MAAjC,KAA2D;MACvE,oBACE,oBAAC,IAAD;QAAM,GAAG,EAAEJ,oBAAoB,EAA/B;QAAmC,KAAK,EAAEI;MAA1C,GACGD,QADH,CADF;IAKD,CAPY;;IAAA,yCASK,CAChBA,QADgB,EAEhBE,IAFgB,EAGhBD,MAHgB,KAIb;MACH,oBACE,oBAAC,IAAD;QACE,GAAG,EAAEJ,oBAAoB,EAD3B;QAEE,OAAO,EAAEC,WAAW,CAACI,IAAD,CAFtB;QAGE,KAAK,EAAED;MAHT,GAKGD,QALH,CADF;IASD,CAvBY;;IAAA,0CAyBM,CAACE,IAAD,EAAeC,QAAf,KAAoC;MACrD,oBACE,oBAAC,kBAAD;QACE,OAAO,EAAEL,WAAW,CAACI,IAAD,CADtB;QAEE,GAAG,EAAEL,oBAAoB;MAF3B,gBAIE,oBAAC,OAAD;QAAS,GAAG,EAAEM;MAAd,EAJF,CADF;IAQD,CAlCY;EAAA;;EAoCbC,WAAW,CAACJ,QAAD,EAA+BC,MAA/B,EAAsD;IAC/D,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEJ,oBAAoB,EAA/B;MAAmC,KAAK,EAAEI;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDK,gBAAgB,CACdC,IADc,EAEdC,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,UAAD;MACE,GAAG,EAAEX,oBAAoB,EAD3B;MAEE,qBAAqB,EAAEU,cAFzB;MAGE,UAAU;IAHZ,gBAKE,oBAAC,IAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBF,IAAzB,CALF,CADF;EASD;;EAEDG,iBAAiB,CAACT,QAAD,EAAwBC,MAAxB,EAA+C;IAC9D,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEJ,oBAAoB,EAA/B;MAAmC,KAAK,EAAEI;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,OAAD;MAAS,GAAG,EAAEd,oBAAoB,EAAlC;MAAsC,GAAG,EAAEc;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,UAAD;MACE,eAAe,EAAEK,OAAO,GAAGlB,OAAH,GAAaD,IADvC;MAEE,eAAe,EAAEc,SAFnB;MAGE,cAAc,EAAEO,SAHlB;MAIE,GAAG,EAAElB,oBAAoB;IAJ3B,GAMGiB,EAAE,CAACE,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CANH,CADF;EAUD;;AAxFY;;AA2Ff,eAAelB,QAAf"}
+{"version":3,"names":["React","ScrollView","View","Text","TouchableHighlight","MarkedList","Disc","Decimal","MDImage","generateRandomString","onLinkPress","Renderer","children","styles","href","imageUrl","alt","imageNode","getImageNode","getViewNode","getCodeBlockNode","text","containerStyle","textStyle","getBlockquoteNode","uri","getListNode","ordered","li","listStyle","map","node"],"sources":["Renderer.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ScrollView, View, Text, TouchableHighlight } from 'react-native';\nimport MarkedList from '@jsamr/react-native-li';\nimport Disc from '@jsamr/counter-style/presets/disc';\nimport Decimal from '@jsamr/counter-style/presets/decimal';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\nimport type { TextStyleProp, ViewStyleProp } from './types';\nimport { onLinkPress } from '../utils/handlers';\n\nclass Renderer {\n  getTextNode = (children: string | ReactNode[], styles: TextStyleProp) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getTextLinkNode = (\n    children: string | ReactNode[],\n    href: string,\n    styles: TextStyleProp\n  ) => {\n    return (\n      <Text\n        accessibilityRole=\"link\"\n        accessibilityHint=\"Opens in a new window\"\n        key={generateRandomString()}\n        onPress={onLinkPress(href)}\n        style={styles}\n      >\n        {children}\n      </Text>\n    );\n  };\n\n  getImageLinkNode = (href: string, imageUrl: string, alt?: string) => {\n    const imageNode = this.getImageNode(imageUrl, alt);\n    return (\n      <TouchableHighlight\n        accessibilityRole=\"link\"\n        accessibilityHint=\"Opens in a new window\"\n        onPress={onLinkPress(href)}\n        key={generateRandomString()}\n      >\n        {imageNode}\n      </TouchableHighlight>\n    );\n  };\n\n  getViewNode(children: ReactNode[] | null, styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <ScrollView\n        key={generateRandomString()}\n        contentContainerStyle={containerStyle}\n        horizontal\n      >\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: ReactNode[], styles: ViewStyleProp) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getImageNode(uri: string, alt?: string) {\n    return <MDImage key={generateRandomString()} uri={uri} alt={alt} />;\n  }\n\n  getListNode(\n    ordered: boolean,\n    li: ReactNode[],\n    listStyle: ViewStyleProp,\n    textStyle: TextStyleProp\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n        key={generateRandomString()}\n      >\n        {li.map((node) => node)}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAiC,OAAjC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,IAA3B,EAAiCC,kBAAjC,QAA2D,cAA3D;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,IAAP,MAAiB,mCAAjB;AACA,OAAOC,OAAP,MAAoB,sCAApB;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,SAASC,oBAAT,QAAqC,iBAArC;AAEA,SAASC,WAAT,QAA4B,mBAA5B;;AAEA,MAAMC,QAAN,CAAe;EAAA;IAAA,qCACC,CAACC,QAAD,EAAiCC,MAAjC,KAA2D;MACvE,oBACE,oBAAC,IAAD;QAAM,GAAG,EAAEJ,oBAAoB,EAA/B;QAAmC,KAAK,EAAEI;MAA1C,GACGD,QADH,CADF;IAKD,CAPY;;IAAA,yCASK,CAChBA,QADgB,EAEhBE,IAFgB,EAGhBD,MAHgB,KAIb;MACH,oBACE,oBAAC,IAAD;QACE,iBAAiB,EAAC,MADpB;QAEE,iBAAiB,EAAC,uBAFpB;QAGE,GAAG,EAAEJ,oBAAoB,EAH3B;QAIE,OAAO,EAAEC,WAAW,CAACI,IAAD,CAJtB;QAKE,KAAK,EAAED;MALT,GAOGD,QAPH,CADF;IAWD,CAzBY;;IAAA,0CA2BM,CAACE,IAAD,EAAeC,QAAf,EAAiCC,GAAjC,KAAkD;MACnE,MAAMC,SAAS,GAAG,KAAKC,YAAL,CAAkBH,QAAlB,EAA4BC,GAA5B,CAAlB;MACA,oBACE,oBAAC,kBAAD;QACE,iBAAiB,EAAC,MADpB;QAEE,iBAAiB,EAAC,uBAFpB;QAGE,OAAO,EAAEN,WAAW,CAACI,IAAD,CAHtB;QAIE,GAAG,EAAEL,oBAAoB;MAJ3B,GAMGQ,SANH,CADF;IAUD,CAvCY;EAAA;;EAyCbE,WAAW,CAACP,QAAD,EAA+BC,MAA/B,EAAsD;IAC/D,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEJ,oBAAoB,EAA/B;MAAmC,KAAK,EAAEI;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDQ,gBAAgB,CACdC,IADc,EAEdC,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,UAAD;MACE,GAAG,EAAEd,oBAAoB,EAD3B;MAEE,qBAAqB,EAAEa,cAFzB;MAGE,UAAU;IAHZ,gBAKE,oBAAC,IAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBF,IAAzB,CALF,CADF;EASD;;EAEDG,iBAAiB,CAACZ,QAAD,EAAwBC,MAAxB,EAA+C;IAC9D,oBACE,oBAAC,IAAD;MAAM,GAAG,EAAEJ,oBAAoB,EAA/B;MAAmC,KAAK,EAAEI;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,YAAY,CAACO,GAAD,EAAcT,GAAd,EAA4B;IACtC,oBAAO,oBAAC,OAAD;MAAS,GAAG,EAAEP,oBAAoB,EAAlC;MAAsC,GAAG,EAAEgB,GAA3C;MAAgD,GAAG,EAAET;IAArD,EAAP;EACD;;EAEDU,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITN,SAJS,EAKT;IACA,oBACE,oBAAC,UAAD;MACE,eAAe,EAAEI,OAAO,GAAGpB,OAAH,GAAaD,IADvC;MAEE,eAAe,EAAEiB,SAFnB;MAGE,cAAc,EAAEM,SAHlB;MAIE,GAAG,EAAEpB,oBAAoB;IAJ3B,GAMGmB,EAAE,CAACE,GAAH,CAAQC,IAAD,IAAUA,IAAjB,CANH,CADF;EAUD;;AA7FY;;AAgGf,eAAepB,QAAf"}

package/dist/module/theme/styles.js

@@ -28,6 +28,10 @@ const getStyles = (userStyles, colorScheme) => {
     strong: { ...fontStyle.regular,
       fontWeight: 'bold'
     },
+    strikethrough: { ...fontStyle.regular,
+      textDecorationLine: 'line-through',
+      textDecorationStyle: 'solid'
+    },
     text: { ...fontStyle.regular
     },
     paragraph: { ...fontStyle.regular,
@@ -48,12 +52,18 @@ const getStyles = (userStyles, colorScheme) => {
       lineHeight: 40,
       fontWeight: 'bold',
       marginVertical: 8,
-      letterSpacing: 0
+      letterSpacing: 0,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1
     },
     h2: { ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8
+      marginVertical: 8,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1
     },
     h3: { ...fontStyle.heading,
       fontSize: 24,

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","getTheme","getFontStyles","theme","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","borderBottomWidth","borderBottomColor","li","flexShrink"],"sources":["styles.ts"],"sourcesContent":["import { ColorSchemeName, StyleSheet } from 'react-native';\nimport { getTheme } from './theme';\nimport type { MarkedStyles, Theme } from './types';\n\nconst getFontStyles = (theme: Theme) => {\n  return StyleSheet.create({\n    regular: {\n      fontSize: 16,\n      lineHeight: 24,\n      color: theme.colors.text,\n    },\n    heading: {\n      fontWeight: '500',\n      color: theme.colors.text,\n    },\n  });\n};\n\nconst getStyles = (\n  userStyles?: MarkedStyles,\n  colorScheme?: ColorSchemeName\n): MarkedStyles => {\n  const theme = getTheme(colorScheme || 'light');\n  const fontStyle = getFontStyles(theme);\n  const defaultStyles = StyleSheet.create<MarkedStyles>({\n    container: {\n      backgroundColor: theme.colors.background,\n    },\n    em: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n    },\n    strong: {\n      ...fontStyle.regular,\n      fontWeight: 'bold',\n    },\n    text: {\n      ...fontStyle.regular,\n    },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n    },\n    h3: {\n      ...fontStyle.heading,\n      fontSize: 24,\n      lineHeight: 32,\n      marginVertical: 4,\n    },\n    h4: {\n      ...fontStyle.heading,\n      fontSize: 22,\n      lineHeight: 28,\n      marginVertical: 4,\n    },\n    h5: {\n      ...fontStyle.regular,\n      ...fontStyle.heading,\n      marginVertical: 2,\n    },\n    h6: {\n      ...fontStyle.heading,\n      fontSize: 14,\n      lineHeight: 20,\n      marginVertical: 2,\n    },\n    codespan: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      backgroundColor: theme.colors.code,\n      fontWeight: '300',\n    },\n    code: {\n      padding: 16,\n      backgroundColor: theme.colors.code,\n      minWidth: '100%',\n    },\n    hr: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.border,\n      marginVertical: 4,\n    },\n    li: {\n      ...fontStyle.regular,\n      flexShrink: 1,\n    },\n  });\n\n  return {\n    ...defaultStyles,\n    ...userStyles,\n  };\n};\n\nexport default getStyles;\n"],"mappings":"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"}
+{"version":3,"names":["StyleSheet","getTheme","getFontStyles","theme","create","regular","fontSize","lineHeight","color","colors","text","heading","fontWeight","getStyles","userStyles","colorScheme","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","link","blockquote","borderLeftColor","border","paddingLeft","borderLeftWidth","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","h6","codespan","code","padding","minWidth","hr","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    strikethrough: {\n      ...fontStyle.regular,\n      textDecorationLine: 'line-through',\n      textDecorationStyle: 'solid',\n    },\n    text: {\n      ...fontStyle.regular,\n    },\n    paragraph: {\n      ...fontStyle.regular,\n      paddingVertical: 8,\n    },\n    link: {\n      ...fontStyle.regular,\n      fontStyle: 'italic',\n      color: theme.colors.link,\n    },\n    blockquote: {\n      borderLeftColor: theme.colors.border,\n      paddingLeft: 16,\n      borderLeftWidth: 5,\n      opacity: 0.8,\n    },\n    h1: {\n      fontSize: 32,\n      lineHeight: 40,\n      fontWeight: 'bold',\n      marginVertical: 8,\n      letterSpacing: 0,\n      paddingBottom: 4,\n      borderBottomColor: theme.colors.border,\n      borderBottomWidth: 1,\n    },\n    h2: {\n      ...fontStyle.heading,\n      fontSize: 28,\n      lineHeight: 36,\n      marginVertical: 8,\n      paddingBottom: 4,\n      borderBottomColor: theme.colors.border,\n      borderBottomWidth: 1,\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/module/theme/types.js.map

@@ -1 +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":""}
+{"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  strikethrough?: 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/typescript/components/MDImage.d.ts

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

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

@@ -3,11 +3,11 @@ import type { TextStyleProp, ViewStyleProp } from './types';
 declare class Renderer {
     getTextNode: (children: string | ReactNode[], styles: TextStyleProp) => JSX.Element;
     getTextLinkNode: (children: string | ReactNode[], href: string, styles: TextStyleProp) => JSX.Element;
-    getImageLinkNode: (href: string, imageUrl: string) => JSX.Element;
+    getImageLinkNode: (href: string, imageUrl: string, alt?: string) => JSX.Element;
     getViewNode(children: ReactNode[] | null, styles: ViewStyleProp): JSX.Element;
     getCodeBlockNode(text: string, containerStyle: ViewStyleProp, textStyle: TextStyleProp): JSX.Element;
     getBlockquoteNode(children: ReactNode[], styles: ViewStyleProp): JSX.Element;
-    getImageNode(uri: string): JSX.Element;
+    getImageNode(uri: string, alt?: string): JSX.Element;
     getListNode(ordered: boolean, li: ReactNode[], listStyle: ViewStyleProp, textStyle: TextStyleProp): JSX.Element;
 }
 export default Renderer;

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

@@ -3,6 +3,7 @@ export interface MarkedStyles {
     container?: ViewStyle;
     em?: TextStyle;
     strong?: TextStyle;
+    strikethrough?: TextStyle;
     text?: TextStyle;
     paragraph?: ViewStyle;
     link?: TextStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.1.7",
+  "version": "1.3.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",

package/src/components/MDImage.tsx

@@ -4,14 +4,22 @@ import FitImage from 'react-native-fit-image';
 
 interface MDImageProps {
   uri: string;
+  alt?: string;
 }
 
-const MDImage = ({ uri }: MDImageProps) => {
+const MDImage = ({ uri, alt }: MDImageProps) => {
   useEffect(() => {
     Image.prefetch(uri);
   }, [uri]);
 
-  return <FitImage source={{ uri }} resizeMode="cover" />;
+  return (
+    <FitImage
+      accessibilityRole="image"
+      accessibilityLabel={alt || 'Image'}
+      source={{ uri }}
+      resizeMode="cover"
+    />
+  );
 };
 
 export default memo(MDImage);

package/src/lib/Parser.tsx

@@ -108,17 +108,8 @@ class Parser {
           });
         }
         case 'link': {
-          if (
-            token.tokens &&
-            token.tokens[0] &&
-            token.tokens[0].type === 'image'
-          ) {
-            return this.renderer.getImageLinkNode(
-              token.href,
-              token.tokens[0]?.href
-            );
-          }
-
+          // Note: Linking Images (https://www.markdownguide.org/basic-syntax/#linking-images) are wrapped
+          // in paragraph token, so will be handled via `getNormalizedSiblingNodesForBlockAndInlineTokens`
           const linkStyle = {
             ...styles,
             ...this.styles.link, // To override color property
@@ -130,7 +121,10 @@ class Parser {
           );
         }
         case 'image': {
-          return this.renderer.getImageNode(token.href);
+          return this.renderer.getImageNode(
+            token.href,
+            token.text || token.title
+          );
         }
         case 'strong': {
           const boldStyle = {
@@ -162,7 +156,14 @@ class Parser {
           return this.renderer.getTextNode('\n', {});
         }
         case 'del': {
-          return null;
+          const strikethroughStyle = {
+            ...this.styles.strikethrough,
+            ...styles,
+          };
+          return this.renderer.getTextNode(
+            this.parseInline(token.tokens, strikethroughStyle),
+            strikethroughStyle
+          );
         }
         case 'text':
         case 'html': {
@@ -188,7 +189,7 @@ class Parser {
     tokens: marked.Token[],
     textStyle: TextStyleProp
   ): ReactNode[] => {
-    let tempTokens: marked.Token[] = [];
+    let tokenRenderQueue: marked.Token[] = [];
     const siblingNodes: ReactNode[] = [];
     tokens.forEach((t) => {
       /**
@@ -203,30 +204,36 @@ class Parser {
           t.tokens[0] &&
           t.tokens[0].type === 'image')
       ) {
-        const parsed = this.parseInline(tempTokens);
+        // Render existing inline tokens in the queue
+        const parsed = this.parseInline(tokenRenderQueue);
         if (parsed.length > 0) {
           siblingNodes.push(this.renderer.getTextNode(parsed, textStyle));
         }
 
+        // Render the current block token
         if (t.type === 'image') {
           siblingNodes.push(this.parseInline([t]));
         } else if (t.type === 'link') {
           const imageToken = t.tokens[0] as marked.Tokens.Image;
           siblingNodes.push(
-            this.renderer.getImageLinkNode(t.href, imageToken.href)
+            this.renderer.getImageLinkNode(
+              t.href,
+              imageToken.href,
+              imageToken.text || imageToken.title
+            )
           );
         }
 
-        tempTokens = [];
+        tokenRenderQueue = [];
         return;
       }
-      tempTokens = [...tempTokens, t];
+      tokenRenderQueue = [...tokenRenderQueue, t];
     });
 
     /* Remaining temp tokens if any */
-    if (tempTokens.length > 0) {
+    if (tokenRenderQueue.length > 0) {
       siblingNodes.push(
-        this.renderer.getTextNode(this.parseInline(tempTokens), {})
+        this.renderer.getTextNode(this.parseInline(tokenRenderQueue), {})
       );
     }
 

package/src/lib/Renderer.tsx

@@ -24,6 +24,8 @@ class Renderer {
   ) => {
     return (
       <Text
+        accessibilityRole="link"
+        accessibilityHint="Opens in a new window"
         key={generateRandomString()}
         onPress={onLinkPress(href)}
         style={styles}
@@ -33,13 +35,16 @@ class Renderer {
     );
   };
 
-  getImageLinkNode = (href: string, imageUrl: string) => {
+  getImageLinkNode = (href: string, imageUrl: string, alt?: string) => {
+    const imageNode = this.getImageNode(imageUrl, alt);
     return (
       <TouchableHighlight
+        accessibilityRole="link"
+        accessibilityHint="Opens in a new window"
         onPress={onLinkPress(href)}
         key={generateRandomString()}
       >
-        <MDImage uri={imageUrl} />
+        {imageNode}
       </TouchableHighlight>
     );
   };
@@ -76,8 +81,8 @@ class Renderer {
     );
   }
 
-  getImageNode(uri: string) {
-    return <MDImage key={generateRandomString()} uri={uri} />;
+  getImageNode(uri: string, alt?: string) {
+    return <MDImage key={generateRandomString()} uri={uri} alt={alt} />;
   }
 
   getListNode(

package/src/theme/styles.ts

@@ -34,6 +34,11 @@ const getStyles = (
       ...fontStyle.regular,
       fontWeight: 'bold',
     },
+    strikethrough: {
+      ...fontStyle.regular,
+      textDecorationLine: 'line-through',
+      textDecorationStyle: 'solid',
+    },
     text: {
       ...fontStyle.regular,
     },
@@ -58,12 +63,18 @@ const getStyles = (
       fontWeight: 'bold',
       marginVertical: 8,
       letterSpacing: 0,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1,
     },
     h2: {
       ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
       marginVertical: 8,
+      paddingBottom: 4,
+      borderBottomColor: theme.colors.border,
+      borderBottomWidth: 1,
     },
     h3: {
       ...fontStyle.heading,

package/src/theme/types.ts

@@ -4,6 +4,7 @@ export interface MarkedStyles {
   container?: ViewStyle;
   em?: TextStyle;
   strong?: TextStyle;
+  strikethrough?: TextStyle;
   text?: TextStyle;
   paragraph?: ViewStyle;
   link?: TextStyle;