const { i18n: { getMessage }, runtime, storage, tabs, contextMenus, action, omnibox } = chrome;

runtime.onInstalled.addListener(async ({ reason, previousVersion }) => {
    const installReason = runtime.OnInstalledReason;

    if(reason === installReason.INSTALL) {       
        await fetch("../json/defaultSettings.json")
        .then(res => res.json())
        .then(async (json) => {
            Object.keys(json.notePriorities).map(async (x) => {
                json.notePriorities[x] = {
                    ...json.notePriorities[x],
                    default: {
                        ...json.notePriorities[x].default,
                        value: await _getMessage(json.notePriorities[x].default.value)
                    }
                }
            });

            storage.local.set(json);
            await initContextMenus();
            tabs.create({
                url: "https://lars.koelker.dev/extensions/note/install.php"
            })
        });
    }

    if(reason === installReason.UPDATE) {
        const { version } = runtime.getManifest();

        storage.local.get('settings', async ({ settings }) => {
            if (version !== previousVersion) {
                storage.local.set({
                    updateHint: {
                        visible: true,
                        version,
                        previousVersion
                    }
                });
            }

            // Update default settings in case new ones have been added
            const defaultSettings = await fetch("../json/defaultSettings.json").then(res => res.json());

            storage.local.set({
                settings: {
                    ...settings,
                    default: defaultSettings.settings.default,
                },
            });

            initContextMenus();
        });
    }

    storage.local.get('userId',async ({ userId }) => {
        if (!userId) {
            storage.local.set({
                userId: (await createUuid()),
            })
        }
    });

    initBadge();
});

runtime.onStartup.addListener(async () => {
    initBadge();
    initContextMenus();
});

storage.onChanged.addListener(({ notes }) => {
    if (notes) {
        action.setBadgeText({
            text: notes.newValue.filter(note => !note.completed).length.toString()
        });
    }
});

omnibox.onInputEntered.addListener((text) => addNote(text));

contextMenus.onClicked.addListener((e) => {
    switch (e.menuItemId) {
        case '1': // Selection
            addNote(e.selectionText, e.pageUrl);
            break;
        case '2': // Link
            addNote(e.linkUrl, e.pageUrl);
            break;
        case '3': // Image
            addNote(e.srcUrl, e.pageUrl, 'img');
            break;
        case '4': // Video
            addNote(e.srcUrl, e.pageUrl, 'video');
            break;
        case '5': // Audio
            addNote(e.srcUrl, e.pageUrl, 'audio');
            break;
        default:
            return;
    }
});

//#region helper
function addNote(value = '', origin = null, mediaType = null) {
    storage.local.get('notes', ({ notes }) => {
        notes.push({
            completed: false,
            date: new Date().toISOString(),
            id: createId(),
            priority: 'MEDIUM',
            value,
            origin,
            mediaType
        });

        storage.local.set({ notes });
    });
}

function initBadge() {
    action.setBadgeBackgroundColor({
        color: '#3367d6'
    });
    storage.local.get('notes', ({ notes }) => {
        action.setBadgeText({
            text: notes.filter(note => !note.completed).length.toString()
        });
    });
}

function initContextMenus() {
    const translationPrefix = 'contextMenu';
    const contexts = [ 'selection', 'link', 'image', 'video', 'audio' ];

    storage.local.get('settings', async ({ settings }) => {
        await removeAllContextMenus();

        for (let i = 0; i < contexts.length; i++) {
            const ctx = contexts[i];
            const capitalizedCtx = ctx.charAt(0).toUpperCase() + ctx.slice(1);
            const title = await _getMessage(translationPrefix + capitalizedCtx);

            contextMenus.create({
                id: (i + 1).toString(),
                contexts: [ ctx ],
                title,
                visible: settings.custom.showContextMenu ?? settings.default.showContextMenu,
            });
        }
    })
}

/**
 * Create an id
 * @author https://stackoverflow.com/a/2117523/8463645
 */
function createId() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
}

function createUuid() {
    return new Promise((resolve) => {
        runtime.getPlatformInfo(({ os, arch, nacl_arch }) => {
             resolve(btoa(`${createId()};${os};${arch};${nacl_arch}`));
        });
    });
}

// TODO: Change when Chrome v100 rolled out (starting at 29.03.2022)
/** This method ignores placeholders, but hence it is only being used for two keys who don't need placeholders, it's fine */
async function _getMessage(key) {
    if (typeof getMessage === 'undefined') {
        const lang = navigator.language.toLowerCase().includes('de') ? 'de' : 'en';
        const path = `./_locales/${lang}/messages.json`;

        const translations = await fetch(path).then(res => res.json());
        const preparedTranslations = Object.fromEntries(Object.entries(translations).map(translation => [translation[0], translation[1].message]))

        return preparedTranslations[key];
    }

    return getMessage(key);
}

async function removeAllContextMenus() {
    return new Promise((resolve) => {
        contextMenus.removeAll(() => resolve(true));
    });
}
//#endregion