feat(ios): support custom selection menus (#92)

Author: patrickkabwe

bun.lock

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { ScrollView, StyleSheet, Text, View } from 'react-native';
 import { NitroText, TextLayoutEvent } from 'react-native-nitro-text';
 
@@ -17,6 +17,14 @@ export default function App() {
     // setLayoutInfo(`Lines: ${lines.length}`);
   };
 
+  const menus = useMemo(
+    () => [
+      { title: 'Ask ChatGPT', action: () => console.log('Ask ChatGPT') },
+      { title: 'Paste', action: () => console.log('Paste') },
+    ],
+    [],
+  );
+
   return (
     <ScrollView style={styles.container} contentContainerStyle={styles.content}>
       {/* Header Section */}
@@ -61,7 +69,7 @@ export default function App() {
       {/* Rich Text Formatting */}
       <View style={styles.section}>
         <NitroText style={styles.sectionTitle}>Rich Text Formatting</NitroText>
-        <NitroText style={styles.richText}>
+        <NitroText selectable menus={menus} style={styles.richText}>
           Welcome to the world of{' '}
           <NitroText style={styles.bold}>bold text</NitroText>,{' '}
           <NitroText style={styles.italic}>beautiful italics</NitroText>, and{' '}
@@ -129,7 +137,11 @@ export default function App() {
       <View style={styles.section}>
         <NitroText style={styles.sectionTitle}>Line Limiting</NitroText>
         <NitroText style={styles.description}>Two lines maximum:</NitroText>
-        <NitroText style={styles.limitedText} numberOfLines={2} ellipsizeMode='tail'>
+        <NitroText
+          style={styles.limitedText}
+          numberOfLines={2}
+          ellipsizeMode="tail"
+        >
           This is a very long text that would normally span multiple lines, but
           we're limiting it to just two lines. The text will be truncated with
           an ellipsis when it exceeds the specified number of lines. This is

example/App.tsx

@@ -8,7 +8,7 @@ PODS:
   - hermes-engine (0.81.4):
     - hermes-engine/Pre-built (= 0.81.4)
   - hermes-engine/Pre-built (0.81.4)
-  - NitroModules (0.30.0):
+  - NitroModules (0.31.2):
     - boost
     - DoubleConversion
     - fast_float
@@ -2643,7 +2643,7 @@ SPEC CHECKSUMS:
   fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
   glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
   hermes-engine: 35c763d57c9832d0eef764316ca1c4d043581394
-  NitroModules: dae5a0f5867aa19ca3222084519c30cb6ca0280a
+  NitroModules: 2862238ccf1a30c3e3c20fb10ae297ce26168718
   NitroText: c95604214333634a6a083ac7211b238686dbd628
   RCT-Folly: 846fda9475e61ec7bcbf8a3fe81edfcaeb090669
   RCTDeprecation: c0ed3249a97243002615517dff789bf4666cf585

example/ios/Podfile.lock

@@ -14,7 +14,7 @@
     "react": "19.1.0",
     "react-native": "0.81.4",
     "react-native-safe-area-context": "^5.5.2",
-    "react-native-nitro-modules": "^0.30.0"
+    "react-native-nitro-modules": "^0.31.2"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

example/package.json

@@ -177,6 +177,12 @@ class HybridNitroText: HybridNitroTextSpec, NitroTextViewDelegate {
             markNeedsApply()
         }
     }
+    
+    var menus: [MenuItem]? {
+        didSet {
+            nitroTextImpl.setMenus(menus ?? [])
+        }
+    }
 
     // Merge per-fragment props with top-level fallbacks and apply (delegated to NitroTextImpl)
     private func applyFragmentsAndProps() {

ios/HybridNitroText.swift

@@ -224,6 +224,10 @@ final class NitroTextImpl {
 
         setText(result)
     }
+
+    func setMenus(_ menus: [MenuItem]) {
+        nitroTextView?.customMenus = menus
+    }
 }
 
 extension NitroTextImpl {