react-native-marked 1.0.0-alpha.3 → 1.0.0

package/README.md

@@ -12,16 +12,13 @@ yarn add react-native-marked
 
 ```jsx
 import * as React from 'react';
-import { Dimensions } from 'react-native';
 import Markdown from 'react-native-marked';
 
 const ExampleComponent = () => {
-  const { width: windowWidth } = Dimensions.get('window');
   return (
     <Markdown
       value={`#Hello world`}
-      contentWidth={windowWidth}
-      listProps={{
+      flatListProps={{
         initialNumToRender: 8,
       }}
     />
@@ -42,3 +39,7 @@ MIT
 ---
 
 Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+
+## External Libraries
+- [React Native Fit Image](https://github.com/huiseoul/react-native-fit-image)
+- [@jsamr/react-native-li](https://github.com/jsamr/react-native-li)

package/dist/commonjs/components/MDImage.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
+var _reactNativeFitImage = _interopRequireDefault(require("react-native-fit-image"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,33 +19,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const MDImage = _ref => {
   let {
-    uri,
-    width
+    uri
   } = _ref;
-  const [height, setHeight] = (0, _react.useState)(0);
   (0, _react.useEffect)(() => {
     _reactNative.Image.prefetch(uri);
-
-    _reactNative.Image.getSize(uri, (iWidth, iHeight) => {
-      const heightCalc = width * (iHeight / iWidth);
-      setHeight(heightCalc);
-    });
-  }, [uri, width, height]);
-
-  if (height < 1) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_reactNativeFastImage.default, {
-    fallback: true,
+  }, [uri]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeFitImage.default, {
     source: {
       uri
     },
-    style: [{
-      width: width,
-      height: height
-    }],
-    resizeMode: _reactNativeFastImage.default.resizeMode.cover
+    resizeMode: "cover"
   });
 };
 

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

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

package/dist/commonjs/lib/Markdown.js

@@ -7,11 +7,13 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactNative = require("react-native");
+
 var _marked = require("marked");
 
 var _Parser = _interopRequireDefault(require("./Parser"));
 
-var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("../theme/styles"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -24,16 +26,20 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const Markdown = _ref => {
   let {
     value,
-    contentWidth,
-    listProps
+    flatListProps,
+    styles: userStyles
   } = _ref;
+  const systemTheme = (0, _reactNative.useColorScheme)();
+  const styles = (0, _react.useMemo)(() => (0, _styles.default)(userStyles, systemTheme), [userStyles, systemTheme]);
+  const rnElements = (0, _react.useMemo)(() => {
+    const parser = new _Parser.default({
+      styles
+    });
 
-  const tokens = _marked.marked.lexer(value.trim());
+    const tokens = _marked.marked.lexer(value.trim());
 
-  const parser = new _Parser.default({
-    contentWidth
-  });
-  const rnElements = parser.parse(tokens);
+    return parser.parse(tokens);
+  }, [value, styles]);
   const renderItem = (0, _react.useCallback)(_ref2 => {
     let {
       item
@@ -45,13 +51,15 @@ const Markdown = _ref => {
     keyExtractor: keyExtractor,
     maxToRenderPerBatch: 8,
     initialNumToRender: 8,
-    removeClippedSubviews: true
-  }, listProps, {
+    removeClippedSubviews: true,
+    style: styles.container
+  }, flatListProps, {
     data: rnElements,
     renderItem: renderItem
   }));
 };
 
-var _default = Markdown;
+var _default = /*#__PURE__*/(0, _react.memo)(Markdown);
+
 exports.default = _default;
 //# sourceMappingURL=Markdown.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Markdown","value","contentWidth","listProps","tokens","marked","lexer","trim","parser","Parser","rnElements","parse","renderItem","useCallback","item","keyExtractor","_","index","toString"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { ReactNode, useCallback } from 'react';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport { FlatList, FlatListProps } from 'react-native';\n\ninterface MarkdownProps {\n  value: string;\n  contentWidth: number;\n  listProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n}\n\nconst Markdown = ({ value, contentWidth, listProps }: MarkdownProps) => {\n  const tokens = marked.lexer(value.trim());\n  const parser = new Parser({ contentWidth });\n  const rnElements = parser.parse(tokens);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      {...listProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AAWA,MAAMA,QAAQ,GAAG,QAAuD;EAAA,IAAtD;IAAEC,KAAF;IAASC,YAAT;IAAuBC;EAAvB,CAAsD;;EACtE,MAAMC,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAaL,KAAK,CAACM,IAAN,EAAb,CAAf;;EACA,MAAMC,MAAM,GAAG,IAAIC,eAAJ,CAAW;IAAEP;EAAF,CAAX,CAAf;EACA,MAAMQ,UAAU,GAAGF,MAAM,CAACG,KAAP,CAAaP,MAAb,CAAnB;EAEA,MAAMQ,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EAAY,CAACG,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAA1B,EAA4C,EAA5C,CAArB;EAEA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB;EAJvB,GAKMZ,SALN;IAME,IAAI,EAAEO,UANR;IAOE,UAAU,EAAEE;EAPd,GADF;AAWD,CAtBD;;eAwBeZ,Q"}
+{"version":3,"names":["Markdown","value","flatListProps","styles","userStyles","systemTheme","useColorScheme","useMemo","getStyles","rnElements","parser","Parser","tokens","marked","lexer","trim","parse","renderItem","useCallback","item","keyExtractor","_","index","toString","container","memo"],"sources":["Markdown.tsx"],"sourcesContent":["import React, { memo, ReactNode, useCallback, useMemo } from 'react';\nimport { FlatList, FlatListProps, useColorScheme } from 'react-native';\nimport { marked } from 'marked';\nimport Parser from './Parser';\nimport getStyles from '../theme/styles';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface MarkdownProps {\n  value: string;\n  flatListProps?: Omit<\n    FlatListProps<ReactNode>,\n    'data' | 'renderItem' | 'horizontal'\n  >;\n  styles?: MarkedStyles;\n}\n\nconst Markdown = ({\n  value,\n  flatListProps,\n  styles: userStyles,\n}: MarkdownProps) => {\n  const systemTheme = useColorScheme();\n  const styles = useMemo(\n    () => getStyles(userStyles, systemTheme),\n    [userStyles, systemTheme]\n  );\n\n  const rnElements = useMemo(() => {\n    const parser = new Parser({\n      styles,\n    });\n    const tokens = marked.lexer(value.trim());\n\n    return parser.parse(tokens);\n  }, [value, styles]);\n\n  const renderItem = useCallback(({ item }: { item: ReactNode }) => {\n    return <>{item}</>;\n  }, []);\n\n  const keyExtractor = useCallback((_, index) => index.toString(), []);\n\n  return (\n    <FlatList\n      keyExtractor={keyExtractor}\n      maxToRenderPerBatch={8}\n      initialNumToRender={8}\n      removeClippedSubviews\n      style={styles.container}\n      {...flatListProps}\n      data={rnElements}\n      renderItem={renderItem}\n    />\n  );\n};\n\nexport default memo(Markdown);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAYA,MAAMA,QAAQ,GAAG,QAII;EAAA,IAJH;IAChBC,KADgB;IAEhBC,aAFgB;IAGhBC,MAAM,EAAEC;EAHQ,CAIG;EACnB,MAAMC,WAAW,GAAG,IAAAC,2BAAA,GAApB;EACA,MAAMH,MAAM,GAAG,IAAAI,cAAA,EACb,MAAM,IAAAC,eAAA,EAAUJ,UAAV,EAAsBC,WAAtB,CADO,EAEb,CAACD,UAAD,EAAaC,WAAb,CAFa,CAAf;EAKA,MAAMI,UAAU,GAAG,IAAAF,cAAA,EAAQ,MAAM;IAC/B,MAAMG,MAAM,GAAG,IAAIC,eAAJ,CAAW;MACxBR;IADwB,CAAX,CAAf;;IAGA,MAAMS,MAAM,GAAGC,cAAA,CAAOC,KAAP,CAAab,KAAK,CAACc,IAAN,EAAb,CAAf;;IAEA,OAAOL,MAAM,CAACM,KAAP,CAAaJ,MAAb,CAAP;EACD,CAPkB,EAOhB,CAACX,KAAD,EAAQE,MAAR,CAPgB,CAAnB;EASA,MAAMc,UAAU,GAAG,IAAAC,kBAAA,EAAY,SAAmC;IAAA,IAAlC;MAAEC;IAAF,CAAkC;IAChE,oBAAO,4DAAGA,IAAH,CAAP;EACD,CAFkB,EAEhB,EAFgB,CAAnB;EAIA,MAAMC,YAAY,GAAG,IAAAF,kBAAA,EAAY,CAACG,CAAD,EAAIC,KAAJ,KAAcA,KAAK,CAACC,QAAN,EAA1B,EAA4C,EAA5C,CAArB;EAEA,oBACE,6BAAC,qBAAD;IACE,YAAY,EAAEH,YADhB;IAEE,mBAAmB,EAAE,CAFvB;IAGE,kBAAkB,EAAE,CAHtB;IAIE,qBAAqB,MAJvB;IAKE,KAAK,EAAEjB,MAAM,CAACqB;EALhB,GAMMtB,aANN;IAOE,IAAI,EAAEO,UAPR;IAQE,UAAU,EAAEQ;EARd,GADF;AAYD,CAtCD;;4BAwCe,IAAAQ,WAAA,EAAKzB,QAAL,C"}

package/dist/commonjs/lib/Parser.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _reactNative = require("react-native");
-
 var _Renderer = _interopRequireDefault(require("./Renderer"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,21 +17,22 @@ class Parser {
 
     _defineProperty(this, "styles", void 0);
 
-    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "headingStylesMap", void 0);
 
+    this.styles = { ...options.styles
+    };
     this.renderer = new _Renderer.default();
-    this.options = options;
-    this.styles = { ...defaultStyles,
-      ...options.styles
+    this.headingStylesMap = {
+      1: this.styles.h1,
+      2: this.styles.h2,
+      3: this.styles.h3,
+      4: this.styles.h4,
+      5: this.styles.h5,
+      6: this.styles.h6
     };
   }
 
   parse(tokens) {
-    return this.parseBlocks(tokens);
-  }
-
-  parseBlocks(tokens) {
-    let styleObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const elements = tokens.map(token => {
       switch (token.type) {
         case 'space':
@@ -46,9 +45,8 @@ class Parser {
             let tempTokens = [];
             const paragraphChildren = [];
             token.tokens.forEach(t => {
-              // TODO: move type checking value to const
               if (t.type === 'image') {
-                paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), styleObj));
+                paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), this.styles.text));
                 paragraphChildren.push(this.parseInline([t]));
                 tempTokens = [];
                 return;
@@ -58,49 +56,41 @@ class Parser {
             });
 
             if (tempTokens.length > 0) {
-              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), styleObj));
+              paragraphChildren.push(this.renderer.getTextNode(this.parseInline(tempTokens), {}));
             }
 
-            return this.renderer.getParagraph(paragraphChildren, [styleObj, this.styles.paragraph]);
+            return this.renderer.getViewNode(paragraphChildren, this.styles.paragraph);
           }
 
         case 'blockquote':
           {
-            return this.renderer.getBlockquote(this.parseBlocks(token.tokens, this.styles.blockquoteText), this.styles.blockquoteContainer);
+            return this.renderer.getBlockquoteNode(this.parse(token.tokens), this.styles.blockquote);
           }
 
         case 'heading':
           {
-            switch (token.depth) {
-              case 1:
-                return this.renderer.getHeading(token.text, this.styles.h1);
-
-              case 2:
-                return this.renderer.getHeading(token.text, this.styles.h2);
-
-              case 3:
-                return this.renderer.getHeading(token.text, this.styles.h3);
-
-              case 4:
-                return this.renderer.getHeading(token.text, this.styles.h4);
-
-              case 5:
-                return this.renderer.getHeading(token.text, this.styles.h5);
+            const styles = this.headingStylesMap[token.depth] ?? this.styles.text;
+            return this.renderer.getTextNode(token.text, styles);
+          }
 
-              case 6:
-                return this.renderer.getHeading(token.text, this.styles.h6);
+        case 'code':
+          {
+            return this.renderer.getCodeBlockNode(token.text, this.styles.code, this.styles.em);
+          }
 
-              default:
-                return null;
-            }
+        case 'hr':
+          {
+            return this.renderer.getViewNode(null, this.styles.hr);
           }
 
-        case 'code':
+        case 'list':
           {
-            return this.renderer.getCodeBlock(token.text, this.styles.code, this.styles.em);
+            const li = token.items.map(item => item.text);
+            return this.renderer.getListNode(token.ordered, li, this.styles.list, this.styles.li);
           }
 
         default:
+          console.warn(`Token with '${token.type}' type was not found.`);
           return null;
       }
     });
@@ -108,14 +98,14 @@ class Parser {
   }
 
   parseInline(tokens) {
-    let styleObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const elements = tokens.map(token => {
       if (!token) return null;
 
       switch (token.type) {
         case 'escape':
           {
-            return this.renderer.getTextNode(token.text, [styleObj, this.styles.text]);
+            return this.renderer.getTextNode(token.text, [styles, this.styles.text]);
           }
 
         case 'html':
@@ -126,27 +116,27 @@ class Parser {
 
         case 'link':
           {
-            return this.renderer.getLinkNode(token.text, token.href, [styleObj, this.styles.link]);
+            return this.renderer.getLinkNode(token.text, token.href, [styles, this.styles.link]);
           }
 
         case 'image':
           {
-            return this.renderer.getImage(token.href, this.options.contentWidth);
+            return this.renderer.getImageNode(token.href);
           }
 
         case 'strong':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styleObj, this.styles.strong]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.strong), [styles, this.styles.strong]);
           }
 
         case 'em':
           {
-            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styleObj, this.styles.em]);
+            return this.renderer.getTextNode(this.parseInline(token.tokens, this.styles.em), [styles, this.styles.em]);
           }
 
         case 'codespan':
           {
-            return this.renderer.getTextNode(` ${token.text} `, this.styles.codespan);
+            return this.renderer.getTextNode(token.text, this.styles.codespan);
           }
 
         case 'br':
@@ -161,13 +151,12 @@ class Parser {
 
         case 'text':
           {
-            return this.renderer.getTextNode(token.raw, [styleObj, this.styles.text]);
+            return this.renderer.getTextNode(token.raw, [styles, this.styles.text]);
           }
 
         default:
           {
-            const errMsg = 'Token with "' + token.type + '" type was not found.';
-            console.error(errMsg);
+            console.warn(`Token with '${token.type}' type was not found.`);
             return null;
           }
       }
@@ -175,89 +164,7 @@ class Parser {
     return elements;
   }
 
-} // TODO: material typography for font size
-
-
-const defaultStyles = _reactNative.StyleSheet.create({
-  em: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontStyle: 'italic'
-  },
-  strong: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: 'bold'
-  },
-  text: {
-    fontSize: 16,
-    lineHeight: 24
-  },
-  paragraph: {
-    fontSize: 16,
-    lineHeight: 24,
-    paddingVertical: 8
-  },
-  link: {
-    fontStyle: 'italic',
-    fontSize: 16,
-    lineHeight: 24,
-    color: '#0074cc'
-  },
-  blockquoteText: {
-    color: '#6a737d'
-  },
-  blockquoteContainer: {
-    borderLeftColor: '#dfe2e5',
-    paddingLeft: 16,
-    borderLeftWidth: 5
-  },
-  h1: {
-    fontSize: 32,
-    lineHeight: 40,
-    fontWeight: 'bold',
-    paddingVertical: 8,
-    letterSpacing: 0
-  },
-  h2: {
-    fontSize: 28,
-    lineHeight: 36,
-    fontWeight: '500',
-    paddingVertical: 8
-  },
-  h3: {
-    fontSize: 36,
-    lineHeight: 44,
-    fontWeight: '500'
-  },
-  h4: {
-    fontSize: 22,
-    lineHeight: 28,
-    fontWeight: '500'
-  },
-  h5: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontWeight: '500'
-  },
-  h6: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: '500'
-  },
-  codespan: {
-    fontSize: 16,
-    lineHeight: 24,
-    fontStyle: 'italic',
-    backgroundColor: '#afb8c133',
-    fontWeight: '300'
-  },
-  code: {
-    padding: 16,
-    backgroundColor: '#afb8c133',
-    minWidth: '100%'
-  }
-});
+}
 
 var _default = Parser;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["Parser","constructor","options","renderer","Renderer","styles","defaultStyles","parse","tokens","parseBlocks","styleObj","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","length","getParagraph","paragraph","getBlockquote","blockquoteText","blockquoteContainer","depth","getHeading","text","h1","h2","h3","h4","h5","h6","getCodeBlock","code","em","console","log","getLinkNode","href","link","getImage","contentWidth","strong","codespan","raw","errMsg","error","StyleSheet","create","fontSize","lineHeight","fontStyle","fontWeight","paddingVertical","color","borderLeftColor","paddingLeft","borderLeftWidth","letterSpacing","backgroundColor","padding","minWidth"],"sources":["Parser.ts"],"sourcesContent":["import type { marked } from 'marked';\nimport {\n  ImageStyle,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  ViewStyle,\n} from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles, ParserOptions } from '../types/types';\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private options: ParserOptions;\n  constructor(options: ParserOptions) {\n    this.renderer = new Renderer();\n    this.options = options;\n    this.styles = {\n      ...defaultStyles,\n      ...options.styles,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    return this.parseBlocks(tokens);\n  }\n\n  parseBlocks(\n    tokens: marked.Token[],\n    styleObj: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            // TODO: move type checking value to const\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  styleObj\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), styleObj)\n            );\n          }\n\n          return this.renderer.getParagraph(paragraphChildren, [\n            styleObj,\n            this.styles.paragraph,\n          ]);\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquote(\n            this.parseBlocks(token.tokens, this.styles.blockquoteText),\n            this.styles.blockquoteContainer\n          );\n        }\n        case 'heading': {\n          switch (token.depth) {\n            case 1:\n              return this.renderer.getHeading(token.text, this.styles.h1);\n            case 2:\n              return this.renderer.getHeading(token.text, this.styles.h2);\n            case 3:\n              return this.renderer.getHeading(token.text, this.styles.h3);\n            case 4:\n              return this.renderer.getHeading(token.text, this.styles.h4);\n            case 5:\n              return this.renderer.getHeading(token.text, this.styles.h5);\n            case 6:\n              return this.renderer.getHeading(token.text, this.styles.h6);\n            default:\n              return null;\n          }\n        }\n        case 'code': {\n          return this.renderer.getCodeBlock(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        default:\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(\n    tokens: marked.Token[],\n    styleObj: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, [\n            styleObj,\n            this.styles.text,\n          ]);\n        }\n        case 'html': {\n          console.log('html', token);\n          return null;\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, [\n            styleObj,\n            this.styles.link,\n          ]);\n        }\n        case 'image': {\n          return this.renderer.getImage(token.href, this.options.contentWidth);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            [styleObj, this.styles.strong]\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            [styleObj, this.styles.em]\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(\n            ` ${token.text} `,\n            this.styles.codespan\n          );\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, [\n            styleObj,\n            this.styles.text,\n          ]);\n        }\n        default: {\n          const errMsg = 'Token with \"' + token.type + '\" type was not found.';\n          console.error(errMsg);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\n// TODO: material typography for font size\nconst defaultStyles = StyleSheet.create<MarkedStyles>({\n  em: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontStyle: 'italic',\n  },\n  strong: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: 'bold',\n  },\n  text: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  paragraph: {\n    fontSize: 16,\n    lineHeight: 24,\n    paddingVertical: 8,\n  },\n  link: {\n    fontStyle: 'italic',\n    fontSize: 16,\n    lineHeight: 24,\n    color: '#0074cc',\n  },\n  blockquoteText: {\n    color: '#6a737d',\n  },\n  blockquoteContainer: {\n    borderLeftColor: '#dfe2e5',\n    paddingLeft: 16,\n    borderLeftWidth: 5,\n  },\n  h1: {\n    fontSize: 32,\n    lineHeight: 40,\n    fontWeight: 'bold',\n    paddingVertical: 8,\n    letterSpacing: 0,\n  },\n  h2: {\n    fontSize: 28,\n    lineHeight: 36,\n    fontWeight: '500',\n    paddingVertical: 8,\n  },\n  h3: {\n    fontSize: 36,\n    lineHeight: 44,\n    fontWeight: '500',\n  },\n  h4: {\n    fontSize: 22,\n    lineHeight: 28,\n    fontWeight: '500',\n  },\n  h5: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontWeight: '500',\n  },\n  h6: {\n    fontSize: 14,\n    lineHeight: 20,\n    fontWeight: '500',\n  },\n  codespan: {\n    fontSize: 16,\n    lineHeight: 24,\n    fontStyle: 'italic',\n    backgroundColor: '#afb8c133',\n    fontWeight: '300',\n  },\n  code: {\n    padding: 16,\n    backgroundColor: '#afb8c133',\n    minWidth: '100%',\n  },\n});\n\nexport default Parser;\n"],"mappings":"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"}
