81 lines
1.7 KiB
TypeScript
81 lines
1.7 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* FCM Provider
|
||
|
|
*
|
||
|
|
* Capacitor 네이티브 앱에서 FCM 푸시 알림을 초기화합니다.
|
||
|
|
* RootProvider 또는 (protected)/layout.tsx에서 사용합니다.
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* ```tsx
|
||
|
|
* // (protected)/layout.tsx
|
||
|
|
* import { FCMProvider } from '@/contexts/FCMProvider';
|
||
|
|
*
|
||
|
|
* export default function ProtectedLayout({ children }) {
|
||
|
|
* return (
|
||
|
|
* <RootProvider>
|
||
|
|
* <FCMProvider>
|
||
|
|
* {children}
|
||
|
|
* </FCMProvider>
|
||
|
|
* </RootProvider>
|
||
|
|
* );
|
||
|
|
* }
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { ReactNode, createContext, useContext } from 'react';
|
||
|
|
import { useFCM } from '@/hooks/useFCM';
|
||
|
|
|
||
|
|
// ===== Context 타입 =====
|
||
|
|
|
||
|
|
interface FCMContextType {
|
||
|
|
cleanup: () => Promise<void>;
|
||
|
|
}
|
||
|
|
|
||
|
|
const FCMContext = createContext<FCMContextType | undefined>(undefined);
|
||
|
|
|
||
|
|
// ===== Provider 컴포넌트 =====
|
||
|
|
|
||
|
|
export function FCMProvider({ children }: { children: ReactNode }) {
|
||
|
|
// FCM 훅 실행 (초기화)
|
||
|
|
const { cleanup } = useFCM();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<FCMContext.Provider value={{ cleanup }}>
|
||
|
|
{children}
|
||
|
|
</FCMContext.Provider>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// ===== Custom Hook =====
|
||
|
|
|
||
|
|
/**
|
||
|
|
* FCM Context 사용 훅
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* ```tsx
|
||
|
|
* function LogoutButton() {
|
||
|
|
* const { cleanup } = useFCMContext();
|
||
|
|
*
|
||
|
|
* const handleLogout = async () => {
|
||
|
|
* await cleanup(); // FCM 토큰 해제
|
||
|
|
* // ... 로그아웃 처리
|
||
|
|
* };
|
||
|
|
* }
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
export function useFCMContext() {
|
||
|
|
const context = useContext(FCMContext);
|
||
|
|
if (context === undefined) {
|
||
|
|
throw new Error('useFCMContext must be used within a FCMProvider');
|
||
|
|
}
|
||
|
|
return context;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* FCM Context 안전하게 사용 (Provider 외부에서도 사용 가능)
|
||
|
|
* undefined 반환 시 FCM이 비활성화됨
|
||
|
|
*/
|
||
|
|
export function useFCMContextSafe() {
|
||
|
|
return useContext(FCMContext);
|
||
|
|
}
|