react-native-marked 8.1.0 → 8.2.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.
- package/LICENSE +20 -20
- package/README.md +354 -354
- package/dist/commonjs/components/MDImage.js +4 -5
- package/dist/commonjs/components/MDImage.js.map +1 -1
- package/dist/commonjs/components/MDList.js +1 -2
- package/dist/commonjs/components/MDList.js.map +1 -1
- package/dist/commonjs/components/MDSvg.js +1 -2
- package/dist/commonjs/components/MDSvg.js.map +1 -1
- package/dist/commonjs/components/MDTable.js +1 -2
- package/dist/commonjs/components/MDTable.js.map +1 -1
- package/dist/commonjs/hooks/useMarkdown.js.map +1 -1
- package/dist/commonjs/hooks/useMarkdownWithComponents.js +1 -2
- package/dist/commonjs/hooks/useMarkdownWithComponents.js.map +1 -1
- package/dist/commonjs/index.js.map +1 -1
- package/dist/commonjs/lib/Markdown.js +1 -2
- package/dist/commonjs/lib/Markdown.js.map +1 -1
- package/dist/commonjs/lib/Parser.js +4 -4
- package/dist/commonjs/lib/Parser.js.map +1 -1
- package/dist/commonjs/lib/ReactComponentRegistry.js +1 -2
- package/dist/commonjs/lib/ReactComponentRegistry.js.map +1 -1
- package/dist/commonjs/lib/ReactComponentTokenizer.js.map +1 -1
- package/dist/commonjs/lib/Renderer.js.map +1 -1
- package/dist/commonjs/lib/types.js.map +1 -1
- package/dist/commonjs/theme/colors.js.map +1 -1
- package/dist/commonjs/theme/spacing.js.map +1 -1
- package/dist/commonjs/theme/styles.js.map +1 -1
- package/dist/commonjs/theme/types.js.map +1 -1
- package/dist/commonjs/utils/handlers.js.map +1 -1
- package/dist/commonjs/utils/svg.js.map +1 -1
- package/dist/commonjs/utils/table.js.map +1 -1
- package/dist/commonjs/utils/url.js.map +1 -1
- package/dist/module/components/MDImage.js +3 -3
- package/dist/module/components/MDImage.js.map +1 -1
- package/dist/module/components/MDList.js.map +1 -1
- package/dist/module/components/MDSvg.js.map +1 -1
- package/dist/module/components/MDTable.js.map +1 -1
- package/dist/module/hooks/useMarkdown.js.map +1 -1
- package/dist/module/hooks/useMarkdownWithComponents.js.map +1 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/lib/Markdown.js.map +1 -1
- package/dist/module/lib/Parser.js +4 -4
- package/dist/module/lib/Parser.js.map +1 -1
- package/dist/module/lib/ReactComponentRegistry.js.map +1 -1
- package/dist/module/lib/ReactComponentTokenizer.js.map +1 -1
- package/dist/module/lib/Renderer.js.map +1 -1
- package/dist/module/lib/types.js.map +1 -1
- package/dist/module/theme/colors.js.map +1 -1
- package/dist/module/theme/spacing.js.map +1 -1
- package/dist/module/theme/styles.js.map +1 -1
- package/dist/module/theme/types.js.map +1 -1
- package/dist/module/utils/handlers.js.map +1 -1
- package/dist/module/utils/svg.js.map +1 -1
- package/dist/module/utils/table.js.map +1 -1
- package/dist/module/utils/url.js.map +1 -1
- package/package.json +175 -175
- package/src/components/MDImage.tsx +90 -90
- package/src/components/MDList.tsx +46 -46
- package/src/components/MDSvg.tsx +108 -108
- package/src/components/MDTable.tsx +60 -60
- package/src/hooks/useMarkdown.ts +51 -51
- package/src/hooks/useMarkdownWithComponents.tsx +89 -89
- package/src/index.ts +43 -43
- package/src/lib/Markdown.tsx +53 -53
- package/src/lib/Parser.tsx +316 -316
- package/src/lib/ReactComponentRegistry.tsx +52 -52
- package/src/lib/ReactComponentTokenizer.ts +149 -149
- package/src/lib/Renderer.tsx +238 -238
- package/src/lib/types.ts +87 -87
- package/src/theme/colors.ts +31 -31
- package/src/theme/spacing.ts +10 -10
- package/src/theme/styles.ts +198 -198
- package/src/theme/types.ts +33 -33
- package/src/utils/handlers.ts +9 -9
- package/src/utils/svg.ts +14 -14
- package/src/utils/table.ts +29 -29
- package/src/utils/url.ts +22 -22
package/src/index.ts
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import type { Token, Tokens } from "marked";
|
|
2
|
-
import {
|
|
3
|
-
Hooks as MarkedHooks,
|
|
4
|
-
Tokenizer as MarkedTokenizer,
|
|
5
|
-
marked,
|
|
6
|
-
} from "marked";
|
|
7
|
-
import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
|
|
8
|
-
import useMarkdownWithComponents from "./hooks/useMarkdownWithComponents";
|
|
9
|
-
import Markdown from "./lib/Markdown";
|
|
10
|
-
import type { ReactComponentRegistry } from "./lib/ReactComponentRegistry";
|
|
11
|
-
import { ReactComponentRegistryProvider } from "./lib/ReactComponentRegistry";
|
|
12
|
-
import Renderer from "./lib/Renderer";
|
|
13
|
-
import type {
|
|
14
|
-
MarkdownProps,
|
|
15
|
-
ParserOptions,
|
|
16
|
-
RendererInterface,
|
|
17
|
-
} from "./lib/types";
|
|
18
|
-
import type { MarkedStyles } from "./theme/types";
|
|
19
|
-
|
|
20
|
-
const MarkedLexer = marked.lexer;
|
|
21
|
-
|
|
22
|
-
export type {
|
|
23
|
-
MarkdownProps,
|
|
24
|
-
MarkedStyles,
|
|
25
|
-
ParserOptions,
|
|
26
|
-
ReactComponentRegistry,
|
|
27
|
-
RendererInterface,
|
|
28
|
-
Token,
|
|
29
|
-
Tokens,
|
|
30
|
-
useMarkdownHookOptions,
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export {
|
|
34
|
-
MarkedHooks,
|
|
35
|
-
MarkedLexer,
|
|
36
|
-
MarkedTokenizer,
|
|
37
|
-
ReactComponentRegistryProvider,
|
|
38
|
-
Renderer,
|
|
39
|
-
useMarkdown,
|
|
40
|
-
useMarkdownWithComponents,
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export default Markdown;
|
|
1
|
+
import type { Token, Tokens } from "marked";
|
|
2
|
+
import {
|
|
3
|
+
Hooks as MarkedHooks,
|
|
4
|
+
Tokenizer as MarkedTokenizer,
|
|
5
|
+
marked,
|
|
6
|
+
} from "marked";
|
|
7
|
+
import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
|
|
8
|
+
import useMarkdownWithComponents from "./hooks/useMarkdownWithComponents";
|
|
9
|
+
import Markdown from "./lib/Markdown";
|
|
10
|
+
import type { ReactComponentRegistry } from "./lib/ReactComponentRegistry";
|
|
11
|
+
import { ReactComponentRegistryProvider } from "./lib/ReactComponentRegistry";
|
|
12
|
+
import Renderer from "./lib/Renderer";
|
|
13
|
+
import type {
|
|
14
|
+
MarkdownProps,
|
|
15
|
+
ParserOptions,
|
|
16
|
+
RendererInterface,
|
|
17
|
+
} from "./lib/types";
|
|
18
|
+
import type { MarkedStyles } from "./theme/types";
|
|
19
|
+
|
|
20
|
+
const MarkedLexer = marked.lexer;
|
|
21
|
+
|
|
22
|
+
export type {
|
|
23
|
+
MarkdownProps,
|
|
24
|
+
MarkedStyles,
|
|
25
|
+
ParserOptions,
|
|
26
|
+
ReactComponentRegistry,
|
|
27
|
+
RendererInterface,
|
|
28
|
+
Token,
|
|
29
|
+
Tokens,
|
|
30
|
+
useMarkdownHookOptions,
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export {
|
|
34
|
+
MarkedHooks,
|
|
35
|
+
MarkedLexer,
|
|
36
|
+
MarkedTokenizer,
|
|
37
|
+
ReactComponentRegistryProvider,
|
|
38
|
+
Renderer,
|
|
39
|
+
useMarkdown,
|
|
40
|
+
useMarkdownWithComponents,
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export default Markdown;
|
package/src/lib/Markdown.tsx
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import React, { type ReactElement, type ReactNode, useCallback } from "react";
|
|
2
|
-
import { FlatList, useColorScheme } from "react-native";
|
|
3
|
-
import useMarkdown from "../hooks/useMarkdown";
|
|
4
|
-
import type { MarkdownProps } from "./types";
|
|
5
|
-
|
|
6
|
-
const Markdown = ({
|
|
7
|
-
value,
|
|
8
|
-
flatListProps,
|
|
9
|
-
theme,
|
|
10
|
-
baseUrl,
|
|
11
|
-
renderer,
|
|
12
|
-
styles,
|
|
13
|
-
tokenizer,
|
|
14
|
-
hooks,
|
|
15
|
-
}: MarkdownProps) => {
|
|
16
|
-
const colorScheme = useColorScheme();
|
|
17
|
-
|
|
18
|
-
const rnElements = useMarkdown(value, {
|
|
19
|
-
theme,
|
|
20
|
-
baseUrl,
|
|
21
|
-
renderer,
|
|
22
|
-
colorScheme,
|
|
23
|
-
styles,
|
|
24
|
-
tokenizer,
|
|
25
|
-
hooks,
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
const renderItem = useCallback(({ item }: { item: ReactNode }) => {
|
|
29
|
-
return item as ReactElement;
|
|
30
|
-
}, []);
|
|
31
|
-
|
|
32
|
-
const keyExtractor = useCallback(
|
|
33
|
-
(_: ReactNode, index: number) => index.toString(),
|
|
34
|
-
[],
|
|
35
|
-
);
|
|
36
|
-
|
|
37
|
-
return (
|
|
38
|
-
<FlatList
|
|
39
|
-
removeClippedSubviews={false}
|
|
40
|
-
keyExtractor={keyExtractor}
|
|
41
|
-
maxToRenderPerBatch={8}
|
|
42
|
-
initialNumToRender={8}
|
|
43
|
-
style={{
|
|
44
|
-
backgroundColor: colorScheme === "light" ? "#ffffff" : "#000000",
|
|
45
|
-
}}
|
|
46
|
-
{...flatListProps}
|
|
47
|
-
data={rnElements}
|
|
48
|
-
renderItem={renderItem}
|
|
49
|
-
/>
|
|
50
|
-
);
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export default Markdown;
|
|
1
|
+
import React, { type ReactElement, type ReactNode, useCallback } from "react";
|
|
2
|
+
import { FlatList, useColorScheme } from "react-native";
|
|
3
|
+
import useMarkdown from "../hooks/useMarkdown";
|
|
4
|
+
import type { MarkdownProps } from "./types";
|
|
5
|
+
|
|
6
|
+
const Markdown = ({
|
|
7
|
+
value,
|
|
8
|
+
flatListProps,
|
|
9
|
+
theme,
|
|
10
|
+
baseUrl,
|
|
11
|
+
renderer,
|
|
12
|
+
styles,
|
|
13
|
+
tokenizer,
|
|
14
|
+
hooks,
|
|
15
|
+
}: MarkdownProps) => {
|
|
16
|
+
const colorScheme = useColorScheme();
|
|
17
|
+
|
|
18
|
+
const rnElements = useMarkdown(value, {
|
|
19
|
+
theme,
|
|
20
|
+
baseUrl,
|
|
21
|
+
renderer,
|
|
22
|
+
colorScheme,
|
|
23
|
+
styles,
|
|
24
|
+
tokenizer,
|
|
25
|
+
hooks,
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
const renderItem = useCallback(({ item }: { item: ReactNode }) => {
|
|
29
|
+
return item as ReactElement;
|
|
30
|
+
}, []);
|
|
31
|
+
|
|
32
|
+
const keyExtractor = useCallback(
|
|
33
|
+
(_: ReactNode, index: number) => index.toString(),
|
|
34
|
+
[],
|
|
35
|
+
);
|
|
36
|
+
|
|
37
|
+
return (
|
|
38
|
+
<FlatList
|
|
39
|
+
removeClippedSubviews={false}
|
|
40
|
+
keyExtractor={keyExtractor}
|
|
41
|
+
maxToRenderPerBatch={8}
|
|
42
|
+
initialNumToRender={8}
|
|
43
|
+
style={{
|
|
44
|
+
backgroundColor: colorScheme === "light" ? "#ffffff" : "#000000",
|
|
45
|
+
}}
|
|
46
|
+
{...flatListProps}
|
|
47
|
+
data={rnElements}
|
|
48
|
+
renderItem={renderItem}
|
|
49
|
+
/>
|
|
50
|
+
);
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export default Markdown;
|