fix: 딥링크 테스트

Author: sikkzz

apps/tuk-web/src/app/invite/meet/[meetId]/src/components/InviteProposal.tsx

@@ -11,6 +11,86 @@ import { BackgroundTemplate, Button } from '@/shared/components';
 import SkeletonGuard from '@/shared/components/SkeletonGuard';
 import { useParam } from '@/shared/hooks/useParam';
 
+// === Deep Link: 강화 폴백 유틸 시작 ===
+const IOS_STORE_URL =
+  'https://apps.apple.com/kr/app/%ED%88%AD-%EB%A7%8C%EB%82%8C%EC%9D%84-%EB%84%8C%EC%A7%80%EC%8B%9C/id6749781762';
+const ANDROID_STORE_URL = 'https://play.google.com/store/apps/details?id=com.plottwist.tuk';
+
+function buildAndroidIntent(path: string, playUrl: string) {
+  // path 예: "tuk/proposal-detail/123"
+  return (
+    `intent://${path}` +
+    '#Intent;' +
+    'scheme=tuk-app;' +
+    'package=com.plottwist.tuk;' +
+    `S.browser_fallback_url=${encodeURIComponent(playUrl)};` +
+    'end'
+  );
+}
+
+function openProposalInApp(proposalId: number | string) {
+  const ua = navigator.userAgent.toLowerCase();
+  const isAndroid = ua.includes('android');
+
+  // 인앱 브라우저(대략) 감지 — 카톡/인스타 등
+  const isInApp = /\b(kakaotalk|instagram|line|fb_iab|fbav|twitter|naver(inapp)?|daumapps)\b/.test(
+    ua
+  );
+
+  // 공통 스킴 (앱에서 열릴 실제 진입 위치)
+  const iosScheme = `tuk-app://tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
+  const androidPath = `tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
+
+  // Android: 가능하면 intent:// 로 한 방에 폴백 자동 처리
+  if (isAndroid) {
+    const intentUrl = buildAndroidIntent(androidPath, ANDROID_STORE_URL);
+    // 일부 인앱 브라우저는 intent 처리에 제약이 있어도, 시도 → 스토어 폴백은 작동
+    window.location.href = intentUrl;
+    return;
+  }
+
+  // iOS (및 기타): 스킴 시도 → 전환 신호 없으면 스토어로 replace
+  const fallbackDelayMs = 1700; // 1500~1800 권장
+  let timer: number | null = null;
+
+  const cleanup = () => {
+    if (timer) {
+      window.clearTimeout(timer);
+      timer = null;
+    }
+    document.removeEventListener('visibilitychange', onHide, true);
+    window.removeEventListener('pagehide', onHide, true);
+    window.removeEventListener('blur', onHide, true);
+  };
+  const onHide = () => {
+    // 앱으로 전환되면 페이지가 숨김/이탈/블러됨 → 타이머 취소
+    cleanup();
+  };
+
+  document.addEventListener('visibilitychange', onHide, true);
+  window.addEventListener('pagehide', onHide, true);
+  window.addEventListener('blur', onHide, true);
+
+  // 인앱 브라우저일 때 커스텀 스킴이 막히는 케이스가 흔하지만
+  // 그래도 한번 시도 후 폴백(UX 유지)
+  try {
+    window.location.href = iosScheme;
+  } catch {
+    /* empty */
+  }
+
+  timer = window.setTimeout(
+    () => {
+      // 전환 신호 없으면 미설치/차단으로 판단 → 스토어로 이동
+      // replace를 써서 '뒤로 가기' 시 빈 페이지/루프 방지
+      window.location.replace(IOS_STORE_URL);
+      cleanup();
+    },
+    isInApp ? 1200 : fallbackDelayMs
+  ); // 인앱 브라우저는 약간 더 짧게
+}
+// === Deep Link: 강화 폴백 유틸 끝 ===
+
 const InviteProposal = () => {
   const proposalId = Number(useParam('meetId'));
 
@@ -34,7 +114,10 @@ const InviteProposal = () => {
         <BackgroundTemplate.CTA>
           <Button
             className="w-full"
-            onClick={() => (window.location.href = `tuk-app://tuk/proposal-detail/${proposalId}`)}
+            onClick={() => {
+              // 사용자 제스처 내부에서 호출해야 브라우저가 내비게이션 차단 안 함
+              openProposalInApp(proposalId);
+            }}
           >
             초대장 확인하기
           </Button>