feat(ios): add image support to input

[hryhoriiK97]

What/Why?

Add image support to EnrichedMarkdownTextInput on iOS — storing image metadata, inserting ORC placeholders, rendering attachments, serializing to ![alt](url), and handling copy/paste round-trips.

• ENRMImageStore — Point-based metadata store with edit adjustment running in parallel with ENRMFormattingStore, plus duplicate-position guard
• ENRMEditAdjusting protocol — Shared contract for both stores
• ENRMParseResult consolidation — Extracted to own header; replaceTextInRange: now accepts ENRMParseResult directly
• pasteMarkdown fix — Was dropping parsed imageEntries, leaving orphan ORCs; now threads them through
• Serializer hardening — Validates entries against actual ORC positions before replacement
• Image regex — Handles balanced parentheses in URLs (e.g. Wikipedia)
• Paste refactor — Split extractImagesFromPasteboard: into focused static helpers
• Style props — markdownStyle.image.borderRadius and inlineImage.size wired through full prop pipeline, replacing hardcoded values

Testing

Screenshots

Nagranie.z.ekranu.2026-06-17.o.13.36.49.mov

PR Checklist

• Code compiles and runs on iOS
• Code compiles and runs on Android
• Updated documentation/README if applicable
• Ran example app to verify changes
• E2E tests are passing
• Required E2E tests have been added (if applicable)

[Copilot]

Pull request overview

This PR adds first-class image support to EnrichedMarkdownTextInput on iOS by tracking image metadata alongside formatting, rendering images via text attachments, supporting copy/paste round-trips, and exposing new JS APIs/events for inserting and handling pasted images.

Changes:

• Introduces an iOS ENRMImageStore (plus ENRMEditAdjusting) and extends parsing/serialization to round-trip images via ORC placeholders and ![alt](url) markdown.
• Adds a new native command (insertImage) and event (onPasteImages) surfaced through the TS component API and the example app.
• Wires new style props (markdownStyle.image.borderRadius, markdownStyle.inlineImage.size) through the style normalization + native prop pipeline and into the image attachment rendering.

Reviewed changes

Copilot reviewed 20 out of 20 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/react-native-enriched-markdown/src/normalizeMarkdownTextInputStyle.ts	Adds normalized defaults/props for image border radius and inline image size.
packages/react-native-enriched-markdown/src/index.tsx	Re-exports new image-related public types.
packages/react-native-enriched-markdown/src/EnrichedMarkdownTextInputNativeComponent.ts	Adds codegen props/events/commands for paste images + insert image and new style fields.
packages/react-native-enriched-markdown/src/EnrichedMarkdownTextInput.tsx	Adds insertImage imperative API and onPasteImages callback.
packages/react-native-enriched-markdown/ios/utils/ENRMImageDownloader.m	Adds support for downloading/loading file:// image URLs.
packages/react-native-enriched-markdown/ios/input/ENRMParseResult.h	Extracts parse result into a shared header and adds imageEntries.
packages/react-native-enriched-markdown/ios/input/ENRMMarkdownSerializer.h / .mm	Adds image-aware serialization with validation against ORC positions.
packages/react-native-enriched-markdown/ios/input/ENRMInputTextView.mm	Intercepts pasted images and emits onPasteImages instead of pasting text.
packages/react-native-enriched-markdown/ios/input/ENRMInputParser.h / .mm	Extracts image markdown into ORCs and produces imageEntries.
packages/react-native-enriched-markdown/ios/input/ENRMImageStore.h / .mm	New point-based image metadata store with edit adjustment.
packages/react-native-enriched-markdown/ios/input/ENRMFormattingStore.h	Makes formatting store conform to shared edit-adjusting protocol.
packages/react-native-enriched-markdown/ios/input/ENRMEditAdjusting.h	New shared edit-adjustment protocol.
packages/react-native-enriched-markdown/ios/input/EnrichedMarkdownTextInput.h / .mm	Integrates image store, applies image attachments, emits paste images event, and adds insert image command.
packages/react-native-enriched-markdown/ios/attachments/ENRMImageAttachment.h / .m	Adds input-specific attachment construction (explicit sizing + border radius) and associates attachment with text view.
apps/example/src/screens/playground/PlaygroundScreen.tsx	Demonstrates inserting images and handling pasted images.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[szt217]

