[FEATURE] 공유하기로 전달된 링크 자동 입력

app.json

@@ -29,6 +29,20 @@
     },
     "plugins": [
       "expo-router",
+      [
+        "expo-share-intent",
+        {
+          "iosActivationRules": {
+            "NSExtensionActivationSupportsText": true,
+            "NSExtensionActivationSupportsWebURLWithMaxCount": 1,
+            "NSExtensionActivationSupportsWebPageWithMaxCount": 1
+          },
+          "iosShareExtensionName": "LinCleanShareExtension",
+          "androidIntentFilters": [
+            "text/*"
+          ]
+        }
+      ],
       "./plugins/with-android-single-task",
       [
         "expo-splash-screen",

app/(auth)/login.tsx

@@ -2,6 +2,7 @@ import { useAuth, useSSO } from '@clerk/expo';
 import * as AuthSession from 'expo-auth-session';
 import { Image } from 'expo-image';
 import { router } from 'expo-router';
+import { useShareIntentContext } from 'expo-share-intent';
 import * as WebBrowser from 'expo-web-browser';
 import { useState } from 'react';
 import { Alert, StyleSheet, Text, View } from 'react-native';
@@ -10,6 +11,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { SocialLoginButton } from '@/components/ui/social-login-button';
 import { Colors, Typography } from '@/constants/theme';
 import { syncAuthenticatedMember } from '@/services/auth-api';
+import { getSharedUrlFromIntent } from '@/utils/shared-url';
 
 const IMG_WORDMARK = require('@/assets/images/login_wordmark.png');
 const CLERK_REDIRECT_URL = AuthSession.makeRedirectUri({
@@ -23,6 +25,7 @@ export default function LoginScreen() {
   const insets = useSafeAreaInsets();
   const { getToken, signOut } = useAuth();
   const { startSSOFlow } = useSSO();
+  const { hasShareIntent, resetShareIntent, shareIntent } = useShareIntentContext();
   const [isSigningIn, setIsSigningIn] = useState(false);
 
   const handleGoogleLogin = async () => {
@@ -46,7 +49,21 @@ export default function LoginScreen() {
       await setActive({ session: createdSessionId });
       sessionActivated = true;
       await syncAuthenticatedMember(getToken);
-      router.replace('/(tabs)/(home)');
+
+      const sharedUrl = hasShareIntent ? getSharedUrlFromIntent(shareIntent) : null;
+
+      if (hasShareIntent) {
+        resetShareIntent(true);
+      }
+
+      if (sharedUrl) {
+        router.replace({
+          pathname: '/(tabs)/(home)/add-link',
+          params: { sharedUrl },
+        });
+      } else {
+        router.replace('/(tabs)/(home)');
+      }
     } catch (error) {
       console.error(error);
 

app/(tabs)/(home)/add-link.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
   KeyboardAvoidingView,
   Platform,
@@ -8,48 +8,36 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import { Stack, router } from 'expo-router';
+import { Stack, router, useLocalSearchParams } from 'expo-router';
 
 import { ScanButton } from '@/components/ui/scan-button';
 import { Colors, Typography } from '@/constants/theme';
+import { normalizeHttpUrlInput } from '@/utils/shared-url';
 
-function getRawHostname(value: string): string | null {
-  const authority = value.match(/^https?:\/\/([^/?#]+)/i)?.[1];
-  if (!authority) return null;
-
-  return authority.split('@').pop()?.split(':')[0] ?? null;
-}
-
-function isValidHostname(hostname: string): boolean {
-  const labels = hostname.split('.');
-  if (labels.length < 2) return false;
-  if (labels.some((label) => !label)) return false;
-
-  const tld = labels[labels.length - 1];
-  if (!/^[a-z]{2,}$/i.test(tld)) return false;
+function getSharedUrlParam(value: string | string[] | undefined): string {
+  if (typeof value !== 'string') {
+    return '';
+  }
 
-  return labels.every((label) => /^[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?$/i.test(label));
+  return normalizeHttpUrlInput(value) ?? '';
 }
 
-function isValidUrlFormat(value: string): boolean {
-  const trimmed = value.trim();
-  if (!trimmed || /\s/.test(trimmed)) return false;
+export default function AddLinkScreen() {
+  const { sharedUrl } = useLocalSearchParams<{ sharedUrl?: string }>();
+  const initialSharedUrl = getSharedUrlParam(sharedUrl);
+  const [url, setUrl] = useState(initialSharedUrl);
+  const [error, setError] = useState('');
 
-  const candidate = /^https?:\/\//i.test(trimmed) ? trimmed : `https://${trimmed}`;
-  const rawHostname = getRawHostname(candidate);
-  if (!rawHostname || !isValidHostname(rawHostname)) return false;
+  useEffect(() => {
+    const nextSharedUrl = getSharedUrlParam(sharedUrl);
 
-  try {
-    const parsed = new URL(candidate);
-    return isValidHostname(parsed.hostname);
-  } catch {
-    return false;
-  }
-}
+    if (!nextSharedUrl) {
+      return;
+    }
 
-export default function AddLinkScreen() {
-  const [url, setUrl] = useState('');
-  const [error, setError] = useState('');
+    setUrl(nextSharedUrl);
+    setError('');
+  }, [sharedUrl]);
 
   const handleScan = () => {
     const trimmed = url.trim();
@@ -59,13 +47,16 @@ export default function AddLinkScreen() {
       return;
     }
 
-    if (!isValidUrlFormat(trimmed)) {
+    // 1단계: new URL()로 형식 검증
+    const normalizedUrl = normalizeHttpUrlInput(trimmed);
+
+    if (!normalizedUrl) {
       setError('올바르지 않은 URL 입력입니다.');
       return;
     }
 
     setError('');
-    router.push({ pathname: '/(tabs)/(home)/scanning', params: { url: trimmed } });
+    router.push({ pathname: '/(tabs)/(home)/scanning', params: { url: normalizedUrl } });
   };
 
   const handleChangeUrl = (value: string) => {

app/(tabs)/_layout.tsx

@@ -3,6 +3,7 @@ import type { BottomTabBarProps } from '@react-navigation/bottom-tabs';
 import { Redirect, router, Tabs } from 'expo-router';
 import { useEffect, useRef, useState } from 'react';
 
+import { ShareIntentRouter } from '@/components/share-intent-router';
 import { BottomTabBar, type TabVariant } from '@/components/ui/bottom-tab-bar';
 import { SavedLinksProvider } from '@/context/saved-links-context';
 import { syncAuthenticatedMember } from '@/services/auth-api';
@@ -120,6 +121,7 @@ export default function TabLayout() {
 
   return (
     <SavedLinksProvider>
+      <ShareIntentRouter />
       <Tabs
         tabBar={(props) => <CustomTabBar {...props} />}
         screenOptions={{ headerShown: false }}

app/_layout.tsx

@@ -2,6 +2,7 @@ import { ClerkProvider } from '@clerk/expo';
 import { tokenCache } from '@clerk/expo/token-cache';
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
 import { Stack } from 'expo-router';
+import { ShareIntentProvider } from 'expo-share-intent';
 import { StatusBar } from 'expo-status-bar';
 import 'react-native-reanimated';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
@@ -24,19 +25,21 @@ export default function RootLayout() {
   const colorScheme = useColorScheme();
 
   return (
-    <ClerkProvider publishableKey={clerkPublishableKey} tokenCache={tokenCache}>
-      <GestureHandlerRootView style={{ flex: 1 }}>
-        <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-          <Stack>
-            <Stack.Screen name="index" options={{ headerShown: false }} />
-            <Stack.Screen name="sso-callback" options={{ headerShown: false }} />
-            <Stack.Screen name="(auth)" options={{ headerShown: false }} />
-            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-            <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
-          </Stack>
-          <StatusBar style="auto" />
-        </ThemeProvider>
-      </GestureHandlerRootView>
-    </ClerkProvider>
+    <ShareIntentProvider options={{ scheme: 'linclean', resetOnBackground: false }}>
+      <ClerkProvider publishableKey={clerkPublishableKey} tokenCache={tokenCache}>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
+            <Stack>
+              <Stack.Screen name="index" options={{ headerShown: false }} />
+              <Stack.Screen name="sso-callback" options={{ headerShown: false }} />
+              <Stack.Screen name="(auth)" options={{ headerShown: false }} />
+              <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+              <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
+            </Stack>
+            <StatusBar style="auto" />
+          </ThemeProvider>
+        </GestureHandlerRootView>
+      </ClerkProvider>
+    </ShareIntentProvider>
   );
 }

components/share-intent-router.tsx

@@ -0,0 +1,59 @@
+import { useAuth } from '@clerk/expo';
+import { router, useSegments } from 'expo-router';
+import { useShareIntentContext } from 'expo-share-intent';
+import { useEffect, useRef } from 'react';
+
+import { getSharedUrlFromIntent } from '@/utils/shared-url';
+
+export function ShareIntentRouter() {
+  const { isLoaded, isSignedIn } = useAuth();
+  const segments = useSegments();
+  const { error, hasShareIntent, isReady, resetShareIntent, shareIntent } =
+    useShareIntentContext();
+  const handledUrlRef = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (error) {
+      console.warn('Failed to read share intent.', error);
+    }
+  }, [error]);
+
+  useEffect(() => {
+    if (!hasShareIntent) {
+      handledUrlRef.current = null;
+      return;
+    }
+
+    if (!isLoaded || !isReady) {
+      return;
+    }
+
+    if (!isSignedIn) {
+      return;
+    }
+
+    if (segments[0] !== '(tabs)') {
+      return;
+    }
+
+    const sharedUrl = getSharedUrlFromIntent(shareIntent);
+
+    if (!sharedUrl) {
+      resetShareIntent(true);
+      return;
+    }
+
+    if (handledUrlRef.current === sharedUrl) {
+      return;
+    }
+
+    handledUrlRef.current = sharedUrl;
+    router.replace({
+      pathname: '/(tabs)/(home)/add-link',
+      params: { sharedUrl },
+    });
+    resetShareIntent(true);
+  }, [hasShareIntent, isLoaded, isReady, isSignedIn, resetShareIntent, segments, shareIntent]);
+
+  return null;
+}