e658255c36
The injection code also runs outside of onInstalled event so we check first if a content script belonging to our execution context "generation" is already injected. This can happen on browser startup: the background page is loaded in several seconds after the normal web page tabs are loaded with our content script(s) already injected. The check itself is simply a "ping" message to each tab that should return true if the content script is alive and kicking.
245 lines
8.4 KiB
JavaScript
245 lines
8.4 KiB
JavaScript
/* globals wildcardAsRegExp, KEEP_CHANNEL_OPEN */
|
|
|
|
var frameIdMessageable;
|
|
runTryCatch(function() {
|
|
chrome.tabs.sendMessage(0, {}, {frameId: 0}, function() {
|
|
var clearError = chrome.runtime.lastError;
|
|
frameIdMessageable = true;
|
|
});
|
|
});
|
|
|
|
// This happens right away, sometimes so fast that the content script isn't even ready. That's
|
|
// why the content script also asks for this stuff.
|
|
chrome.webNavigation.onCommitted.addListener(webNavigationListener.bind(this, "styleApply"));
|
|
// Not supported in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1239349
|
|
if ("onHistoryStateUpdated" in chrome.webNavigation) {
|
|
chrome.webNavigation.onHistoryStateUpdated.addListener(webNavigationListener.bind(this, "styleReplaceAll"));
|
|
}
|
|
chrome.webNavigation.onBeforeNavigate.addListener(webNavigationListener.bind(this, null));
|
|
function webNavigationListener(method, data) {
|
|
// Until Chrome 41, we can't target a frame with a message
|
|
// (https://developer.chrome.com/extensions/tabs#method-sendMessage)
|
|
// so a style affecting a page with an iframe will affect the main page as well.
|
|
// Skip doing this for frames in pre-41 to prevent page flicker.
|
|
if (data.frameId != 0 && !frameIdMessageable) {
|
|
return;
|
|
}
|
|
getStyles({matchUrl: data.url, enabled: true, asHash: true}, function(styleHash) {
|
|
if (method) {
|
|
chrome.tabs.sendMessage(data.tabId, {method: method, styles: styleHash},
|
|
frameIdMessageable ? {frameId: data.frameId} : undefined);
|
|
}
|
|
if (data.frameId == 0) {
|
|
updateIcon({id: data.tabId, url: data.url}, styleHash);
|
|
}
|
|
});
|
|
}
|
|
|
|
// catch direct URL hash modifications not invoked via HTML5 history API
|
|
var tabUrlHasHash = {};
|
|
chrome.tabs.onUpdated.addListener(function(tabId, info, tab) {
|
|
if (info.status == "loading" && info.url) {
|
|
if (info.url.indexOf('#') > 0) {
|
|
tabUrlHasHash[tabId] = true;
|
|
} else if (tabUrlHasHash[tabId]) {
|
|
delete tabUrlHasHash[tabId];
|
|
} else {
|
|
// do nothing since the tab neither had # before nor has # now
|
|
return;
|
|
}
|
|
webNavigationListener("styleReplaceAll", {tabId: tabId, frameId: 0, url: info.url});
|
|
}
|
|
});
|
|
chrome.tabs.onRemoved.addListener(function(tabId, info) {
|
|
delete tabUrlHasHash[tabId];
|
|
});
|
|
|
|
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
|
|
switch (request.method) {
|
|
case "getStyles":
|
|
var styles = getStyles(request, sendResponse);
|
|
// check if this is a main content frame style enumeration
|
|
if (request.matchUrl && !request.id
|
|
&& sender && sender.tab && sender.frameId == 0
|
|
&& sender.tab.url == request.matchUrl) {
|
|
updateIcon(sender.tab, styles);
|
|
}
|
|
return KEEP_CHANNEL_OPEN;
|
|
case "saveStyle":
|
|
saveStyle(request).then(sendResponse);
|
|
return KEEP_CHANNEL_OPEN;
|
|
case "invalidateCache":
|
|
if (typeof invalidateCache != "undefined") {
|
|
invalidateCache(false);
|
|
}
|
|
break;
|
|
case "healthCheck":
|
|
getDatabase(function() { sendResponse(true); }, function() { sendResponse(false); });
|
|
return KEEP_CHANNEL_OPEN;
|
|
case "openURL":
|
|
openURL(request);
|
|
break;
|
|
case "styleDisableAll":
|
|
chrome.contextMenus.update("disableAll", {checked: request.disableAll});
|
|
break;
|
|
case "prefChanged":
|
|
if (request.prefName == "show-badge") {
|
|
chrome.contextMenus.update("show-badge", {checked: request.value});
|
|
}
|
|
else if (request.prefName === 'disableAll') {
|
|
chrome.contextMenus.update("disableAll", {checked: request.value});
|
|
}
|
|
break;
|
|
case "refreshAllTabs":
|
|
refreshAllTabs().then(sendResponse);
|
|
return KEEP_CHANNEL_OPEN;
|
|
}
|
|
});
|
|
|
|
|
|
// Not available in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1240350
|
|
if ("commands" in chrome) {
|
|
chrome.commands.onCommand.addListener(function(command) {
|
|
switch (command) {
|
|
case "openManage":
|
|
openURL({url: chrome.extension.getURL("manage.html")});
|
|
break;
|
|
case "styleDisableAll":
|
|
disableAllStylesToggle();
|
|
chrome.contextMenus.update("disableAll", {checked: prefs.get("disableAll")});
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
|
|
// contextMenus API is present in ancient Chrome but it throws an exception
|
|
// upon encountering the unsupported parameter value "browser_action", so we have to catch it.
|
|
runTryCatch(function() {
|
|
chrome.contextMenus.create({
|
|
id: "show-badge", title: chrome.i18n.getMessage("menuShowBadge"),
|
|
type: "checkbox", contexts: ["browser_action"], checked: prefs.get("show-badge")
|
|
}, function() { var clearError = chrome.runtime.lastError });
|
|
chrome.contextMenus.create({
|
|
id: "disableAll", title: chrome.i18n.getMessage("disableAllStyles"),
|
|
type: "checkbox", contexts: ["browser_action"], checked: prefs.get("disableAll")
|
|
}, function() { var clearError = chrome.runtime.lastError });
|
|
chrome.contextMenus.create({
|
|
id: "open-manager", title: chrome.i18n.getMessage("openStylesManager"),
|
|
type: "normal", contexts: ["browser_action"]
|
|
}, function() {var clearError = chrome.runtime.lastError});
|
|
});
|
|
|
|
chrome.contextMenus.onClicked.addListener(function(info, tab) {
|
|
if (info.menuItemId == "disableAll") {
|
|
disableAllStylesToggle(info.checked);
|
|
}
|
|
else if (info.menuItemId === 'show-badge') {
|
|
prefs.set(info.menuItemId, info.checked);
|
|
}
|
|
else if (info.menuItemId === 'open-manager') {
|
|
openURL({url: chrome.extension.getURL("manage.html")});
|
|
}
|
|
});
|
|
|
|
function disableAllStylesToggle(newState) {
|
|
if (newState === undefined || newState === null) {
|
|
newState = !prefs.get("disableAll");
|
|
}
|
|
prefs.set("disableAll", newState);
|
|
}
|
|
|
|
// Get the DB so that any first run actions will be performed immediately when the background page loads.
|
|
getDatabase(function() {}, reportError);
|
|
|
|
// When an edit page gets attached or detached, remember its state so we can do the same to the next one to open.
|
|
var editFullUrl = chrome.extension.getURL("edit.html");
|
|
chrome.tabs.onAttached.addListener(function(tabId, data) {
|
|
chrome.tabs.get(tabId, function(tabData) {
|
|
if (tabData.url.indexOf(editFullUrl) == 0) {
|
|
chrome.windows.get(tabData.windowId, {populate: true}, function(win) {
|
|
// If there's only one tab in this window, it's been dragged to new window
|
|
prefs.set("openEditInWindow", win.tabs.length == 1);
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
function openURL(options) {
|
|
chrome.tabs.query({currentWindow: true, url: options.url}, function(tabs) {
|
|
// switch to an existing tab with the requested url
|
|
if (tabs.length) {
|
|
chrome.tabs.highlight({windowId: tabs[0].windowId, tabs: tabs[0].index}, function (window) {});
|
|
} else {
|
|
delete options.method;
|
|
getActiveTab(function(tab) {
|
|
// re-use an active new tab page
|
|
chrome.tabs[tab.url == "chrome://newtab/" ? "update" : "create"](options);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
var codeMirrorThemes;
|
|
getCodeMirrorThemes(function(themes) {
|
|
codeMirrorThemes = themes;
|
|
});
|
|
|
|
// do not use prefs.get('version', null) as it might not yet be available
|
|
chrome.storage.local.get('version', prefs => {
|
|
// Open FAQs page once after installation to guide new users,
|
|
// https://github.com/schomery/stylish-chrome/issues/22#issuecomment-279936160
|
|
if (!prefs.version) {
|
|
// do not display the FAQs page in development mode
|
|
if ('update_url' in chrome.runtime.getManifest()) {
|
|
let version = chrome.runtime.getManifest().version;
|
|
chrome.storage.local.set({
|
|
version
|
|
}, () => {
|
|
window.setTimeout(() => {
|
|
chrome.tabs.create({
|
|
url: 'http://add0n.com/stylus.html?version=' + version + '&type=install'
|
|
});
|
|
}, 3000);
|
|
})
|
|
}
|
|
}
|
|
});
|
|
|
|
// after the extension was enabled or just installed
|
|
injectContentScripts({reason: 'update'});
|
|
// after an actual update
|
|
chrome.runtime.onInstalled.addListener(injectContentScripts);
|
|
|
|
function injectContentScripts({reason, previousVersion, id, checkFirst} = {}) {
|
|
// reason: install, update, chrome_update, shared_module_update
|
|
// the "install" case is ignored because it was already handled by explicit invocation of this function
|
|
if (!/update/.test(reason)) {
|
|
return;
|
|
}
|
|
const contentScripts = chrome.app.getDetails().content_scripts;
|
|
for (let cs of contentScripts) {
|
|
cs.matches = cs.matches.map(m => m == '<all_urls>' ? m : wildcardAsRegExp(m));
|
|
}
|
|
chrome.tabs.query({url: '*://*/*'}, tabs => {
|
|
for (let tab of tabs) {
|
|
for (let cs of contentScripts) {
|
|
for (let m of cs.matches) {
|
|
if (m == '<all_urls>' || tab.url.match(m)) {
|
|
chrome.tabs.sendMessage(tab.id, {method: 'ping'}, pong => {
|
|
if (!pong) {
|
|
chrome.tabs.executeScript(tab.id, {
|
|
file: cs.js[0],
|
|
runAt: cs.run_at,
|
|
allFrames: cs.all_frames,
|
|
}, result => chrome.runtime.lastError); // ignore lastError just in case
|
|
}
|
|
});
|
|
// inject the content script just once
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|