chore: bum up nitro 0.29.8 (#57)

- Bump `nitrogen` and `react-native-nitro-modules` versions to `0.29.8` in `package.json`, `example/package.json`, and `bun.lock`.
- Update `Podfile.lock` to reflect the new `NitroModules` version.
- Modify Kotlin and Swift bridge files to enhance type safety with `NON_NULL` annotations.
- Refactor vector handling in Swift to utilize `FastVectorCopy` for better performance.

Author: patrickkabwe

bun.lock

@@ -1,5 +1,14 @@
-import React, { useLayoutEffect, useState } from 'react';
-import { Platform, ScrollView, StatusBar, StyleSheet, Text, View } from 'react-native';
+import React, { useLayoutEffect, useMemo, useState } from 'react';
+import {
+    Platform,
+    ScrollView,
+    StatusBar,
+    StyleProp,
+    StyleSheet,
+    Text,
+    TextStyle,
+    View,
+} from 'react-native';
 import { NitroText, TextLayoutEvent } from 'react-native-nitro-text';
 
 const htmlComingFromServer = `
@@ -165,6 +174,38 @@ export default function App() {
     // setLayoutInfo(`Lines: ${lines.length}`);
   };
 
+  const htmlStyles: Record<string, StyleProp<TextStyle>> = useMemo(
+    () => ({
+      b: { fontWeight: 'bold', color: '#E53E3E' }, // deep red
+      i: { fontStyle: 'italic', color: '#3182CE' }, // bright blue
+      u: { textDecorationStyle: 'dashed', textDecorationColor: '#38A169' }, // green
+      s: { textDecorationStyle: 'dashed', textDecorationColor: '#E53E3E' }, // red
+      code: {
+        fontFamily: Platform.select({
+          android: 'monospace',
+          ios: 'ui-monospace',
+        }),
+        color: '#805AD5',
+      }, // purple
+      pre: {
+        fontFamily: Platform.select({
+          android: 'monospace',
+          ios: 'ui-monospace',
+        }),
+        color: '#805AD5',
+      }, // purple
+      p: { color: '#2D3748' }, // dark gray for better readability
+      a: { color: 'green' }, // lighter blue for links
+      h1: { color: '#2F855A', fontWeight: 'bold', fontSize: 32 }, // darker green
+      h2: { color: '#2C5282', fontWeight: 'bold', fontSize: 24 }, // darker blue
+      h3: { color: '#C05621', fontWeight: 'bold', fontSize: 18.72 }, // darker orange
+      h4: { color: '#553C9A', fontWeight: 'bold', fontSize: 16 }, // darker purple
+      h5: { color: '#744210', fontWeight: 'bold', fontSize: 13.28 }, // darker brown
+      h6: { color: '#4A5568', fontWeight: 'bold', fontSize: 10.72 }, // medium gray
+    }),
+    [],
+  );
+
   useLayoutEffect(() => {
     StatusBar.setBarStyle('dark-content');
   }, []);
@@ -217,22 +258,7 @@ export default function App() {
           selectable
           style={styles.htmlText}
           renderer="html"
-          renderStyles={{
-            b: { fontWeight: 'bold', color: '#E53E3E' }, // deep red
-            i: { fontStyle: 'italic', color: '#3182CE' }, // bright blue
-            u: { textDecorationStyle: 'dashed', textDecorationColor: '#38A169' }, // green
-            s: { textDecorationStyle: 'dashed', textDecorationColor: '#E53E3E' }, // red
-            code: { fontFamily: Platform.select({android:'monospace', ios: "ui-monospace"}), color: '#805AD5' }, // purple
-            pre: { fontFamily: Platform.select({android:'monospace', ios: "ui-monospace"}), color: '#805AD5' }, // purple
-            p: { color: '#2D3748' }, // dark gray for better readability
-            a: { color: 'green' }, // lighter blue for links
-            h1: { color: '#2F855A', fontWeight: 'bold', fontSize: 32 }, // darker green
-            h2: { color: '#2C5282', fontWeight: 'bold', fontSize: 24 }, // darker blue
-            h3: { color: '#C05621', fontWeight: 'bold', fontSize: 18.72 }, // darker orange
-            h4: { color: '#553C9A', fontWeight: 'bold', fontSize: 16 }, // darker purple
-            h5: { color: '#744210', fontWeight: 'bold', fontSize: 13.28 }, // darker brown
-            h6: { color: '#4A5568', fontWeight: 'bold', fontSize: 10.72 }, // medium gray
-          }}
+          renderStyles={htmlStyles}
         >
           {htmlComingFromServer}
         </NitroText>
@@ -510,7 +536,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: '#495057',
     lineHeight: 30,
-    padding:16,
+    padding: 16,
     borderRadius: 8,
     borderWidth: 1,
     borderColor: '#007bff',
@@ -629,7 +655,7 @@ const styles = StyleSheet.create({
   // Code syntax
   codeBlock: {
     fontSize: 14,
-    fontFamily: Platform.select({android:'monospace', ios: "ui-monospace"}),
+    fontFamily: Platform.select({ android: 'monospace', ios: 'ui-monospace' }),
     backgroundColor: '#1e1e1e',
     color: '#d4d4d4',
     padding: 16,

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.29.6):
+  - NitroModules (0.29.8):
     - boost
     - DoubleConversion
     - fast_float
@@ -2643,7 +2643,7 @@ SPEC CHECKSUMS:
   fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
   glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
   hermes-engine: 35c763d57c9832d0eef764316ca1c4d043581394
-  NitroModules: 7d693306799405ca141ef5c24efc0936f20a09c0
+  NitroModules: 808eee1dfaf75b2c5a63ea3608cb651cc7d13687
   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.29.6"
+    "react-native-nitro-modules": "^0.29.8"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

example/package.json

@@ -46,7 +46,7 @@ final class NitroTextView: UITextView {
         backgroundColor = .clear
         textContainerInset = .zero
         textContainer.lineFragmentPadding = 0
-        layoutManager.usesFontLeading = true
+        layoutManager.usesFontLeading = false
         textColor = .black
         contentInset = .zero
         clipsToBounds = true