HomeWork_JS/JS_17_rest, graphQL/js.js

//1. Светофор Используя асинхронную функцию и бесконечный цикл, просимулируйте светофор:
// {
//     const delay = ms => new Promise(ok => setTimeout(() => ok(ms), ms));
//
//     let red = document.getElementById('red')
//     let yellow = document.getElementById('yellow')
//     let green = document.getElementById('green')
//
//     async function trafficLight(greenEl, yellowEl, redEl, greenTime, yellowTime, redTime) {
//         while (true) {
//
//             greenEl.classList.add('green')
//             await delay(greenTime)
//             greenEl.classList.remove('green');
//
//             yellowEl.classList.add('yellow');
//             await delay(yellowTime);
//             yellowEl.classList.remove('yellow');
//
//             redEl.classList.add('red');
//             await delay(redTime);
//             redEl.classList.remove('red');
//         }
//     }
//
//     trafficLight(green, yellow, red, 4000, 1000, 4000);
// }

// PedestrianTrafficLight
// Напишите упрощенный светофор для пешеходов
// Stage 2
// Используя Promise.race, domEventPromise и кнопку в DOM сделайте пешеходный светофор с кнопкой, который так
// же переключается по времени периодически.
// Stage 3
// Не давайте возможности пешеходам сильно наглеть - предусмотрите задержку, после которой будет работать
// кнопка.
// {
//     const delay = ms => new Promise(ok => setTimeout(() => ok(ms), ms));
//
//     let container = document.getElementById('pedastrian-container')
//     let red = document.getElementById('red-light');
//     let green = document.getElementById('green-light');
//     let button = document.getElementById('button');
//
//     function domEventPromise(element, eventName) {
//         function executor(resolve) {
//             function myEvent(event) {
//                 element.disabled = true;
//                 element.removeEventListener(eventName, myEvent);
//                 setTimeout(() => resolve(event), 2000);
//             }
//             element.disabled = false;
//             element.addEventListener(eventName, myEvent)
//         }
//         return new Promise(executor);
//     }
//
//     async function pedestrianTrafficLight(ms) {
//         while (true) {
//             red.classList.add('red');
//             await Promise.race([
//                 delay(ms),
//                 domEventPromise(button, 'click')
//             ]);
//             red.classList.remove('red');
//             green.classList.add('green');
//             await delay(ms);
//             green.classList.remove('green');
//         }
//     }
//     pedestrianTrafficLight(10000);
// }

//3. speedtest
// Написать асинхронную функцию
//
// const delay = ms => new Promise(ok => setTimeout(() => ok(ms), ms));
//
// function makeProfileTimer() {
//     let t0 = performance.now();
//     return function () {
//         let t1 = performance.now();
//         return t1 - t0;
//     }
// }
//
// async function speedtest(getPromise, count, parallel = 1) {
//     let timer = makeProfileTimer();
//     for (let i = 0; i < count; i++) {
//         let promises = [];
//         for (let j = 0; j < parallel; j++) {
//             promises.push(getPromise());
//         }
//         console.log(await Promise.all(promises));
//     }
//
//     let duration = timer();
//     let parallelDuration = duration / (count * parallel);
//     let parallelSpeed = 1 / parallelDuration;
//     let queryDuration = duration / count;
//     let querySpeed = 1 / queryDuration;
//
//     return {
//         duration,
//         querySpeed, //средняя скорость одного запроса
//         queryDuration, //
//         parallelSpeed,
//         parallelDuration
//     }
// }
//
// speedtest(() => delay(1000), 10, 10)
//     .then(result => console.log(result));
// // {duration: 10000,
// // querySpeed: 0.001, //1 тысячная запроса за миллисекунду
// // queryDuration: 1000, //1000 миллисекунд на один реальный запрос в среднем
// // parallelSpeed: 0.01  // 100 запросов за 10000 миллисекунд
// // parallelDuration: 100 // 100 запросов за 10000 миллисекунд
// speedtest(() => fetch('http://swapi.dev/api/people/1')
//     .then(res => res.json()), 10, 5)
//     .then(result => console.log(result));

//4.gql
// Напишите функцию gql, которая осуществляет GraphQL запрос. Функция принимает три параметра:
//
//     Эндпоинт - адрес сервера. Например "http://shop-roles.node.ed.asmer.org.ua/graphql"
//     Текст запроса (query). Например:

 function gql (endpoint, query, variables){
    return fetch(endpoint,{
        method: "POST",
        headers: {
            "Content-type": "application/Json",
            'Accept': 'application/json'
        },
        body: JSON.stringify({
            query,
            variables
        })
    }).then(response => response.json())
}

(async () => {
    const catQuery = `query cats($q: String){
                                        CategoryFind(query: $q){
                                            _id name
                                        }
                                    }`

    const cats = await gql("http://shop-roles.node.ed.asmer.org.ua/graphql", catQuery, { q: "[{}]" })
    console.log(cats) //список категорий с _id name и всем таким прочим

    const loginQuery = `query login($login:String, $password:String){
                            	login(login:$login, password:$password)
                        }`

    const token = await gql("http://shop-roles.node.ed.asmer.org.ua/graphql", loginQuery, { login: "test457", password: "123123" })
    console.log(token)
})()

//5. jwtDecode
// Напишете функцию jwtDecode, которая принимает единственный параметр token и возвращает информацию из переданного JWT токена.
// Алгоритм раскодирования:
//     Разбить токен на три части. Разделитель - . (точка)
//     Выделить среднюю часть.
//     Используя функцию atob раскодировать среднюю часть из кодировки Base64, получив JSON
//     Раскодировать JSON
//     Вернуть раскодированные данные из JSON
//
// Учтите, что в качестве токена может быть передана какая-то дичь. В таком случае раскодировка не получится, и функция:
//
//     Не должна сыпать красными матюками (ошибками) в консоль
//     Должна просто вернуть undefined

function jwtDecode(token) {
    let result;
    try {
        let secondPartToken = token.split('.')[1];
        result = JSON.parse(atob(secondPartToken));
    } catch (e) {
    }

    return result;
}

try {
    console.log(jwtDecode())         //undefined
    console.log(jwtDecode("дичь"))   //undefined
    console.log(jwtDecode("ey.ey.ey"))   //undefined

    console.log('до сюда доработало, а значит jwtDecode не матерился в консоль красным цветом')
}
finally{
    console.log('ДЗ, видимо, окончено')
}