react-native-marked 2.0.0 → 3.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +10 -1
  2. package/dist/commonjs/lib/Parser.js +16 -1
  3. package/dist/commonjs/lib/Parser.js.map +1 -1
  4. package/dist/commonjs/lib/Renderer.js +54 -2
  5. package/dist/commonjs/lib/Renderer.js.map +1 -1
  6. package/dist/commonjs/theme/styles.js +10 -0
  7. package/dist/commonjs/theme/styles.js.map +1 -1
  8. package/dist/commonjs/utils/table.js +45 -0
  9. package/dist/commonjs/utils/table.js.map +1 -0
  10. package/dist/module/lib/Parser.js +15 -1
  11. package/dist/module/lib/Parser.js.map +1 -1
  12. package/dist/module/lib/Renderer.js +51 -3
  13. package/dist/module/lib/Renderer.js.map +1 -1
  14. package/dist/module/theme/styles.js +10 -0
  15. package/dist/module/theme/styles.js.map +1 -1
  16. package/dist/module/utils/table.js +33 -0
  17. package/dist/module/utils/table.js.map +1 -0
  18. package/dist/typescript/lib/Parser.d.ts.map +1 -1
  19. package/dist/typescript/lib/Renderer.d.ts +4 -2
  20. package/dist/typescript/lib/Renderer.d.ts.map +1 -1
  21. package/dist/typescript/lib/types.d.ts +3 -1
  22. package/dist/typescript/lib/types.d.ts.map +1 -1
  23. package/dist/typescript/theme/styles.d.ts.map +1 -1
  24. package/dist/typescript/theme/types.d.ts +3 -0
  25. package/dist/typescript/theme/types.d.ts.map +1 -1
  26. package/dist/typescript/utils/table.d.ts +5 -0
  27. package/dist/typescript/utils/table.d.ts.map +1 -0
  28. package/package.json +30 -20
  29. package/src/lib/Parser.tsx +28 -0
  30. package/src/lib/Renderer.tsx +54 -0
  31. package/src/lib/types.ts +10 -0
  32. package/src/theme/styles.ts +10 -0
  33. package/src/theme/types.ts +3 -0
  34. package/src/utils/table.ts +29 -0
  35. package/dist/commonjs/lib/__perf__/Markdown.perf-test.js +0 -196
  36. package/dist/commonjs/lib/__perf__/Markdown.perf-test.js.map +0 -1
  37. package/dist/module/lib/__perf__/Markdown.perf-test.js +0 -188
  38. package/dist/module/lib/__perf__/Markdown.perf-test.js.map +0 -1
  39. package/dist/typescript/lib/__perf__/Markdown.perf-test.d.ts +0 -2
  40. package/dist/typescript/lib/__perf__/Markdown.perf-test.d.ts.map +0 -1
  41. package/src/lib/__perf__/Markdown.perf-test.tsx +0 -186
@@ -1,9 +1,10 @@
1
- import { type ReactNode } from "react";
1
+ import React, { type ReactNode } from "react";
2
2
  import { type TextStyle, type ViewStyle, type ImageStyle } from "react-native";
3
3
  import type { RendererInterface } from "./types";
