mobile: Add support for sharing text to the app

packages/mobile/app.json

@@ -38,7 +38,8 @@
             "NSExtensionActivationSupportsWebURLWithMaxCount": 1,
             "NSExtensionActivationSupportsWebPageWithMaxCount": 0,
             "NSExtensionActivationSupportsImageWithMaxCount": 0,
-            "NSExtensionActivationSupportsMovieWithMaxCount": 0
+            "NSExtensionActivationSupportsMovieWithMaxCount": 0,
+            "NSExtensionActivationSupportsText": true
           }
         }
       ],

packages/mobile/app/+not-found.tsx

@@ -0,0 +1,6 @@
+import { View } from "react-native";
+
+// This is kinda important given that the sharing modal always resolve to an unknown route
+export default function NotFound() {
+  return <View />;
+}

packages/mobile/app/sharing.tsx

@@ -2,6 +2,7 @@ import { Link, useLocalSearchParams, useRouter } from "expo-router";
 import { ShareIntent } from "expo-share-intent";
 import { useEffect, useMemo, useState } from "react";
 import { View, Text } from "react-native";
+import { z } from "zod";
 
 import { api } from "@/lib/trpc";
 
@@ -27,7 +28,13 @@ function SaveBookmark({ setMode }: { setMode: (mode: Mode) => void }) {
 
   useEffect(() => {
     if (!isPending && shareIntent?.text) {
-      mutate({ type: "link", url: shareIntent.text });
+      const val = z.string().url();
+      if (val.safeParse(shareIntent.text).success) {
+        // This is a URL, else treated as text
+        mutate({ type: "link", url: shareIntent.text });
+      } else {
+        mutate({ type: "text", text: shareIntent.text });
+      }
     }
   }, []);
 

packages/mobile/package.json

@@ -35,7 +35,8 @@
     "react-native-screens": "~3.29.0",
     "react-native-svg": "^15.1.0",
     "tailwind-merge": "^2.2.1",
-    "use-debounce": "^10.0.0"
+    "use-debounce": "^10.0.0",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",