react-native-marked 1.4.3 → 1.6.0

package/dist/module/theme/styles.js

@@ -1,26 +1,32 @@
 import { StyleSheet } from 'react-native';
-import { getTheme } from './theme';
+import spacing from './spacing';
+import colors from './colors';
 
-const getFontStyles = theme => {
+const getFontStyles = mdColors => {
   return StyleSheet.create({
     regular: {
       fontSize: 16,
       lineHeight: 24,
-      color: theme.colors.text
+      color: mdColors.text
     },
     heading: {
       fontWeight: '500',
-      color: theme.colors.text
+      color: mdColors.text
     }
   });
 };
 
-const getStyles = (userStyles, colorScheme) => {
-  const theme = getTheme(colorScheme || 'light');
-  const fontStyle = getFontStyles(theme);
+const getStyles = (userStyles, colorScheme, userTheme) => {
+  const mdColors = { ...colors[colorScheme || 'light'],
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.colors)
+  };
+  const mdSpacing = { ...spacing,
+    ...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.spacing)
+  };
+  const fontStyle = getFontStyles(mdColors);
   const defaultStyles = StyleSheet.create({
     container: {
-      backgroundColor: theme.colors.background
+      backgroundColor: mdColors.background
     },
     em: { ...fontStyle.regular,
       fontStyle: 'italic'
@@ -35,69 +41,69 @@ const getStyles = (userStyles, colorScheme) => {
     text: { ...fontStyle.regular
     },
     paragraph: { ...fontStyle.regular,
-      paddingVertical: 8
+      paddingVertical: mdSpacing.m
     },
     link: { ...fontStyle.regular,
       fontStyle: 'italic',
-      color: theme.colors.link
+      color: mdColors.link
     },
     blockquote: {
-      borderLeftColor: theme.colors.border,
-      paddingLeft: 16,
-      borderLeftWidth: 5,
+      borderLeftColor: mdColors.border,
+      paddingLeft: mdSpacing.l,
+      borderLeftWidth: mdSpacing.s,
       opacity: 0.8
     },
     h1: {
       fontSize: 32,
       lineHeight: 40,
       fontWeight: 'bold',
-      marginVertical: 8,
+      marginVertical: mdSpacing.m,
       letterSpacing: 0,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h2: { ...fontStyle.heading,
       fontSize: 28,
       lineHeight: 36,
-      marginVertical: 8,
-      paddingBottom: 4,
-      borderBottomColor: theme.colors.border,
+      marginVertical: mdSpacing.m,
+      paddingBottom: mdSpacing.s,
+      borderBottomColor: mdColors.border,
       borderBottomWidth: 1
     },
     h3: { ...fontStyle.heading,
       fontSize: 24,
       lineHeight: 32,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h4: { ...fontStyle.heading,
       fontSize: 22,
       lineHeight: 28,
-      marginVertical: 4
+      marginVertical: mdSpacing.s
     },
     h5: { ...fontStyle.regular,
       ...fontStyle.heading,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     h6: { ...fontStyle.heading,
       fontSize: 14,
       lineHeight: 20,
-      marginVertical: 2
+      marginVertical: mdSpacing.xs
     },
     codespan: { ...fontStyle.regular,
       fontStyle: 'italic',
-      backgroundColor: theme.colors.code,
+      backgroundColor: mdColors.code,
       fontWeight: '300'
     },
     code: {
-      padding: 16,
-      backgroundColor: theme.colors.code,
+      padding: mdSpacing.l,
+      backgroundColor: mdColors.code,
       minWidth: '100%'
     },
     hr: {
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.border,
-      marginVertical: 4
+      borderBottomColor: mdColors.border,
+      marginVertical: mdSpacing.s
     },
     li: { ...fontStyle.regular,
       flexShrink: 1

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","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","image","resizeMode"],"sourceRoot":"../../src","sources":["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","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"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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"}

package/dist/module/utils/url.js

@@ -0,0 +1,20 @@
+export const getValidURL = (prefix, path) => {
+  // remove trailing slash from prefix
+  if (prefix.endsWith('/')) {
+    prefix = prefix.slice(0, -1);
+  } // path is valid url
+
+
+  if (path.startsWith('https') || path.startsWith('http')) {
+    return path;
+  } // absolute path
+
+
+  if (path.startsWith('/')) {
+    return `${prefix}${path}`;
+  } // relative path
+
+
+  return `${prefix}/${path}`;
+};
+//# sourceMappingURL=url.js.map

package/dist/module/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getValidURL","prefix","path","endsWith","slice","startsWith"],"sourceRoot":"../../src","sources":["url.ts"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,CAACC,MAAD,EAAiBC,IAAjB,KAAkC;EAC3D;EACA,IAAID,MAAM,CAACE,QAAP,CAAgB,GAAhB,CAAJ,EAA0B;IACxBF,MAAM,GAAGA,MAAM,CAACG,KAAP,CAAa,CAAb,EAAgB,CAAC,CAAjB,CAAT;EACD,CAJ0D,CAM3D;;;EACA,IAAIF,IAAI,CAACG,UAAL,CAAgB,OAAhB,KAA4BH,IAAI,CAACG,UAAL,CAAgB,MAAhB,CAAhC,EAAyD;IACvD,OAAOH,IAAP;EACD,CAT0D,CAW3D;;;EACA,IAAIA,IAAI,CAACG,UAAL,CAAgB,GAAhB,CAAJ,EAA0B;IACxB,OAAQ,GAAEJ,MAAO,GAAEC,IAAK,EAAxB;EACD,CAd0D,CAgB3D;;;EACA,OAAQ,GAAED,MAAO,IAAGC,IAAK,EAAzB;AACD,CAlBM"}

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, styles: userStyles, }: MarkdownProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, flatListProps, theme, baseUrl, styles: userStyles, }: 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,KAAgD,MAAM,OAAO,CAAC;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AAgD7C,wBAA8B"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/lib/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;AA4C7C,wBAA8B"}

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

@@ -6,6 +6,7 @@ declare class Parser {
     private renderer;
     private styles;
     private headingStylesMap;
+    private baseUrl;
     constructor(options: ParserOptions);
     parse(tokens: marked.Token[]): ReactNode[];
     parseInline(tokens: marked.Token[], styles?: ViewStyle | TextStyle | ImageStyle): ReactNode[];

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

@@ -1 +1 @@
-{"version":3,"file":"Parser.d.ts","sourceRoot":"","sources":["../../../src/lib/Parser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,cAAM,MAAM;IACV,OAAO,CAAC,QAAQ,CAAC;IACjB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,gBAAgB,CAAwC;gBACpD,OAAO,EAAE,aAAa;IAalC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;IA0E5B,WAAW,CACT,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,EACtB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU;IAqF7C,OAAO,CAAC,gDAAgD,CAsDtD;CACH;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Parser.d.ts","sourceRoot":"","sources":["../../../src/lib/Parser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,cAAM,MAAM;IACV,OAAO,CAAC,QAAQ,CAAC;IACjB,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,gBAAgB,CAAwC;IAChE,OAAO,CAAC,OAAO,CAAS;gBACZ,OAAO,EAAE,aAAa;IAclC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;IA0E5B,WAAW,CACT,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,EACtB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU;IA6F7C,OAAO,CAAC,gDAAgD,CAuDtD;CACH;AAED,eAAe,MAAM,CAAC"}

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

@@ -1,12 +1,13 @@
 import type { ReactNode } from 'react';
 import type { FlatListProps } from 'react-native';
-import type { MarkedStyles } from './../theme/types';
+import type { MarkedStyles, UserTheme } from './../theme/types';
 export interface ParserOptions {
     styles?: MarkedStyles;
+    baseUrl?: string;
 }
-export interface MarkdownProps {
+export interface MarkdownProps extends ParserOptions {
     value: string;
     flatListProps?: Omit<FlatListProps<ReactNode>, 'data' | 'renderItem' | 'horizontal'>;
-    styles?: MarkedStyles;
+    theme?: UserTheme;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,CAAC,SAAS,CAAC,EACxB,MAAM,GAAG,YAAY,GAAG,YAAY,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,CAAC,SAAS,CAAC,EACxB,MAAM,GAAG,YAAY,GAAG,YAAY,CACrC,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

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

@@ -1,4 +1,5 @@
-import type { ColorKeys } from './types';
-declare const colors: Record<'light' | 'dark', Record<ColorKeys, string>>;
+export declare type ColorKeysType = 'background' | 'code' | 'link' | 'text' | 'border';
+export declare type ColorsPropType = Record<ColorKeysType, string>;
+declare const colors: Record<'light' | 'dark', ColorsPropType>;
 export default colors;
 //# sourceMappingURL=colors.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAe/D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC/E,oBAAY,cAAc,GAAG,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,MAAM,EAAE,cAAc,CAepD,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare type SpacingKeysType = 'xs' | 's' | 'm' | 'l';
+declare const padding: Record<SpacingKeysType, number>;
+export default padding;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/spacing.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErD,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAK5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,5 +1,5 @@
 import { ColorSchemeName } from 'react-native';
-import type { MarkedStyles } from './types';
-declare const getStyles: (userStyles?: MarkedStyles, colorScheme?: ColorSchemeName) => MarkedStyles;
+import type { MarkedStyles, UserTheme } from './types';
+declare const getStyles: (userStyles?: MarkedStyles, colorScheme?: ColorSchemeName, userTheme?: UserTheme) => MarkedStyles;
 export default getStyles;
 //# sourceMappingURL=styles.d.ts.map

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,EAAE,eAAe,EAAc,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAS,MAAM,SAAS,CAAC;AAgBnD,QAAA,MAAM,SAAS,gBACA,YAAY,gBACX,eAAe,KAC5B,YA6GF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,cAAc,CAAC;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBvD,QAAA,MAAM,SAAS,gBACA,YAAY,gBACX,eAAe,cACjB,SAAS,KACpB,YA+GF,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,4 +1,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;
@@ -21,8 +23,8 @@ export interface MarkedStyles {
     li?: TextStyle;
     image?: ImageStyle;
 }
-export declare type ColorKeys = 'background' | 'code' | 'link' | 'text' | 'border';
-export interface Theme {
-    colors: Record<ColorKeys, string>;
+export interface UserTheme {
+    colors?: Record<ColorKeysType, string>;
+    spacing?: Record<SpacingKeysType, number>;
 }
 //# sourceMappingURL=types.d.ts.map

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;AAErE,MAAM,WAAW,YAAY;IAC3B,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;CACpB;AAED,oBAAY,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;CACnC"}
+{"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;IAC3B,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;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC3C"}

package/dist/typescript/utils/url.d.ts

@@ -0,0 +1,2 @@
+export declare const getValidURL: (prefix: string, path: string) => string;
+//# sourceMappingURL=url.d.ts.map

package/dist/typescript/utils/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../src/utils/url.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,WAAY,MAAM,QAAQ,MAAM,WAkBvD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-marked",
-  "version": "1.4.3",
+  "version": "1.6.0",
   "description": "Markdown renderer for React Native powered by marked.js",
   "main": "dist/commonjs/index",
   "module": "dist/module/index",
@@ -53,34 +53,34 @@
     "@evilmartians/lefthook": "1.1.3",
     "@react-native-community/eslint-config": "3.1.0",
     "@release-it/conventional-changelog": "5.1.1",
-    "@testing-library/jest-native": "5.1.0",
+    "@testing-library/jest-native": "5.1.2",
     "@testing-library/react-native": "11.3.0",
     "@types/jest": "29.2.0",
     "@types/marked": "4.0.7",
-    "@types/react": "18.0.21",
+    "@types/react": "18.0.24",
     "@types/react-native": "0.70.6",
-    "@typescript-eslint/eslint-plugin": "5.40.1",
-    "@typescript-eslint/parser": "5.40.1",
+    "@typescript-eslint/eslint-plugin": "5.41.0",
+    "@typescript-eslint/parser": "5.41.0",
     "commitlint": "17.1.2",
-    "eslint": "8.25.0",
+    "eslint": "8.26.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "27.1.3",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react-native-a11y": "3.3.0",
-    "jest": "29.2.1",
-    "jest-environment-jsdom": "29.2.1",
-    "metro-react-native-babel-preset": "0.73.2",
+    "jest": "29.2.2",
+    "jest-environment-jsdom": "29.2.2",
+    "metro-react-native-babel-preset": "0.73.3",
     "pod-install": "0.1.38",
     "prettier": "2.7.1",
     "react": "18.2.0",
-    "react-native": "0.70.3",
+    "react-native": "0.70.4",
     "react-native-builder-bob": "0.20.0",
     "react-test-renderer": "18.2.0",
     "release-it": "15.5.0",
     "typescript": "4.8.4"
   },
   "resolutions": {
-    "@types/react": "18.0.21"
+    "@types/react": "18.0.24"
   },
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",

package/src/lib/Markdown.tsx

@@ -8,25 +8,21 @@ import type { MarkdownProps } from './types';
 const Markdown = ({
   value,
   flatListProps,
+  theme,
+  baseUrl,
   styles: userStyles,
 }: MarkdownProps) => {
-  const systemTheme = useColorScheme();
+  const colorScheme = useColorScheme();
   const styles = useMemo(
-    () => getStyles(userStyles, systemTheme),
-    [userStyles, systemTheme]
+    () => getStyles(userStyles, colorScheme, theme),
+    [userStyles, colorScheme, theme]
   );
 
   const rnElements = useMemo(() => {
-    const parser = new Parser({
-      styles,
-    });
-    const tokens = marked.lexer(value, {
-      mangle: false,
-      gfm: true,
-    });
-
+    const parser = new Parser({ styles, baseUrl });
+    const tokens = marked.lexer(value, { mangle: false, gfm: true });
     return parser.parse(tokens);
-  }, [value, styles]);
+  }, [value, styles, baseUrl]);
 
   const renderItem = useCallback(({ item }: { item: ReactNode }) => {
     return <>{item}</>;

package/src/lib/Parser.tsx

@@ -4,13 +4,16 @@ import type { marked } from 'marked';
 import Renderer from './Renderer';
 import type { MarkedStyles } from '../theme/types';
 import type { ParserOptions } from './types';
+import { getValidURL } from './../utils/url';
 
 class Parser {
   private renderer;
   private styles: MarkedStyles;
   private headingStylesMap: Record<number, TextStyle | undefined>;
+  private baseUrl: string;
   constructor(options: ParserOptions) {
     this.styles = { ...options.styles };
+    this.baseUrl = options.baseUrl ?? '';
     this.renderer = new Renderer();
     this.headingStylesMap = {
       1: this.styles.h1,
@@ -115,9 +118,10 @@ class Parser {
             ...styles,
             ...this.styles.link, // To override color property
           };
+          const href = getValidURL(this.baseUrl, token.href);
           return this.renderer.getTextLinkNode(
             this.parseInline(token.tokens, linkStyle),
-            token.href,
+            href,
             linkStyle
           );
         }
@@ -169,13 +173,20 @@ class Parser {
         }
         case 'text':
         case 'html': {
+          if (token.type === 'html')
+            console.warn(
+              'react-native-marked: rendering html from markdown is not supported'
+            );
+
           return this.renderer.getTextNode(token.raw, {
             ...this.styles.text,
             ...styles,
           });
         }
         default: {
-          console.warn(`Token with '${token.type}' type was not found.`);
+          console.warn(
+            `react-native-marked: token with '${token.type}' type was not found.`
+          );
           return null;
         }
       }
@@ -213,9 +224,10 @@ class Parser {
           siblingNodes.push(this.parseInline([t]));
         } else if (t.type === 'link') {
           const imageToken = t.tokens[0] as marked.Tokens.Image;
+          const href = getValidURL(this.baseUrl, t.href);
           siblingNodes.push(
             this.renderer.getImageLinkNode(
-              t.href,
+              href,
               imageToken.href,
               imageToken.text || imageToken.title,
               this.styles.image

package/src/lib/types.ts

@@ -1,16 +1,17 @@
 import type { ReactNode } from 'react';
 import type { FlatListProps } from 'react-native';
-import type { MarkedStyles } from './../theme/types';
+import type { MarkedStyles, UserTheme } from './../theme/types';
 
 export interface ParserOptions {
   styles?: MarkedStyles;
+  baseUrl?: string;
 }
 
-export interface MarkdownProps {
+export interface MarkdownProps extends ParserOptions {
   value: string;
   flatListProps?: Omit<
     FlatListProps<ReactNode>,
     'data' | 'renderItem' | 'horizontal'
   >;
-  styles?: MarkedStyles;
+  theme?: UserTheme;
 }

package/src/theme/colors.ts

@@ -1,6 +1,7 @@
-import type { ColorKeys } from './types';
+export type ColorKeysType = 'background' | 'code' | 'link' | 'text' | 'border';
+export type ColorsPropType = Record<ColorKeysType, string>;
 
-const colors: Record<'light' | 'dark', Record<ColorKeys, string>> = {
+const colors: Record<'light' | 'dark', ColorsPropType> = {
   light: {
     background: '#ffffff',
     code: '#f6f8fa',

package/src/theme/spacing.ts

@@ -0,0 +1,10 @@
+export type SpacingKeysType = 'xs' | 's' | 'm' | 'l';
+
+const padding: Record<SpacingKeysType, number> = {
+  xs: 2,
+  s: 4,
+  m: 8,
+  l: 16,
+};
+
+export default padding;