+{"version":3,"names":["Parser","constructor","options","styles","renderer","Renderer","headingStylesMap","h1","h2","h3","h4","h5","h6","parse","tokens","elements","map","token","type","tempTokens","paragraphChildren","forEach","t","push","getTextNode","parseInline","text","length","getViewNode","paragraph","getBlockquoteNode","blockquote","depth","getCodeBlockNode","code","em","hr","li","items","item","getListNode","ordered","list","console","warn","log","getLinkNode","href","link","getImageNode","strong","codespan","raw"],"sources":["Parser.tsx"],"sourcesContent":["import type { marked } from 'marked';\nimport type { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport Renderer from './Renderer';\nimport type { MarkedStyles } from '../theme/types';\n\ninterface ParserOptions {\n  styles?: MarkedStyles;\n}\n\nclass Parser {\n  private renderer;\n  private styles: MarkedStyles;\n  private headingStylesMap: Record<number, TextStyle | undefined>;\n  constructor(options: ParserOptions) {\n    this.styles = { ...options.styles };\n    this.renderer = new Renderer();\n    this.headingStylesMap = {\n      1: this.styles.h1,\n      2: this.styles.h2,\n      3: this.styles.h3,\n      4: this.styles.h4,\n      5: this.styles.h5,\n      6: this.styles.h6,\n    };\n  }\n\n  parse(tokens: marked.Token[]) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      switch (token.type) {\n        case 'space': {\n          return null;\n        }\n        case 'paragraph': {\n          let tempTokens: marked.Token[] = [];\n          const paragraphChildren: React.ReactNode[] = [];\n          token.tokens.forEach((t) => {\n            if (t.type === 'image') {\n              paragraphChildren.push(\n                this.renderer.getTextNode(\n                  this.parseInline(tempTokens),\n                  this.styles.text\n                )\n              );\n              paragraphChildren.push(this.parseInline([t]));\n              tempTokens = [];\n              return;\n            }\n            tempTokens = [...tempTokens, t];\n          });\n\n          if (tempTokens.length > 0) {\n            paragraphChildren.push(\n              this.renderer.getTextNode(this.parseInline(tempTokens), {})\n            );\n          }\n\n          return this.renderer.getViewNode(\n            paragraphChildren,\n            this.styles.paragraph\n          );\n        }\n        case 'blockquote': {\n          return this.renderer.getBlockquoteNode(\n            this.parse(token.tokens),\n            this.styles.blockquote\n          );\n        }\n        case 'heading': {\n          const styles = this.headingStylesMap[token.depth] ?? this.styles.text;\n          return this.renderer.getTextNode(token.text, styles);\n        }\n        case 'code': {\n          return this.renderer.getCodeBlockNode(\n            token.text,\n            this.styles.code,\n            this.styles.em\n          );\n        }\n        case 'hr': {\n          return this.renderer.getViewNode(null, this.styles.hr);\n        }\n        case 'list': {\n          const li = token.items.map((item) => item.text);\n          return this.renderer.getListNode(\n            token.ordered,\n            li,\n            this.styles.list,\n            this.styles.li\n          );\n        }\n        default:\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n      }\n    });\n    return elements;\n  }\n\n  parseInline(\n    tokens: marked.Token[],\n    styles: StyleProp<ViewStyle | TextStyle | ImageStyle> = {}\n  ) {\n    const elements: React.ReactNode[] = tokens.map((token) => {\n      if (!token) return null;\n\n      switch (token.type) {\n        case 'escape': {\n          return this.renderer.getTextNode(token.text, [\n            styles,\n            this.styles.text,\n          ]);\n        }\n        case 'html': {\n          console.log('html', token);\n          return null;\n        }\n        case 'link': {\n          return this.renderer.getLinkNode(token.text, token.href, [\n            styles,\n            this.styles.link,\n          ]);\n        }\n        case 'image': {\n          return this.renderer.getImageNode(token.href);\n        }\n        case 'strong': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.strong),\n            [styles, this.styles.strong]\n          );\n        }\n        case 'em': {\n          return this.renderer.getTextNode(\n            this.parseInline(token.tokens, this.styles.em),\n            [styles, this.styles.em]\n          );\n        }\n        case 'codespan': {\n          return this.renderer.getTextNode(token.text, this.styles.codespan);\n        }\n        case 'br': {\n          return this.renderer.getTextNode('\\n', {});\n        }\n        case 'del': {\n          return null;\n        }\n        case 'text': {\n          return this.renderer.getTextNode(token.raw, [\n            styles,\n            this.styles.text,\n          ]);\n        }\n        default: {\n          console.warn(`Token with '${token.type}' type was not found.`);\n          return null;\n        }\n      }\n    });\n    return elements;\n  }\n}\n\nexport default Parser;\n"],"mappings":"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"}

