.*<\/h3>/;
-const regexpPetHtmlSelf =
- /.*<\/h3>/;
-
-const regexpFloat = /[+-]?(?=\d*[.eE])(?=\.?\d)\d*\.?\d*(?:[eE][+-]?\d+)?/;
-const regexpValue = /\>(.*?)\ {
- return new Promise((resolve) => {
- const styleObserver = new MutationObserver((mutations) => {
- mutations.forEach((mutation) => {
- if (mutation.target.style.display === "none") {
- resolve();
- }
- });
- });
-
- styleObserver.observe(loader, {
- attributes: true,
- attributeFilter: ["style"],
- });
- });
-};
-
-// was used as test but could be useful in the future depending on URLparams update
-/* const detectSelectedTab = () => {
- return new Promise((resolve) => {
- const childChangeObserver = new MutationObserver((mutations) => {
- mutations.forEach((mutation) => {
- if (mutation.target.className.match("selected")) {
- // first time clicking on horse = empty 'style', then 'style="display: block;"'
- resolve("horse");
- } else {
- resolve("other");
- }
- });
- });
-
- childChangeObserver.observe(tabChevaux, {
- attributes: true,
- attributeFilter: ["class"],
- });
- });
-}; */
-
-function querySelectorAllLive(el, selector) {
- const result = Array.prototype.slice.call(el.querySelectorAll(selector));
-
- const nodeObserver = new MutationObserver((mutations) => {
- mutations.forEach((mutation) => {
- [].forEach.call(mutation.addedNodes, (node) => {
- if (node.nodeType === NODE.ELEMENT_NODE && node.matches(selector)) {
- result.push(node);
- nodeObserver.disconnect();
- }
- });
- });
- });
-
- nodeObserver.observe(el, { childList: true, subtree: true });
-
- return result;
-}
+class MoreInfos {
+ constructor() {
+ this.regexpBlupHtml =
+ /[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?<\/strong><\/td>/
+ this.regexpPGHtml =
+ /Total.+[+-]?(?=\d*[.eE])(?=\.?\d)\d*\.?\d*(?:[eE][+-]?\d+)?<\/strong>/
+ this.regexpSkillsHtml =
+ /[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?<\/span>/
+ this.regexpPetHtmlOthers =
+ /.*<\/h3>/
+ this.regexpPetHtmlSelf =
+ /.*<\/h3>/
+
+ this.regexpFloat = /[+-]?(?=\d*[.eE])(?=\.?\d)\d*\.?\d*(?:[eE][+-]?\d+)?/
+ this.regexpValue = /\>(.*?)\ -1
+ this.sellsLocation = window.location.href.indexOf("marche/vente") > -1
+ this.boxesLocation = window.location.href.indexOf("centre/box") > -1
+ this.communauteLocation =
+ window.location.href.indexOf("communaute/?type=tab") > -1
+
+ this.locationAllowed = this.elevageLocation || this.sellsLocation || this.boxesLocation || this.communauteLocation
+ }
+
+ querySelectorAllLive(element, selector) {
+ const result = Array.prototype.slice.call(element.querySelectorAll(selector))
-const parser = new DOMParser();
+ const nodeObserver = new MutationObserver((mutations) => {
+ mutations.forEach((mutation) => {
+ [].forEach.call(mutation.addedNodes, (node) => {
+ if (node.nodeType === NODE.ELEMENT_NODE && node.matches(selector)) {
+ result.push(node)
+ nodeObserver.disconnect()
+ }
+ })
+ })
+ })
-function parseHTML(targetDiv, html, selector) {
- const parsedTargetDivHTML = parser.parseFromString(html, `text/html`);
- const targetDivTags = querySelectorAllLive(parsedTargetDivHTML, selector);
+ nodeObserver.observe(element, { childList: true, subtree: true })
- for (const tag of targetDivTags) {
- targetDiv.appendChild(tag);
+ return result
}
-}
-const elevageLocation =
- window.location.href.indexOf("elevage/chevaux/?elevage") > -1;
-const sellsLocation = window.location.href.indexOf("marche/vente") > -1;
-const boxesLocation = window.location.href.indexOf("centre/box") > -1;
-const communauteLocation =
- window.location.href.indexOf("communaute/?type=tab") > -1;
+ parseHTML(targetDiv, html, selector) {
+ const parsedTargetDivHTML = this.parser.parseFromString(html, `text/html`)
+ const targetDivTags = this.querySelectorAllLive(parsedTargetDivHTML, selector)
-let locationAllowed;
-if (elevageLocation || sellsLocation || boxesLocation || communauteLocation) {
- locationAllowed = true;
-}
+ for (const tag of targetDivTags) {
+ targetDiv.appendChild(tag)
+ }
+ }
-function moreInfos() {
- const isDetailedView = document.getElementById("detail-chevaux");
- const names = document.getElementsByClassName("horsename");
- const namesArr = Array.from(names);
-
- namesArr.forEach((name) => {
- fetch(name.href)
- .then((res) => res.text())
- .then((data) => {
- const infoDiv = document.createElement("div");
- infoDiv.className = "infodiv";
- infoDiv.style.display = "flex";
- infoDiv.style.flexFlow = "column nowrap";
- infoDiv.style.margin = ".25em 0";
- infoDiv.style.color = "#993322";
-
- if (!boxesLocation && locationAllowed) {
- const blupHtml = data.match(regexpBlupHtml);
- const PetHtml =
- data.match(regexpPetHtmlOthers) || data.match(regexpPetHtmlSelf);
- if (blupHtml) {
- const blupFloat = blupHtml[0].match(regexpFloat);
- parseHTML(
- infoDiv,
- '
Blup: ' +
+ run() {
+ const isDetailedView = document.getElementById("detail-chevaux")
+ const names = document.getElementsByClassName("horsename")
+ const namesArr = Array.from(names)
+
+ namesArr.forEach((name) => {
+ fetch(name.href)
+ .then((res) => res.text())
+ .then((data) => {
+ const infoDiv = document.createElement("div")
+ infoDiv.className = "infodiv"
+ infoDiv.style.display = "flex"
+ infoDiv.style.flexFlow = "column nowrap"
+ infoDiv.style.margin = ".25em 0"
+ infoDiv.style.color = "#993322"
+
+ if (!this.boxesLocation && this.locationAllowed) {
+ const blupHtml = data.match(this.regexpBlupHtml)
+ const PetHtml =
+ data.match(this.regexpPetHtmlOthers) || data.match(this.regexpPetHtmlSelf)
+ if (blupHtml) {
+ const blupFloat = blupHtml[0].match(this.regexpFloat)
+ this.parseHTML(
+ infoDiv,
+ '
Blup: ' +
blupFloat[0] +
"
",
- "p"
- );
- }
- if (PetHtml) {
- const PetName = PetHtml[0].match(regexpValue);
- parseHTML(
- infoDiv,
- `${
- isFrenchApp ? "Familier: " : "Pet: "
- }${PetName[1]}
`,
- "p"
- );
+ "p"
+ )
+ }
+
+ if (PetHtml) {
+ const PetName = PetHtml[0].match(this.regexpValue)
+ this.parseHTML(
+ infoDiv,
+ `${translation.get(this.lang, 'other', 'pet')}${PetName[1]}
`,
+ "p"
+ )
+ }
+
+ // pegase / VIP
+ if (
+ !isDetailedView &&
+ !(this.sellsLocation)
+ ) {
+ const PGHtml = data.match(this.regexpPGHtml)
+ if (PGHtml) {
+ const PGFloat = PGHtml[0].match(this.regexpFloat)
+ this.parseHTML(
+ infoDiv,
+ `${translation.get(this.lang, 'other', 'pg')}${PGFloat[0]}
`,
+ "p"
+ )
+ }
+ }
}
- // pegase / VIP
if (
- !isDetailedView &&
- !(window.location.href.indexOf("marche/vente") > -1)
+ (this.elevageLocation && !isDetailedView) || this.boxesLocation
) {
- const PGHtml = data.match(regexpPGHtml);
- if (PGHtml) {
- const PGFloat = PGHtml[0].match(regexpFloat);
- parseHTML(
+ const skillsHtml = data.match(this.regexpSkillsHtml)
+ if (skillsHtml) {
+ const skillsFloat = skillsHtml[0].match(this.regexpFloat)
+ this.parseHTML(
infoDiv,
- `${
- isFrenchApp ? "PG: " : "GP: "
- }${PGFloat[0]}
`,
+ `${translation.get(this.lang, 'other', 'skills')}${skillsFloat[0]}
`,
"p"
- );
+ )
}
}
- }
-
- if (
- (window.location.href.indexOf("elevage/chevaux/?elevage") > -1 &&
- !isDetailedView) ||
- window.location.href.indexOf("centre/box") > -1
- ) {
- const skillsHtml = data.match(regexpSkillsHtml);
- if (skillsHtml) {
- const skillsFloat = skillsHtml[0].match(regexpFloat);
- parseHTML(
- infoDiv,
- `${
- isFrenchApp ? "Compétences: " : "Skills: "
- }${skillsFloat[0]}
`,
- "p"
- );
+
+ if (this.locationAllowed) {
+ name.parentNode.insertBefore(infoDiv, name.nextSibling)
+
+ // remove
element before affixes in some views (cf: detailed view in breeding)
+ const br = name.parentNode.querySelector("br")
+ br && br.remove()
+ return
}
- }
-
- if (locationAllowed) {
- name.parentNode.insertBefore(infoDiv, name.nextSibling);
-
- // remove
element before affixes in some views (cf: detailed view in breeding)
- const br = name.parentNode.querySelector("br");
- br && br.remove();
- return;
- }
- return;
- });
- });
+ return
+ })
+ })
+ }
}
-/**
- * handle the pages at the bottom of the community horse tab during a research to update infodiv after clicking them
- */
-const handleDataPages = () => {
- const dataPages = document.querySelectorAll("a[data-page]");
- if (dataPages.length > 0) {
- dataPages.forEach((datapage) => {
- datapage.addEventListener("click", async () => {
- await updateAfterLoading();
- moreInfos();
- handleDataPages();
- });
- });
- }
-};
-
-const handleCurrentTab = async () => {
- if (window.location.href.indexOf("communaute/?type=tab-che") > -1) {
- setTimeout(() => {
- const searchBtnCommunaute = document.querySelector("#searchHorseButton");
- searchBtnCommunaute.addEventListener("click", async () => {
- await updateAfterLoading();
- moreInfos();
- handleDataPages();
- });
- }, 400);
- } else return;
-};
-
-window.onload = async () => {
- if (locationAllowed) {
- setTimeout(() => {
- moreInfos();
- }, 500);
- }
+const moreInfos = new MoreInfos()
- if (elevageLocation) {
- const breedingsBtn = document.getElementsByClassName("tab-action-select");
- Array.from(breedingsBtn).forEach((breedingBtn) => {
- breedingBtn.addEventListener("click", async () => {
- await updateAfterLoading();
- moreInfos();
- });
- });
- }
+if (moreInfos.locationAllowed) {
+ moreInfos.run()
- if (communauteLocation) {
- await handleCurrentTab();
- const tabs = document.getElementsByClassName("tab-style-6-0-0");
- Array.from(tabs).forEach((tab) => {
- tab.addEventListener("click", async () => {
- await handleCurrentTab();
- });
- });
+ const startObserver = () => {
+ observer.start().then(() => {
+ moreInfos.run()
+ startObserver()
+ })
}
-};
+ startObserver()
+}
diff --git a/popup.css b/popup.css
deleted file mode 100644
index 8fcd880..0000000
--- a/popup.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
- * Copyright (c) 2022. Gwen Tripet-Costet
- * This file is part of Better Equideow (Better Howrse).
- * Better Equideow (Better Howrse) is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
- * Better Equideow (Better Howrse) is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
- * You should have received a copy of the GNU General Public License along with this program. If not, see 
- 
- 
-
-
diff --git a/popup.js b/popup.js
deleted file mode 100644
index 0bb0070..0000000
--- a/popup.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * Copyright (c) 2022. Gwen Tripet-Costet
- * This file is part of Better Equideow (Better Howrse).
- * Better Equideow (Better Howrse) is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
- * Better Equideow (Better Howrse) is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
- * You should have received a copy of the GNU General Public License along with this program. If not, see
.*<\/h3>/
+ this.regexpPetHtmlSelf =
+ /.*<\/h3>/
+
+ this.regexpFloat = /[+-]?(?=\d*[.eE])(?=\.?\d)\d*\.?\d*(?:[eE][+-]?\d+)?/
+ this.regexpValue = /\>(.*?)\ -1
+ this.sellsLocation = window.location.href.indexOf("marche/vente") > -1
+ this.boxesLocation = window.location.href.indexOf("centre/box") > -1
+ this.communauteLocation =
+ window.location.href.indexOf("communaute/?type=tab") > -1
+
+ this.locationAllowed = this.elevageLocation || this.sellsLocation || this.boxesLocation || this.communauteLocation
+ }
+
+ querySelectorAllLive(element, selector) {
+ const result = Array.prototype.slice.call(element.querySelectorAll(selector))
-const parser = new DOMParser();
+ const nodeObserver = new MutationObserver((mutations) => {
+ mutations.forEach((mutation) => {
+ [].forEach.call(mutation.addedNodes, (node) => {
+ if (node.nodeType === NODE.ELEMENT_NODE && node.matches(selector)) {
+ result.push(node)
+ nodeObserver.disconnect()
+ }
+ })
+ })
+ })
-function parseHTML(targetDiv, html, selector) {
- const parsedTargetDivHTML = parser.parseFromString(html, `text/html`);
- const targetDivTags = querySelectorAllLive(parsedTargetDivHTML, selector);
+ nodeObserver.observe(element, { childList: true, subtree: true })
- for (const tag of targetDivTags) {
- targetDiv.appendChild(tag);
+ return result
}
-}
-const elevageLocation =
- window.location.href.indexOf("elevage/chevaux/?elevage") > -1;
-const sellsLocation = window.location.href.indexOf("marche/vente") > -1;
-const boxesLocation = window.location.href.indexOf("centre/box") > -1;
-const communauteLocation =
- window.location.href.indexOf("communaute/?type=tab") > -1;
+ parseHTML(targetDiv, html, selector) {
+ const parsedTargetDivHTML = this.parser.parseFromString(html, `text/html`)
+ const targetDivTags = this.querySelectorAllLive(parsedTargetDivHTML, selector)
-let locationAllowed;
-if (elevageLocation || sellsLocation || boxesLocation || communauteLocation) {
- locationAllowed = true;
-}
+ for (const tag of targetDivTags) {
+ targetDiv.appendChild(tag)
+ }
+ }
-function moreInfos() {
- const isDetailedView = document.getElementById("detail-chevaux");
- const names = document.getElementsByClassName("horsename");
- const namesArr = Array.from(names);
-
- namesArr.forEach((name) => {
- fetch(name.href)
- .then((res) => res.text())
- .then((data) => {
- const infoDiv = document.createElement("div");
- infoDiv.className = "infodiv";
- infoDiv.style.display = "flex";
- infoDiv.style.flexFlow = "column nowrap";
- infoDiv.style.margin = ".25em 0";
- infoDiv.style.color = "#993322";
-
- if (!boxesLocation && locationAllowed) {
- const blupHtml = data.match(regexpBlupHtml);
- const PetHtml =
- data.match(regexpPetHtmlOthers) || data.match(regexpPetHtmlSelf);
- if (blupHtml) {
- const blupFloat = blupHtml[0].match(regexpFloat);
- parseHTML(
- infoDiv,
- '
Blup: ' + + run() { + const isDetailedView = document.getElementById("detail-chevaux") + const names = document.getElementsByClassName("horsename") + const namesArr = Array.from(names) + + namesArr.forEach((name) => { + fetch(name.href) + .then((res) => res.text()) + .then((data) => { + const infoDiv = document.createElement("div") + infoDiv.className = "infodiv" + infoDiv.style.display = "flex" + infoDiv.style.flexFlow = "column nowrap" + infoDiv.style.margin = ".25em 0" + infoDiv.style.color = "#993322" + + if (!this.boxesLocation && this.locationAllowed) { + const blupHtml = data.match(this.regexpBlupHtml) + const PetHtml = + data.match(this.regexpPetHtmlOthers) || data.match(this.regexpPetHtmlSelf) + if (blupHtml) { + const blupFloat = blupHtml[0].match(this.regexpFloat) + this.parseHTML( + infoDiv, + '
Blup: ' + blupFloat[0] + "
", - "p" - ); - } - if (PetHtml) { - const PetName = PetHtml[0].match(regexpValue); - parseHTML( - infoDiv, - `${ - isFrenchApp ? "Familier: " : "Pet: " - }${PetName[1]}
`, - "p" - ); + "p" + ) + } + + if (PetHtml) { + const PetName = PetHtml[0].match(this.regexpValue) + this.parseHTML( + infoDiv, + `${translation.get(this.lang, 'other', 'pet')}${PetName[1]}
`, + "p" + ) + } + + // pegase / VIP + if ( + !isDetailedView && + !(this.sellsLocation) + ) { + const PGHtml = data.match(this.regexpPGHtml) + if (PGHtml) { + const PGFloat = PGHtml[0].match(this.regexpFloat) + this.parseHTML( + infoDiv, + `${translation.get(this.lang, 'other', 'pg')}${PGFloat[0]}
`, + "p" + ) + } + } } - // pegase / VIP if ( - !isDetailedView && - !(window.location.href.indexOf("marche/vente") > -1) + (this.elevageLocation && !isDetailedView) || this.boxesLocation ) { - const PGHtml = data.match(regexpPGHtml); - if (PGHtml) { - const PGFloat = PGHtml[0].match(regexpFloat); - parseHTML( + const skillsHtml = data.match(this.regexpSkillsHtml) + if (skillsHtml) { + const skillsFloat = skillsHtml[0].match(this.regexpFloat) + this.parseHTML( infoDiv, - `${ - isFrenchApp ? "PG: " : "GP: " - }${PGFloat[0]}
`, + `${translation.get(this.lang, 'other', 'skills')}${skillsFloat[0]}
`, "p" - ); + ) } } - } - - if ( - (window.location.href.indexOf("elevage/chevaux/?elevage") > -1 && - !isDetailedView) || - window.location.href.indexOf("centre/box") > -1 - ) { - const skillsHtml = data.match(regexpSkillsHtml); - if (skillsHtml) { - const skillsFloat = skillsHtml[0].match(regexpFloat); - parseHTML( - infoDiv, - `${ - isFrenchApp ? "Compétences: " : "Skills: " - }${skillsFloat[0]}
`, - "p" - ); + + if (this.locationAllowed) { + name.parentNode.insertBefore(infoDiv, name.nextSibling) + + // removeelement before affixes in some views (cf: detailed view in breeding) + const br = name.parentNode.querySelector("br") + br && br.remove() + return } - } - - if (locationAllowed) { - name.parentNode.insertBefore(infoDiv, name.nextSibling); - - // remove
element before affixes in some views (cf: detailed view in breeding) - const br = name.parentNode.querySelector("br"); - br && br.remove(); - return; - } - return; - }); - }); + return + }) + }) + } } -/** - * handle the pages at the bottom of the community horse tab during a research to update infodiv after clicking them - */ -const handleDataPages = () => { - const dataPages = document.querySelectorAll("a[data-page]"); - if (dataPages.length > 0) { - dataPages.forEach((datapage) => { - datapage.addEventListener("click", async () => { - await updateAfterLoading(); - moreInfos(); - handleDataPages(); - }); - }); - } -}; - -const handleCurrentTab = async () => { - if (window.location.href.indexOf("communaute/?type=tab-che") > -1) { - setTimeout(() => { - const searchBtnCommunaute = document.querySelector("#searchHorseButton"); - searchBtnCommunaute.addEventListener("click", async () => { - await updateAfterLoading(); - moreInfos(); - handleDataPages(); - }); - }, 400); - } else return; -}; - -window.onload = async () => { - if (locationAllowed) { - setTimeout(() => { - moreInfos(); - }, 500); - } +const moreInfos = new MoreInfos() - if (elevageLocation) { - const breedingsBtn = document.getElementsByClassName("tab-action-select"); - Array.from(breedingsBtn).forEach((breedingBtn) => { - breedingBtn.addEventListener("click", async () => { - await updateAfterLoading(); - moreInfos(); - }); - }); - } +if (moreInfos.locationAllowed) { + moreInfos.run() - if (communauteLocation) { - await handleCurrentTab(); - const tabs = document.getElementsByClassName("tab-style-6-0-0"); - Array.from(tabs).forEach((tab) => { - tab.addEventListener("click", async () => { - await handleCurrentTab(); - }); - }); + const startObserver = () => { + observer.start().then(() => { + moreInfos.run() + startObserver() + }) } -}; + startObserver() +} diff --git a/popup.css b/popup.css deleted file mode 100644 index 8fcd880..0000000 --- a/popup.css +++ /dev/null @@ -1,11 +0,0 @@ -/* - * Copyright (c) 2022. Gwen Tripet-Costet - * This file is part of Better Equideow (Better Howrse). - * Better Equideow (Better Howrse) is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. - * Better Equideow (Better Howrse) is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. - * You should have received a copy of the GNU General Public License along with this program. If not, see
-
-
-
-
diff --git a/popup.js b/popup.js
deleted file mode 100644
index 0bb0070..0000000
--- a/popup.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * Copyright (c) 2022. Gwen Tripet-Costet
- * This file is part of Better Equideow (Better Howrse).
- * Better Equideow (Better Howrse) is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
- * Better Equideow (Better Howrse) is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
- * You should have received a copy of the GNU General Public License along with this program. If not, see