@parlour/parlour-client/example/index.js

The parlour websocket client

window.onload = () => {
	function onConnect(client) {
		console.log(client);
	}
	/**/
	window.launch = (userId, userName) => {
		// Debug.close();
		const client = parlour.SocketClient.create({
			url: 'ws://localhost:28000/socket/websocket',
			userId: userId || 'samick17', // Anonymous user flow
			userName: userName || 'samick', // Anonymous user flow
			// token: null, // Auth user flow
			reconnectPeriod: 0,
		});
		client.on({
			connect: () => {
				console.log('[Client] Connect');
				onConnect(client);
			},
			'reply': (topic, event, payload) => {
				console.log('[Client] Reply', topic, event, payload);
			},
			'presence_diff': (topic, event, payload) => {
				console.log('[Client] PresenceDiff', topic, event, payload);
			},
			'presence_state': (topic, event, payload) => {
				console.log('[Client] PresenceState', topic, event, payload);
			},
			message: (topic, event, payload) => {
				console.log('[Client] Message', topic, event, payload);
			},
			error: (event) => {
				console.log('[Client] Error', event);
			},
			close: (event) => {
				console.log('[Client] Close', event);
				console.log('Reason: ', event.reason);
			},
			ping: (ping) => {
				console.log('[Client] Ping');
				console.log('Ping: ', ping);
			},
		});
		client.connect();
		window.client = client;
	};
	window.launch('samick', 'samick');
	console.log('----');
};