quack/debug.js at main · W4IT-Dev/quack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
// DEBUG
const keySequence = ['*', '#', '*', '#', '3', '3', '2', '8', '4', '#', '*', '#', '*'];
let currentIndex = 0;

function handleKeyDown(event) {
    const keyPressed = event.key;
    if (keyPressed === "Enter" && !document.querySelector('#searchResults')) document.activeElement.click();
    if (keyPressed === keySequence[currentIndex]) {
        currentIndex++;

        if (currentIndex === keySequence.length) {
            currentIndex = 0;
            console.log('Key combination entered successfully!');
            alert('true')
            document.body.innerHTML = ''
            document.body.innerHTML =
                `<div class="search-results" id="searchResults"></div>
            <button class="navItem" tabindex="0" onclick="search('test')">Search (query: test)</button>
            <button class="navItem" tabindex="0" onclick="imageSearch('test')">Search Images (query: test)</button>
            <button class="navItem" tabindex="0" onclick="debugViewNavigator()">View navigator properties</button>
            <button class="navItem" tabindex="0" onclick="navigator.spatialNavigationEnabled = true">Enable Cursor</button>
            <button class="navItem" tabindex="0" onclick="navigator.spatialNavigationEnabled = false">Disable Cursor</button>
            <button class="navItem" tabindex="0" onclick="home();">Go home</button>`
        }
    } else {
        currentIndex = 0;
    }
}

document.addEventListener('keydown', handleKeyDown);

function debugViewNavigator() {
    let navigatorInfo = navigator
    document.body.innerHTML += '<div class="separator debug">' + navigatorInfo + '</div><br>'

    for (let key in navigatorInfo) {
        document.body.innerHTML += `
			<div class="list-item navItem debug" tabindex="0" style="border-bottom: 1px solid grey;";>
  <p class="list-item__text"><b>${key}</b></p>
  <p class="list-item__subtext">${navigatorInfo[key]}</p>
</div>
			`
    }
}

function home() {
    document.body.innerHTML = `<img id="duckduckgoLogo" src="icon.png" width="137px" alt="DuckDuckGo">
    <div id="searchBarWrapper">
        <input type="text" id="searchInput" class="navItem" tabindex="0" placeholder="Search">
        <button onclick="search(searchInput.value)" id="searchButton" class="navItem" tabindex="0">
            <img src="loupe_black.png" width="20px">
        </button>
    </div>`
}

function debug(text, color) {
    document.querySelector('#debug_console').innerHTML += `<div class="navItem" tabindex="0" style="background-color: ${color}; border-bottom: 1px solid black;">${text}</div>`
    console.log(`%c${text}`, `background-color: ${color};`)
    document.querySelector('#debug_console').classList.remove('hidden')
    setTimeout(() => {
        document.querySelector('#debug_console').classList.add('hidden')

    }, 900)
}

document.addEventListener('keydown', e => {
    if (e.key == "#") document.querySelector('#debug_console').classList.toggle('hidden')
    if (e.key == "*") {
        let testType = prompt('Input test type ( vqd | all | image | video | news | shopping)')
        if (testType && testType !== "exit") debugTest(testType)
    }
})

function debugTest(testType) {
    const testQuery = prompt('Input test query')
    switch (testType) {
        case 'vqd':
            getVQD(testQuery)
                .then((value) => {
                    debug(value, 'green')
                    alert(value)
                })
                .catch((error) => {
                    debug(error, 'red')
                    alert(error)
                })
            break;

        case 'news':
            newsSearch(testQuery)
            break;
        case 'all':
            search(testQuery)
            break;

        case 'image':
            imageSearch(testQuery)
            break;
        case 'video':
            videoSearch(testQuery)
            break;
        case 'shopping':
            shoppingSearch(testQuery)
            break;

        default:
            alert('specify test type')
            break;
    }
}