react-native-marked 8.2.0 → 8.3.0

package/src/index.ts

@@ -1,43 +1,44 @@
-import type { Token, Tokens } from "marked";
-import {
-	Hooks as MarkedHooks,
-	Tokenizer as MarkedTokenizer,
-	marked,
-} from "marked";
-import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
-import useMarkdownWithComponents from "./hooks/useMarkdownWithComponents";
-import Markdown from "./lib/Markdown";
-import type { ReactComponentRegistry } from "./lib/ReactComponentRegistry";
-import { ReactComponentRegistryProvider } from "./lib/ReactComponentRegistry";
-import Renderer from "./lib/Renderer";
-import type {
-	MarkdownProps,
-	ParserOptions,
-	RendererInterface,
-} from "./lib/types";
-import type { MarkedStyles } from "./theme/types";
-
-const MarkedLexer = marked.lexer;
-
-export type {
-	MarkdownProps,
-	MarkedStyles,
-	ParserOptions,
-	ReactComponentRegistry,
-	RendererInterface,
-	Token,
-	Tokens,
-	useMarkdownHookOptions,
-};
-
-export {
-	MarkedHooks,
-	MarkedLexer,
-	MarkedTokenizer,
-	ReactComponentRegistryProvider,
-	Renderer,
-	useMarkdown,
-	useMarkdownWithComponents,
-};
-
-export default Markdown;
+import type { Token, Tokens } from "marked";
+import {
+	Hooks as MarkedHooks,
+	Tokenizer as MarkedTokenizer,
+	marked,
+} from "marked";
+import useMarkdown, { type useMarkdownHookOptions } from "./hooks/useMarkdown";
+import useMarkdownWithComponents from "./hooks/useMarkdownWithComponents";
+import Markdown from "./lib/Markdown";
+import type { ReactComponentRegistry } from "./lib/ReactComponentRegistry";
+import { ReactComponentRegistryProvider } from "./lib/ReactComponentRegistry";
+import Renderer, { type RendererOptions } from "./lib/Renderer";
+import type {
+	MarkdownProps,
+	ParserOptions,
+	RendererInterface,
+} from "./lib/types";
+import type { MarkedStyles } from "./theme/types";
+
+const MarkedLexer = marked.lexer;
+
+export type {
+	MarkdownProps,
+	MarkedStyles,
+	ParserOptions,
+	ReactComponentRegistry,
+	RendererInterface,
+	RendererOptions,
+	Token,
+	Tokens,
+	useMarkdownHookOptions,
+};
+
+export {
+	MarkedHooks,
+	MarkedLexer,
+	MarkedTokenizer,
+	ReactComponentRegistryProvider,
+	Renderer,
+	useMarkdown,
+	useMarkdownWithComponents,
+};
+
+export default Markdown;

package/src/lib/Markdown.tsx

@@ -1,53 +1,55 @@
-import React, { type ReactElement, type ReactNode, useCallback } from "react";
-import { FlatList, useColorScheme } from "react-native";
-import useMarkdown from "../hooks/useMarkdown";
-import type { MarkdownProps } from "./types";
-
-const Markdown = ({
-	value,
-	flatListProps,
-	theme,
-	baseUrl,
-	renderer,
-	styles,
-	tokenizer,
-	hooks,
-}: MarkdownProps) => {
-	const colorScheme = useColorScheme();
-
-	const rnElements = useMarkdown(value, {
-		theme,
-		baseUrl,
-		renderer,
-		colorScheme,
-		styles,
-		tokenizer,
-		hooks,
-	});
-
-	const renderItem = useCallback(({ item }: { item: ReactNode }) => {
-		return item as ReactElement;
-	}, []);
-
-	const keyExtractor = useCallback(
-		(_: ReactNode, index: number) => index.toString(),
-		[],
-	);
-
-	return (
-		<FlatList
-			removeClippedSubviews={false}
-			keyExtractor={keyExtractor}
-			maxToRenderPerBatch={8}
-			initialNumToRender={8}
-			style={{
-				backgroundColor: colorScheme === "light" ? "#ffffff" : "#000000",
-			}}
-			{...flatListProps}
-			data={rnElements}
-			renderItem={renderItem}
-		/>
-	);
-};
-
-export default Markdown;
+import React, { type ReactElement, type ReactNode, useCallback } from "react";
+import { FlatList, useColorScheme } from "react-native";
+import useMarkdown from "../hooks/useMarkdown";
+import type { MarkdownProps } from "./types";
+
+const Markdown = ({
+	value,
+	flatListProps,
+	theme,
+	baseUrl,
+	renderer,
+	styles,
+	tokenizer,
+	hooks,
+	selectable,
+}: MarkdownProps) => {
+	const colorScheme = useColorScheme();
+
+	const rnElements = useMarkdown(value, {
+		theme,
+		baseUrl,
+		renderer,
+		colorScheme,
+		styles,
+		tokenizer,
+		hooks,
+		selectable,
+	});
+
+	const renderItem = useCallback(({ item }: { item: ReactNode }) => {
+		return item as ReactElement;
+	}, []);
+
+	const keyExtractor = useCallback(
+		(_: ReactNode, index: number) => index.toString(),
+		[],
+	);
+
+	return (
+		<FlatList
+			removeClippedSubviews={false}
+			keyExtractor={keyExtractor}
+			maxToRenderPerBatch={8}
+			initialNumToRender={8}
+			style={{
+				backgroundColor: colorScheme === "light" ? "#ffffff" : "#000000",
+			}}
+			{...flatListProps}
+			data={rnElements}
+			renderItem={renderItem}
+		/>
+	);
+};
+
+export default Markdown;