2020-05-28 14:56:16 +00:00
|
|
|
let settings_dict = {},
|
|
|
|
tab_settings = {},
|
|
|
|
reload_button,
|
|
|
|
active_tab;
|
2019-11-02 20:50:37 +00:00
|
|
|
|
|
|
|
function dict_equality(dict1, dict2) {
|
|
|
|
let is_equal = true;
|
|
|
|
|
|
|
|
for (var k in dict1) {
|
2020-05-28 14:56:16 +00:00
|
|
|
if (Object.prototype.hasOwnProperty.call(dict1, k)) {
|
2019-11-02 20:50:37 +00:00
|
|
|
is_equal = is_equal && dict1[k] === dict2[k];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
for (let k in dict2) {
|
2020-05-28 14:56:16 +00:00
|
|
|
if (Object.prototype.hasOwnProperty.call(dict2, k)) {
|
2019-11-02 20:50:37 +00:00
|
|
|
is_equal = is_equal && dict1[k] === dict2[k];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return is_equal;
|
|
|
|
}
|
|
|
|
|
|
|
|
function on_settings_change_intent() {
|
|
|
|
let is_different = !dict_equality(settings_dict, tab_settings);
|
|
|
|
|
|
|
|
console.log(settings_dict);
|
|
|
|
console.log(tab_settings);
|
|
|
|
console.log(is_different);
|
|
|
|
|
|
|
|
if (reload_button !== undefined) {
|
|
|
|
reload_button.disabled = !is_different;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-08-27 02:22:00 +00:00
|
|
|
function bind_boolean_setting(checkbox_elem) {
|
|
|
|
let name = checkbox_elem.name,
|
|
|
|
default_val = checkbox_elem.checked,
|
2019-11-02 16:29:29 +00:00
|
|
|
get_obj = {},
|
|
|
|
label = checkbox_elem.nextSibling;
|
2020-05-28 14:56:16 +00:00
|
|
|
|
2019-11-02 16:29:29 +00:00
|
|
|
label.textContent = chrome.i18n.getMessage("settings_" + name);
|
2020-05-28 14:56:16 +00:00
|
|
|
|
2019-08-27 02:22:00 +00:00
|
|
|
get_obj[name] = default_val;
|
|
|
|
|
|
|
|
chrome.storage.sync.get(get_obj, function (items) {
|
2019-11-01 22:21:50 +00:00
|
|
|
checkbox_elem.checked = items[name] === checkbox_elem.value;
|
2019-11-02 20:50:37 +00:00
|
|
|
settings_dict[name] = items[name];
|
|
|
|
on_settings_change_intent();
|
2019-08-27 02:22:00 +00:00
|
|
|
});
|
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
chrome.storage.onChanged.addListener(function (changes) {
|
|
|
|
if (Object.prototype.hasOwnProperty.call(changes, name)) {
|
|
|
|
checkbox_elem.checked =
|
|
|
|
changes[name].newValue === checkbox_elem.value;
|
2019-11-02 20:50:37 +00:00
|
|
|
settings_dict[name] = changes[name].newValue;
|
|
|
|
on_settings_change_intent();
|
2019-08-27 02:22:00 +00:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
checkbox_elem.addEventListener("click", function () {
|
2019-11-01 22:21:50 +00:00
|
|
|
let setting = {};
|
|
|
|
setting[name] = checkbox_elem.checked ? checkbox_elem.value : "";
|
2019-11-02 20:50:37 +00:00
|
|
|
settings_dict[name] = setting[name];
|
|
|
|
on_settings_change_intent();
|
2019-11-01 22:21:50 +00:00
|
|
|
|
|
|
|
chrome.storage.sync.set(setting);
|
2019-08-27 02:22:00 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2019-11-02 20:50:37 +00:00
|
|
|
function bind_settings_apply_button(elem) {
|
|
|
|
elem.textContent = chrome.i18n.getMessage("action_" + elem.id);
|
|
|
|
elem.disabled = true;
|
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
elem.addEventListener("click", function () {
|
2019-11-02 20:50:37 +00:00
|
|
|
chrome.tabs.reload(active_tab.id, function () {
|
|
|
|
window.setTimeout(query_current_tab, 1000);
|
|
|
|
});
|
|
|
|
});
|
2020-05-28 14:56:16 +00:00
|
|
|
|
2019-11-02 20:50:37 +00:00
|
|
|
reload_button = elem;
|
|
|
|
}
|
|
|
|
|
2019-10-06 20:04:00 +00:00
|
|
|
/**
|
|
|
|
* Promise-based version of `chrome.tabs.query`.
|
2020-05-28 14:56:16 +00:00
|
|
|
*
|
2019-10-06 20:04:00 +00:00
|
|
|
* Mozilla does this by default in `browser.tabs` but Chrome is behind on this
|
2020-05-28 14:56:16 +00:00
|
|
|
* sort of thing. Chrome won't even let us check if we're running in
|
2019-10-06 20:04:00 +00:00
|
|
|
*/
|
|
|
|
function tab_query() {
|
|
|
|
let my_args = arguments;
|
|
|
|
|
|
|
|
if (window.browser && browser.tabs && browser.tabs.query) {
|
|
|
|
return browser.tabs.query.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
return new Promise(function (resolve) {
|
2019-10-06 20:04:00 +00:00
|
|
|
let new_arguments = Array.prototype.slice.call(my_args);
|
|
|
|
new_arguments.push(resolve);
|
|
|
|
chrome.tabs.query.apply(this, new_arguments);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Promise-based version of `chrome.tabs.sendMessage`.
|
|
|
|
*/
|
|
|
|
function tab_sendmessage() {
|
|
|
|
let my_args = arguments;
|
|
|
|
|
|
|
|
if (window.browser && browser.tabs && browser.tabs.sendMessage) {
|
|
|
|
return browser.tabs.sendMessage.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Promise(function (resolve, reject) {
|
|
|
|
let new_arguments = Array.prototype.slice.call(my_args);
|
|
|
|
new_arguments.push(function (response) {
|
|
|
|
if (chrome.runtime.lastError !== undefined) {
|
|
|
|
reject(chrome.runtime.lastError.message);
|
|
|
|
}
|
2020-05-28 14:56:16 +00:00
|
|
|
|
2019-10-06 20:04:00 +00:00
|
|
|
resolve(response);
|
|
|
|
});
|
|
|
|
chrome.tabs.sendMessage.apply(this, new_arguments);
|
|
|
|
});
|
|
|
|
}
|
2019-08-27 02:22:00 +00:00
|
|
|
|
2019-11-02 20:50:37 +00:00
|
|
|
async function query_current_tab() {
|
2019-10-06 20:04:00 +00:00
|
|
|
let ruffle_status = document.getElementById("ruffle_status");
|
|
|
|
if (ruffle_status === null) {
|
2020-05-28 14:56:16 +00:00
|
|
|
/*debugger;*/
|
2019-08-27 02:22:00 +00:00
|
|
|
}
|
2020-05-28 14:56:16 +00:00
|
|
|
|
2019-11-02 16:29:29 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage("status_init");
|
2019-10-06 20:04:00 +00:00
|
|
|
let tabs = null;
|
|
|
|
|
|
|
|
try {
|
|
|
|
tabs = await tab_query({
|
2020-05-28 14:56:16 +00:00
|
|
|
currentWindow: true,
|
|
|
|
active: true,
|
2019-10-06 20:04:00 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
if (tabs.length < 1) {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_no_tabs"
|
|
|
|
);
|
2019-10-06 20:04:00 +00:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (tabs.length > 1) {
|
2020-05-28 14:56:16 +00:00
|
|
|
console.warn(
|
|
|
|
"Got " + tabs.length + " tabs in response to active tab query"
|
|
|
|
);
|
2019-10-06 20:04:00 +00:00
|
|
|
}
|
|
|
|
} catch (e) {
|
2019-11-02 16:29:29 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage("status_tabs_error");
|
2019-10-06 20:04:00 +00:00
|
|
|
throw e;
|
|
|
|
}
|
|
|
|
|
|
|
|
try {
|
2019-11-02 20:50:37 +00:00
|
|
|
active_tab = tabs[0];
|
2019-10-06 20:04:00 +00:00
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_message_init"
|
|
|
|
);
|
2019-10-06 20:04:00 +00:00
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
let resp = await tab_sendmessage(active_tab.id, {
|
|
|
|
action: "get_page_options",
|
|
|
|
});
|
2019-10-06 20:04:00 +00:00
|
|
|
console.log(resp);
|
2019-11-02 20:50:37 +00:00
|
|
|
|
|
|
|
tab_settings = resp.tab_settings;
|
|
|
|
on_settings_change_intent();
|
|
|
|
|
2019-11-01 23:11:51 +00:00
|
|
|
if (resp !== undefined && resp.loaded) {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_result_running"
|
|
|
|
);
|
2019-11-01 23:11:51 +00:00
|
|
|
} else if (resp !== undefined && !resp.loaded) {
|
2019-11-02 20:57:42 +00:00
|
|
|
if (tab_settings.ruffle_enable === "on") {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_result_optout"
|
|
|
|
);
|
2019-11-02 20:57:42 +00:00
|
|
|
} else {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_result_disabled"
|
|
|
|
);
|
2019-11-02 20:57:42 +00:00
|
|
|
}
|
2019-10-06 20:04:00 +00:00
|
|
|
} else {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_result_error"
|
|
|
|
);
|
2019-10-06 20:04:00 +00:00
|
|
|
}
|
|
|
|
} catch (e) {
|
2020-05-28 14:56:16 +00:00
|
|
|
ruffle_status.textContent = chrome.i18n.getMessage(
|
|
|
|
"status_result_protected"
|
|
|
|
);
|
2019-10-06 20:04:00 +00:00
|
|
|
throw e;
|
2019-08-27 02:22:00 +00:00
|
|
|
}
|
2019-11-02 20:50:37 +00:00
|
|
|
}
|
|
|
|
|
2020-05-28 14:56:16 +00:00
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
2019-11-02 20:50:37 +00:00
|
|
|
bind_boolean_setting(document.getElementById("ruffle_enable"));
|
|
|
|
bind_boolean_setting(document.getElementById("ignore_optout"));
|
|
|
|
bind_settings_apply_button(document.getElementById("reload"));
|
|
|
|
|
|
|
|
query_current_tab();
|
2020-05-28 14:56:16 +00:00
|
|
|
});
|