@domenico-esposito/react-native-markdown-editor 0.1.1

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ['universe/native', 'universe/web'],
+  ignorePatterns: ['build'],
+};

package/README.md

@@ -0,0 +1,265 @@
+# React Native Markdown Editor
+
+A fully native Markdown editor for React Native with real-time syntax highlighting.
+
+## Features
+
+- 📝 **Real-time Syntax Highlighting**: Text is parsed and styled as you type.
+- ⚡️ **Native Performance**: Uses native components (`TextInput` with _attributed strings_) on iOS and Android, and `contentEditable` with inline syntax highlighting on Web.
+- 🧩 **Customizable Components**: You can replace segment renderers (`bold`, `heading`, `code`, etc.) with your own components.
+- 🛠 **Built-in Toolbar**: Buttons for quick formatting (bold, italic, lists, etc.) and extensible.
+- 🖼 **Image Support**: Insert, edit, and remove images via toolbar and programmatic API.
+- 📄 **Read-Only Renderer**: `MarkdownRenderer` component to display markdown without editing.
+- 📱 **Cross-Platform**: Support for iOS, Android, and Web (Expo), with native syntax highlighting on all platforms.
+
+## Installation
+
+```bash
+npm install react-native-markdown-editor
+# or
+yarn add react-native-markdown-editor
+```
+
+## Usage
+
+### Editor with Toolbar
+
+```tsx
+import * as React from 'react';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { MarkdownTextInput, MarkdownToolbar, useMarkdownEditor } from 'react-native-markdown-editor';
+
+export default function App() {
+	const [value, setValue] = React.useState('# Hello World\n\nType your markdown here...');
+	const editor = useMarkdownEditor({
+		value,
+		onChangeText: setValue,
+		// Optional: limit enabled features (default: all)
+		// features: ['bold', 'italic', 'heading1', 'heading2', 'quote'],
+	});
+
+	return (
+		<SafeAreaProvider>
+			<SafeAreaView style={{ flex: 1 }}>
+				<MarkdownToolbar editor={editor} />
+				<MarkdownTextInput editor={editor} placeholder="Write markdown..." />
+			</SafeAreaView>
+		</SafeAreaProvider>
+	);
+}
+```
+
+### Read-Only Renderer
+
+```tsx
+import { MarkdownRenderer } from 'react-native-markdown-editor';
+
+function Preview({ markdown }: { markdown: string }) {
+	return <MarkdownRenderer markdown={markdown} />;
+}
+```
+
+### Limiting Enabled Features
+
+By passing `features` to the hook (or directly to `MarkdownRenderer`), only the corresponding features are highlighted/rendered; the rest of the markdown syntax appears as plain text.
+
+```tsx
+// Editor: only bold, italic, and heading1 enabled
+const editor = useMarkdownEditor({
+  value,
+  onChangeText: setValue,
+  features: ['bold', 'italic', 'heading1'],
+});
+
+<MarkdownToolbar editor={editor} />        {/* shows only 3 buttons */}
+<MarkdownTextInput editor={editor} />      {/* highlights only bold/italic/h1 */}
+
+// Standalone renderer with the same restrictions
+<MarkdownRenderer
+  markdown={value}
+  features={['bold', 'italic', 'heading1']}
+/>
+```
+
+## API
+
+### `useMarkdownEditor`
+
+Hook that manages shared state between `MarkdownTextInput` and `MarkdownToolbar`.
+Returns a `MarkdownEditorHandle` object to pass as the `editor` prop to both components.
+
+#### Options
+
+| Parameter           | Type                                                                           | Default      | Description                                                                                                  |
+| ------------------- | ------------------------------------------------------------------------------ | ------------ | ------------------------------------------------------------------------------------------------------------ |
+| `value`             | `string`                                                                       | **Required** | The current markdown text (controlled).                                                                      |
+| `onChangeText`      | `(nextValue: string) => void`                                                  | **Required** | Callback called when the text changes.                                                                       |
+| `onSelectionChange` | `(selection: MarkdownSelection) => void`                                       | -            | Optional callback for selection changes.                                                                     |
+| `onToolbarAction`   | `(action: MarkdownToolbarAction, result: MarkdownToolbarActionResult) => void` | -            | Callback after each toolbar action.                                                                          |
+| `features`          | `MarkdownToolbarAction[]`                                                      | All features | Enabled markdown features. Controls both the toolbar buttons and syntax highlighting in `MarkdownTextInput`. |
+
+#### Return Value (`MarkdownEditorHandle`)
+
+| Property              | Type                            | Description                                                                   |
+| --------------------- | ------------------------------- | ----------------------------------------------------------------------------- |
+| `features`            | `MarkdownToolbarAction[]`       | Features enabled in the hook.                                                 |
+| `value`               | `string`                        | Current text value.                                                           |
+| `selection`           | `MarkdownSelection`             | Current selection range.                                                      |
+| `activeInlineActions` | `MarkdownInlineToolbarAction[]` | Active inline actions (e.g. bold, italic).                                    |
+| `activeImageInfo`     | `MarkdownImageInfo \| null`     | Info about the image under the cursor, `null` otherwise.                      |
+| `imageInfo`           | `MarkdownImageInfo \| null`     | Image info set by the toolbar (modal state).                                  |
+| `openImageInfo`       | `() => void`                    | Sets `imageInfo` to the current active image.                                 |
+| `dismissImageInfo`    | `() => void`                    | Closes the image popup (`imageInfo = null`).                                  |
+| `deleteActiveImage`   | `() => void`                    | Removes the markdown image at the current position.                           |
+| `highlightedSegments` | `HighlightSegment[]`            | Highlighted segments for live preview.                                        |
+| `inputRef`            | `RefObject<TextInput>`          | Ref to the underlying `TextInput` (on web points to `<div contentEditable>`). |
+
+### `MarkdownTextInput`
+
+Input component with live highlighting. Requires `editor`.
+
+| Prop                | Type                   | Default      | Description                                                                                     |
+| ------------------- | ---------------------- | ------------ | ----------------------------------------------------------------------------------------------- |
+| `editor`            | `MarkdownEditorHandle` | **Required** | Handle returned by `useMarkdownEditor`.                                                         |
+| `segmentComponents` | `SegmentComponentMap`  | -            | Override renderers for highlighted segments.                                                    |
+| `textInputStyle`    | `TextStyle`            | -            | Style for the inner `TextInput`.                                                                |
+| `style`             | `ViewStyle`            | -            | Style for the outer container.                                                                  |
+| `...rest`           | `TextInputProps`       | -            | All other `TextInput` props (except `value`, `onChangeText`, `onSelectionChange`, `multiline`). |
+
+### `MarkdownToolbar`
+
+Markdown action toolbar. Can work with `editor` (recommended) or in manual mode.
+
+| Prop                      | Type                                      | Default      | Description                                                                                                   |
+| ------------------------- | ----------------------------------------- | ------------ | ------------------------------------------------------------------------------------------------------------- |
+| `editor`                  | `MarkdownEditorHandle`                    | -            | Handle returned by `useMarkdownEditor`. When present, the toolbar uses `editor.features` as the feature list. |
+| `features`                | `MarkdownToolbarAction[]`                 | All features | List of features to show (used only in manual mode, without `editor`).                                        |
+| `activeInlineActions`     | `MarkdownInlineToolbarAction[]`           | -            | Active inline actions (manual mode only).                                                                     |
+| `onPressAction`           | `(action: MarkdownToolbarAction) => void` | -            | Action callback (manual mode only).                                                                           |
+| `style`                   | `ViewStyle`                               | -            | Style for the toolbar container.                                                                              |
+| `buttonStyle`             | `ViewStyle \| (state) => ViewStyle`       | -            | Style applied to each button (static or function).                                                            |
+| `buttonTextStyle`         | `TextStyle \| (state) => TextStyle`       | -            | Text style applied to each button (static or function).                                                       |
+| `activeButtonStyle`       | `ViewStyle`                               | -            | Additional style for active buttons.                                                                          |
+| `activeButtonTextStyle`   | `TextStyle`                               | -            | Additional text style for active buttons.                                                                     |
+| `inactiveButtonStyle`     | `ViewStyle`                               | -            | Additional style for inactive buttons.                                                                        |
+| `inactiveButtonTextStyle` | `TextStyle`                               | -            | Additional text style for inactive buttons.                                                                   |
+| `renderButton`            | `(params) => ReactNode`                   | -            | Custom renderer for each button.                                                                              |
+
+#### Custom Style Example
+
+```tsx
+<MarkdownToolbar
+	editor={editor}
+	features={['bold', 'italic', 'heading1', 'heading2', 'quote', 'unorderedList']}
+	buttonStyle={(state) => ({
+		backgroundColor: state.active ? '#007AFF' : '#f0f0f0',
+		borderRadius: 6,
+	})}
+/>
+```
+
+### `MarkdownRenderer`
+
+Read-only component for rendering markdown into React Native components.
+
+| Prop         | Type                            | Default      | Description                                                                                                                       |
+| ------------ | ------------------------------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------- |
+| `markdown`   | `string`                        | **Required** | The markdown string to render.                                                                                                    |
+| `components` | `Partial<MarkdownComponentMap>` | -            | Component overrides for specific tags.                                                                                            |
+| `style`      | `ViewStyle`                     | -            | Style for the root container.                                                                                                     |
+| `features`   | `MarkdownToolbarAction[]`       | -            | Enabled markdown features. When provided, only the corresponding features are rendered; disabled syntax is treated as plain text. |
+
+#### Component Overrides
+
+```tsx
+import { MarkdownRenderer } from 'react-native-markdown-editor';
+import type { MarkdownComponentProps } from 'react-native-markdown-editor';
+
+const CustomBold = ({ children }: MarkdownComponentProps) => <Text style={{ fontWeight: '900', color: 'red' }}>{children}</Text>;
+
+<MarkdownRenderer markdown="Some **bold** and *italic* text" components={{ bold: CustomBold }} />;
+```
+
+### Utilities
+
+| Export                                        | Description                                                                       |
+| --------------------------------------------- | --------------------------------------------------------------------------------- |
+| `parseMarkdown(markdown, features?)`          | Parses markdown into an array of block nodes (`MarkdownBlockNode[]`).             |
+| `parseMarkdownInline(content, features?)`     | Parses inline content into inline nodes (`MarkdownInlineNode[]`).                 |
+| `highlightMarkdown(markdown, features?)`      | Converts markdown into semantic segments for live preview (`HighlightSegment[]`). |
+| `applyMarkdownToolbarAction(params)`          | Applies a toolbar action to the text and returns the result.                      |
+| `DEFAULT_MARKDOWN_FEATURES`                   | Default list of enabled features.                                                 |
+| `DEFAULT_SEGMENT_COMPONENTS`                  | Complete map of default segment components.                                       |
+| `getDefaultSegmentStyle(type, meta?)`         | Returns the default `TextStyle` for a segment type.                               |
+| `isMarkdownFeatureEnabled(features, feature)` | Checks if a markdown feature is enabled based on the features array.              |
+| `isHeadingLevelEnabled(features, level)`      | Checks if a specific heading level (1–6) is enabled.                              |
+
+## Architecture
+
+### Source Structure
+
+```
+src/
+├── index.ts                    # Public re-exports
+├── markdownCore.types.ts     # Shared types (AST nodes, component props, editor handle)
+│
+├── useMarkdownEditor.ts        # Hook: shared state between input and toolbar
+├── MarkdownTextInput.tsx        # Editor component with live preview
+├── MarkdownToolbar.tsx          # Action toolbar component
+│
+├── MarkdownRenderer.tsx         # Read-only component for markdown rendering
+├── markdownRendererDefaults.tsx  # Default components and styles for the renderer
+│
+├── markdownParser.ts            # Parser: markdown → AST (block + inline nodes)
+├── markdownHighlight.ts         # Highlighter: markdown → semantic segments (for TextInput)
+├── markdownHighlight.types.ts   # Types for the highlighting module
+│
+├── markdownToolbarActions.ts    # Transformation logic for toolbar actions
+├── markdownSyntaxUtils.ts       # Shared utilities: escape, token scanning, image parsing
+├── markdownSegment.types.ts     # Segment types for TextInput renderers
+└── markdownSegmentDefaults.tsx  # Default segment components for TextInput
+```
+
+### How It Works
+
+This module uses an advanced technique to ensure real-time highlighting while keeping the editor editable and performant.
+
+#### "Styled Children" Rendering
+
+Unlike approaches based on WebView or complex native libraries, `react-native-markdown-editor` uses the standard React Native system:
+
+1. **Highlighting** (`markdownHighlight.ts`): The markdown text is parsed and split into segments with associated styles. Unlike the AST parser, this module produces flat segments optimized for rendering in the `TextInput`.
+2. **Attributed Text**: Instead of passing a flat string to the `TextInput`, segments are passed as `<Text>` children with individual styles.
+     ```jsx
+     <TextInput>
+     	<Text style={styles.heading}># Title</Text>
+     	<Text style={styles.body}>Normal text</Text>
+     	<Text style={styles.bold}>**Bold**</Text>
+     </TextInput>
+     ```
+3. **Native**: React Native converts these children into native _Attributed Strings_ (on iOS and Android). The operating system handles mixed text rendering, selection, cursor, and input.
+
+#### Web: ContentEditable
+
+On Web, `<TextInput>` is rendered as a `<textarea>` by the DOM, which does not support styled children. To maintain syntax highlighting in the browser as well, `MarkdownTextInput` uses a different approach:
+
+1. **ContentEditable**: A `<div contentEditable>` replaces the `TextInput`. Highlighted segments are converted into `<span>` elements with inline CSS (same colors, fonts, and sizes as native) and injected via `innerHTML`.
+2. **Cursor Preservation**: On each DOM update, the cursor position is saved as a text offset (via `TreeWalker`) and restored after the rebuild, ensuring a smooth typing experience.
+3. **Input and Paste**: Enter and Paste keys are intercepted to insert plain text (`\n` and clipboard plain text), preventing the browser from inserting unwanted HTML elements.
+4. **Programmatic Selection**: Toolbar actions update the selection via `editor.selection`, which is applied to the `contentEditable` via `useEffect`.
+
+#### Parser vs Highlighter
+
+The codebase contains two distinct analysis modules:
+
+| Module                 | Output                               | Usage                             |
+| ---------------------- | ------------------------------------ | --------------------------------- |
+| `markdownParser.ts`    | Tree AST (`MarkdownBlockNode[]`)     | `MarkdownRenderer` (read-only)    |
+| `markdownHighlight.ts` | Flat segments (`HighlightSegment[]`) | `MarkdownTextInput` (live editor) |
+
+Both share low-level utilities in `markdownSyntaxUtils.ts` (escape, token scanning, image URL parsing).
+
+#### Input Handling
+
+- Uses synchronization techniques (`requestAnimationFrame`) to update the native buffer without conflicts.
+- On Android, applies specific workarounds to force cursor position after programmatic toolbar actions.

