import io from 'socket.io-client';
import uuidV1 from 'uuid/v1';

const uuid = uuidV1();

const socket = io('ws://127.0.0.1:8080', {
    transports: ['websocket'],
    query: {
        token: 'qi7r0v9plf8163br4erhmuno65', // mock session id for testing purpose
        uuid
    }
});

// Client for testing purpose

socket.once('connect', () => {
    console.log(`Client connected. Connection ID: ${socket.id}`);

    // Simulating client request

    document.getElementById('request-btn').addEventListener('click', () => {
        fetch('/api/message',
            {
                method: 'POST',
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    connectionId: socket.id,
                    message: 'Hello World!!!',
                    date: new Date()
                })
            })
            .then(function(req) {
                return req.json();
            })
            .catch(function(error) {
                console.error(error);
            });
        return false;
    });

    // Server reply for client request

    socket.on('message', (msg) => {
        let node = document.createElement('li');
        let textnode = document.createTextNode(
            `MESSAGE RECEIVED:
            Connection ID: ${msg.connectionId}
            Message text: ${msg.message}
            Date: ${msg.date}`
        );
        node.appendChild(textnode);
        document.getElementById('response-list').appendChild(node);
    });

    // Simulating confirmation delivery from client

    document.getElementById('success-delivery-btn').addEventListener('click', () => {
        let timestamp = new Date().getUTCMilliseconds();
        let mockSessionId = `CatsFlyHigh${timestamp}MilesAboveSky`;
        socket.emit('successful-delivery',
            {
                sessionId: mockSessionId
            }
        );
        return false;
    });

    // Response on successful delivery

    socket.on('successful-delivery', (response) => {
        let node = document.createElement('li');
        let textnode = document.createTextNode(response.sessionId);
        node.appendChild(textnode);
        document.getElementById('success-list').appendChild(node);
    });

    // Error handling

    socket.on('error', (err) => {
        console.error(err);
    });
});

// Reconnect message

socket.on('reconnect', () => {
    console.log(`Server reconnected. New connection ID: ${socket.id} `);
});