feat: test

Author: sikkzz

apps/tuk-web/src/app/gathering/[gatheringId]/invites/page.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import GatheringInviteList from '@/app/gathering/[gatheringId]/invites/src/components/GatheringInviteList';
 
 export default function GatheringInviteListPage() {

apps/tuk-web/src/app/gathering/[gatheringId]/invites/src/components/ClientOnly.tsx

@@ -0,0 +1,13 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+export default function ClientOnly({ children }: { children: React.ReactNode }) {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => setMounted(true), []);
+
+  if (!mounted) return null;
+
+  return children;
+}

apps/tuk-web/src/app/gathering/[gatheringId]/invites/src/components/SendInviteList.tsx

@@ -2,6 +2,7 @@ import { QueryErrorResetBoundary } from '@tanstack/react-query';
 import { Suspense } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
+import ClientOnly from '@/app/gathering/[gatheringId]/invites/src/components/ClientOnly';
 import InvitListSkeleton from '@/app/gathering/[gatheringId]/invites/src/components/InvitListSkeleton';
 import SendInviteListContent from '@/app/gathering/[gatheringId]/invites/src/components/SendInviteListContent';
 
@@ -10,9 +11,11 @@ const SendInviteList = () => {
     <QueryErrorResetBoundary>
       {({ reset }) => (
         <ErrorBoundary onReset={reset} FallbackComponent={ErrorFallback}>
-          <Suspense fallback={<InvitListSkeleton />}>
-            <SendInviteListContent />
-          </Suspense>
+          <ClientOnly>
+            <Suspense fallback={<InvitListSkeleton />}>
+              <SendInviteListContent />
+            </Suspense>
+          </ClientOnly>
         </ErrorBoundary>
       )}
     </QueryErrorResetBoundary>

apps/tuk-web/src/shared/lib/api/auth/waitToken.ts

@@ -1,31 +1,71 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// export function waitForNativeToken(timeoutMs = 3000): Promise<string> {
+//   return new Promise((resolve, reject) => {
+//     const onToken = (e: Event) => {
+//       const token = (e as CustomEvent).detail?.token ?? sessionStorage.getItem('accessToken');
+//       cleanup();
+//       if (token) resolve(token);
+//       else reject(new Error('Token event received but empty'));
+//     };
+//     const onTimeout = () => {
+//       cleanup();
+//       reject(new Error('Token refresh timeout'));
+//     };
+//     const cleanup = () => {
+//       window.removeEventListener('native-token-refreshed', onToken as any);
+//       clearTimeout(timer);
+//     };
+
+//     window.addEventListener('native-token-refreshed', onToken as any, { once: true });
+
+//     const existing = sessionStorage.getItem('accessToken');
+//     if (existing) {
+//       cleanup();
+//       resolve(existing);
+//       return;
+//     }
+
+//     const timer = setTimeout(onTimeout, timeoutMs);
+//   });
+// }
+
 export function waitForNativeToken(timeoutMs = 10000): Promise<string> {
   return new Promise((resolve, reject) => {
-    const onToken = (e: Event) => {
-      const token = (e as CustomEvent).detail?.token ?? sessionStorage.getItem('accessToken');
+    let done = false;
+    const finish = (tok?: string, err?: Error) => {
+      if (done) return;
+      done = true;
       cleanup();
-      if (token) resolve(token);
-      else reject(new Error('Token event received but empty'));
+      if (tok) resolve(tok);
+      else reject(err ?? new Error('Token refresh timeout'));
     };
-    const onTimeout = () => {
-      cleanup();
-      reject(new Error('Token refresh timeout'));
+
+    const onCustom = (e: Event) => {
+      const token = (e as CustomEvent).detail?.token ?? sessionStorage.getItem('accessToken');
+      if (token) finish(token);
     };
+
+    const onPoll = () => {
+      const t = sessionStorage.getItem('accessToken');
+      if (t) finish(t);
+    };
+
     const cleanup = () => {
-      window.removeEventListener('native-token-refreshed', onToken as any);
+      window.removeEventListener('native-token-refreshed', onCustom as any);
+      clearInterval(pollId);
       clearTimeout(timer);
     };
 
-    window.addEventListener('native-token-refreshed', onToken as any, { once: true });
-
+    // 즉시 체크
     const existing = sessionStorage.getItem('accessToken');
-    if (existing) {
-      cleanup();
-      resolve(existing);
-      return;
-    }
+    if (existing) return finish(existing);
+
+    window.addEventListener('native-token-refreshed', onCustom as any, { once: true });
+
+    // 폴링(짧고 가벼움)
+    const pollId = setInterval(onPoll, 100);
 
-    const timer = setTimeout(onTimeout, timeoutMs);
+    const timer = setTimeout(() => finish(undefined), timeoutMs);
   });
 }

apps/tuk-web/src/shared/lib/api/rest/index.ts

@@ -17,6 +17,18 @@ const defaultJsonInstance = (baseURL: string) =>
     bridgeSend: msg => getBridgeSender()?.(msg),
   });
 
+// const defaultJsonInstance = (baseURL: string) =>
+//   new RestAPIInstance(baseURL, {
+//     withCredentials: false,
+//     authHeader: () => {
+//       if (typeof window === 'undefined') return null;
+//       const token =
+//         'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIzMiIsIm1lbWJlcklkIjoiMzIiLCJ0b2tlblR5cGUiOiJBQ0NFU1MiLCJpYXQiOjE3NTUwMDM4NTQsImV4cCI6MTc1NzU5NTg1NH0.sXHpNsim8-nIUdCjnAcOIZGsg2gUo8rnpkBmN-z5dKU';
+//       return token ? { Authorization: `Bearer ${token.trim()}` } : null;
+//     },
+//     bridgeSend: msg => getBridgeSender()?.(msg),
+//   });
+
 const formInstance = (baseURL: string) =>
   new RestAPIInstance(baseURL, {
     withCredentials: false,

apps/tuk-web/src/shared/lib/api/rest/rest.ts

@@ -114,13 +114,14 @@ export class RestAPI implements RestAPIProtocol {
       signal: signal ?? controller.signal,
     };
 
+    const isFormData = typeof FormData !== 'undefined' && data instanceof FormData;
+
     if (!isGetLike && data !== undefined) {
-      const isForm = hdr['Content-Type'] === 'multipart/form-data';
-      if (isForm) {
+      if (isFormData) {
         delete hdr['Content-Type'];
         reqInit.body = data;
       } else {
-        if (!hdr['Content-Type']) hdr['Content-Type'] = 'application/json';
+        hdr['Content-Type'] ||= 'application/json';
         reqInit.body = JSON.stringify(data);
       }
     }
@@ -146,33 +147,38 @@ export class RestAPI implements RestAPIProtocol {
               // 네이티브에 갱신 요청 (중복이면 기존 대기 재사용)
               await requestTokenRefresh(
                 () => bridge({ type: AppBridgeMessageType.REQUEST_TOKEN_REFRESH, payload: '' }),
-                10000 // 타임아웃 10초
+                3000 // 타임아웃 10초
               );
 
               // 새 토큰으로 헤더 갱신 후 1회 재시도
-              const refreshedHdr = {
-                ...hdr,
-                ...(this.instance.getAuthHeader() ?? {}),
-              };
+              const refreshedHdr = { ...hdr };
+              delete refreshedHdr['Authorization'];
+              Object.assign(refreshedHdr, this.instance.getAuthHeader() ?? {});
+
               const retry = await this.instance.request(fullUrl, {
                 ...reqInit,
                 headers: refreshedHdr,
               });
+
               if (!retry.ok) {
                 const text = await retry.text().catch(() => '');
+
                 throw new APIError(text || retry.statusText, {
                   status: retry.status,
                   meta: { errorType: 'HTTP_ERROR', errorMessage: text || retry.statusText },
                   url: fullUrl,
                   method: methodUpper,
                 });
               }
+
               const retryBody = await readBody(retry, parseAs);
+
               const isEnvelope2 =
                 retryBody &&
                 typeof retryBody === 'object' &&
                 'success' in retryBody &&
                 'data' in retryBody;
+
               const payload2 = isEnvelope2 ? (retryBody as any).data : retryBody;
 
               if (validate) {