pusher-js-auth

import Pusher from 'pusher-js'; // Assuming 'pusher-js' is installed import { PusherBatchAuthorizer } from 'pusher-js-auth'; // Your Pusher app key (replace with environment variable in production) const PUSHER_APP_KEY = process.env.PUSHER_APP_KEY ?? 'YOUR_APP_KEY'; // Your Pusher cluster (e.g., 'us2', 'eu') const PUSHER_APP_CLUSTER = process.env.PUSHER_APP_CLUSTER ?? 'YOUR_CLUSTER'; // The endpoint on your server that handles batch authentication const AUTH_ENDPOINT = process.env.PUSHER_AUTH_ENDPOINT ?? '/pusher/batch-auth'; // Initialize Pusher client with the batch authorizer const pusher = new Pusher(PUSHER_APP_KEY, { cluster: PUSHER_APP_CLUSTER, authorizer: PusherBatchAuthorizer, authDelay: 200, // Optional: delay in milliseconds before executing auth request authEndpoint: AUTH_ENDPOINT // Ensure this points to your server-side batch auth handler }); // Subscribe to multiple private and presence channels // The PusherBatchAuthorizer will automatically batch authentication requests for these // into a single HTTP call to the authEndpoint. const privateChannel1 = pusher.subscribe('private-chat-1'); const privateChannel2 = pusher.subscribe('private-messages-user-abc'); const presenceChannel = pusher.subscribe('presence-online-users'); // Example of binding to an event on a channel privateChannel1.bind('client-message', (data: any) => { console.log('Received message on private-chat-1:', data); }); presenceChannel.bind('pusher:member_added', (member: any) => { console.log(`Member added to presence-online-users: ${member.id}`); }); console.log('Pusher client initialized and channels subscribed. Authentication requests will be batched.');