Incremental work on rich text

app/NewEntry.tsx

@@ -34,8 +34,8 @@ export default function NewEntryScreen() {
         onUpdate(props) {
             const newText = props.editor.getNativeText();
             setEntryText(newText);
-            console.log("Text", newText);
+        },    // Add these properties to improve compatibility
-        },
+
     });
 
     const insets = useSafeAreaInsets();
@@ -89,7 +89,13 @@ export default function NewEntryScreen() {
                 }}>
                 {stats.words} words · {stats.characters} characters
             </Text>
-
+            <EditorContent
+                editor={editor}
+                placeholder="Write something..."
+                inputRef={inputRef}
+                autoFocus
+            />
+            {/* 
             <TextInput
                 ref={inputRef}
                 style={{
@@ -107,7 +113,7 @@ export default function NewEntryScreen() {
                 placeholder="Write your entry here..."
                 value={entryText}
                 onChangeText={setEntryText}
-            />
+            /> */}
             <ScrollView
                 horizontal={true}
                 keyboardShouldPersistTaps="always"

package-lock.json

@@ -35,19 +35,22 @@
         "expo-symbols": "~0.4.5",
         "expo-system-ui": "~5.0.8",
         "expo-web-browser": "~14.1.6",
+        "marked": "^15.0.12",
         "react": "19.0.0",
         "react-dom": "19.0.0",
         "react-native": "0.79.3",
         "react-native-edge-to-edge": "1.6.0",
         "react-native-gesture-handler": "~2.24.0",
         "react-native-paper": "^5.14.5",
+        "react-native-pell-rich-editor": "^1.9.0",
         "react-native-reanimated": "~3.17.4",
         "react-native-safe-area-context": "5.4.0",
         "react-native-screens": "~4.11.1",
         "react-native-vector-icons": "^10.2.0",
         "react-native-web": "~0.20.0",
         "react-native-webview": "13.13.5",
-        "rn-text-editor": "^0.2.0"
+        "rn-text-editor": "^0.2.0",
+        "turndown": "^7.2.0"
       },
       "devDependencies": {
         "@babel/core": "^7.25.2",
@@ -2933,6 +2936,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@mixmark-io/domino": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@mixmark-io/domino/-/domino-2.2.0.tgz",
+      "integrity": "sha512-Y28PR25bHXUg88kCV7nivXrP2Nj2RueZ3/l/jdx6J9f8J4nsEGcgX0Qe6lt7Pa+J79+kPiJU3LguR6O/6zrLOw==",
+      "license": "BSD-2-Clause"
+    },
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "0.2.11",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.11.tgz",
@@ -11936,6 +11945,18 @@
         "markdown-it": "bin/markdown-it.mjs"
       }
     },
+    "node_modules/marked": {
+      "version": "15.0.12",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz",
+      "integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/marky": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/marky/-/marky-1.3.0.tgz",
@@ -13971,6 +13992,16 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "license": "MIT"
     },
+    "node_modules/react-native-pell-rich-editor": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/react-native-pell-rich-editor/-/react-native-pell-rich-editor-1.9.0.tgz",
+      "integrity": "sha512-BKzlu++FySzPXrb5bczD8b/ZZJtfzcD4z7FvW7TrH+4OENEQtaIiEMfmb5N09Kv3YVJcfm8fut8Y+GLNAcCQHA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react-native": ">=0.50.0",
+        "react-native-webview": ">=7.5.2"
+      }
+    },
     "node_modules/react-native-reanimated": {
       "version": "3.17.5",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-3.17.5.tgz",
@@ -16007,6 +16038,15 @@
       "license": "0BSD",
       "optional": true
     },
+    "node_modules/turndown": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/turndown/-/turndown-7.2.0.tgz",
+      "integrity": "sha512-eCZGBN4nNNqM9Owkv9HAtWRYfLA4h909E/WGAWWBpmB275ehNhZyk87/Tpvjbp0jjNl9XwCsbe6bm6CqFsgD+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@mixmark-io/domino": "^2.2.0"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",

package.json

@@ -38,19 +38,22 @@
     "expo-symbols": "~0.4.5",
     "expo-system-ui": "~5.0.8",
     "expo-web-browser": "~14.1.6",
+    "marked": "^15.0.12",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.3",
     "react-native-edge-to-edge": "1.6.0",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-paper": "^5.14.5",
+    "react-native-pell-rich-editor": "^1.9.0",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
     "react-native-screens": "~4.11.1",
     "react-native-vector-icons": "^10.2.0",
     "react-native-web": "~0.20.0",
     "react-native-webview": "13.13.5",
-    "rn-text-editor": "^0.2.0"
+    "rn-text-editor": "^0.2.0",
+    "turndown": "^7.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",