package/dist/commonjs/lib/Renderer.js

@@ -9,6 +9,12 @@ var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _reactNativeLi = _interopRequireDefault(require("@jsamr/react-native-li"));
+
+var _disc = _interopRequireDefault(require("@jsamr/counter-style/presets/disc"));
+
+var _decimal = _interopRequireDefault(require("@jsamr/counter-style/presets/decimal"));
+
 var _MDImage = _interopRequireDefault(require("./../components/MDImage"));
 
 var _string = require("../utils/string");
@@ -41,14 +47,14 @@ class Renderer {
     });
   }
 
-  getParagraph(children, styles) {
+  getViewNode(children, styles) {
     return /*#__PURE__*/React.createElement(_reactNative.View, {
       key: (0, _string.generateRandomString)(),
       style: styles
     }, children);
   }
 
-  getCodeBlock(text, containerStyle, textStyle) {
+  getCodeBlockNode(text, containerStyle, textStyle) {
     return /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
       contentContainerStyle: containerStyle,
       horizontal: true
@@ -57,28 +63,31 @@ class Renderer {
     }, text));
   }
 
-  getBlockquote(children, styles) {
+  getBlockquoteNode(children, styles) {
     return /*#__PURE__*/React.createElement(_reactNative.View, {
       key: (0, _string.generateRandomString)(),
       style: styles
     }, children);
   }
 
-  getHeading(text, styles) {
-    return /*#__PURE__*/React.createElement(_reactNative.Text, {
-      key: (0, _string.generateRandomString)(),
-      style: styles
-    }, text);
-  }
-
-  getImage(uri, width) {
+  getImageNode(uri) {
     return /*#__PURE__*/React.createElement(_MDImage.default, {
       key: (0, _string.generateRandomString)(),
-      uri: uri,
-      width: width
+      uri: uri
     });
   }
 
+  getListNode(ordered, li, listStyle, textStyle) {
+    return /*#__PURE__*/React.createElement(_reactNativeLi.default, {
+      counterRenderer: ordered ? _decimal.default : _disc.default,
+      markerTextStyle: textStyle,
+      markerBoxStyle: listStyle
+    }, li.map((text, index) => /*#__PURE__*/React.createElement(_reactNative.Text, {
+      key: index,
+      style: textStyle
+    }, text)));
+  }
+
 }
 
 var _default = Renderer;

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

@@ -1 +1 @@
-{"version":3,"names":["Renderer","href","Linking","openURL","children","styles","generateRandomString","text","onLinkPress","getParagraph","getCodeBlock","containerStyle","textStyle","getBlockquote","getHeading","getImage","uri","width"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, ViewStyle } from 'react-native';\nimport type { StyleProp, TextStyle } from 'react-native';\nimport { Text } from 'react-native';\nimport MDImage from './../components/MDImage';\nimport { generateRandomString } from '../utils/string';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: StyleProp<TextStyle>\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: StyleProp<TextStyle>) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getParagraph(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlock(\n    text: string,\n    containerStyle: StyleProp<ViewStyle>,\n    textStyle: StyleProp<TextStyle>\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquote(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getHeading(text: string, styles: StyleProp<TextStyle>) {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {text}\n      </Text>\n    );\n  }\n\n  getImage(uri: string, width: number) {\n    return <MDImage key={generateRandomString()} uri={uri} width={width} />;\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMC,oBAAA,CAAQC,OAAR,CAAgBF,IAAhB,CADjC;;IAAA,qCAGC,CACZG,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACG,IAAD,EAAeN,IAAf,EAA6BI,MAA7B,KAA8D;MAC1E,oBACE,oBAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,KAAKE,WAAL,CAAiBP,IAAjB,CAFX;QAGE,KAAK,EAAEI;MAHT,GAKGE,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,YAAY,CAACL,QAAD,EAA8BC,MAA9B,EAA4D;IACtE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,YAAY,CACVH,IADU,EAEVI,cAFU,EAGVC,SAHU,EAIV;IACA,oBACE,oBAAC,uBAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,aAAa,CAACT,QAAD,EAA8BC,MAA9B,EAA4D;IACvE,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,UAAU,CAACP,IAAD,EAAeF,MAAf,EAA6C;IACrD,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGE,IADH,CADF;EAKD;;EAEDQ,QAAQ,CAACC,GAAD,EAAcC,KAAd,EAA6B;IACnC,oBAAO,oBAAC,gBAAD;MAAS,GAAG,EAAE,IAAAX,4BAAA,GAAd;MAAsC,GAAG,EAAEU,GAA3C;MAAgD,KAAK,EAAEC;IAAvD,EAAP;EACD;;AAhEY;;eAmEAjB,Q"}
+{"version":3,"names":["Renderer","href","Linking","openURL","children","styles","generateRandomString","text","onLinkPress","getViewNode","getCodeBlockNode","containerStyle","textStyle","getBlockquoteNode","getImageNode","uri","getListNode","ordered","li","listStyle","Decimal","Disc","map","index"],"sources":["Renderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Linking, ScrollView, View, ViewStyle } from 'react-native';\nimport { Text, StyleProp, TextStyle } 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';\n\nimport { generateRandomString } from '../utils/string';\n\nclass Renderer {\n  private onLinkPress = (href: string) => () => Linking.openURL(href);\n\n  getTextNode = (\n    children: string | React.ReactNode[],\n    styles: StyleProp<TextStyle>\n  ) => {\n    return (\n      <Text key={generateRandomString()} style={styles}>\n        {children}\n      </Text>\n    );\n  };\n\n  getLinkNode = (text: string, href: string, styles: StyleProp<TextStyle>) => {\n    return (\n      <Text\n        key={generateRandomString()}\n        onPress={this.onLinkPress(href)}\n        style={styles}\n      >\n        {text}\n      </Text>\n    );\n  };\n\n  getViewNode(\n    children: React.ReactNode[] | null,\n    styles: StyleProp<ViewStyle>\n  ) {\n    return (\n      <View key={generateRandomString()} style={styles}>\n        {children}\n      </View>\n    );\n  }\n\n  getCodeBlockNode(\n    text: string,\n    containerStyle: StyleProp<ViewStyle>,\n    textStyle: StyleProp<TextStyle>\n  ) {\n    return (\n      <ScrollView contentContainerStyle={containerStyle} horizontal>\n        <Text style={textStyle}>{text}</Text>\n      </ScrollView>\n    );\n  }\n\n  getBlockquoteNode(children: React.ReactNode[], styles: StyleProp<ViewStyle>) {\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: string[],\n    listStyle: ViewStyle | undefined,\n    textStyle: TextStyle | undefined\n  ) {\n    return (\n      <MarkedList\n        counterRenderer={ordered ? Decimal : Disc}\n        markerTextStyle={textStyle}\n        markerBoxStyle={listStyle}\n      >\n        {li.map((text, index) => (\n          <Text key={index} style={textStyle}>\n            {text}\n          </Text>\n        ))}\n      </MarkedList>\n    );\n  }\n}\n\nexport default Renderer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,QAAN,CAAe;EAAA;IAAA,qCACUC,IAAD,IAAkB,MAAMC,oBAAA,CAAQC,OAAR,CAAgBF,IAAhB,CADjC;;IAAA,qCAGC,CACZG,QADY,EAEZC,MAFY,KAGT;MACH,oBACE,oBAAC,iBAAD;QAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;QAAmC,KAAK,EAAED;MAA1C,GACGD,QADH,CADF;IAKD,CAZY;;IAAA,qCAcC,CAACG,IAAD,EAAeN,IAAf,EAA6BI,MAA7B,KAA8D;MAC1E,oBACE,oBAAC,iBAAD;QACE,GAAG,EAAE,IAAAC,4BAAA,GADP;QAEE,OAAO,EAAE,KAAKE,WAAL,CAAiBP,IAAjB,CAFX;QAGE,KAAK,EAAEI;MAHT,GAKGE,IALH,CADF;IASD,CAxBY;EAAA;;EA0BbE,WAAW,CACTL,QADS,EAETC,MAFS,EAGT;IACA,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDM,gBAAgB,CACdH,IADc,EAEdI,cAFc,EAGdC,SAHc,EAId;IACA,oBACE,oBAAC,uBAAD;MAAY,qBAAqB,EAAED,cAAnC;MAAmD,UAAU;IAA7D,gBACE,oBAAC,iBAAD;MAAM,KAAK,EAAEC;IAAb,GAAyBL,IAAzB,CADF,CADF;EAKD;;EAEDM,iBAAiB,CAACT,QAAD,EAA8BC,MAA9B,EAA4D;IAC3E,oBACE,oBAAC,iBAAD;MAAM,GAAG,EAAE,IAAAC,4BAAA,GAAX;MAAmC,KAAK,EAAED;IAA1C,GACGD,QADH,CADF;EAKD;;EAEDU,YAAY,CAACC,GAAD,EAAc;IACxB,oBAAO,oBAAC,gBAAD;MAAS,GAAG,EAAE,IAAAT,4BAAA,GAAd;MAAsC,GAAG,EAAES;IAA3C,EAAP;EACD;;EAEDC,WAAW,CACTC,OADS,EAETC,EAFS,EAGTC,SAHS,EAITP,SAJS,EAKT;IACA,oBACE,oBAAC,sBAAD;MACE,eAAe,EAAEK,OAAO,GAAGG,gBAAH,GAAaC,aADvC;MAEE,eAAe,EAAET,SAFnB;MAGE,cAAc,EAAEO;IAHlB,GAKGD,EAAE,CAACI,GAAH,CAAO,CAACf,IAAD,EAAOgB,KAAP,kBACN,oBAAC,iBAAD;MAAM,GAAG,EAAEA,KAAX;MAAkB,KAAK,EAAEX;IAAzB,GACGL,IADH,CADD,CALH,CADF;EAaD;;AAhFY;;eAmFAP,Q"}

package/dist/commonjs/theme/colors.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const colors = {
+  light: {
+    background: '#ffffff',
+    code: '#f6f8fa',
+    link: '#58a6ff',
+    text: '#333333',
+    border: '#d0d7de'
+  },
+  dark: {
+    background: '#000000',
+    code: '#161b22',
+    link: '#58a6ff',
+    text: '#ffffff',
+    border: '#30363d'
+  }
+};
+var _default = colors;
+exports.default = _default;
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["colors","light","background","code","link","text","border","dark"],"sources":["colors.ts"],"sourcesContent":["import type { ColorKeys } from './types';\n\nconst colors: Record<'light' | 'dark', Record<ColorKeys, string>> = {\n  light: {\n    background: '#ffffff',\n    code: '#f6f8fa',\n    link: '#58a6ff',\n    text: '#333333',\n    border: '#d0d7de',\n  },\n  dark: {\n    background: '#000000',\n    code: '#161b22',\n    link: '#58a6ff',\n    text: '#ffffff',\n    border: '#30363d',\n  },\n};\n\nexport default colors;\n"],"mappings":";;;;;;AAEA,MAAMA,MAA2D,GAAG;EAClEC,KAAK,EAAE;IACLC,UAAU,EAAE,SADP;IAELC,IAAI,EAAE,SAFD;IAGLC,IAAI,EAAE,SAHD;IAILC,IAAI,EAAE,SAJD;IAKLC,MAAM,EAAE;EALH,CAD2D;EAQlEC,IAAI,EAAE;IACJL,UAAU,EAAE,SADR;IAEJC,IAAI,EAAE,SAFF;IAGJC,IAAI,EAAE,SAHF;IAIJC,IAAI,EAAE,SAJF;IAKJC,MAAM,EAAE;EALJ;AAR4D,CAApE;eAiBeN,M"}