package/build/MarkdownRenderer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Read-only markdown renderer component.
+ *
+ * Parses a markdown string into an AST and maps each node to a
+ * React Native component. Every tag can be overridden via the
+ * `components` prop; unspecified tags fall back to defaults
+ * defined in `markdownRendererDefaults.tsx`.
+ */
+import * as React from 'react';
+import type { MarkdownRendererProps } from './markdownCore.types';
+export default function MarkdownRenderer({ markdown, components, style, features }: MarkdownRendererProps): React.JSX.Element;
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

package/build/MarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../src/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAGX,qBAAqB,EACrB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAyJxG"}

package/build/MarkdownRenderer.js

@@ -0,0 +1,165 @@
+/**
+ * Read-only markdown renderer component.
+ *
+ * Parses a markdown string into an AST and maps each node to a
+ * React Native component. Every tag can be overridden via the
+ * `components` prop; unspecified tags fall back to defaults
+ * defined in `markdownRendererDefaults.tsx`.
+ */
+import * as React from 'react';
+import { parseMarkdown } from './markdownParser';
+import { DEFAULT_COMPONENTS } from './markdownRendererDefaults';
+export default function MarkdownRenderer({ markdown, components, style, features }) {
+    const blocks = React.useMemo(() => parseMarkdown(markdown, features), [markdown, features]);
+    const componentMap = React.useMemo(() => ({
+        ...DEFAULT_COMPONENTS,
+        ...components,
+    }), [components]);
+    const RootComponent = componentMap.root;
+    return (<RootComponent type="root" style={style}>
+			{blocks.map((block, blockIndex) => {
+            const key = `block-${blockIndex}`;
+            if (block.type === 'paragraph') {
+                if (block.children.length === 1 && block.children[0]?.type === 'image') {
+                    const imageNode = block.children[0];
+                    const ImageComponent = componentMap.image;
+                    return <ImageComponent key={key} type="image" src={imageNode.src} alt={imageNode.alt} title={imageNode.title}/>;
+                }
+                const ParagraphComponent = componentMap.paragraph;
+                return (<ParagraphComponent key={key} type="paragraph">
+							{renderInlineNodes(block.children, componentMap, key)}
+						</ParagraphComponent>);
+            }
+            if (block.type === 'heading') {
+                if (block.level === 1) {
+                    const HeadingComponent = componentMap.heading1;
+                    return (<HeadingComponent key={key} type="heading1" level={1}>
+								{renderInlineNodes(block.children, componentMap, key)}
+							</HeadingComponent>);
+                }
+                if (block.level === 2) {
+                    const HeadingComponent = componentMap.heading2;
+                    return (<HeadingComponent key={key} type="heading2" level={2}>
+								{renderInlineNodes(block.children, componentMap, key)}
+							</HeadingComponent>);
+                }
+                if (block.level === 3) {
+                    const HeadingComponent = componentMap.heading3;
+                    return (<HeadingComponent key={key} type="heading3" level={3}>
+								{renderInlineNodes(block.children, componentMap, key)}
+							</HeadingComponent>);
+                }
+                if (block.level === 4) {
+                    const HeadingComponent = componentMap.heading4;
+                    return (<HeadingComponent key={key} type="heading4" level={4}>
+								{renderInlineNodes(block.children, componentMap, key)}
+							</HeadingComponent>);
+                }
+                if (block.level === 5) {
+                    const HeadingComponent = componentMap.heading5;
+                    return (<HeadingComponent key={key} type="heading5" level={5}>
+								{renderInlineNodes(block.children, componentMap, key)}
+							</HeadingComponent>);
+                }
+                const HeadingComponent = componentMap.heading6;
+                return (<HeadingComponent key={key} type="heading6" level={6}>
+							{renderInlineNodes(block.children, componentMap, key)}
+						</HeadingComponent>);
+            }
+            if (block.type === 'codeBlock') {
+                const CodeBlockComponent = componentMap.codeBlock;
+                return <CodeBlockComponent key={key} type="codeBlock" text={block.content} language={block.language}/>;
+            }
+            if (block.type === 'blockquote') {
+                const BlockquoteComponent = componentMap.blockquote;
+                return (<BlockquoteComponent key={key} type="blockquote">
+							{renderInlineNodes(block.children, componentMap, key)}
+						</BlockquoteComponent>);
+            }
+            if (block.type === 'horizontalRule') {
+                const HorizontalRuleComponent = componentMap.horizontalRule;
+                return <HorizontalRuleComponent key={key} type="horizontalRule"/>;
+            }
+            if (block.type === 'spacer') {
+                const SpacerComponent = componentMap.spacer;
+                return <SpacerComponent key={key} type="spacer"/>;
+            }
+            const ListItemComponent = componentMap.listItem;
+            const TextComponent = componentMap.text;
+            if (block.ordered) {
+                const OrderedListComponent = componentMap.orderedList;
+                return (<OrderedListComponent key={key} type="orderedList" ordered>
+							{block.items.map((item, itemIndex) => {
+                        const marker = `${itemIndex + 1}. `;
+                        return (<ListItemComponent key={`${key}-item-${itemIndex}`} type="listItem" ordered index={itemIndex}>
+										<TextComponent type="text" text={marker}>
+											{marker}
+											{renderInlineNodes(item, componentMap, `${key}-item-${itemIndex}`)}
+										</TextComponent>
+									</ListItemComponent>);
+                    })}
+						</OrderedListComponent>);
+            }
+            const UnorderedListComponent = componentMap.unorderedList;
+            return (<UnorderedListComponent key={key} type="unorderedList" ordered={false}>
+						{block.items.map((item, itemIndex) => {
+                    const marker = '- ';
+                    return (<ListItemComponent key={`${key}-item-${itemIndex}`} type="listItem" ordered={false} index={itemIndex}>
+									<TextComponent type="text" text={marker}>
+										{marker}
+										{renderInlineNodes(item, componentMap, `${key}-item-${itemIndex}`)}
+									</TextComponent>
+								</ListItemComponent>);
+                })}
+					</UnorderedListComponent>);
+        })}
+		</RootComponent>);
+}
+/**
+ * Recursively renders an array of inline markdown nodes into React elements.
+ * Each node type is mapped to its corresponding component from the component map.
+ */
+function renderInlineNodes(nodes, components, keyPrefix) {
+    return nodes.map((node, index) => {
+        const key = `${keyPrefix}-inline-${index}`;
+        if (node.type === 'text') {
+            const TextComponent = components.text;
+            return (<TextComponent key={key} type="text" text={node.content}>
+					{node.content}
+				</TextComponent>);
+        }
+        if (node.type === 'bold') {
+            const BoldComponent = components.bold;
+            return (<BoldComponent key={key} type="bold">
+					{renderInlineNodes(node.children, components, key)}
+				</BoldComponent>);
+        }
+        if (node.type === 'italic') {
+            const ItalicComponent = components.italic;
+            return (<ItalicComponent key={key} type="italic">
+					{renderInlineNodes(node.children, components, key)}
+				</ItalicComponent>);
+        }
+        if (node.type === 'strikethrough') {
+            const StrikethroughComponent = components.strikethrough;
+            return (<StrikethroughComponent key={key} type="strikethrough">
+					{renderInlineNodes(node.children, components, key)}
+				</StrikethroughComponent>);
+        }
+        if (node.type === 'code') {
+            const InlineCodeComponent = components.inlineCode;
+            return (<InlineCodeComponent key={key} type="inlineCode" text={node.content}>
+					{node.content}
+				</InlineCodeComponent>);
+        }
+        if (node.type === 'image') {
+            const ImageComponent = components.image;
+            return <ImageComponent key={key} type="image" src={node.src} alt={node.alt} title={node.title}/>;
+        }
+        const LinkComponent = components.link;
+        return (<LinkComponent key={key} type="link" href={node.href}>
+				{renderInlineNodes(node.children, components, key)}
+			</LinkComponent>);
+    });
+}
+//# sourceMappingURL=MarkdownRenderer.js.map

