Skip to content

Change styles injection logic #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kulikov-a wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Change styles injection logic #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,6 @@
"update.popup.js",
"processTree.popup.js",
"script.js"],
"css": ["siemMonkey.css","libs/jquery-ui-1.12.1/jquery-ui.min.monkey.css"],
"all_frames": true
}
],
Expand All @@ -45,7 +44,7 @@
{
"resources": [
"img/icon128.png",
"siemMonkey.css",
"siemMonkey.css",
"customfilters.json",
"fieldaliases.json",
"xhr_override.js",
Expand Down
5 changes: 4 additions & 1 deletion popup.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,10 @@ body.loading .lds-dual-ring {
display: block;
}

* { font-family:Roboto,Helvetica Neue,sans-serif; font-size:10px; }
:not([class^="ui-datepicker"]) {
font-family: Roboto,Helvetica Neue,sans-serif;
font-size: 10px;
}

.parent {
color: white;
Expand Down
78 changes: 39 additions & 39 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,10 +88,46 @@ var SearchBananas = function (selectors, callback, interval, timeout) {
}, interval);
};

/**
* Adopting a constructed stylesheet to be used by the document or ShadowRoots
* @param {*} doc document or ShadowRoot to adopt
* @param {*} path CSS file path
*/
function adoptCSS(doc, path) {
let MonkeyCSS;
try {
let css_url = chrome.runtime.getURL(path);
let xhr = new XMLHttpRequest();
xhr.onload = function () {
MonkeyCSS = this.response;
};
xhr.open("GET", css_url, false);
xhr.send();
} catch (err) {
console.log("Не удалось прочитать файл " + path);
return;
}
const sheet = new CSSStyleSheet();
sheet.replaceSync(MonkeyCSS);
doc.adoptedStyleSheets = [sheet];
}

SearchBananas(
siem_bananas,
function () {
insertMonkeyIntoUI();

// load CSS in main tree
let ui_css_path = chrome.runtime.getURL("libs/jquery-ui-1.12.1/jquery-ui.min.monkey.css");
let ui_css_path2 = chrome.runtime.getURL("siemMonkey.css");
$('head').append($('<link>')
.attr("rel","stylesheet")
.attr("type","text/css")
.attr("href", ui_css_path));
$('head').append($('<link>')
.attr("rel","stylesheet")
.attr("type","text/css")
.attr("href", ui_css_path2));
// Если есть элементы "legacy-overlay" и "legacy-events-page", то мы очутились в 26.1
// Загружать CSS и вешать обработчик мутаций страницы нужно внутри shadowRoot
let legacy_overlay = $("legacy-overlay");
Expand All @@ -103,27 +139,7 @@ SearchBananas(
characterData: true,
attributes: true,
});
let jquery_ui_css;
try {
let css_url = chrome.runtime.getURL(
"libs/jquery-ui-1.12.1/jquery-ui.min.monkey.css" // using jquery-ui css just with embedded images
);
let xhr = new XMLHttpRequest();
xhr.onload = function () {
jquery_ui_css = this.response;
};
xhr.open("GET", css_url, false);
xhr.send();
} catch (err) {
console.log(
"Не удалось прочитать файл libs/jquery-ui-1.12.1/jquery-ui.min.monkey.css"
);
return;
}

const sheet = new CSSStyleSheet();
sheet.replaceSync(jquery_ui_css);
shadowRoot.adoptedStyleSheets = [sheet];
adoptCSS(shadowRoot, "libs/jquery-ui-1.12.1/jquery-ui.min.monkey.css"); // using jquery-ui css just with embedded images
}

let legacy_events_page = $("legacy-events-page");
Expand All @@ -135,26 +151,10 @@ SearchBananas(
characterData: true,
attributes: true,
});
let siemMonkeyCSS;
try {
let css_url = chrome.runtime.getURL("siemMonkey.css");
let xhr = new XMLHttpRequest();
xhr.onload = function () {
siemMonkeyCSS = this.response;
};
xhr.open("GET", css_url, false);
xhr.send();
} catch (err) {
console.log("Не удалось прочитать файл siemMonkey.css");
return;
}

const sheet = new CSSStyleSheet();
sheet.replaceSync(siemMonkeyCSS);
shadowRoot.adoptedStyleSheets = [sheet];
adoptCSS(shadowRoot, "siemMonkey.css");
} else {
// Старый добрый UI до 26.0 включительно - вешаем обработчик мутаций прямо на весь document,
// а CSSы уже и так загружены расширением
// CSS уже подгружен в основное дерево
observer.observe(document, {
childList: true,
subtree: true,
Expand Down