summaryrefslogtreecommitdiff
path: root/ext/js/pages/info-main.js
blob: 58366d4c7246952658cb26cc07fc60fb6dbb2293 (plain)
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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/*
 * Copyright (C) 2023  Yomitan Authors
 * Copyright (C) 2020-2022  Yomichan Authors
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

import {log, promiseTimeout} from '../core.js';
import {DocumentFocusController} from '../dom/document-focus-controller.js';
import {yomichan} from '../yomichan.js';
import {BackupController} from './settings/backup-controller.js';
import {SettingsController} from './settings/settings-controller.js';

function getBrowserDisplayName(browser) {
    switch (browser) {
        case 'chrome': return 'Chrome';
        case 'firefox': return 'Firefox';
        case 'firefox-mobile': return 'Firefox for Android';
        case 'edge': return 'Edge';
        case 'edge-legacy': return 'Edge Legacy';
        default: return `${browser}`;
    }
}

function getOperatingSystemDisplayName(os) {
    switch (os) {
        case 'mac': return 'Mac OS';
        case 'win': return 'Windows';
        case 'android': return 'Android';
        case 'cros': return 'Chrome OS';
        case 'linux': return 'Linux';
        case 'openbsd': return 'Open BSD';
        case 'unknown': return 'Unknown';
        default: return `${os}`;
    }
}

(async () => {
    try {
        const documentFocusController = new DocumentFocusController();
        documentFocusController.prepare();

        const manifest = chrome.runtime.getManifest();
        const language = chrome.i18n.getUILanguage();

        await yomichan.prepare();

        const {userAgent} = navigator;
        const {name, version} = manifest;
        const {browser, platform: {os}} = await yomichan.api.getEnvironmentInfo();

        const thisVersionLink = document.querySelector('#release-notes-this-version-link');
        thisVersionLink.href = thisVersionLink.dataset.hrefFormat.replace(/\{version\}/g, version);

        document.querySelector('#version').textContent = `${name} ${version}`;
        document.querySelector('#browser').textContent = getBrowserDisplayName(browser);
        document.querySelector('#platform').textContent = getOperatingSystemDisplayName(os);
        document.querySelector('#language').textContent = `${language}`;
        document.querySelector('#user-agent').textContent = userAgent;

        (async () => {
            let ankiConnectVersion = null;
            try {
                ankiConnectVersion = await yomichan.api.getAnkiConnectVersion();
            } catch (e) {
                // NOP
            }

            document.querySelector('#anki-connect-version').textContent = (ankiConnectVersion !== null ? `${ankiConnectVersion}` : 'Unknown');
            document.querySelector('#anki-connect-version-container').hasError = `${ankiConnectVersion === null}`;
            document.querySelector('#anki-connect-version-unknown-message').hidden = (ankiConnectVersion !== null);
        })();

        (async () => {
            let dictionaryInfos;
            try {
                dictionaryInfos = await yomichan.api.getDictionaryInfo();
            } catch (e) {
                return;
            }

            const fragment = document.createDocumentFragment();
            let first = true;
            for (const {title} of dictionaryInfos) {
                if (first) {
                    first = false;
                } else {
                    fragment.appendChild(document.createTextNode(', '));
                }

                const node = document.createElement('span');
                node.className = 'installed-dictionary';
                node.textContent = title;
                fragment.appendChild(node);
            }

            document.querySelector('#installed-dictionaries-none').hidden = (dictionaryInfos.length !== 0);
            const container = document.querySelector('#installed-dictionaries');
            container.textContent = '';
            container.appendChild(fragment);
        })();

        const settingsController = new SettingsController();
        await settingsController.prepare();

        const backupController = new BackupController(settingsController, null);
        await backupController.prepare();

        await promiseTimeout(100);

        document.documentElement.dataset.loaded = 'true';
    } catch (e) {
        log.error(e);
    }
})();