import {host} from './background.js' const saveOptions = (e) => { saveHost('diaspora-host', 'diasporaHost') saveHost('friendica-host', 'friendicaHost') saveHost('gnusocial-host', 'gnusocialHost') saveHost('hubzilla-host', 'hubzillaHost') saveHost('lemmy-host', 'lemmyHost') saveHost('mastodon-host', 'mastodonHost') saveHost('pleroma-host', 'pleromaHost') saveHost('socialhome-host', 'socialhomeHost') saveHost('xmpp-host', 'xmppHost') saveCheckbox('diaspora-check', 'diasporaCheck') saveCheckbox('friendica-check', 'friendicaCheck') saveCheckbox('gnusocial-check', 'gnusocialCheck') saveCheckbox('hubzilla-check', 'hubzillaCheck') saveCheckbox('lemmy-check', 'lemmyCheck') saveCheckbox('mastodon-check', 'mastodonCheck') saveCheckbox('pleroma-check', 'pleromaCheck') saveCheckbox('socialhome-check', 'socialhomeCheck') saveCheckbox('xmpp-check', 'xmppCheck') e.preventDefault() } const saveHost = (hostId, hostKey) => { browser.storage.sync.set({ [hostKey] : document.querySelector(`#${hostId}`).value }) } const saveCheckbox = (checkId, checkKey) => { let checkbox = document.getElementById(`${checkId}`) if (checkbox.checked) { browser.storage.sync.set({ [checkKey] : document.querySelector(`#${checkId}`).checked = true }) } else { browser.storage.sync.set({ [checkKey] : document.querySelector(`#${checkId}`).checked = false }) } } const restoreOptions = () => { restoreHost('diasporaHost', 'diaspora-host', host.diasporaDefault) restoreHost('friendicaHost', 'friendica-host', host.friendicaDefault) restoreHost('gnusocialHost', 'gnusocial-host', host.gnusocialDefault) restoreHost('hubzillaHost', 'hubzilla-host', host.hubzillaDefault) restoreHost('lemmyHost', 'lemmy-host', host.lemmyDefault) restoreHost('mastodonHost', 'mastodon-host', host.mastodonDefault) restoreHost('pleromaHost', 'pleroma-host', host.pleromaDefault) restoreHost('socialhomeHost', 'socialhome-host', host.socialhomeDefault) restoreHost('xmppHost', 'xmpp-host', host.xmppDefault) restoreCheckbox('diasporaCheck', 'diaspora-check') restoreCheckbox('friendicaCheck', 'friendica-check') restoreCheckbox('gnusocialCheck', 'gnusocial-check') restoreCheckbox('hubzillaCheck', 'hubzilla-check') restoreCheckbox('lemmyCheck', 'lemmy-check') restoreCheckbox('mastodonCheck', 'mastodon-check') restoreCheckbox('pleromaCheck', 'pleroma-check') restoreCheckbox('socialhomeCheck', 'socialhome-check') restoreCheckbox('xmppCheck', 'xmpp-check') } const restoreHost = (hostKey, hostId, hostDefault) => { let gettingItem = browser.storage.sync.get(`${hostKey}`) gettingItem.then((res) => { document.querySelector(`#${hostId}`).value = res[hostKey] || hostDefault }) } const restoreCheckbox = (checkKey, checkId) => { const checkbox = chrome.storage.sync.get(`${checkKey}`, value => { if (value[checkKey]) { document.getElementById(`${checkId}`).checked = true } }) } document.addEventListener('DOMContentLoaded', restoreOptions, saveCheckbox) document.querySelector("form").addEventListener("submit", saveOptions) // test zone function onGot(item) { console.log(item); } function onError(error) { console.log(`Error: ${error}`); } let allItems = browser.storage.sync.get() allItems.then(onGot, onError) const itemValueOpt = chrome.storage.sync.get('pleromaCheck', item => { console.log(item.pleromaCheck) })