react-native-marked 3.0.0 → 4.0.0

package/README.md

@@ -17,6 +17,8 @@ yarn add react-native-marked
 
 ## Usage
 
+### Using Component
+
 ```tsx
 import * as React from "react";
 import Markdown from "react-native-marked";
@@ -35,11 +37,7 @@ const ExampleComponent = () => {
 export default ExampleComponent;
 ```
 
-## Examples
-
-- RN App: https://github.com/gmsgowtham/react-native-marked-test
-
-## [Props](https://github.com/gmsgowtham/react-native-marked/blob/main/src/lib/types.ts#L9)
+#### [Props](https://github.com/gmsgowtham/react-native-marked/blob/main/src/lib/types.ts#L9)
 
 | Prop          | Description                                                                                                                                  | Type                                                                                                                                                                           | Optional? |
 | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- |
@@ -50,6 +48,46 @@ export default ExampleComponent;
 | baseUrl       | A prefix url for any relative link                                                                                                           | string                                                                                                                                                                         | true      |
 | renderer      | Custom component Renderer                                                                                                                    | [RendererInterface](https://github.com/gmsgowtham/react-native-marked/blob/main/src/lib/types.ts#L25)                                                                          | true      |
 
+
+### Using hook
+
+`useMarkdown` hook will return list of elements that can be rendered using a list component of your choice.
+
+```tsx
+import React, { Fragment } from "react";
+import { ScrollView, useColorScheme } from "react-native";
+import { useMarkdown, type useMarkdownHookOptions } from "react-native-marked";
+
+const CustomComponent = () => {
+  const colorScheme = useColorScheme();
+  const options: useMarkdownHookOptions = {
+    colorScheme
+  }
+  const elements = useMarkdown("# Hello world", options);
+  return (
+    <ScrollView>
+      {elements.map((element, index) => {
+        return <Fragment key={`demo_${index}`}>{element}</Fragment>
+      })}
+    </ScrollView>
+  );
+};
+```
+
+#### Options
+
+| Option      | Description                                                                                                                                  | Type                                                                                                  | Optional? |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | --------- |
+| colorScheme | Device color scheme ("dark" or "light")                                                                                                      | ColorSchemeName                                                                                       | false     |
+| styles      | Styles for parsed components                                                                                                                 | [MarkedStyles](https://github.com/gmsgowtham/react-native-marked/blob/main/src/theme/types.ts#L5)     | true      |
+| theme       | Props for customizing colors and spacing for all components,and it will get overridden with custom component style applied via 'styles' prop | [UserTheme](https://github.com/gmsgowtham/react-native-marked/blob/main/src/theme/types.ts#L28)       | true      |
+| baseUrl     | A prefix url for any relative link                                                                                                           | string                                                                                                | true      |
+| renderer    | Custom component Renderer                                                                                                                    | [RendererInterface](https://github.com/gmsgowtham/react-native-marked/blob/main/src/lib/types.ts#L25) | true      |
+
+## Examples
+
+- RN App: https://github.com/gmsgowtham/react-native-marked-test
+
 ## Supported elements
 
 - [x] Headings (1 to 6)
@@ -67,15 +105,15 @@ export default ExampleComponent;
 
 Ref: [CommonMark](https://commonmark.org/help/)
 
-> HTML will be treated as plain text
+> HTML will be treated as plain text. Please refer [issue#290](https://github.com/gmsgowtham/react-native-marked/issues/290) for a potential solution
 
 ## Using custom components
 
 ```tsx
-import React, { ReactNode } from "react";
-import { Text } from "react-native";
+import React, { ReactNode, Fragment } from "react";
+import { Text, ScrollView } from "react-native";
 import type { ImageStyle, TextStyle } from "react-native";
-import Markdown, { Renderer } from "react-native-marked";
+import Markdown, { Renderer, useMarkdown } from "react-native-marked";
 import type { RendererInterface } from "react-native-marked";
 import FastImage from "react-native-fast-image";
 
@@ -118,6 +156,19 @@ const ExampleComponent = () => {
   );
 };
 
+// Alternate using hook
+const ExampleComponentWithHook = () => {
+  const elements = useMarkdown("`Hello world`", { renderer });
+
+  return (
+    <ScrollView>
+      {elements.map((element, index) => {
+        return <Fragment key={`demo_${index}`}>{element}</Fragment>
+      })}
+    </ScrollView>
+  )
+}
+
 export default ExampleComponent;
 ```
 

package/dist/commonjs/hooks/useMarkdown.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _marked = require("marked");
+
+var _Parser = _interopRequireDefault(require("../lib/Parser"));
+
+var _Renderer = _interopRequireDefault(require("../lib/Renderer"));
+
+var _styles = _interopRequireDefault(require("./../theme/styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useMarkdown = (value, options) => {
+  const styles = (0, _react.useMemo)(() => (0, _styles.default)(options === null || options === void 0 ? void 0 : options.styles, options === null || options === void 0 ? void 0 : options.colorScheme, options === null || options === void 0 ? void 0 : options.theme), [options === null || options === void 0 ? void 0 : options.styles, options === null || options === void 0 ? void 0 : options.theme, options === null || options === void 0 ? void 0 : options.colorScheme]);
+  const parser = (0, _react.useMemo)(() => new _Parser.default({
+    styles: styles,
+    baseUrl: options === null || options === void 0 ? void 0 : options.baseUrl,
+    renderer: (options === null || options === void 0 ? void 0 : options.renderer) ?? new _Renderer.default()
+  }), [options === null || options === void 0 ? void 0 : options.renderer, options === null || options === void 0 ? void 0 : options.baseUrl, styles]);
+  const elements = (0, _react.useMemo)(() => {
+    const tokens = _marked.marked.lexer(value, {
+      mangle: false,
+      gfm: true
+    });
+
+    return parser.parse(tokens);
+  }, [value, parser]);
+  return elements;
+};
+
+var _default = useMarkdown;
+exports.default = _default;
+//# sourceMappingURL=useMarkdown.js.map

package/dist/commonjs/hooks/useMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMarkdown","value","options","styles","useMemo","getStyles","colorScheme","theme","parser","Parser","baseUrl","renderer","Renderer","elements","tokens","marked","lexer","mangle","gfm","parse"],"sourceRoot":"../../../src","sources":["hooks/useMarkdown.ts"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAYA,MAAMA,WAAW,GAAG,CACnBC,KADmB,EAEnBC,OAFmB,KAGF;EACjB,MAAMC,MAAM,GAAG,IAAAC,cAAA,EACd,MAAM,IAAAC,eAAA,EAAUH,OAAV,aAAUA,OAAV,uBAAUA,OAAO,CAAEC,MAAnB,EAA2BD,OAA3B,aAA2BA,OAA3B,uBAA2BA,OAAO,CAAEI,WAApC,EAAiDJ,OAAjD,aAAiDA,OAAjD,uBAAiDA,OAAO,CAAEK,KAA1D,CADQ,EAEd,CAACL,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEC,MAAV,EAAkBD,OAAlB,aAAkBA,OAAlB,uBAAkBA,OAAO,CAAEK,KAA3B,EAAkCL,OAAlC,aAAkCA,OAAlC,uBAAkCA,OAAO,CAAEI,WAA3C,CAFc,CAAf;EAKA,MAAME,MAAM,GAAG,IAAAJ,cAAA,EACd,MACC,IAAIK,eAAJ,CAAW;IACVN,MAAM,EAAEA,MADE;IAEVO,OAAO,EAAER,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEQ,OAFR;IAGVC,QAAQ,EAAE,CAAAT,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAES,QAAT,KAAqB,IAAIC,iBAAJ;EAHrB,CAAX,CAFa,EAOd,CAACV,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAES,QAAV,EAAoBT,OAApB,aAAoBA,OAApB,uBAAoBA,OAAO,CAAEQ,OAA7B,EAAsCP,MAAtC,CAPc,CAAf;EAUA,MAAMU,QAAQ,GAAG,IAAAT,cAAA,EAAQ,MAAM;IAC9B,MAAMU,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAaf,KAAb,EAAoB;MAAEgB,MAAM,EAAE,KAAV;MAAiBC,GAAG,EAAE;IAAtB,CAApB,CAAf;;IACA,OAAOV,MAAM,CAACW,KAAP,CAAaL,MAAb,CAAP;EACA,CAHgB,EAGd,CAACb,KAAD,EAAQO,MAAR,CAHc,CAAjB;EAKA,OAAOK,QAAP;AACA,CAzBD;;eA2Beb,W"}

package/dist/commonjs/index.js

@@ -10,11 +10,19 @@ Object.defineProperty(exports, "Renderer", {
   }
 });
 exports.default = void 0;
+Object.defineProperty(exports, "useMarkdown", {
+  enumerable: true,
+  get: function () {
+    return _useMarkdown.default;
+  }
+});
 
 var _Markdown = _interopRequireDefault(require("./lib/Markdown"));
 
 var _Renderer = _interopRequireDefault(require("./lib/Renderer"));
 
+var _useMarkdown = _interopRequireDefault(require("./hooks/useMarkdown"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = _Markdown.default;

package/dist/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Markdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;eASeA,iB"}
+{"version":3,"names":["Markdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;eAceA,iB"}

package/dist/commonjs/lib/Markdown.js

@@ -9,13 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _marked = require("marked");
+var _useMarkdown = _interopRequireDefault(require("../hooks/useMarkdown"));
 
-var _Parser = _interopRequireDefault(require("./Parser"));
-
-var _Renderer = _interopRequireDefault(require("./Renderer"));
-
-var _styles = _interopRequireDefault(require("../theme/styles"));
+var _colors = _interopRequireDefault(require("../theme/colors"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -32,23 +28,16 @@ const Markdown = _ref => {
     theme,
     baseUrl,
     renderer,
-    styles: userStyles
+    styles
   } = _ref;
   const colorScheme = (0, _reactNative.useColorScheme)();
-  const styles = (0, _react.useMemo)(() => (0, _styles.default)(userStyles, colorScheme, theme), [userStyles, colorScheme, theme]);
-  const parser = (0, _react.useMemo)(() => new _Parser.default({
-    styles,
+  const rnElements = (0, _useMarkdown.default)(value, {
+    theme,
     baseUrl,
-    renderer: renderer ?? new _Renderer.default()
-  }), [styles, baseUrl]);
-  const rnElements = (0, _react.useMemo)(() => {
-    const tokens = _marked.marked.lexer(value, {
-      mangle: false,
-      gfm: true
-    });
-
-    return parser.parse(tokens);
-  }, [value, styles, baseUrl]);
+    renderer,
+    colorScheme,
+    styles
+  });
   const renderItem = (0, _react.useCallback)(_ref2 => {
     let {
       item
@@ -61,7 +50,9 @@ const Markdown = _ref => {
     keyExtractor: keyExtractor,
     maxToRenderPerBatch: 8,
     initialNumToRender: 8,
-    style: styles.container
+    style: {
+      backgroundColor: colorScheme === "light" ? _colors.default.light.background : _colors.default.dark.background
+    }
   }, flatListProps, {
     data: rnElements,
     renderItem: renderItem

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

@@ -1 +1 @@
-{"version":3,"names":["Markdown","value","flatListProps","theme","baseUrl","renderer","styles","userStyles","colorScheme","useColorScheme","useMemo","getStyles","parser","Parser","Renderer","rnElements","tokens","marked","lexer","mangle","gfm","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sourceRoot":"../../../src","sources":["lib/Markdown.tsx"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,QAAQ,GAAG,QAOI;EAAA,IAPH;IACjBC,KADiB;IAEjBC,aAFiB;IAGjBC,KAHiB;IAIjBC,OAJiB;IAKjBC,QALiB;IAMjBC,MAAM,EAAEC;EANS,CAOG;EACpB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACd,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,EAAmCL,KAAnC,CADQ,EAEd,CAACI,UAAD,EAAaC,WAAb,EAA0BL,KAA1B,CAFc,CAAf;EAKA,MAAMS,MAAM,GAAG,IAAAF,cAAA,EACd,MACC,IAAIG,eAAJ,CAAW;IACVP,MADU;IAEVF,OAFU;IAGVC,QAAQ,EAAEA,QAAQ,IAAI,IAAIS,iBAAJ;EAHZ,CAAX,CAFa,EAOd,CAACR,MAAD,EAASF,OAAT,CAPc,CAAf;EAUA,MAAMW,UAAU,GAAG,IAAAL,cAAA,EAAQ,MAAM;IAChC,MAAMM,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAajB,KAAb,EAAoB;MAAEkB,MAAM,EAAE,KAAV;MAAiBC,GAAG,EAAE;IAAtB,CAApB,CAAf;;IACA,OAAOR,MAAM,CAACS,KAAP,CAAaL,MAAb,CAAP;EACA,CAHkB,EAGhB,CAACf,KAAD,EAAQK,MAAR,EAAgBF,OAAhB,CAHgB,CAAnB;EAKA,MAAMkB,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IACjE,OAAOA,IAAP;EACA,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EACpB,CAACG,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADb,EAEpB,EAFoB,CAArB;EAKA,oBACC,6BAAC,qBAAD;IACC,qBAAqB,MADtB;IAEC,YAAY,EAAEH,YAFf;IAGC,mBAAmB,EAAE,CAHtB;IAIC,kBAAkB,EAAE,CAJrB;IAKC,KAAK,EAAEnB,MAAM,CAACuB;EALf,GAMK3B,aANL;IAOC,IAAI,EAAEa,UAPP;IAQC,UAAU,EAAEO;EARb,GADD;AAYA,CAlDD;;4BAoDe,IAAAQ,WAAA,EAAK9B,QAAL,C"}
+{"version":3,"names":["Markdown","value","flatListProps","theme","baseUrl","renderer","styles","colorScheme","useColorScheme","rnElements","useMarkdown","renderItem","useCallback","item","keyExtractor","_","index","toString","backgroundColor","colors","light","background","dark","memo"],"sourceRoot":"../../../src","sources":["lib/Markdown.tsx"],"mappings":";;;;;;;AAAA;;AAMA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,QAOI;EAAA,IAPH;IACjBC,KADiB;IAEjBC,aAFiB;IAGjBC,KAHiB;IAIjBC,OAJiB;IAKjBC,QALiB;IAMjBC;EANiB,CAOG;EACpB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EAEA,MAAMC,UAAU,GAAG,IAAAC,oBAAA,EAAYT,KAAZ,EAAmB;IACrCE,KADqC;IAErCC,OAFqC;IAGrCC,QAHqC;IAIrCE,WAJqC;IAKrCD;EALqC,CAAnB,CAAnB;EAQA,MAAMK,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IACjE,OAAOA,IAAP;EACA,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EACpB,CAACG,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADb,EAEpB,EAFoB,CAArB;EAKA,oBACC,6BAAC,qBAAD;IACC,qBAAqB,MADtB;IAEC,YAAY,EAAEH,YAFf;IAGC,mBAAmB,EAAE,CAHtB;IAIC,kBAAkB,EAAE,CAJrB;IAKC,KAAK,EAAE;MACNI,eAAe,EACdX,WAAW,KAAK,OAAhB,GACGY,eAAA,CAAOC,KAAP,CAAaC,UADhB,GAEGF,eAAA,CAAOG,IAAP,CAAYD;IAJV;EALR,GAWKnB,aAXL;IAYC,IAAI,EAAEO,UAZP;IAaC,UAAU,EAAEE;EAbb,GADD;AAiBA,CA5CD;;4BA8Ce,IAAAY,WAAA,EAAKvB,QAAL,C"}

package/dist/commonjs/theme/styles.js

@@ -37,9 +37,6 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
   const fontStyle = getFontStyles(mdColors);
 
   const defaultStyles = _reactNative.StyleSheet.create({
-    container: {
-      backgroundColor: mdColors.background
-    },
     em: { ...fontStyle.regular,
       fontStyle: "italic"
     },

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

@@ -1 +1 @@
-{"version":3,"names":["getFontStyles","mdColors","StyleSheet","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","colors","mdSpacing","spacing","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}
+{"version":3,"names":["getFontStyles","mdColors","StyleSheet","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","colors","mdSpacing","spacing","fontStyle","defaultStyles","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","backgroundColor","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}

package/dist/module/hooks/useMarkdown.js

@@ -0,0 +1,25 @@
+import { useMemo } from "react";
+import { marked } from "marked";
+import Parser from "../lib/Parser";
+import Renderer from "../lib/Renderer";
+import getStyles from "./../theme/styles";
+
+const useMarkdown = (value, options) => {
+  const styles = useMemo(() => getStyles(options === null || options === void 0 ? void 0 : options.styles, options === null || options === void 0 ? void 0 : options.colorScheme, options === null || options === void 0 ? void 0 : options.theme), [options === null || options === void 0 ? void 0 : options.styles, options === null || options === void 0 ? void 0 : options.theme, options === null || options === void 0 ? void 0 : options.colorScheme]);
+  const parser = useMemo(() => new Parser({
+    styles: styles,
+    baseUrl: options === null || options === void 0 ? void 0 : options.baseUrl,
+    renderer: (options === null || options === void 0 ? void 0 : options.renderer) ?? new Renderer()
+  }), [options === null || options === void 0 ? void 0 : options.renderer, options === null || options === void 0 ? void 0 : options.baseUrl, styles]);
+  const elements = useMemo(() => {
+    const tokens = marked.lexer(value, {
+      mangle: false,
+      gfm: true
+    });
+    return parser.parse(tokens);
+  }, [value, parser]);
+  return elements;
+};
+
+export default useMarkdown;
+//# sourceMappingURL=useMarkdown.js.map

package/dist/module/hooks/useMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","marked","Parser","Renderer","getStyles","useMarkdown","value","options","styles","colorScheme","theme","parser","baseUrl","renderer","elements","tokens","lexer","mangle","gfm","parse"],"sourceRoot":"../../../src","sources":["hooks/useMarkdown.ts"],"mappings":"AAAA,SAASA,OAAT,QAAwC,OAAxC;AACA,SAASC,MAAT,QAAuB,QAAvB;AAEA,OAAOC,MAAP,MAAmB,eAAnB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,SAAP,MAAsB,mBAAtB;;AAYA,MAAMC,WAAW,GAAG,CACnBC,KADmB,EAEnBC,OAFmB,KAGF;EACjB,MAAMC,MAAM,GAAGR,OAAO,CACrB,MAAMI,SAAS,CAACG,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEC,MAAV,EAAkBD,OAAlB,aAAkBA,OAAlB,uBAAkBA,OAAO,CAAEE,WAA3B,EAAwCF,OAAxC,aAAwCA,OAAxC,uBAAwCA,OAAO,CAAEG,KAAjD,CADM,EAErB,CAACH,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEC,MAAV,EAAkBD,OAAlB,aAAkBA,OAAlB,uBAAkBA,OAAO,CAAEG,KAA3B,EAAkCH,OAAlC,aAAkCA,OAAlC,uBAAkCA,OAAO,CAAEE,WAA3C,CAFqB,CAAtB;EAKA,MAAME,MAAM,GAAGX,OAAO,CACrB,MACC,IAAIE,MAAJ,CAAW;IACVM,MAAM,EAAEA,MADE;IAEVI,OAAO,EAAEL,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEK,OAFR;IAGVC,QAAQ,EAAE,CAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEM,QAAT,KAAqB,IAAIV,QAAJ;EAHrB,CAAX,CAFoB,EAOrB,CAACI,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEM,QAAV,EAAoBN,OAApB,aAAoBA,OAApB,uBAAoBA,OAAO,CAAEK,OAA7B,EAAsCJ,MAAtC,CAPqB,CAAtB;EAUA,MAAMM,QAAQ,GAAGd,OAAO,CAAC,MAAM;IAC9B,MAAMe,MAAM,GAAGd,MAAM,CAACe,KAAP,CAAaV,KAAb,EAAoB;MAAEW,MAAM,EAAE,KAAV;MAAiBC,GAAG,EAAE;IAAtB,CAApB,CAAf;IACA,OAAOP,MAAM,CAACQ,KAAP,CAAaJ,MAAb,CAAP;EACA,CAHuB,EAGrB,CAACT,KAAD,EAAQK,MAAR,CAHqB,CAAxB;EAKA,OAAOG,QAAP;AACA,CAzBD;;AA2BA,eAAeT,WAAf"}

package/dist/module/index.js

@@ -1,5 +1,6 @@
 import Markdown from "./lib/Markdown";
 import Renderer from "./lib/Renderer";
-export { Renderer };
+import useMarkdown from "./hooks/useMarkdown";
+export { Renderer, useMarkdown };
 export default Markdown;
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Markdown","Renderer"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,gBAArB;AACA,OAAOC,QAAP,MAAqB,gBAArB;AAQA,SAASA,QAAT;AACA,eAAeD,QAAf"}
+{"version":3,"names":["Markdown","Renderer","useMarkdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,gBAArB;AACA,OAAOC,QAAP,MAAqB,gBAArB;AACA,OAAOC,WAAP,MAAyD,qBAAzD;AAaA,SAASD,QAAT,EAAmBC,WAAnB;AACA,eAAeF,QAAf"}

package/dist/module/lib/Markdown.js

@@ -1,11 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useCallback } from "react";
 import { FlatList, useColorScheme } from "react-native";
-import { marked } from "marked";
-import Parser from "./Parser";
-import Renderer from "./Renderer";
-import getStyles from "../theme/styles";
+import useMarkdown from "../hooks/useMarkdown";
+import colors from "../theme/colors";
 
 const Markdown = _ref => {
   let {
@@ -14,22 +12,16 @@ const Markdown = _ref => {
     theme,
     baseUrl,
     renderer,
-    styles: userStyles
+    styles
   } = _ref;
   const colorScheme = useColorScheme();
-  const styles = useMemo(() => getStyles(userStyles, colorScheme, theme), [userStyles, colorScheme, theme]);
-  const parser = useMemo(() => new Parser({
-    styles,
+  const rnElements = useMarkdown(value, {
+    theme,
     baseUrl,
-    renderer: renderer ?? new Renderer()
-  }), [styles, baseUrl]);
-  const rnElements = useMemo(() => {
-    const tokens = marked.lexer(value, {
-      mangle: false,
-      gfm: true
-    });
-    return parser.parse(tokens);
-  }, [value, styles, baseUrl]);
+    renderer,
+    colorScheme,
+    styles
+  });
   const renderItem = useCallback(_ref2 => {
     let {
       item
@@ -42,7 +34,9 @@ const Markdown = _ref => {
     keyExtractor: keyExtractor,
     maxToRenderPerBatch: 8,
     initialNumToRender: 8,
-    style: styles.container
+    style: {
+      backgroundColor: colorScheme === "light" ? colors.light.background : colors.dark.background
+    }
   }, flatListProps, {
     data: rnElements,
     renderItem: renderItem

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","FlatList","useColorScheme","marked","Parser","Renderer","getStyles","Markdown","value","flatListProps","theme","baseUrl","renderer","styles","userStyles","colorScheme","parser","rnElements","tokens","lexer","mangle","gfm","parse","renderItem","item","keyExtractor","_","index","toString","container"],"sourceRoot":"../../../src","sources":["lib/Markdown.tsx"],"mappings":";;AAAA,OAAOA,KAAP,IACCC,IADD,EAECC,WAFD,EAGCC,OAHD,QAMO,OANP;AAOA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,cAAzC;AACA,SAASC,MAAT,QAAuB,QAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAGA,MAAMC,QAAQ,GAAG,QAOI;EAAA,IAPH;IACjBC,KADiB;IAEjBC,aAFiB;IAGjBC,KAHiB;IAIjBC,OAJiB;IAKjBC,QALiB;IAMjBC,MAAM,EAAEC;EANS,CAOG;EACpB,MAAMC,WAAW,GAAGb,cAAc,EAAlC;EACA,MAAMW,MAAM,GAAGb,OAAO,CACrB,MAAMM,SAAS,CAACQ,UAAD,EAAaC,WAAb,EAA0BL,KAA1B,CADM,EAErB,CAACI,UAAD,EAAaC,WAAb,EAA0BL,KAA1B,CAFqB,CAAtB;EAKA,MAAMM,MAAM,GAAGhB,OAAO,CACrB,MACC,IAAII,MAAJ,CAAW;IACVS,MADU;IAEVF,OAFU;IAGVC,QAAQ,EAAEA,QAAQ,IAAI,IAAIP,QAAJ;EAHZ,CAAX,CAFoB,EAOrB,CAACQ,MAAD,EAASF,OAAT,CAPqB,CAAtB;EAUA,MAAMM,UAAU,GAAGjB,OAAO,CAAC,MAAM;IAChC,MAAMkB,MAAM,GAAGf,MAAM,CAACgB,KAAP,CAAaX,KAAb,EAAoB;MAAEY,MAAM,EAAE,KAAV;MAAiBC,GAAG,EAAE;IAAtB,CAApB,CAAf;IACA,OAAOL,MAAM,CAACM,KAAP,CAAaJ,MAAb,CAAP;EACA,CAHyB,EAGvB,CAACV,KAAD,EAAQK,MAAR,EAAgBF,OAAhB,CAHuB,CAA1B;EAKA,MAAMY,UAAU,GAAGxB,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEyB;IAAF,CAAkC;IACjE,OAAOA,IAAP;EACA,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAG1B,WAAW,CAC/B,CAAC2B,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADF,EAE/B,EAF+B,CAAhC;EAKA,oBACC,oBAAC,QAAD;IACC,qBAAqB,MADtB;IAEC,YAAY,EAAEH,YAFf;IAGC,mBAAmB,EAAE,CAHtB;IAIC,kBAAkB,EAAE,CAJrB;IAKC,KAAK,EAAEZ,MAAM,CAACgB;EALf,GAMKpB,aANL;IAOC,IAAI,EAAEQ,UAPP;IAQC,UAAU,EAAEM;EARb,GADD;AAYA,CAlDD;;AAoDA,4BAAezB,IAAI,CAACS,QAAD,CAAnB"}
+{"version":3,"names":["React","memo","useCallback","FlatList","useColorScheme","useMarkdown","colors","Markdown","value","flatListProps","theme","baseUrl","renderer","styles","colorScheme","rnElements","renderItem","item","keyExtractor","_","index","toString","backgroundColor","light","background","dark"],"sourceRoot":"../../../src","sources":["lib/Markdown.tsx"],"mappings":";;AAAA,OAAOA,KAAP,IACCC,IADD,EAECC,WAFD,QAKO,OALP;AAMA,SAASC,QAAT,EAAmBC,cAAnB,QAAyC,cAAzC;AAEA,OAAOC,WAAP,MAAwB,sBAAxB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;;AAEA,MAAMC,QAAQ,GAAG,QAOI;EAAA,IAPH;IACjBC,KADiB;IAEjBC,aAFiB;IAGjBC,KAHiB;IAIjBC,OAJiB;IAKjBC,QALiB;IAMjBC;EANiB,CAOG;EACpB,MAAMC,WAAW,GAAGV,cAAc,EAAlC;EAEA,MAAMW,UAAU,GAAGV,WAAW,CAACG,KAAD,EAAQ;IACrCE,KADqC;IAErCC,OAFqC;IAGrCC,QAHqC;IAIrCE,WAJqC;IAKrCD;EALqC,CAAR,CAA9B;EAQA,MAAMG,UAAU,GAAGd,WAAW,CAAC,SAAmC;IAAA,IAAlC;MAAEe;IAAF,CAAkC;IACjE,OAAOA,IAAP;EACA,CAF6B,EAE3B,EAF2B,CAA9B;EAIA,MAAMC,YAAY,GAAGhB,WAAW,CAC/B,CAACiB,CAAD,EAAeC,KAAf,KAAiCA,KAAK,CAACC,QAAN,EADF,EAE/B,EAF+B,CAAhC;EAKA,oBACC,oBAAC,QAAD;IACC,qBAAqB,MADtB;IAEC,YAAY,EAAEH,YAFf;IAGC,mBAAmB,EAAE,CAHtB;IAIC,kBAAkB,EAAE,CAJrB;IAKC,KAAK,EAAE;MACNI,eAAe,EACdR,WAAW,KAAK,OAAhB,GACGR,MAAM,CAACiB,KAAP,CAAaC,UADhB,GAEGlB,MAAM,CAACmB,IAAP,CAAYD;IAJV;EALR,GAWKf,aAXL;IAYC,IAAI,EAAEM,UAZP;IAaC,UAAU,EAAEC;EAbb,GADD;AAiBA,CA5CD;;AA8CA,4BAAef,IAAI,CAACM,QAAD,CAAnB"}

package/dist/module/theme/styles.js

@@ -25,9 +25,6 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
   };
   const fontStyle = getFontStyles(mdColors);
   const defaultStyles = StyleSheet.create({
-    container: {
-      backgroundColor: mdColors.background
-    },
     em: { ...fontStyle.regular,
       fontStyle: "italic"
     },

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","spacing","colors","getFontStyles","mdColors","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","mdSpacing","fontStyle","defaultStyles","container","backgroundColor","background","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}
+{"version":3,"names":["StyleSheet","spacing","colors","getFontStyles","mdColors","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","mdSpacing","fontStyle","defaultStyles","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","backgroundColor","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}

package/dist/typescript/hooks/useMarkdown.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { MarkedStyles, UserTheme } from "./../theme/types";
+import { type ColorSchemeName } from "react-native";
+import type { RendererInterface } from "../lib/types";
+export interface useMarkdownHookOptions {
+    colorScheme?: ColorSchemeName;
+    renderer?: RendererInterface;
+    theme?: UserTheme;
+    styles?: MarkedStyles;
+    baseUrl?: string;
+}
+declare const useMarkdown: (value: string, options?: useMarkdownHookOptions) => ReactNode[];
+export default useMarkdown;
+//# sourceMappingURL=useMarkdown.d.ts.map

package/dist/typescript/hooks/useMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMarkdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACtC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,WAAW,UACT,MAAM,YACH,sBAAsB,KAC9B,SAAS,EAsBX,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/typescript/index.d.ts

@@ -1,7 +1,8 @@
 import Markdown from "./lib/Markdown";
 import Renderer from "./lib/Renderer";
+import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
 import type { MarkdownProps, ParserOptions, RendererInterface } from "./lib/types";
-export type { MarkdownProps, ParserOptions, RendererInterface };
-export { Renderer };
+export type { MarkdownProps, ParserOptions, RendererInterface, useMarkdownHookOptions, };
+export { Renderer, useMarkdown };
 export default Markdown;
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,EACX,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,MAAM,aAAa,CAAC;AAErB,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,WAAW,EAAE,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,KAAK,EACX,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,MAAM,aAAa,CAAC;AAErB,YAAY,EACX,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,sBAAsB,GACtB,CAAC;AACF,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACjC,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from "react";
 import type { MarkdownProps } from "./types";
-declare const _default: React.MemoExoticComponent<({ value, flatListProps, theme, baseUrl, renderer, styles: userStyles, }: MarkdownProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, flatListProps, theme, baseUrl, renderer, styles, }: MarkdownProps) => JSX.Element>;
 export default _default;
 //# sourceMappingURL=Markdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/lib/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAsD7C,wBAA8B"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/lib/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAkD7C,wBAA8B"}

package/dist/typescript/theme/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBvD,QAAA,MAAM,SAAS,gBACD,YAAY,gBACX,eAAe,cACjB,SAAS,KACnB,YAyHF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBvD,QAAA,MAAM,SAAS,gBACD,YAAY,gBACX,eAAe,cACjB,SAAS,KACnB,YAsHF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -2,7 +2,6 @@ import type { ImageStyle, TextStyle, ViewStyle } from "react-native";
 import type { ColorKeysType } from "./colors";
 import type { SpacingKeysType } from "./spacing";
 export interface MarkedStyles {
-    container?: ViewStyle;
     em?: TextStyle;
     strong?: TextStyle;
     strikethrough?: TextStyle;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC1C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",
@@ -49,32 +49,32 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/core": "7.21.4",
-    "@babel/preset-env": "7.21.4",
-    "@commitlint/config-conventional": "17.4.4",
-    "@evilmartians/lefthook": "1.3.9",
+    "@babel/core": "7.21.8",
+    "@babel/preset-env": "7.21.5",
+    "@commitlint/config-conventional": "17.6.1",
+    "@evilmartians/lefthook": "1.3.12",
     "@release-it/conventional-changelog": "5.1.1",
     "@testing-library/jest-native": "5.4.2",
-    "@testing-library/react-native": "12.0.1",
-    "@types/jest": "29.5.0",
+    "@testing-library/react-native": "12.1.1",
+    "@types/jest": "29.5.1",
     "@types/marked": "4.0.8",
-    "@types/node": "18.15.11",
-    "@types/react": "18.0.34",
-    "@types/react-native": "0.71.5",
+    "@types/node": "18.16.3",
+    "@types/react": "18.2.0",
+    "@types/react-native": "0.71.6",
     "@types/react-native-table-component": "1.2.4",
-    "commitlint": "17.5.1",
-    "danger": "11.2.5",
+    "commitlint": "17.6.1",
+    "danger": "11.2.6",
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
-    "metro-react-native-babel-preset": "0.76.1",
+    "metro-react-native-babel-preset": "0.76.3",
     "pod-install": "0.1.38",
     "postinstall-postinstall": "2.1.0",
     "react": "18.2.0",
-    "react-native": "0.71.6",
+    "react-native": "0.71.7",
     "react-native-builder-bob": "0.20.4",
     "react-test-renderer": "18.2.0",
-    "reassure": "0.8.0",
-    "release-it": "15.10.1",
+    "reassure": "0.9.0",
+    "release-it": "15.10.3",
     "rome": "12.0.0",
     "typescript": "5.0.4"
   },

package/src/hooks/useMarkdown.ts

@@ -0,0 +1,45 @@
+import { useMemo, type ReactNode } from "react";
+import { marked } from "marked";
+import type { MarkedStyles, UserTheme } from "./../theme/types";
+import Parser from "../lib/Parser";
+import Renderer from "../lib/Renderer";
+import getStyles from "./../theme/styles";
+import { type ColorSchemeName } from "react-native";
+import type { RendererInterface } from "../lib/types";
+
+export interface useMarkdownHookOptions {
+	colorScheme?: ColorSchemeName;
+	renderer?: RendererInterface;
+	theme?: UserTheme;
+	styles?: MarkedStyles;
+	baseUrl?: string;
+}
+
+const useMarkdown = (
+	value: string,
+	options?: useMarkdownHookOptions,
+): ReactNode[] => {
+	const styles = useMemo(
+		() => getStyles(options?.styles, options?.colorScheme, options?.theme),
+		[options?.styles, options?.theme, options?.colorScheme],
+	);
+
+	const parser = useMemo(
+		() =>
+			new Parser({
+				styles: styles,
+				baseUrl: options?.baseUrl,
+				renderer: options?.renderer ?? new Renderer(),
+			}),
+		[options?.renderer, options?.baseUrl, styles],
+	);
+
+	const elements = useMemo(() => {
+		const tokens = marked.lexer(value, { mangle: false, gfm: true });
+		return parser.parse(tokens);
+	}, [value, parser]);
+
+	return elements;
+};
+
+export default useMarkdown;

package/src/index.ts

@@ -1,11 +1,17 @@
 import Markdown from "./lib/Markdown";
 import Renderer from "./lib/Renderer";
+import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
 import type {
 	MarkdownProps,
 	ParserOptions,
 	RendererInterface,
 } from "./lib/types";
 
-export type { MarkdownProps, ParserOptions, RendererInterface };
-export { Renderer };
+export type {
+	MarkdownProps,
+	ParserOptions,
+	RendererInterface,
+	useMarkdownHookOptions,
+};
+export { Renderer, useMarkdown };
 export default Markdown;

package/src/lib/Markdown.tsx

@@ -1,16 +1,13 @@
 import React, {
 	memo,
 	useCallback,
-	useMemo,
 	type ReactElement,
 	type ReactNode,
 } from "react";
 import { FlatList, useColorScheme } from "react-native";
-import { marked } from "marked";
-import Parser from "./Parser";
-import Renderer from "./Renderer";
-import getStyles from "../theme/styles";
 import type { MarkdownProps } from "./types";
+import useMarkdown from "../hooks/useMarkdown";
+import colors from "../theme/colors";
 
 const Markdown = ({
 	value,
@@ -18,28 +15,17 @@ const Markdown = ({
 	theme,
 	baseUrl,
 	renderer,
-	styles: userStyles,
+	styles,
 }: MarkdownProps) => {
 	const colorScheme = useColorScheme();
-	const styles = useMemo(
-		() => getStyles(userStyles, colorScheme, theme),
-		[userStyles, colorScheme, theme],
-	);
-
-	const parser = useMemo(
-		() =>
-			new Parser({
-				styles,
-				baseUrl,
-				renderer: renderer ?? new Renderer(),
-			}),
-		[styles, baseUrl],
-	);
 
-	const rnElements = useMemo(() => {
-		const tokens = marked.lexer(value, { mangle: false, gfm: true });
-		return parser.parse(tokens);
-	}, [value, styles, baseUrl]);
+	const rnElements = useMarkdown(value, {
+		theme,
+		baseUrl,
+		renderer,
+		colorScheme,
+		styles,
+	});
 
 	const renderItem = useCallback(({ item }: { item: ReactNode }) => {
 		return item as ReactElement;
@@ -56,7 +42,12 @@ const Markdown = ({
 			keyExtractor={keyExtractor}
 			maxToRenderPerBatch={8}
 			initialNumToRender={8}
-			style={styles.container}
+			style={{
+				backgroundColor:
+					colorScheme === "light"
+						? colors.light.background
+						: colors.dark.background,
+			}}
 			{...flatListProps}
 			data={rnElements}
 			renderItem={renderItem}

package/src/theme/styles.ts

@@ -27,9 +27,6 @@ const getStyles = (
 
 	const fontStyle = getFontStyles(mdColors);
 	const defaultStyles = StyleSheet.create<MarkedStyles>({
-		container: {
-			backgroundColor: mdColors.background,
-		},
 		em: {
 			...fontStyle.regular,
 			fontStyle: "italic",

package/src/theme/types.ts

@@ -3,7 +3,6 @@ import type { ColorKeysType } from "./colors";
 import type { SpacingKeysType } from "./spacing";
 
 export interface MarkedStyles {
-	container?: ViewStyle;
 	em?: TextStyle;
 	strong?: TextStyle;
 	strikethrough?: TextStyle;