package/build/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../src/MarkdownRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Read-only markdown renderer component.\n *\n * Parses a markdown string into an AST and maps each node to a\n * React Native component. Every tag can be overridden via the\n * `components` prop; unspecified tags fall back to defaults\n * defined in `markdownRendererDefaults.tsx`.\n */\n\nimport * as React from 'react';\n\nimport type {\n\tMarkdownComponentMap,\n\tMarkdownInlineNode,\n\tMarkdownRendererProps,\n} from './markdownCore.types';\nimport { parseMarkdown } from './markdownParser';\nimport { DEFAULT_COMPONENTS } from './markdownRendererDefaults';\n\nexport default function MarkdownRenderer({ markdown, components, style, features }: MarkdownRendererProps) {\n\tconst blocks = React.useMemo(() => parseMarkdown(markdown, features), [markdown, features]);\n\tconst componentMap: MarkdownComponentMap = React.useMemo(\n\t\t() => ({\n\t\t\t...DEFAULT_COMPONENTS,\n\t\t\t...components,\n\t\t}),\n\t\t[components],\n\t);\n\n\tconst RootComponent = componentMap.root;\n\n\treturn (\n\t\t<RootComponent type=\"root\" style={style}>\n\t\t\t{blocks.map((block, blockIndex) => {\n\t\t\t\tconst key = `block-${blockIndex}`;\n\n\t\t\t\tif (block.type === 'paragraph') {\n\t\t\t\t\tif (block.children.length === 1 && block.children[0]?.type === 'image') {\n\t\t\t\t\t\tconst imageNode = block.children[0];\n\t\t\t\t\t\tconst ImageComponent = componentMap.image;\n\t\t\t\t\t\treturn <ImageComponent key={key} type=\"image\" src={imageNode.src} alt={imageNode.alt} title={imageNode.title} />;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst ParagraphComponent = componentMap.paragraph;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ParagraphComponent key={key} type=\"paragraph\">\n\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t</ParagraphComponent>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (block.type === 'heading') {\n\t\t\t\t\tif (block.level === 1) {\n\t\t\t\t\t\tconst HeadingComponent = componentMap.heading1;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading1\" level={1}>\n\t\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (block.level === 2) {\n\t\t\t\t\t\tconst HeadingComponent = componentMap.heading2;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading2\" level={2}>\n\t\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (block.level === 3) {\n\t\t\t\t\t\tconst HeadingComponent = componentMap.heading3;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading3\" level={3}>\n\t\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (block.level === 4) {\n\t\t\t\t\t\tconst HeadingComponent = componentMap.heading4;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading4\" level={4}>\n\t\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (block.level === 5) {\n\t\t\t\t\t\tconst HeadingComponent = componentMap.heading5;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading5\" level={5}>\n\t\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst HeadingComponent = componentMap.heading6;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<HeadingComponent key={key} type=\"heading6\" level={6}>\n\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t</HeadingComponent>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (block.type === 'codeBlock') {\n\t\t\t\t\tconst CodeBlockComponent = componentMap.codeBlock;\n\t\t\t\t\treturn <CodeBlockComponent key={key} type=\"codeBlock\" text={block.content} language={block.language} />;\n\t\t\t\t}\n\n\t\t\t\tif (block.type === 'blockquote') {\n\t\t\t\t\tconst BlockquoteComponent = componentMap.blockquote;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<BlockquoteComponent key={key} type=\"blockquote\">\n\t\t\t\t\t\t\t{renderInlineNodes(block.children, componentMap, key)}\n\t\t\t\t\t\t</BlockquoteComponent>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (block.type === 'horizontalRule') {\n\t\t\t\t\tconst HorizontalRuleComponent = componentMap.horizontalRule;\n\t\t\t\t\treturn <HorizontalRuleComponent key={key} type=\"horizontalRule\" />;\n\t\t\t\t}\n\n\t\t\t\tif (block.type === 'spacer') {\n\t\t\t\t\tconst SpacerComponent = componentMap.spacer;\n\t\t\t\t\treturn <SpacerComponent key={key} type=\"spacer\" />;\n\t\t\t\t}\n\n\t\t\t\tconst ListItemComponent = componentMap.listItem;\n\t\t\t\tconst TextComponent = componentMap.text;\n\n\t\t\t\tif (block.ordered) {\n\t\t\t\t\tconst OrderedListComponent = componentMap.orderedList;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<OrderedListComponent key={key} type=\"orderedList\" ordered>\n\t\t\t\t\t\t\t{block.items.map((item, itemIndex) => {\n\t\t\t\t\t\t\t\tconst marker = `${itemIndex + 1}. `;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ListItemComponent key={`${key}-item-${itemIndex}`} type=\"listItem\" ordered index={itemIndex}>\n\t\t\t\t\t\t\t\t\t\t<TextComponent type=\"text\" text={marker}>\n\t\t\t\t\t\t\t\t\t\t\t{marker}\n\t\t\t\t\t\t\t\t\t\t\t{renderInlineNodes(item, componentMap, `${key}-item-${itemIndex}`)}\n\t\t\t\t\t\t\t\t\t\t</TextComponent>\n\t\t\t\t\t\t\t\t\t</ListItemComponent>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</OrderedListComponent>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst UnorderedListComponent = componentMap.unorderedList;\n\t\t\t\treturn (\n\t\t\t\t\t<UnorderedListComponent key={key} type=\"unorderedList\" ordered={false}>\n\t\t\t\t\t\t{block.items.map((item, itemIndex) => {\n\t\t\t\t\t\t\tconst marker = '- ';\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ListItemComponent key={`${key}-item-${itemIndex}`} type=\"listItem\" ordered={false} index={itemIndex}>\n\t\t\t\t\t\t\t\t\t<TextComponent type=\"text\" text={marker}>\n\t\t\t\t\t\t\t\t\t\t{marker}\n\t\t\t\t\t\t\t\t\t\t{renderInlineNodes(item, componentMap, `${key}-item-${itemIndex}`)}\n\t\t\t\t\t\t\t\t\t</TextComponent>\n\t\t\t\t\t\t\t\t</ListItemComponent>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</UnorderedListComponent>\n\t\t\t\t);\n\t\t\t})}\n\t\t</RootComponent>\n\t);\n}\n\n/**\n * Recursively renders an array of inline markdown nodes into React elements.\n * Each node type is mapped to its corresponding component from the component map.\n */\nfunction renderInlineNodes(nodes: MarkdownInlineNode[], components: MarkdownComponentMap, keyPrefix: string): React.ReactNode[] {\n\treturn nodes.map((node, index) => {\n\t\tconst key = `${keyPrefix}-inline-${index}`;\n\n\t\tif (node.type === 'text') {\n\t\t\tconst TextComponent = components.text;\n\t\t\treturn (\n\t\t\t\t<TextComponent key={key} type=\"text\" text={node.content}>\n\t\t\t\t\t{node.content}\n\t\t\t\t</TextComponent>\n\t\t\t);\n\t\t}\n\n\t\tif (node.type === 'bold') {\n\t\t\tconst BoldComponent = components.bold;\n\t\t\treturn (\n\t\t\t\t<BoldComponent key={key} type=\"bold\">\n\t\t\t\t\t{renderInlineNodes(node.children, components, key)}\n\t\t\t\t</BoldComponent>\n\t\t\t);\n\t\t}\n\n\t\tif (node.type === 'italic') {\n\t\t\tconst ItalicComponent = components.italic;\n\t\t\treturn (\n\t\t\t\t<ItalicComponent key={key} type=\"italic\">\n\t\t\t\t\t{renderInlineNodes(node.children, components, key)}\n\t\t\t\t</ItalicComponent>\n\t\t\t);\n\t\t}\n\n\t\tif (node.type === 'strikethrough') {\n\t\t\tconst StrikethroughComponent = components.strikethrough;\n\t\t\treturn (\n\t\t\t\t<StrikethroughComponent key={key} type=\"strikethrough\">\n\t\t\t\t\t{renderInlineNodes(node.children, components, key)}\n\t\t\t\t</StrikethroughComponent>\n\t\t\t);\n\t\t}\n\n\t\tif (node.type === 'code') {\n\t\t\tconst InlineCodeComponent = components.inlineCode;\n\t\t\treturn (\n\t\t\t\t<InlineCodeComponent key={key} type=\"inlineCode\" text={node.content}>\n\t\t\t\t\t{node.content}\n\t\t\t\t</InlineCodeComponent>\n\t\t\t);\n\t\t}\n\n\t\tif (node.type === 'image') {\n\t\t\tconst ImageComponent = components.image;\n\t\t\treturn <ImageComponent key={key} type=\"image\" src={node.src} alt={node.alt} title={node.title} />;\n\t\t}\n\n\t\tconst LinkComponent = components.link;\n\t\treturn (\n\t\t\t<LinkComponent key={key} type=\"link\" href={node.href}>\n\t\t\t\t{renderInlineNodes(node.children, components, key)}\n\t\t\t</LinkComponent>\n\t\t);\n\t});\n}\n"]}

package/build/MarkdownTextInput.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { MarkdownTextInputProps } from './markdownCore.types';
+/**
+ * Pure markdown text input with integrated live preview.
+ *
+ * Requires an `editor` handle from `useMarkdownEditor()`.
+ * Does NOT render a toolbar, use `MarkdownToolbar` separately.
+ */
+export default function MarkdownTextInput({ editor, style, textInputStyle, segmentComponents, ...textInputProps }: MarkdownTextInputProps): React.JSX.Element;
+//# sourceMappingURL=MarkdownTextInput.d.ts.map

package/build/MarkdownTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAyGnE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,cAAc,EAAE,EAAE,sBAAsB,qBA4HxI"}