We're looking at this library for the message composer in Root (chat app, React Native, currently
on a forked WebView editor we'd like to get rid of). Inline images in the composer is our one
blocker, since we'd like custom emojis to render as images while you type.

I built a test harness on 0.7.4 today and ran it on both platforms. The
renderer side already does what we need. ![alt](url) with inlineImage.size sits inline at text
height, and getMarkdown() round-trips exactly through setValue(), mentions and spoilers
included. The gap is only on the input.

Reading through this PR, ENRMImageStore running in parallel with ENRMFormattingStore looks
like the right call. We'd have hit the same wall (an image isn't a range style, so there's nowhere
for it to live in the existing store).

Is something blocking this, or did it just go quiet? Happy to help move it along. I can:

• Test it against our requirements (emoji inserted at the cursor, mixed with mentions and
  spoilers, edit-mode round trip)
• Work through the PR checklist
• Take a look at Android, which I don't believe is covered yet

Let me know! Love the work you've done with this project so far.

[hryhoriiK97]

We're looking at this library for the message composer in Root (chat app, React Native, currently on a forked WebView editor we'd like to get rid of). Inline images in the composer is our one blocker, since we'd like custom emojis to render as images while you type.

I built a test harness on 0.7.4 today and ran it on both platforms. The renderer side already does what we need. ![alt](url) with inlineImage.size sits inline at text height, and getMarkdown() round-trips exactly through setValue(), mentions and spoilers included. The gap is only on the input.

Reading through this PR, ENRMImageStore running in parallel with ENRMFormattingStore looks like the right call. We'd have hit the same wall (an image isn't a range style, so there's nowhere for it to live in the existing store).

Is something blocking this, or did it just go quiet? Happy to help move it along. I can:

• Test it against our requirements (emoji inserted at the cursor, mixed with mentions and
  spoilers, edit-mode round trip)
• Work through the PR checklist
• Take a look at Android, which I don't believe is covered yet

Let me know! Love the work you've done with this project so far.

Hi @szt217 ! Sorry for the late reply - I'll get back to this thread soon, but I just wanted to let you know I'm keeping an eye on it.

[hryhoriiK97]

We're looking at this library for the message composer in Root (chat app, React Native, currently on a forked WebView editor we'd like to get rid of). Inline images in the composer is our one blocker, since we'd like custom emojis to render as images while you type.

I built a test harness on 0.7.4 today and ran it on both platforms. The renderer side already does what we need. ![alt](url) with inlineImage.size sits inline at text height, and getMarkdown() round-trips exactly through setValue(), mentions and spoilers included. The gap is only on the input.

Reading through this PR, ENRMImageStore running in parallel with ENRMFormattingStore looks like the right call. We'd have hit the same wall (an image isn't a range style, so there's nowhere for it to live in the existing store).

Is something blocking this, or did it just go quiet? Happy to help move it along. I can:

• Test it against our requirements (emoji inserted at the cursor, mixed with mentions and
  spoilers, edit-mode round trip)
• Work through the PR checklist
• Take a look at Android, which I don't believe is covered yet

Let me know! Love the work you've done with this project so far.

@szt217 yes, I've started a proof of concept for supporting images in EnrichedMarkdownTextInput, but we've got other important things on our plate right now. The architecture has changed significantly since we added headings and lists (the current nightly state), so I think this implementation needs to be started from scratch.

We're currently preparing for a new release with a lot of new features, so we won't have the bandwidth to work on this this week or next.

By the way, are you interested in contributing this feature to our library? Image support can be a bit tricky with plenty of edge cases, but contributions are always welcome!

[szt217]

@szt217 yes, I've started a proof of concept for supporting images in EnrichedMarkdownTextInput, but we've got other important things on our plate right now. The architecture has changed significantly since we added headings and lists (the current nightly state), so I think this implementation needs to be started from scratch.

We're currently preparing for a new release with a lot of new features, so we won't have the bandwidth to work on this this week or next.

By the way, are you interested in contributing this feature to our library? Image support can be a bit tricky with plenty of edge cases, but contributions are always welcome!

Thanks for getting back and for the update. I would love to give this a go. Let me take some time to get familiar with the project and contribution policies.