const express = require('express');
const app = express();
const http = require('http').Server(app);
const io = require('socket.io')(http);
var path = require('path');
const tmi = require('tmi.js');
const fetch = require('node-fetch');
const { EmoteFetcher, EmoteParser } = require('twitch-emoticons');
const fetcher = new EmoteFetcher();
info = require('./info.js')
const parser = new EmoteParser(fetcher, {
    type: 'markdown',
    match: /:(.+?):/g
});
const headers = {
    'Client-ID': info.key
};
//this is the function for making the helix calls as you can see
function helix(endpoint, qs) {
    const queryString = new URLSearchParams(qs);
    const url = `https://api.twitch.tv/helix/${endpoint}?${queryString}`;
    return fetch(url, { headers })
    .then(res => res.json())
}

function splice(start, end, insert, message){
    startStr = message.slice(0, start);
    console.log(startStr);
    console.log(end)
    endStr =  message.slice(end);
    messageOut = startStr + insert + endStr
}

function emoteParse(emoteInf, msg) {

}

function getUser(id) {
    return helix('users', { id })
    .then(({ data: [ user ] }) => user || null);
}



app.use(express.static('public'))

app.get('/', function(req, res) {
    res.render('index.ejs');
});

var config = {
    identity: {
        username: "charja113",
        password: info.oauth,
    },
    channels: [
        'charja113'
    ]
};

function onConnectedHandler (addr, port) {
    console.log(`* Connected to ${addr}:${port}`);
};

function onMessageHandler (channel, tags, message, self) {

    const { 'user-name': username, 'display-name': displayName, 'user-id': userID, 'subscriber': sub, 'emotes': emote } = tags;

    if(emote != null) {
        console.log(emote);
        emoteStr = JSON.stringify(emote);
        var buf = Buffer.from(JSON.stringify(emote));
        var splitLoc = buf.indexOf(':');
        var midLoc = splitLoc + 3;
        var endLoc = buf.indexOf(']');
        var dasLoc = buf.indexOf('-');
        var emotenum = emoteStr.slice(2, splitLoc-1);
        var startNum = emoteStr.slice(midLoc, dasLoc);
        var endNum = emoteStr.slice(dasLoc+1, endLoc-1)
        endNum = parseInt(endNum, 10) +1;
        const emoturl = `<img class="profImg" src="https://static-cdn.jtvnw.net/emoticons/v1/${emotenum}/1.0" alt="${emotenum}" id="itemImg">`;
        console.log(startNum);
        console.log(endNum);
        console.log(emotenum);
        console.log(midLoc);
        splice(startNum, endNum, emoturl, message);

        console.log(messageOut);
        var message1 = messageOut;
    }
    else {
        console.log('i think we messed up if theres an emote');
        var message1 = message;
    }

    console.log('twitch', `${displayName} : ${message1}`);
    //console.log(tags);
    getUser(userID)
        .then(user => {
        if(!user) {
            console.log('User not found');
        }
        else {
            const {
                id, display_name, login,
                broadcaster_type, view_count, profile_image_url
            } = user;
            const name = `[${id}] ${display_name} (${login})`;
            const props = `${broadcaster_type}, ${view_count} view(s), image: ${profile_image_url}`;
            console.log(`${name} -- ${props}`);
            const profileElment = `<img class="profImg" src="${profile_image_url}" alt="null" id="itemImg">`
            io.emit('twitch', `${ profileElment} ${displayName}: ${message1}`);
        }
    });
};

const client = new tmi.client(config);

client.on('connected', onConnectedHandler);
client.on('message', onMessageHandler)

client.connect();

const server = http.listen(80, function() {
    console.log('listening on *:80');
});