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

package/build/markdownToolbarActions.js

@@ -0,0 +1,212 @@
+export const DEFAULT_MARKDOWN_FEATURES = [
+    'bold',
+    'italic',
+    'strikethrough',
+    'code',
+    'codeBlock',
+    'heading1',
+    'heading2',
+    'heading3',
+    'heading4',
+    'heading5',
+    'heading6',
+    'quote',
+    'unorderedList',
+    'orderedList',
+    'divider',
+    'image',
+];
+const INLINE_ACTION_MARKERS = {
+    bold: { open: '**', close: '**' },
+    italic: { open: '_', close: '_' },
+    strikethrough: { open: '~~', close: '~~' },
+    code: { open: '`', close: '`' },
+};
+export function applyMarkdownToolbarAction({ action, text, selection, activeInlineActions = [], }) {
+    if (action === 'image') {
+        return applyImageAction({ text, selection, activeInlineActions });
+    }
+    if (isInlineToolbarAction(action)) {
+        return applyInlineAction({
+            action,
+            text,
+            selection,
+            activeInlineActions,
+        });
+    }
+    return applyBlockAction({
+        action,
+        text,
+        selection,
+        activeInlineActions,
+    });
+}
+/**
+ * Wraps or unwraps the selected text (or inserts markers at cursor)
+ * for an inline formatting action (bold, italic, strikethrough, code).
+ */
+function applyInlineAction({ action, text, selection, activeInlineActions, }) {
+    const marker = INLINE_ACTION_MARKERS[action];
+    if (!marker) {
+        return {
+            text,
+            selection,
+            activeInlineActions,
+        };
+    }
+    if (selection.start !== selection.end) {
+        const selectedText = text.slice(selection.start, selection.end);
+        const nextText = `${text.slice(0, selection.start)}${marker.open}${selectedText}${marker.close}${text.slice(selection.end)}`;
+        const markerSize = marker.open.length;
+        return {
+            text: nextText,
+            selection: {
+                start: selection.start + markerSize,
+                end: selection.end + markerSize,
+            },
+            activeInlineActions: activeInlineActions.filter((value) => value !== action),
+        };
+    }
+    const cursor = selection.start;
+    const isActive = activeInlineActions.includes(action);
+    const nextMarker = isActive ? marker.close : marker.open;
+    const nextText = `${text.slice(0, cursor)}${nextMarker}${text.slice(cursor)}`;
+    const nextSelection = {
+        start: cursor + nextMarker.length,
+        end: cursor + nextMarker.length,
+    };
+    const nextActiveInlineActions = isActive
+        ? activeInlineActions.filter((value) => value !== action)
+        : [...activeInlineActions, action];
+    return {
+        text: nextText,
+        selection: nextSelection,
+        activeInlineActions: nextActiveInlineActions,
+    };
+}
+/**
+ * Applies a block-level toolbar action (heading, quote, list, divider, code block).
+ * Identifies the lines covered by the current selection and transforms them.
+ */
+function applyBlockAction({ action, text, selection, activeInlineActions, }) {
+    const lineRange = getSelectedLineRange(text, selection);
+    const lines = lineRange.content.split('\n');
+    const nextLines = transformLinesByAction(action, lines);
+    const nextContent = nextLines.join('\n');
+    const nextText = `${text.slice(0, lineRange.start)}${nextContent}${text.slice(lineRange.end)}`;
+    if (selection.start === selection.end) {
+        const baseOffset = selection.start - lineRange.start;
+        const nextOffset = Math.max(0, Math.min(nextContent.length, baseOffset + (nextContent.length - lineRange.content.length)));
+        const cursor = lineRange.start + nextOffset;
+        return {
+            text: nextText,
+            selection: { start: cursor, end: cursor },
+            activeInlineActions,
+        };
+    }
+    return {
+        text: nextText,
+        selection: {
+            start: lineRange.start,
+            end: lineRange.start + nextContent.length,
+        },
+        activeInlineActions,
+    };
+}
+/** Dispatches per-action line transformations. */
+function transformLinesByAction(action, lines) {
+    switch (action) {
+        case 'heading':
+            return togglePrefix(lines, /^#{1,6}\s+/, () => '# ');
+        case 'heading1':
+            return setHeadingLevel(lines, 1);
+        case 'heading2':
+            return setHeadingLevel(lines, 2);
+        case 'heading3':
+            return setHeadingLevel(lines, 3);
+        case 'heading4':
+            return setHeadingLevel(lines, 4);
+        case 'heading5':
+            return setHeadingLevel(lines, 5);
+        case 'heading6':
+            return setHeadingLevel(lines, 6);
+        case 'quote':
+            return togglePrefix(lines, /^>\s?/, () => '> ');
+        case 'unorderedList':
+            return togglePrefix(lines, /^[-*+]\s+/, () => '- ');
+        case 'orderedList':
+            return togglePrefix(lines, /^\d+\.\s+/, (index) => `${index + 1}. `);
+        case 'divider':
+            return lines.every((line) => /^ {0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/.test(line))
+                ? lines.map(() => '')
+                : lines.map(() => '---');
+        case 'codeBlock':
+            return toggleCodeBlock(lines);
+        default:
+            return lines;
+    }
+}
+/** Sets (or removes) a specific heading level on the given lines. */
+function setHeadingLevel(lines, level) {
+    const prefix = `${'#'.repeat(level)} `;
+    const stripHeading = /^#{1,6}\s+/;
+    const hasSameLevel = lines.every((line) => new RegExp(`^#{${level}}\\s+`).test(line));
+    if (hasSameLevel) {
+        return lines.map((line) => line.replace(stripHeading, ''));
+    }
+    return lines.map((line) => `${prefix}${line.replace(stripHeading, '')}`);
+}
+/** Toggles a line prefix (e.g. `> `, `- `, `1. `) on every line. */
+function togglePrefix(lines, stripPattern, prefixFactory) {
+    const hasPrefix = lines.every((line) => stripPattern.test(line));
+    if (hasPrefix) {
+        return lines.map((line) => line.replace(stripPattern, ''));
+    }
+    return lines.map((line, index) => `${prefixFactory(index)}${line}`);
+}
+/** Wraps or unwraps lines in a fenced code block (` ``` `). */
+function toggleCodeBlock(lines) {
+    const hasCodeBlockMarker = (line) => /^```/.test(line);
+    const isWrappedInCodeBlock = lines.length >= 2 &&
+        hasCodeBlockMarker(lines[0]) &&
+        hasCodeBlockMarker(lines[lines.length - 1]);
+    if (isWrappedInCodeBlock) {
+        return lines.slice(1, -1);
+    }
+    return ['```', ...lines, '```'];
+}
+/**
+ * Expands the selection to cover complete lines and returns the
+ * start/end offsets together with the extracted content.
+ */
+function getSelectedLineRange(text, selection) {
+    const safeStart = Math.max(0, Math.min(selection.start, text.length));
+    const safeEnd = Math.max(0, Math.min(selection.end, text.length));
+    const start = text.lastIndexOf('\n', Math.max(safeStart - 1, 0));
+    const end = text.indexOf('\n', safeEnd);
+    const rangeStart = start === -1 ? 0 : start + 1;
+    const rangeEnd = end === -1 ? text.length : end;
+    return {
+        start: rangeStart,
+        end: rangeEnd,
+        content: text.slice(rangeStart, rangeEnd),
+    };
+}
+/** Type guard: returns `true` for inline formatting actions. */
+function isInlineToolbarAction(action) {
+    return action === 'bold' || action === 'italic' || action === 'strikethrough' || action === 'code';
+}
+/** Inserts an empty image markdown template at the current cursor position. */
+function applyImageAction({ text, selection, activeInlineActions, }) {
+    const template = '![](url)';
+    const cursor = selection.start;
+    const nextText = `${text.slice(0, cursor)}${template}${text.slice(cursor)}`;
+    // Place cursor inside the alt text brackets: ![|](url)
+    const nextCursor = cursor + 2;
+    return {
+        text: nextText,
+        selection: { start: nextCursor, end: nextCursor },
+        activeInlineActions,
+    };
+}
+//# sourceMappingURL=markdownToolbarActions.js.map

package/build/markdownToolbarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownToolbarActions.js","sourceRoot":"","sources":["../src/markdownToolbarActions.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  MarkdownInlineToolbarAction,\n  MarkdownSelection,\n  MarkdownToolbarAction,\n  MarkdownToolbarActionResult,\n} from './markdownCore.types';\n\nexport const DEFAULT_MARKDOWN_FEATURES: MarkdownToolbarAction[] = [\n  'bold',\n  'italic',\n  'strikethrough',\n  'code',\n  'codeBlock',\n  'heading1',\n  'heading2',\n  'heading3',\n  'heading4',\n  'heading5',\n  'heading6',\n  'quote',\n  'unorderedList',\n  'orderedList',\n  'divider',\n  'image',\n];\n\nconst INLINE_ACTION_MARKERS: Record<MarkdownInlineToolbarAction, { open: string; close: string }> = {\n  bold: { open: '**', close: '**' },\n  italic: { open: '_', close: '_' },\n  strikethrough: { open: '~~', close: '~~' },\n  code: { open: '`', close: '`' },\n};\n\n/** Parameters accepted by {@link applyMarkdownToolbarAction}. */\ntype ApplyMarkdownToolbarActionParams = {\n  action: MarkdownToolbarAction;\n  text: string;\n  selection: MarkdownSelection;\n  activeInlineActions?: MarkdownInlineToolbarAction[];\n};\n\nexport function applyMarkdownToolbarAction({\n  action,\n  text,\n  selection,\n  activeInlineActions = [],\n}: ApplyMarkdownToolbarActionParams): MarkdownToolbarActionResult {\n  if (action === 'image') {\n    return applyImageAction({ text, selection, activeInlineActions });\n  }\n\n  if (isInlineToolbarAction(action)) {\n    return applyInlineAction({\n      action,\n      text,\n      selection,\n      activeInlineActions,\n    });\n  }\n\n  return applyBlockAction({\n    action,\n    text,\n    selection,\n    activeInlineActions,\n  });\n}\n\n/**\n * Wraps or unwraps the selected text (or inserts markers at cursor)\n * for an inline formatting action (bold, italic, strikethrough, code).\n */\nfunction applyInlineAction({\n  action,\n  text,\n  selection,\n  activeInlineActions,\n}: {\n  action: MarkdownInlineToolbarAction;\n  text: string;\n  selection: MarkdownSelection;\n  activeInlineActions: MarkdownInlineToolbarAction[];\n}): MarkdownToolbarActionResult {\n  const marker = INLINE_ACTION_MARKERS[action];\n  if (!marker) {\n    return {\n      text,\n      selection,\n      activeInlineActions,\n    };\n  }\n\n  if (selection.start !== selection.end) {\n    const selectedText = text.slice(selection.start, selection.end);\n    const nextText = `${text.slice(0, selection.start)}${marker.open}${selectedText}${marker.close}${text.slice(selection.end)}`;\n    const markerSize = marker.open.length;\n\n    return {\n      text: nextText,\n      selection: {\n        start: selection.start + markerSize,\n        end: selection.end + markerSize,\n      },\n      activeInlineActions: activeInlineActions.filter((value) => value !== action),\n    };\n  }\n\n  const cursor = selection.start;\n  const isActive = activeInlineActions.includes(action);\n  const nextMarker = isActive ? marker.close : marker.open;\n  const nextText = `${text.slice(0, cursor)}${nextMarker}${text.slice(cursor)}`;\n  const nextSelection = {\n    start: cursor + nextMarker.length,\n    end: cursor + nextMarker.length,\n  };\n  const nextActiveInlineActions = isActive\n    ? activeInlineActions.filter((value) => value !== action)\n    : [...activeInlineActions, action];\n\n  return {\n    text: nextText,\n    selection: nextSelection,\n    activeInlineActions: nextActiveInlineActions,\n  };\n}\n\n/**\n * Applies a block-level toolbar action (heading, quote, list, divider, code block).\n * Identifies the lines covered by the current selection and transforms them.\n */\nfunction applyBlockAction({\n  action,\n  text,\n  selection,\n  activeInlineActions,\n}: {\n  action: Exclude<MarkdownToolbarAction, MarkdownInlineToolbarAction>;\n  text: string;\n  selection: MarkdownSelection;\n  activeInlineActions: MarkdownInlineToolbarAction[];\n}): MarkdownToolbarActionResult {\n  const lineRange = getSelectedLineRange(text, selection);\n  const lines = lineRange.content.split('\\n');\n  const nextLines = transformLinesByAction(action, lines);\n  const nextContent = nextLines.join('\\n');\n  const nextText = `${text.slice(0, lineRange.start)}${nextContent}${text.slice(lineRange.end)}`;\n\n  if (selection.start === selection.end) {\n    const baseOffset = selection.start - lineRange.start;\n    const nextOffset = Math.max(0, Math.min(nextContent.length, baseOffset + (nextContent.length - lineRange.content.length)));\n    const cursor = lineRange.start + nextOffset;\n    return {\n      text: nextText,\n      selection: { start: cursor, end: cursor },\n      activeInlineActions,\n    };\n  }\n\n  return {\n    text: nextText,\n    selection: {\n      start: lineRange.start,\n      end: lineRange.start + nextContent.length,\n    },\n    activeInlineActions,\n  };\n}\n\n/** Dispatches per-action line transformations. */\nfunction transformLinesByAction(\n  action: Exclude<MarkdownToolbarAction, MarkdownInlineToolbarAction>,\n  lines: string[]\n): string[] {\n  switch (action) {\n    case 'heading':\n      return togglePrefix(lines, /^#{1,6}\\s+/, () => '# ');\n    case 'heading1':\n      return setHeadingLevel(lines, 1);\n    case 'heading2':\n      return setHeadingLevel(lines, 2);\n    case 'heading3':\n      return setHeadingLevel(lines, 3);\n    case 'heading4':\n      return setHeadingLevel(lines, 4);\n    case 'heading5':\n      return setHeadingLevel(lines, 5);\n    case 'heading6':\n      return setHeadingLevel(lines, 6);\n    case 'quote':\n      return togglePrefix(lines, /^>\\s?/, () => '> ');\n    case 'unorderedList':\n      return togglePrefix(lines, /^[-*+]\\s+/, () => '- ');\n    case 'orderedList':\n      return togglePrefix(lines, /^\\d+\\.\\s+/, (index) => `${index + 1}. `);\n    case 'divider':\n      return lines.every((line) => /^ {0,3}([-*_])[ \\t]*(?:\\1[ \\t]*){2,}$/.test(line))\n        ? lines.map(() => '')\n        : lines.map(() => '---');\n    case 'codeBlock':\n      return toggleCodeBlock(lines);\n    default:\n      return lines;\n  }\n}\n\n/** Sets (or removes) a specific heading level on the given lines. */\nfunction setHeadingLevel(lines: string[], level: 1 | 2 | 3 | 4 | 5 | 6): string[] {\n  const prefix = `${'#'.repeat(level)} `;\n  const stripHeading = /^#{1,6}\\s+/;\n  const hasSameLevel = lines.every((line) => new RegExp(`^#{${level}}\\\\s+`).test(line));\n  if (hasSameLevel) {\n    return lines.map((line) => line.replace(stripHeading, ''));\n  }\n  return lines.map((line) => `${prefix}${line.replace(stripHeading, '')}`);\n}\n\n/** Toggles a line prefix (e.g. `> `, `- `, `1. `) on every line. */\nfunction togglePrefix(\n  lines: string[],\n  stripPattern: RegExp,\n  prefixFactory: (index: number) => string\n): string[] {\n  const hasPrefix = lines.every((line) => stripPattern.test(line));\n\n  if (hasPrefix) {\n    return lines.map((line) => line.replace(stripPattern, ''));\n  }\n\n  return lines.map((line, index) => `${prefixFactory(index)}${line}`);\n}\n\n/** Wraps or unwraps lines in a fenced code block (` ``` `). */\nfunction toggleCodeBlock(lines: string[]): string[] {\n  const hasCodeBlockMarker = (line: string) => /^```/.test(line);\n  const isWrappedInCodeBlock =\n    lines.length >= 2 &&\n    hasCodeBlockMarker(lines[0]) &&\n    hasCodeBlockMarker(lines[lines.length - 1]);\n\n  if (isWrappedInCodeBlock) {\n    return lines.slice(1, -1);\n  }\n\n  return ['```', ...lines, '```'];\n}\n\n/**\n * Expands the selection to cover complete lines and returns the\n * start/end offsets together with the extracted content.\n */\nfunction getSelectedLineRange(text: string, selection: MarkdownSelection): {\n  start: number;\n  end: number;\n  content: string;\n} {\n  const safeStart = Math.max(0, Math.min(selection.start, text.length));\n  const safeEnd = Math.max(0, Math.min(selection.end, text.length));\n  const start = text.lastIndexOf('\\n', Math.max(safeStart - 1, 0));\n  const end = text.indexOf('\\n', safeEnd);\n\n  const rangeStart = start === -1 ? 0 : start + 1;\n  const rangeEnd = end === -1 ? text.length : end;\n\n  return {\n    start: rangeStart,\n    end: rangeEnd,\n    content: text.slice(rangeStart, rangeEnd),\n  };\n}\n\n/** Type guard: returns `true` for inline formatting actions. */\nfunction isInlineToolbarAction(action: MarkdownToolbarAction): action is MarkdownInlineToolbarAction {\n  return action === 'bold' || action === 'italic' || action === 'strikethrough' || action === 'code';\n}\n\n/** Inserts an empty image markdown template at the current cursor position. */\nfunction applyImageAction({\n  text,\n  selection,\n  activeInlineActions,\n}: {\n  text: string;\n  selection: MarkdownSelection;\n  activeInlineActions: MarkdownInlineToolbarAction[];\n}): MarkdownToolbarActionResult {\n  const template = '![](url)';\n  const cursor = selection.start;\n  const nextText = `${text.slice(0, cursor)}${template}${text.slice(cursor)}`;\n  // Place cursor inside the alt text brackets: ![|](url)\n  const nextCursor = cursor + 2;\n  return {\n    text: nextText,\n    selection: { start: nextCursor, end: nextCursor },\n    activeInlineActions,\n  };\n}\n"]}

package/build/useMarkdownEditor.d.ts

@@ -0,0 +1,10 @@
+import type { MarkdownEditorHandle, UseMarkdownEditorOptions } from './markdownCore.types';
+/**
+ * Hook that manages the shared state between MarkdownTextInput and MarkdownToolbar.
+ *
+ * Returns a `MarkdownEditorHandle` object to pass as `editor` prop to both components.
+ * Handles selection tracking, active inline actions, toolbar action application,
+ * and syntax highlighting.
+ */
+export declare function useMarkdownEditor({ value, onChangeText, onSelectionChange, onToolbarAction, features }: UseMarkdownEditorOptions): MarkdownEditorHandle;
+//# sourceMappingURL=useMarkdownEditor.d.ts.map

package/build/useMarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownEditor.d.ts","sourceRoot":"","sources":["../src/useMarkdownEditor.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACX,oBAAoB,EAKpB,wBAAwB,EACxB,MAAM,sBAAsB,CAAC;AAW9B;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,wBAAwB,GAAG,oBAAoB,CA4OvJ"}

package/build/useMarkdownEditor.js

@@ -0,0 +1,219 @@
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { highlightMarkdown } from './markdownHighlight';
+import { applyMarkdownToolbarAction, DEFAULT_MARKDOWN_FEATURES } from './markdownToolbarActions';
+// Default selection state (cursor at position 0)
+const DEFAULT_SELECTION = { start: 0, end: 0 };
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+/**
+ * Hook that manages the shared state between MarkdownTextInput and MarkdownToolbar.
+ *
+ * Returns a `MarkdownEditorHandle` object to pass as `editor` prop to both components.
+ * Handles selection tracking, active inline actions, toolbar action application,
+ * and syntax highlighting.
+ */
+export function useMarkdownEditor({ value, onChangeText, onSelectionChange, onToolbarAction, features }) {
+    // Reference to the TextInput component for programmatic focus and selection
+    const inputRef = React.useRef(null);
+    // Resolve features with default fallback
+    const resolvedFeatures = features ?? DEFAULT_MARKDOWN_FEATURES;
+    // Ref to track the current selection (synchronous access needed for event handlers)
+    const selectionRef = React.useRef(DEFAULT_SELECTION);
+    // State for current text selection (triggers re-renders when updated)
+    const [selection, setSelection] = React.useState(DEFAULT_SELECTION);
+    // Track which inline toolbar actions are currently active (e.g., bold, italic)
+    const [activeInlineActions, setActiveInlineActions] = React.useState([]);
+    // Flag to suppress selection change events (used during Android toolbar actions)
+    const suppressSelectionRef = React.useRef(false);
+    // Keep a ref to the current value for synchronous access in callbacks
+    const valueRef = React.useRef(value);
+    valueRef.current = value;
+    /**
+     * Android workaround: forces cursor position after programmatic text changes.
+     * Android fires spurious native onSelectionChange events that override the
+     * desired cursor position - this suppresses them and applies the selection
+     * via setNativeProps across sequential animation frames.
+     */
+    const applyAndroidSelection = React.useCallback((targetSelection) => {
+        if (Platform.OS !== 'android' || !inputRef.current)
+            return;
+        suppressSelectionRef.current = true;
+        requestAnimationFrame(() => {
+            inputRef.current?.focus();
+            requestAnimationFrame(() => {
+                if (inputRef.current) {
+                    inputRef.current.setNativeProps({
+                        selection: targetSelection,
+                    });
+                }
+                requestAnimationFrame(() => {
+                    suppressSelectionRef.current = false;
+                });
+            });
+        });
+    }, []);
+    // Parse and highlight the markdown text for syntax highlighting
+    const highlightedSegments = React.useMemo(() => highlightMarkdown(value, resolvedFeatures), [value, resolvedFeatures]);
+    /**
+     * Detects if the cursor is currently positioned within an image markdown syntax.
+     * Returns image metadata if found, null otherwise.
+     */
+    const activeImageInfo = React.useMemo(() => {
+        const selStart = selection.start;
+        const selEnd = selection.end;
+        // Search through highlighted segments to find if cursor/selection overlaps an image
+        let offset = 0;
+        for (const seg of highlightedSegments) {
+            const segEnd = offset + seg.text.length;
+            if (selStart < segEnd && selEnd > offset && seg.type === 'image' && seg.meta?.src) {
+                return {
+                    src: seg.meta.src,
+                    alt: seg.meta.alt ?? '',
+                    title: seg.meta.title,
+                    start: offset,
+                    end: segEnd,
+                };
+            }
+            offset = segEnd;
+        }
+        return null;
+    }, [selection, highlightedSegments]);
+    /**
+     * Handles text changes in the editor.
+     */
+    const handleChangeText = React.useCallback((nextValue) => {
+        if (nextValue === valueRef.current)
+            return;
+        onChangeText(nextValue);
+    }, [onChangeText]);
+    /**
+     * Handles selection changes in the text input.
+     * Suppressed during Android toolbar actions to prevent spurious events.
+     */
+    const handleSelectionChange = React.useCallback((event) => {
+        // Ignore selection changes when suppression flag is set (Android toolbar actions)
+        if (suppressSelectionRef.current)
+            return;
+        const nextSelection = event.nativeEvent.selection;
+        selectionRef.current = nextSelection;
+        setSelection(nextSelection);
+        onSelectionChange?.(nextSelection);
+    }, [onSelectionChange]);
+    /**
+     * Handles toolbar button actions (bold, italic, heading, etc.).
+     * Applies the markdown transformation and manages focus/selection.
+     */
+    const handleToolbarAction = React.useCallback((action) => {
+        const currentSelection = selectionRef.current;
+        // Apply the markdown transformation based on the action
+        const result = applyMarkdownToolbarAction({
+            action,
+            text: value,
+            selection: currentSelection,
+            activeInlineActions,
+        });
+        // Update state with the transformation result
+        selectionRef.current = result.selection;
+        setSelection(result.selection);
+        setActiveInlineActions(result.activeInlineActions);
+        onChangeText(result.text);
+        onSelectionChange?.(result.selection);
+        onToolbarAction?.(action, result);
+        // Android-specific workaround for selection handling
+        if (Platform.OS === 'android') {
+            applyAndroidSelection(result.selection);
+        }
+        else {
+            // iOS: Simply refocus the input
+            inputRef.current?.focus();
+        }
+    }, [activeInlineActions, onChangeText, onSelectionChange, onToolbarAction, value, applyAndroidSelection]);
+    // State for the image info modal/popup
+    const [imageInfo, setImageInfo] = React.useState(null);
+    /**
+     * Opens the image info popup for the currently active image.
+     */
+    const openImageInfo = React.useCallback(() => {
+        if (activeImageInfo)
+            setImageInfo(activeImageInfo);
+    }, [activeImageInfo]);
+    /**
+     * Closes the image info popup.
+     */
+    const dismissImageInfo = React.useCallback(() => {
+        setImageInfo(null);
+    }, []);
+    /**
+     * Deletes the currently active image from the markdown text.
+     * Also removes the trailing newline if present.
+     */
+    const deleteActiveImage = React.useCallback(() => {
+        if (!activeImageInfo)
+            return;
+        const before = value.slice(0, activeImageInfo.start);
+        const after = value.slice(activeImageInfo.end);
+        // Remove trailing newline if the image is followed by one
+        const nextValue = after.startsWith('\n') ? before + after.slice(1) : before + after;
+        // Position cursor at the start of where the image was
+        const cursor = activeImageInfo.start;
+        selectionRef.current = { start: cursor, end: cursor };
+        setSelection({ start: cursor, end: cursor });
+        setImageInfo(null);
+        onChangeText(nextValue);
+    }, [activeImageInfo, value, onChangeText]);
+    /**
+     * Effect: Clamp selection to valid range when text value shrinks.
+     * Prevents selection indices from being out of bounds.
+     */
+    React.useEffect(() => {
+        const currentSelection = selectionRef.current;
+        // Check if current selection is still valid
+        if (currentSelection.start <= value.length && currentSelection.end <= value.length) {
+            return;
+        }
+        // Clamp selection to the maximum valid position
+        const safeSelection = {
+            start: Math.min(currentSelection.start, value.length),
+            end: Math.min(currentSelection.end, value.length),
+        };
+        selectionRef.current = safeSelection;
+        setSelection(safeSelection);
+    }, [value.length]);
+    /**
+     * Return the editor handle object.
+     * Memoized to maintain stable reference across renders.
+     */
+    return React.useMemo(() => ({
+        features: resolvedFeatures,
+        value,
+        selection,
+        activeInlineActions,
+        activeImageInfo,
+        imageInfo,
+        openImageInfo,
+        dismissImageInfo,
+        highlightedSegments,
+        inputRef,
+        handleChangeText,
+        handleSelectionChange,
+        handleToolbarAction,
+        deleteActiveImage,
+    }), [
+        resolvedFeatures,
+        value,
+        selection,
+        activeInlineActions,
+        activeImageInfo,
+        imageInfo,
+        openImageInfo,
+        dismissImageInfo,
+        highlightedSegments,
+        handleChangeText,
+        handleSelectionChange,
+        handleToolbarAction,
+        deleteActiveImage,
+    ]);
+}
+//# sourceMappingURL=useMarkdownEditor.js.map

package/build/useMarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkdownEditor.js","sourceRoot":"","sources":["../src/useMarkdownEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Platform, TextInput } from 'react-native';\n\nimport type {\n\tMarkdownEditorHandle,\n\tMarkdownImageInfo,\n\tMarkdownInlineToolbarAction,\n\tMarkdownSelection,\n\tMarkdownToolbarAction,\n\tUseMarkdownEditorOptions,\n} from './markdownCore.types';\nimport { highlightMarkdown } from './markdownHighlight';\nimport { applyMarkdownToolbarAction, DEFAULT_MARKDOWN_FEATURES } from './markdownToolbarActions';\n\n// Default selection state (cursor at position 0)\nconst DEFAULT_SELECTION: MarkdownSelection = { start: 0, end: 0 };\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\n/**\n * Hook that manages the shared state between MarkdownTextInput and MarkdownToolbar.\n *\n * Returns a `MarkdownEditorHandle` object to pass as `editor` prop to both components.\n * Handles selection tracking, active inline actions, toolbar action application,\n * and syntax highlighting.\n */\nexport function useMarkdownEditor({ value, onChangeText, onSelectionChange, onToolbarAction, features }: UseMarkdownEditorOptions): MarkdownEditorHandle {\n\t// Reference to the TextInput component for programmatic focus and selection\n\tconst inputRef = React.useRef<TextInput>(null);\n\n\t// Resolve features with default fallback\n\tconst resolvedFeatures = features ?? DEFAULT_MARKDOWN_FEATURES;\n\n\t// Ref to track the current selection (synchronous access needed for event handlers)\n\tconst selectionRef = React.useRef<MarkdownSelection>(DEFAULT_SELECTION);\n\n\t// State for current text selection (triggers re-renders when updated)\n\tconst [selection, setSelection] = React.useState<MarkdownSelection>(DEFAULT_SELECTION);\n\n\t// Track which inline toolbar actions are currently active (e.g., bold, italic)\n\tconst [activeInlineActions, setActiveInlineActions] = React.useState<MarkdownInlineToolbarAction[]>([]);\n\n\t// Flag to suppress selection change events (used during Android toolbar actions)\n\tconst suppressSelectionRef = React.useRef(false);\n\n\t// Keep a ref to the current value for synchronous access in callbacks\n\tconst valueRef = React.useRef(value);\n\tvalueRef.current = value;\n\n\t/**\n\t * Android workaround: forces cursor position after programmatic text changes.\n\t * Android fires spurious native onSelectionChange events that override the\n\t * desired cursor position - this suppresses them and applies the selection\n\t * via setNativeProps across sequential animation frames.\n\t */\n\tconst applyAndroidSelection = React.useCallback((targetSelection: MarkdownSelection) => {\n\t\tif (Platform.OS !== 'android' || !inputRef.current) return;\n\n\t\tsuppressSelectionRef.current = true;\n\t\trequestAnimationFrame(() => {\n\t\t\tinputRef.current?.focus();\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tif (inputRef.current) {\n\t\t\t\t\tinputRef.current.setNativeProps({\n\t\t\t\t\t\tselection: targetSelection,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tsuppressSelectionRef.current = false;\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}, []);\n\n\t// Parse and highlight the markdown text for syntax highlighting\n\tconst highlightedSegments = React.useMemo(() => highlightMarkdown(value, resolvedFeatures), [value, resolvedFeatures]);\n\n\t/**\n\t * Detects if the cursor is currently positioned within an image markdown syntax.\n\t * Returns image metadata if found, null otherwise.\n\t */\n\tconst activeImageInfo = React.useMemo<MarkdownImageInfo | null>(() => {\n\t\tconst selStart = selection.start;\n\t\tconst selEnd = selection.end;\n\n\t\t// Search through highlighted segments to find if cursor/selection overlaps an image\n\t\tlet offset = 0;\n\t\tfor (const seg of highlightedSegments) {\n\t\t\tconst segEnd = offset + seg.text.length;\n\t\t\tif (selStart < segEnd && selEnd > offset && seg.type === 'image' && seg.meta?.src) {\n\t\t\t\treturn {\n\t\t\t\t\tsrc: seg.meta.src,\n\t\t\t\t\talt: seg.meta.alt ?? '',\n\t\t\t\t\ttitle: seg.meta.title,\n\t\t\t\t\tstart: offset,\n\t\t\t\t\tend: segEnd,\n\t\t\t\t};\n\t\t\t}\n\t\t\toffset = segEnd;\n\t\t}\n\t\treturn null;\n\t}, [selection, highlightedSegments]);\n\n\t/**\n\t * Handles text changes in the editor.\n\t */\n\tconst handleChangeText = React.useCallback(\n\t\t(nextValue: string) => {\n\t\t\tif (nextValue === valueRef.current) return;\n\t\t\tonChangeText(nextValue);\n\t\t},\n\t\t[onChangeText],\n\t);\n\n\t/**\n\t * Handles selection changes in the text input.\n\t * Suppressed during Android toolbar actions to prevent spurious events.\n\t */\n\tconst handleSelectionChange = React.useCallback(\n\t\t(event: { nativeEvent: { selection: MarkdownSelection } }) => {\n\t\t\t// Ignore selection changes when suppression flag is set (Android toolbar actions)\n\t\t\tif (suppressSelectionRef.current) return;\n\n\t\t\tconst nextSelection = event.nativeEvent.selection;\n\t\t\tselectionRef.current = nextSelection;\n\t\t\tsetSelection(nextSelection);\n\t\t\tonSelectionChange?.(nextSelection);\n\t\t},\n\t\t[onSelectionChange],\n\t);\n\n\t/**\n\t * Handles toolbar button actions (bold, italic, heading, etc.).\n\t * Applies the markdown transformation and manages focus/selection.\n\t */\n\tconst handleToolbarAction = React.useCallback(\n\t\t(action: MarkdownToolbarAction) => {\n\t\t\tconst currentSelection = selectionRef.current;\n\n\t\t\t// Apply the markdown transformation based on the action\n\t\t\tconst result = applyMarkdownToolbarAction({\n\t\t\t\taction,\n\t\t\t\ttext: value,\n\t\t\t\tselection: currentSelection,\n\t\t\t\tactiveInlineActions,\n\t\t\t});\n\n\t\t\t// Update state with the transformation result\n\t\t\tselectionRef.current = result.selection;\n\t\t\tsetSelection(result.selection);\n\t\t\tsetActiveInlineActions(result.activeInlineActions);\n\t\t\tonChangeText(result.text);\n\t\t\tonSelectionChange?.(result.selection);\n\t\t\tonToolbarAction?.(action, result);\n\n\t\t\t// Android-specific workaround for selection handling\n\t\t\tif (Platform.OS === 'android') {\n\t\t\t\tapplyAndroidSelection(result.selection);\n\t\t\t} else {\n\t\t\t\t// iOS: Simply refocus the input\n\t\t\t\tinputRef.current?.focus();\n\t\t\t}\n\t\t},\n\t\t[activeInlineActions, onChangeText, onSelectionChange, onToolbarAction, value, applyAndroidSelection],\n\t);\n\n\t// State for the image info modal/popup\n\tconst [imageInfo, setImageInfo] = React.useState<MarkdownImageInfo | null>(null);\n\n\t/**\n\t * Opens the image info popup for the currently active image.\n\t */\n\tconst openImageInfo = React.useCallback(() => {\n\t\tif (activeImageInfo) setImageInfo(activeImageInfo);\n\t}, [activeImageInfo]);\n\n\t/**\n\t * Closes the image info popup.\n\t */\n\tconst dismissImageInfo = React.useCallback(() => {\n\t\tsetImageInfo(null);\n\t}, []);\n\n\t/**\n\t * Deletes the currently active image from the markdown text.\n\t * Also removes the trailing newline if present.\n\t */\n\tconst deleteActiveImage = React.useCallback(() => {\n\t\tif (!activeImageInfo) return;\n\n\t\tconst before = value.slice(0, activeImageInfo.start);\n\t\tconst after = value.slice(activeImageInfo.end);\n\n\t\t// Remove trailing newline if the image is followed by one\n\t\tconst nextValue = after.startsWith('\\n') ? before + after.slice(1) : before + after;\n\n\t\t// Position cursor at the start of where the image was\n\t\tconst cursor = activeImageInfo.start;\n\t\tselectionRef.current = { start: cursor, end: cursor };\n\t\tsetSelection({ start: cursor, end: cursor });\n\t\tsetImageInfo(null);\n\t\tonChangeText(nextValue);\n\t}, [activeImageInfo, value, onChangeText]);\n\n\t/**\n\t * Effect: Clamp selection to valid range when text value shrinks.\n\t * Prevents selection indices from being out of bounds.\n\t */\n\tReact.useEffect(() => {\n\t\tconst currentSelection = selectionRef.current;\n\n\t\t// Check if current selection is still valid\n\t\tif (currentSelection.start <= value.length && currentSelection.end <= value.length) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Clamp selection to the maximum valid position\n\t\tconst safeSelection = {\n\t\t\tstart: Math.min(currentSelection.start, value.length),\n\t\t\tend: Math.min(currentSelection.end, value.length),\n\t\t};\n\t\tselectionRef.current = safeSelection;\n\t\tsetSelection(safeSelection);\n\t}, [value.length]);\n\n\t/**\n\t * Return the editor handle object.\n\t * Memoized to maintain stable reference across renders.\n\t */\n\treturn React.useMemo(\n\t\t() => ({\n\t\t\tfeatures: resolvedFeatures,\n\t\t\tvalue,\n\t\t\tselection,\n\t\t\tactiveInlineActions,\n\t\t\tactiveImageInfo,\n\t\t\timageInfo,\n\t\t\topenImageInfo,\n\t\t\tdismissImageInfo,\n\t\t\thighlightedSegments,\n\t\t\tinputRef,\n\t\t\thandleChangeText,\n\t\t\thandleSelectionChange,\n\t\t\thandleToolbarAction,\n\t\t\tdeleteActiveImage,\n\t\t}),\n\t\t[\n\t\t\tresolvedFeatures,\n\t\t\tvalue,\n\t\t\tselection,\n\t\t\tactiveInlineActions,\n\t\t\tactiveImageInfo,\n\t\t\timageInfo,\n\t\t\topenImageInfo,\n\t\t\tdismissImageInfo,\n\t\t\thighlightedSegments,\n\t\t\thandleChangeText,\n\t\t\thandleSelectionChange,\n\t\t\thandleToolbarAction,\n\t\t\tdeleteActiveImage,\n\t\t],\n\t);\n}\n"]}

package/jest.config.js

@@ -0,0 +1,10 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  roots: ['<rootDir>/src'],
+  testMatch: ['**/__tests__/**/*.test.ts'],
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
+  },
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@domenico-esposito/react-native-markdown-editor",
+  "version": "0.1.1",
+  "description": "Markdown Editor for React Native",
+  "main": "build/index.js",
+  "source": "src/index.ts",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "react-native-markdown-editor",
+    "ReactNativeMarkdownEditor"
+  ],
+  "repository": "https://github.com/domenico-esposito/react-native-markdown-editor.git",
+  "bugs": {
+    "url": "https://github.com/domenico-esposito/react-native-markdown-editor/issues"
+  },
+  "author": "Domenico Esposito (Deploynk) <mail@domenicoesposito.it> (https://github.com/domenico-esposito)",
+  "license": "MIT",
+  "homepage": "https://github.com/domenico-esposito/react-native-markdown-editor#readme",
+  "devDependencies": {
+    "@types/jest": "^30.0.0",
+    "@types/react": "~19.1.0",
+    "expo": "^54.0.27",
+    "expo-module-scripts": "^5.0.8",
+    "jest": "^30.2.0",
+    "react-native": "0.81.5",
+    "ts-jest": "^29.4.6"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-safe-area-context": "*"
+  }
+}