// клиент
let status=document.getElementById('status');
let messages=document.getElementById('messages');
let form=document.getElementById('form');
let input=document.getElementById('input');

let socket=io.connect('http://localhost:3000');


socket.on('news', (data)=>{
    console.log(data);
    status.innerText=(data.greeting || data.name);
    // socket.emit('greeting',{response:'data.received'});
})



form.onsubmit=function(){
    let obj={}
    this.childNodes.forEach((a)=>{
        if(a.value) obj[a.name]=a.value;
    })
    socket.emit('new', obj);

    return false
}

//cервер
const app = require('http').createServer(handler);
const fs=require('fs');
const io=require('socket.io')(app)
const express = require('express')();
const chalk=require('chalk');
const path=require('path')



function handler(req, res) {
switch(path.extname(req.url)){
            case "":res.writeHead(200, {"Content-type":"text/html"}); fs.createReadStream(__dirname+"/index.html").pipe(res); break;
            case ".html":res.writeHead(200, {"Content-type":"text/html"}); fs.createReadStream(__dirname+req.url).pipe(res); break;
            case ".css":res.writeHead(200, {"Content-type":"text/css"});fs.createReadStream(__dirname+req.url).pipe(res); break;
            case ".js": res.writeHead(200, {"Content-type":"text/javascript"}); fs.createReadStream(__dirname+req.url).pipe(res); break;
            default :res.writeHead(200, {"Content-type":'text/html; charset=utf-8'});res.end("<h1>404 Страница не найдена h1 </h1>")
        }
};

io.on('connection', function (socket) {
    socket.emit('news', {greeting:'Hello World'});
    socket.on('greeting', (data)=> {
        console.log(chalk.green(JSON.stringify(data)))  ;
    });
    socket.on('new', (data)=>{
        console.log(data)
        socket.emit('news', data);
    })

})



app.listen(3000)