@djangocfg/layouts 2.1.37 → 2.1.39

package/src/snippets/PWA/context/PushContext.tsx

@@ -1,156 +0,0 @@
-'use client';
-
-import React, { createContext, useContext, useState, useEffect, useCallback } from 'react';
-import { usePushNotifications } from '../hooks/usePushNotifications';
-import { pwaLogger } from '../utils/logger';
-import type { PushNotificationOptions } from '../types';
-
-const ICON_URL = 'https://djangocfg.com/static/logos/192x192.png';
-
-export interface PushMessage {
-  id: string;
-  title: string;
-  body: string;
-  icon?: string;
-  badge?: string;
-  tag?: string;
-  timestamp: number;
-  data?: Record<string, unknown>;
-}
-
-export interface PushContextValue {
-  // Push state
-  isSupported: boolean;
-  permission: NotificationPermission;
-  isSubscribed: boolean;
-  subscription: PushSubscription | null;
-
-  // Accumulated pushes
-  pushes: PushMessage[];
-
-  // Actions
-  subscribe: () => Promise<boolean>;
-  unsubscribe: () => Promise<boolean>;
-  sendPush: (message: Omit<PushMessage, 'id' | 'timestamp'>) => Promise<void>;
-  clearPushes: () => void;
-  removePush: (id: string) => void;
-}
-
-const PushContext = createContext<PushContextValue | undefined>(undefined);
-
-interface PushProviderProps {
-  children: React.ReactNode;
-  vapidPublicKey?: string;
-  subscribeEndpoint?: string;
-  sendEndpoint?: string;
-  onPushReceived?: (push: PushMessage) => void;
-}
-
-export function PushProvider({
-  children,
-  vapidPublicKey = '',
-  subscribeEndpoint = '/api/push/subscribe',
-  sendEndpoint = '/api/push/send',
-  onPushReceived,
-}: PushProviderProps) {
-  const pushNotifications = usePushNotifications({
-    vapidPublicKey,
-    subscribeEndpoint,
-  });
-
-  const [pushes, setPushes] = useState<PushMessage[]>([]);
-
-  // Listen for push messages from service worker
-  useEffect(() => {
-    if (typeof window === 'undefined' || !('serviceWorker' in navigator)) {
-      return;
-    }
-
-    const handleMessage = (event: MessageEvent) => {
-      if (event.data && event.data.type === 'PUSH_RECEIVED') {
-        const push: PushMessage = {
-          id: crypto.randomUUID(),
-          timestamp: Date.now(),
-          ...event.data.notification,
-        };
-
-        setPushes(prev => [push, ...prev]);
-        onPushReceived?.(push);
-      }
-    };
-
-    navigator.serviceWorker.addEventListener('message', handleMessage);
-
-    return () => {
-      navigator.serviceWorker.removeEventListener('message', handleMessage);
-    };
-  }, [onPushReceived]);
-
-  const sendPush = useCallback(async (message: Omit<PushMessage, 'id' | 'timestamp'>) => {
-    if (!pushNotifications.isSubscribed) {
-      throw new Error('Not subscribed to push notifications');
-    }
-
-    // In real app, this calls your backend API to send actual push
-    try {
-      // Send to server
-      await fetch(sendEndpoint, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          subscription: pushNotifications.subscription,
-          notification: message,
-        }),
-      });
-
-      // Optimistic update for UI
-      const push: PushMessage = {
-        ...message,
-        id: crypto.randomUUID(),
-        timestamp: Date.now(),
-      };
-
-      setPushes(prev => [push, ...prev]);
-    } catch (error) {
-      pwaLogger.error('[PushContext] Failed to send push:', error);
-      throw error;
-    }
-  }, [pushNotifications.isSubscribed, pushNotifications.subscription, sendEndpoint]);
-
-  const clearPushes = useCallback(() => {
-    setPushes([]);
-  }, []);
-
-  const removePush = useCallback((id: string) => {
-    setPushes(prev => prev.filter(p => p.id !== id));
-  }, []);
-
-  const value: PushContextValue = {
-    isSupported: pushNotifications.isSupported,
-    permission: pushNotifications.permission,
-    isSubscribed: pushNotifications.isSubscribed,
-    subscription: pushNotifications.subscription,
-    pushes,
-    subscribe: pushNotifications.subscribe,
-    unsubscribe: pushNotifications.unsubscribe,
-    sendPush,
-    clearPushes,
-    removePush,
-  };
-
-  return <PushContext.Provider value={value}>{children}</PushContext.Provider>;
-}
-
-/**
- * Use push notifications context
- * Must be used within <PushProvider>
- */
-export function usePush(): PushContextValue {
-  const context = useContext(PushContext);
-
-  if (context === undefined) {
-    throw new Error('usePush must be used within <PushProvider>');
-  }
-
-  return context;
-}