code-former-ps/utils.js at main · Fus3n/code-former-ps · 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
const getValue = async (key) => {
    try {
        value = await require('uxp').storage.secureStorage.getItem(key);
        value = String.fromCharCode.apply(null, value);
        return value;
    } catch (err) {
        console.error(err)
        return null;
    }
}

async function customPrompt(title, message, defaultValue = '') {
    let result = '';
    const main = document.createElement('dialog');
    main.innerHTML = `
        <form method="dialog" style="min-width: 300px; width: 100%;">
            <sp-heading>${title}</sp-heading>
            <hr>
            <p style="color: white">${message}</p>
            <input type="text" id="userInput" value="${defaultValue}" style="width: 100%;" />
            <footer>
                <button id="cancel">Cancel</button>
                <button type="submit" id="ok" uxp-variant="cta">OK</button>
            </footer>
        </form>
    `;

    document.body.appendChild(main);

    const [form, cancel, ok, userInput] = [
        main.querySelector('form'),
        main.querySelector('#cancel'),
        main.querySelector('#ok'),
        main.querySelector('#userInput')
    ];

    cancel.addEventListener('click', () => {
        result = null;
        main.close();
    });

    form.onsubmit = () => {
        result = userInput.value;
        main.close();
    };

    await main.uxpShowModal();
    main.remove();
    return result;
}

async function customAlert(message) {
    const alertDlg = document.createElement('dialog');
    alertDlg.innerHTML = `
        <form method="dialog">
            <sp-heading>CodeFormerPS</sp-heading>
            <hr>
            <sp-detail>${message}<sp-detail>
            <footer>
                <button id="ok" type="submit" uxp-variant="cta">OK</button>
            </footer>
        </form>
    `;

    document.body.appendChild(alertDlg);

    const okButton = alertDlg.querySelector('#ok');
    okButton.onclick = () => alertDlg.close();

    await alertDlg.uxpShowModal();
    alertDlg.remove();
}

async function showAbout() {
    const alertDlg = document.createElement('dialog');
    alertDlg.innerHTML = `
        <form method="dialog" style="padding: 0; margin: 0;">
            <sp-heading>CodeFormerPS</sp-heading>
            <sp-detail>Socials<sp-detail>
            <sp-link href="https://twitter.com/fus3_n" id="twitter-link">Twitter</sp-link>
            <sp-link href="https://github.com/Fus3n/" id="github-link">Github</sp-link>
            <sp-link href="https://www.youtube.com/@FlinCode" id="github-link">YouTube</sp-link>
            <footer>
                <button id="ok" type="submit" uxp-variant="cta">OK</button>
            </footer>
        </form>
    `;

    document.body.appendChild(alertDlg);
    const okButton = alertDlg.querySelector('#ok');
    okButton.onclick = () => alertDlg.close();

    await alertDlg.uxpShowModal();
    alertDlg.remove();
  }


module.exports = {
    getValue,
    customPrompt,
    customAlert,
    showAbout
};