4
4
  declare class Renderer implements RendererInterface {
5
5
  private slugPrefix;
6
6
  private slugger;
7
+ private windowWidth;
7
8
  constructor();
8
9
  paragraph(children: ReactNode[], styles?: ViewStyle): ReactNode;
9
10
  blockquote(children: ReactNode[], styles?: ViewStyle): ReactNode;
@@ -11,7 +12,7 @@ declare class Renderer implements RendererInterface {
11
12
  code(text: string, _language?: string, containerStyle?: ViewStyle, textStyle?: TextStyle): ReactNode;
12
13
  hr(styles?: ViewStyle): ReactNode;
13
14
  listItem(children: ReactNode[], styles?: ViewStyle): ReactNode;
14
- list(ordered: boolean, li: ReactNode[], listStyle?: ViewStyle, textStyle?: TextStyle): ReactNode;
15
+ list(ordered: boolean, li: ReactNode[], listStyle?: ViewStyle, textStyle?: TextStyle, startIndex?: number): ReactNode;
15
16
  escape(text: string, styles?: TextStyle): ReactNode;
16
17
  link(children: string | ReactNode[], href: string, styles?: TextStyle): ReactNode;
17
18
  image(uri: string, alt?: string, style?: ImageStyle): ReactNode;
@@ -23,6 +24,7 @@ declare class Renderer implements RendererInterface {
23
24
  text(text: string | ReactNode[], styles?: TextStyle): ReactNode;
24
25
  html(text: string | ReactNode[], styles?: TextStyle): ReactNode;
25
26
  linkImage(href: string, imageUrl: string, alt?: string, style?: ImageStyle): ReactNode;
27
+ table(header: ReactNode[][], rows: ReactNode[][][], tableStyle?: ViewStyle, rowStyle?: ViewStyle, cellStyle?: ViewStyle): React.ReactNode;
26
28
  getKey(): string;
27
29
  private getTextNode;
28
30
  private getViewNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../src/lib/Renderer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAKN,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,cAAM,QAAS,YAAW,iBAAiB;IAC1C,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,OAAO,CAAU;;IAKzB,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIhE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIlE,IAAI,CACH,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,EAClB,cAAc,CAAC,EAAE,SAAS,EAC1B,SAAS,CAAC,EAAE,SAAS,GACnB,SAAS;IAYZ,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIjC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI9D,IAAI,CACH,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,SAAS,EAAE,EACf,SAAS,CAAC,EAAE,SAAS,EACrB,SAAS,CAAC,EAAE,SAAS,GACnB,SAAS;IAaZ,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAInD,IAAI,CACH,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,EAC9B,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,SAAS,GAChB,SAAS;IAcZ,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS;IAI/D,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI5D,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIxD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIrD,EAAE,IAAI,SAAS;IAIf,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIzD,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,SAAS,CACR,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,UAAU,GAChB,SAAS;IAcZ,MAAM,IAAI,MAAM;IAIhB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,iBAAiB;CAYzB;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../src/lib/Renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAKN,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EAEf,MAAM,cAAc,CAAC;AAQtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,cAAM,QAAS,YAAW,iBAAiB;IAC1C,OAAO,CAAC,UAAU,CAA6B;IAC/C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,WAAW,CAAS;;IAO5B,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIhE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIlE,IAAI,CACH,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,EAClB,cAAc,CAAC,EAAE,SAAS,EAC1B,SAAS,CAAC,EAAE,SAAS,GACnB,SAAS;IAYZ,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIjC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI9D,IAAI,CACH,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,SAAS,EAAE,EACf,SAAS,CAAC,EAAE,SAAS,EACrB,SAAS,CAAC,EAAE,SAAS,EACrB,UAAU,CAAC,EAAE,MAAM,GACjB,SAAS;IAcZ,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAInD,IAAI,CACH,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,EAC9B,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,SAAS,GAChB,SAAS;IAcZ,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS;IAI/D,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI5D,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIxD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIrD,EAAE,IAAI,SAAS;IAIf,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAIzD,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS;IAI/D,SAAS,CACR,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,UAAU,GAChB,SAAS;IAcZ,KAAK,CACJ,MAAM,EAAE,SAAS,EAAE,EAAE,EACrB,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,EACrB,UAAU,CAAC,EAAE,SAAS,EACtB,QAAQ,CAAC,EAAE,SAAS,EACpB,SAAS,CAAC,EAAE,SAAS,GACnB,KAAK,CAAC,SAAS;IAwClB,MAAM,IAAI,MAAM;IAIhB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,iBAAiB;CAYzB;AAED,eAAe,QAAQ,CAAC"}
@@ -11,6 +11,7 @@ export interface MarkdownProps extends Partial<ParserOptions> {
11
11
  flatListProps?: Omit<FlatListProps<ReactNode>, "data" | "renderItem" | "horizontal">;
12
12
  theme?: UserTheme;
13
13
  }
14
+ export type TableColAlignment = "center" | "left" | "right" | null;
14
15
  export interface RendererInterface {
15
16
  paragraph(children: ReactNode[], styles?: ViewStyle): ReactNode;
16
17
  blockquote(children: ReactNode[], styles?: ViewStyle): ReactNode;
@@ -18,7 +19,7 @@ export interface RendererInterface {
18
19
  code(text: string, language?: string, containerStyle?: ViewStyle, textStyle?: TextStyle): ReactNode;
19
20
  hr(styles?: ViewStyle): ReactNode;
20
21
  listItem(children: ReactNode[], styles?: ViewStyle): ReactNode;
21
- list(ordered: boolean, li: ReactNode[], listStyle?: ViewStyle, textStyle?: TextStyle): ReactNode;
22
+ list(ordered: boolean, li: ReactNode[], listStyle?: ViewStyle, textStyle?: TextStyle, startIndex?: number): ReactNode;
22
23
  escape(text: string, styles?: TextStyle): ReactNode;
23
24
  link(children: string | ReactNode[], href: string, styles?: TextStyle): ReactNode;
24
25
  image(uri: string, alt?: string, style?: ImageStyle): ReactNode;
@@ -30,5 +31,6 @@ export interface RendererInterface {
30
31
  text(text: string | ReactNode[], styles?: TextStyle): ReactNode;
31
32
  html(text: string | ReactNode[], styles?: TextStyle): ReactNode;
32
33
  linkImage(href: string, imageUrl: string, alt?: string, style?: ImageStyle): ReactNode;
34
+ table(header: ReactNode[][], rows: ReactNode[][][], tableStyle?: ViewStyle, rowStyle?: ViewStyle, cellStyle?: ViewStyle): ReactNode;
33
35
  }
34
36
  //# sourceMappingURL=types.d.ts.map
@@ -1 +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,EACX,aAAa,EACb,SAAS,EACT,SAAS,EACT,UAAU,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,OAAO,CAAC,aAAa,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,IAAI,CACnB,aAAa,CAAC,SAAS,CAAC,EACxB,MAAM,GAAG,YAAY,GAAG,YAAY,CACpC,CAAC;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChE,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnE,IAAI,CACH,IAAI,EAAE,MAAM,EACZ,QAAQ,CAAC,EAAE,MAAM,EACjB,cAAc,CAAC,EAAE,SAAS,EAC1B,SAAS,CAAC,EAAE,SAAS,GACnB,SAAS,CAAC;IACb,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/D,IAAI,CACH,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,SAAS,EAAE,EACf,SAAS,CAAC,EAAE,SAAS,EACrB,SAAS,CAAC,EAAE,SAAS,GACnB,SAAS,CAAC;IACb,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpD,IAAI,CACH,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,EAC9B,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,SAAS,GAChB,SAAS,CAAC;IACb,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7D,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtD,EAAE,IAAI,SAAS,CAAC;IAChB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC1D,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChE,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChE,SAAS,CACR,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,GAAG,CAAC,EAAE,MAAM,EACZ,KAAK,CAAC,EAAE,UAAU,GAChB,SAAS,CAAC;CACb"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"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"}
@@ -1 +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,YA+GF,CAAC;AAEF,eAAe,SAAS,CAAC"}
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"}
@@ -22,6 +22,9 @@ export interface MarkedStyles {
22
22
  list?: ViewStyle;
23
23
  li?: TextStyle;
24
24
  image?: ImageStyle;
25
+ table?: ViewStyle;
26
+ tableRow?: ViewStyle;
27
+ tableCell?: ViewStyle;
25
28
  }
26
29
  export interface UserTheme {
27
30
  colors?: Record<ColorKeysType, string>;
@@ -1 +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;CACnB;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"}
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"}
@@ -0,0 +1,5 @@
1
+ import type { TextStyle } from "react-native";
2
+ import type { TableColAlignment } from "../lib/types";
3
+ export declare const getTableWidthArr: (totalCols: number, windowWidth: number) => number[];
4
+ export declare const getTableColAlignmentStyle: (alignment?: TableColAlignment) => TextStyle;
5
+ //# sourceMappingURL=table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/utils/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,eAAO,MAAM,gBAAgB,cAAe,MAAM,eAAe,MAAM,aAUtE,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACzB,iBAAiB,KAC3B,SAWF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-marked",
3
- "version": "2.0.0",
3
+ "version": "3.0.0-rc.0",
4
4
  "description": "Markdown renderer for React Native powered by marked.js",
5
5
  "main": "dist/commonjs/index",
6
6
  "module": "dist/module/index",
@@ -19,7 +19,8 @@
19
19
  "!ios/build",
20
20
  "!**/__tests__",
21
21
  "!**/__fixtures__",
22
- "!**/__mocks__"
22
+ "!**/__mocks__",
23
+ "!**/__perf__"
23
24
  ],
24
25
  "scripts": {
25
26
  "typescript": "tsc --noEmit",
@@ -30,7 +31,8 @@
30
31
  "release": "yarn build && release-it",
31
32
  "test": "jest --passWithNoTests",
32
33
  "test:updateSnapshot": "jest --updateSnapshot",
33
- "reassure": "reassure"
34
+ "reassure": "reassure",
35
+ "postinstall": "patch-package"
34
36
  },
35
37
  "keywords": [
36
38
  "react-native",
@@ -48,32 +50,35 @@
48
50
  "registry": "https://registry.npmjs.org/"
49
51
  },
50
52
  "devDependencies": {
51
- "@babel/core": "7.21.3",
52
- "@babel/preset-env": "7.20.2",
53
+ "@babel/core": "7.21.4",
54
+ "@babel/preset-env": "7.21.4",
53
55
  "@commitlint/config-conventional": "17.4.4",
54
- "@evilmartians/lefthook": "1.3.7",
56
+ "@evilmartians/lefthook": "1.3.9",
55
57
  "@release-it/conventional-changelog": "5.1.1",
56
58
  "@testing-library/jest-native": "5.4.2",
57
- "@testing-library/react-native": "12.0.0",
59
+ "@testing-library/react-native": "12.0.1",
58
60
  "@types/jest": "29.5.0",
59
61
  "@types/marked": "4.0.8",
60
- "@types/node": "^18.11.18",
61
- "@types/react": "18.0.28",
62
- "@types/react-native": "0.71.4",
63
- "commitlint": "17.5.0",
64
- "danger": "11.2.4",
62
+ "@types/node": "18.11.18",
63
+ "@types/react": "18.0.33",
64
+ "@types/react-native": "0.71.5",
65
+ "@types/react-native-table-component": "1.2.4",
66
+ "commitlint": "17.5.1",
67
+ "danger": "11.2.5",
65
68
  "jest": "29.5.0",
66
69
  "jest-environment-jsdom": "29.5.0",
67
- "metro-react-native-babel-preset": "0.76.0",
70
+ "metro-react-native-babel-preset": "0.76.1",
71
+ "patch-package": "6.5.1",
68
72
  "pod-install": "0.1.38",
73
+ "postinstall-postinstall": "2.1.0",
69
74
  "react": "18.2.0",
70
- "react-native": "0.71.4",
75
+ "react-native": "0.71.6",
71
76
  "react-native-builder-bob": "0.20.4",
72
77
  "react-test-renderer": "18.2.0",
73
- "reassure": "0.7.2",
74
- "release-it": "15.9.1",
75
- "rome": "11.0.0",
76
- "typescript": "5.0.2"
78
+ "reassure": "0.8.0",
79
+ "release-it": "15.10.1",
80
+ "rome": "12.0.0",
81
+ "typescript": "5.0.4"
77
82
  },
78
83
  "peerDependencies": {
79
84
  "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
@@ -88,6 +93,9 @@
88
93
  ],
89
94
  "setupFilesAfterEnv": [
90
95
  "@testing-library/jest-native/extend-expect"
96
+ ],
97
+ "transformIgnorePatterns": [
98
+ "node_modules/(?!(jest-)?react-native|@react-native|@react-native-community|react-native-table-component)"
91
99
  ]
92
100
  },
93
101
  "commitlint": {
@@ -130,7 +138,8 @@
130
138
  },
131
139
  "plugins": {
132
140
  "@release-it/conventional-changelog": {
133
- "preset": "angular"
141
+ "preset": "angular",
142
+ "ignoreRecommendedBump": true
134
143
  }
135
144
  }
136
145
  },
@@ -152,6 +161,7 @@
152
161
  "@jsamr/counter-style": "2.0.2",
153
162
  "@jsamr/react-native-li": "2.3.1",
154
163
  "marked": "4.3.0",
155
- "react-native-fit-image": "1.5.5"
164
+ "react-native-fit-image": "1.5.5",
165
+ "react-native-table-component": "1.2.2"
156
166
  }
157
167
  }
@@ -4,6 +4,7 @@ import type { marked } from "marked";
4
4
  import type { MarkedStyles } from "../theme/types";
5
5
  import type { RendererInterface, ParserOptions } from "./types";
6
6
  import { getValidURL } from "./../utils/url";
7
+ import { getTableColAlignmentStyle } from "./../utils/table";
7
8
 
8
9
  class Parser {
9
10
  private renderer: RendererInterface;
@@ -76,6 +77,10 @@ class Parser {
76
77
  return this.renderer.hr(this.styles.hr);
77
78
  }
78
79
  case "list": {
80
+ let startIndex = parseInt(token.start.toString());
81
+ if (Number.isNaN(startIndex)) {
82
+ startIndex = 1;
83
+ }
79
84
  const li = token.items.map((item) => {
80
85
  const children = item.tokens.flatMap((cItem) => {
81
86
  if (cItem.type === "text") {
@@ -102,6 +107,7 @@ class Parser {
102
107
  li,
103
108
  this.styles.list,
104
109
  this.styles.li,
110
+ startIndex,
105
111
  );
106
112
  }
107
113
  case "escape": {
@@ -175,6 +181,28 @@ class Parser {
175
181
  ...styles,
176
182
  });
177
183
  }
184
+ case "table":
185
+ const header = token.header.map((row, i) =>
186
+ this._parse(row.tokens, {
187
+ ...getTableColAlignmentStyle(token.align[i]),
188
+ }),
189
+ );
190
+
191
+ const rows = token.rows.map((cols) =>
192
+ cols.map((col, i) =>
193
+ this._parse(col.tokens, {
194
+ ...getTableColAlignmentStyle(token.align[i]),
195
+ }),
196
+ ),
197
+ );
198
+
199
+ return this.renderer.table(
200
+ header,
201
+ rows,
202
+ this.styles.table,
203
+ this.styles.tableRow,
204
+ this.styles.tableCell,
205
+ );
178
206
  default: {
179
207
  console.warn(
180
208
  `react-native-marked: token with '${token.type}' type was not found.`,
@@ -7,20 +7,26 @@ import {
7
7
  type TextStyle,
8
8
  type ViewStyle,
9
9
  type ImageStyle,
10
+ Dimensions,
10
11
  } from "react-native";
11
12
  import MarkedList from "@jsamr/react-native-li";
12
13
  import Disc from "@jsamr/counter-style/presets/disc";
13
14
  import Decimal from "@jsamr/counter-style/presets/decimal";
14
15
  import { Slugger } from "marked";
16
+ import { Table, Cell, TableWrapper } from "react-native-table-component";
15
17
  import MDImage from "./../components/MDImage";
16
18
  import { onLinkPress } from "../utils/handlers";
17
19
  import type { RendererInterface } from "./types";
20
+ import { getTableWidthArr } from "../utils/table";
18
21
 
19
22
  class Renderer implements RendererInterface {
20
23
  private slugPrefix = "react-native-marked-ele";
21
24
  private slugger: Slugger;
25
+ private windowWidth: number;
22
26
  constructor() {
23
27
  this.slugger = new Slugger();
28
+ const { width } = Dimensions.get("window");
29
+ this.windowWidth = width;
24
30
  }
25
31
 
26
32
  paragraph(children: ReactNode[], styles?: ViewStyle): ReactNode {
@@ -65,6 +71,7 @@ class Renderer implements RendererInterface {
65
71
  li: ReactNode[],
66
72
  listStyle?: ViewStyle,
67
73
  textStyle?: TextStyle,
74
+ startIndex?: number,
68
75
  ): ReactNode {
69
76
  return (
70
77
  <MarkedList
@@ -72,6 +79,7 @@ class Renderer implements RendererInterface {
72
79
  markerTextStyle={textStyle}
73
80
  markerBoxStyle={listStyle}
74
81
  key={this.getKey()}
82
+ startIndex={startIndex}
75
83
  >
76
84
  {li.map((node) => node)}
77
85
  </MarkedList>
@@ -151,6 +159,52 @@ class Renderer implements RendererInterface {
151
159
  );
152
160
  }
153
161
 
162
+ table(
163
+ header: ReactNode[][],
164
+ rows: ReactNode[][][],
165
+ tableStyle?: ViewStyle,
166
+ rowStyle?: ViewStyle,
167
+ cellStyle?: ViewStyle,
168
+ ): React.ReactNode {
169
+ const widthArr = getTableWidthArr(header.length, this.windowWidth);
170
+ const { borderWidth, borderColor, ...tableStyleRest } = tableStyle || {};
171
+ return (
172
+ <ScrollView horizontal={true}>
173
+ <Table
174
+ borderStyle={{ borderWidth, borderColor }}
175
+ style={tableStyleRest}
176
+ >
177
+ <TableWrapper style={rowStyle}>
178
+ {header.map((headerCol, index) => {
179
+ return (
180
+ <Cell
181
+ width={widthArr[index]}
182
+ key={`${index}`}
183
+ data={<View style={cellStyle}>{headerCol}</View>}
184
+ />
185
+ );
186
+ })}
187
+ </TableWrapper>
188
+ {rows.map((rowData, index) => {
189
+ return (
190
+ <TableWrapper key={`${index}`} style={rowStyle}>
191
+ {rowData.map((cellData, cellIndex) => {
192
+ return (
193
+ <Cell
194
+ width={widthArr[cellIndex]}
195
+ key={`${cellIndex}`}
196
+ data={<View style={cellStyle}>{cellData}</View>}
197
+ />
198
+ );
199
+ })}
200
+ </TableWrapper>
201
+ );
202
+ })}
203
+ </Table>
204
+ </ScrollView>
205
+ );
206
+ }
207
+
154
208
  getKey(): string {
155
209
  return this.slugger.slug(this.slugPrefix);
156
210
  }
package/src/lib/types.ts CHANGED
@@ -22,6 +22,8 @@ export interface MarkdownProps extends Partial<ParserOptions> {
22
22
  theme?: UserTheme;
23
23
  }
24
24
 
25
+ export type TableColAlignment = "center" | "left" | "right" | null;
26
+
25
27
  export interface RendererInterface {
26
28
  paragraph(children: ReactNode[], styles?: ViewStyle): ReactNode;
27
29
  blockquote(children: ReactNode[], styles?: ViewStyle): ReactNode;
@@ -39,6 +41,7 @@ export interface RendererInterface {
39
41
  li: ReactNode[],
40
42
  listStyle?: ViewStyle,
41
43
  textStyle?: TextStyle,
44
+ startIndex?: number,
42
45
  ): ReactNode;
43
46
  escape(text: string, styles?: TextStyle): ReactNode;
44
47
  link(
@@ -60,4 +63,11 @@ export interface RendererInterface {
60
63
  alt?: string,
61
64
  style?: ImageStyle,
62
65
  ): ReactNode;
66
+ table(
67
+ header: ReactNode[][],
68
+ rows: ReactNode[][][],
69
+ tableStyle?: ViewStyle,
70
+ rowStyle?: ViewStyle,
71
+ cellStyle?: ViewStyle,
72
+ ): ReactNode;
63
73
  }
@@ -126,6 +126,16 @@ const getStyles = (
126
126
  image: {
127
127
  resizeMode: "cover",
128
128
  },
129
+ table: {
130
+ borderWidth: 1,
131
+ borderColor: mdColors.border,
132
+ },
133
+ tableRow: {
134
+ flexDirection: "row",
135
+ },
136
+ tableCell: {
137
+ padding: mdSpacing.s,
138
+ },
129
139
  });
130
140
 
131
141
  return {
@@ -23,6 +23,9 @@ export interface MarkedStyles {
23
23
  list?: ViewStyle;
24
24
  li?: TextStyle;
25
25
  image?: ImageStyle;
26
+ table?: ViewStyle;
27
+ tableRow?: ViewStyle;
28
+ tableCell?: ViewStyle;
26
29
  }
27
30
 
28
31
  export interface UserTheme {
@@ -0,0 +1,29 @@
1
+ import type { TextStyle } from "react-native";
2
+ import type { TableColAlignment } from "../lib/types";
3
+
4
+ export const getTableWidthArr = (totalCols: number, windowWidth: number) => {
5
+ if (totalCols < 1) {
6
+ return [];
7
+ }
8
+
9
+ return Array(totalCols)
10
+ .fill(0)
11
+ .map(() => {
12
+ return Math.floor(windowWidth * (1.3 / 3));
13
+ });
14
+ };
15
+
16
+ export const getTableColAlignmentStyle = (
17
+ alignment?: TableColAlignment,
18
+ ): TextStyle => {
19
+ switch (alignment) {
20
+ case "center":
21
+ return { textAlign: "center" };
22
+ case "left":
23
+ return { textAlign: "left" };
24
+ case "right":
25
+ return { textAlign: "right" };
26
+ default:
27
+ return { textAlign: "left" };
28
+ }
29
+ };
@@ -1,196 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _reactNative = require("@testing-library/react-native");
6
-
7
- var _reassure = require("reassure");
8
-
9
- var _Markdown = _interopRequireDefault(require("../Markdown"));
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- const mdString = `Markdown Quick Reference
14
- ========================
15
-
16
- This guide is a very brief overview, with examples, of the syntax that [Markdown] supports. It is itself written in Markdown and you can copy the samples over to the left-hand pane for experimentation. It's shown as *text* and not *rendered HTML*.
17
-
18
- [Markdown]: http://daringfireball.net/projects/markdown/
19
-
20
-
21
- Simple Text Formatting
22
- ======================
23
-
24
- First thing is first. You can use *stars* or _underscores_ for italics. **Double stars** and __double underscores__ for bold. ***Three together*** for ___both___.
25
-
26
- Paragraphs are pretty easy too. Just have a blank line between chunks of text.
27
-
28
- > This chunk of text is in a block quote. Its multiple lines will all be
29
- > indented a bit from the rest of the text.
30
- >
31
- > > Multiple levels of block quotes also work.
32
-
33
- Sometimes you want to include code, such as when you are explaining how \`<h1>\` HTML tags work, or maybe you are a programmer and you are discussing \`someMethod()\`.
34
-
35
- If you want to include code and have new
36
- lines preserved, indent the line with a tab
37
- or at least four spaces:
38
-
39
- Extra spaces work here too.
40
- This is also called preformatted text and it is useful for showing examples.
41
- The text will stay as text, so any *markdown* or <u>HTML</u> you add will
42
- not show up formatted. This way you can show markdown examples in a
43
- markdown document.
44
-
45
- > You can also use preformatted text with your blockquotes
46
- > as long as you add at least five spaces.
47
-
48
-
49
- Headings
50
- ========
51
-
52
- There are a couple of ways to make headings. Using three or more equals signs on a line under a heading makes it into an "h1" style. Three or more hyphens under a line makes it "h2" (slightly smaller). You can also use multiple pound symbols (\`#\`) before and after a heading. Pounds after the title are ignored. Here are some examples:
53
-
54
- This is H1
55
- ==========
56
-
57
- This is H2
58
- ----------
59
-
60
- # This is H1
61
- ## This is H2
62
- ### This is H3 with some extra pounds ###
63
- #### You get the idea ####
64
- ##### I don't need extra pounds at the end
65
- ###### H6 is the max
66
-
67
-
68
- Links
69
- =====
70
-
71
- Let's link to a few sites. First, let's use the bare URL, like <https://www.github.com>. Great for text, but ugly for HTML.
72
- Next is an inline link to [Google](https://www.google.com). A little nicer.
73
- This is a reference-style link to [Wikipedia] [1].
74
- Lastly, here's a pretty link to [Yahoo]. The reference-style and pretty links both automatically use the links defined below, but they could be defined *anywhere* in the markdown and are removed from the HTML. The names are also case insensitive, so you can use [YaHoO] and have it link properly.
75
-
76
- [1]: https://www.wikipedia.org
77
- [Yahoo]: https://www.yahoo.com
78
-
79
- Title attributes may be added to links by adding text after a link.
80
- This is the [inline link](https://www.bing.com "Bing") with a "Bing" title.
81
- You can also go to [W3C] [2] and maybe visit a [friend].
82
-
83
- [2]: https://w3c.org (The W3C puts out specs for web-based things)
84
- [Friend]: https://facebook.com "Facebook!"
85
-
86
- Email addresses in plain text are not linked: test@example.com.
87
- Email addresses wrapped in angle brackets are linked: <test@example.com>.
88
- They are also obfuscated so that email harvesting spam robots hopefully won't get them.
89
-
90
-
91
- Lists
92
- =====
93
-
94
- * This is a bulleted list
95
- * Great for shopping lists
96
- - You can also use hyphens
97
- + Or plus symbols
98
-
99
- The above is an "unordered" list. Now, on for a bit of order.
100
-
101
- 1. Numbered lists are also easy
102
- 2. Just start with a number
103
- 3738762. However, the actual number doesn't matter when converted to HTML.
104
- 1. This will still show up as 4.
105
-
106
- You might want a few advanced lists:
107
-
108
- - This top-level list is wrapped in paragraph tags
109
- - This generates an extra space between each top-level item.
110
-
111
- - You do it by adding a blank line
112
-
113
- - This nested list also has blank lines between the list items.
114
-
115
- - How to create nested lists
116
- 1. Start your regular list
117
- 2. Indent nested lists with two spaces
118
- 3. Further nesting means you should indent with two more spaces
119
- * This line is indented with four spaces.
120
-
121
- - List items can be quite lengthy. You can keep typing and either continue
122
- them on the next line with no indentation.
123
-
124
- - Alternately, if that looks ugly, you can also
125
- indent the next line a bit for a prettier look.
126
-
127
- - You can put large blocks of text in your list by just indenting with two spaces.
128
-
129
- This is formatted the same as code, but you can inspect the HTML and find that it's just wrapped in a \`<p>\` tag and *won't* be shown as preformatted text.
130
-
131
- You can keep adding more and more paragraphs to a single list item by adding the traditional blank line and then keep on indenting the paragraphs with two spaces.
132
-
133
- You really only need to indent the first line,
134
- but that looks ugly.
135
-
136
- - Lists support blockquotes
137
-
138
- > Just like this example here. By the way, you can
139
- > nest lists inside blockquotes!
140
- > - Fantastic!
141
-
142
- - Lists support preformatted text
143
-
144
- You just need to indent an additional four spaces.
145
-
146
-
147
- Even More
148
- =========
149
-
150
- Horizontal Rule
151
- ---------------
152
-
153
- If you need a horizontal rule you just need to put at least three hyphens, asterisks, or underscores on a line by themselves. You can also even put spaces between the characters.
154
-
155
- ---
156
- ****************************
157
- _ _ _ _ _ _ _
158
-
159
- Those three all produced horizontal lines. Keep in mind that three hyphens under any text turns that text into a heading, so add a blank like if you use hyphens.
160
-
161
- Images
162
- ------
163
-
164
- Images work exactly like links, but they have exclamation points in front. They work with references and titles too.
165
-
166
- ![Google Logo](https://www.google.com/images/errors/logo_sm.gif) and ![Happy].
167
-
168
- [Happy]: https://wpclipart.com/smiley/happy/simple_colors/smiley_face_simple_green_small.png ("Smiley face")
169
-
170
-
171
- Inline HTML
172
- -----------
173
-
174
- If markdown is too limiting, you can just insert your own <strike>crazy</strike> HTML. Span-level HTML <u>can *still* use markdown</u>. Block level elements must be separated from text by a blank line and must not have any spaces before the opening and closing HTML.
175
-
176
- <div style='font-family: "Comic Sans MS", "Comic Sans", cursive;'>
177
- It is a pity, but markdown does **not** work in here for most markdown parsers.
178
- [Marked] handles it pretty well.
179
- </div>
180
- `;
181
- describe("Perf test", () => {
182
- it("Renders markdown", async () => {
183
- const scenario = async () => {
184
- await _reactNative.screen.queryByText("Markdown Quick Reference");
185
- await _reactNative.screen.queryByText("Inline HTML");
186
- await _reactNative.screen.queryByText("If markdown is too limiting, you can just insert your own <strike>crazy</strike> HTML. Span-level HTML <u>can *still* use markdown</u>. Block level elements must be separated from text by a blank line and must not have any spaces before the opening and closing HTML.");
187
- };
188
-
189
- (0, _reassure.measurePerformance)( /*#__PURE__*/_react.default.createElement(_Markdown.default, {
190
- value: mdString
191
- }), {
192
- scenario
193
- });
194
- });
195
- });
196
- //# sourceMappingURL=Markdown.perf-test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["mdString","describe","it","scenario","screen","queryByText","measurePerformance"],"sourceRoot":"../../../../src","sources":["lib/__perf__/Markdown.perf-test.tsx"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAvKA;AAyKAC,QAAQ,CAAC,WAAD,EAAc,MAAM;EAC3BC,EAAE,CAAC,kBAAD,EAAqB,YAAY;IAClC,MAAMC,QAAQ,GAAG,YAAY;MAC5B,MAAMC,mBAAA,CAAOC,WAAP,CAAmB,0BAAnB,CAAN;MACA,MAAMD,mBAAA,CAAOC,WAAP,CAAmB,aAAnB,CAAN;MACA,MAAMD,mBAAA,CAAOC,WAAP,CACL,4QADK,CAAN;IAGA,CAND;;IAOA,IAAAC,4BAAA,gBAAmB,6BAAC,iBAAD;MAAU,KAAK,EAAEN;IAAjB,EAAnB,EAAkD;MAAEG;IAAF,CAAlD;EACA,CATC,CAAF;AAUA,CAXO,CAAR"}