,
+ config: PatchLoaderConfig,
+) {
+ const currentUrl = window.location.href;
+
+ for (const path in patches) {
+ const patch = patches[path];
+ const { meta, init } = patch;
+
+ if (
+ (meta.world ?? "ISOLATED" !== config.world) ||
+ (meta.runAt ?? "document_idle" !== config.runAt)
+ )
+ continue;
+ if (!meta.matches.some((pattern) => pattern.test(currentUrl))) continue;
+
+ if (meta.runStrategy === "once") {
+ if (loadedPatches.has(meta.id)) continue;
+ loadedPatches.add(meta.id);
+ }
+
+ if ((await SettingsManager.isPatchEnabled(meta.id)) === false) continue;
+
+ const settings = await SettingsManager.getPatchSettings(meta);
+
+ try {
+ await init(settings);
+ } catch (err) {
+ console.error(
+ `Error initializing patch "${meta.name}" (${meta.id}):`,
+ err,
+ );
+ }
+ }
+}
diff --git a/patches/alignDetailedGradesButton.css b/src/patches/alignDetailedGradesButton.css
similarity index 96%
rename from patches/alignDetailedGradesButton.css
rename to src/patches/alignDetailedGradesButton.css
index 358c681..0c8c9d3 100644
--- a/patches/alignDetailedGradesButton.css
+++ b/src/patches/alignDetailedGradesButton.css
@@ -1,3 +1,3 @@
.grades__subject {
justify-content: space-between;
-}
\ No newline at end of file
+}
diff --git a/patches/apis/aside.js b/src/patches/apis/aside.js
similarity index 87%
rename from patches/apis/aside.js
rename to src/patches/apis/aside.js
index 450a9cc..560ee09 100644
--- a/patches/apis/aside.js
+++ b/src/patches/apis/aside.js
@@ -1,42 +1,43 @@
-import { waitForRender } from "./waitForElement.js";
-
-let asideReads = 0;
-
-const getAsideElement = async () => {
- if (window.asideMode === "hidden" && document.querySelector("aside")) {
- return document.querySelector("aside");
- }
-
- asideReads++;
- if (!document.querySelector("aside"))
- document.querySelector(".header__hamburger__icon button").click();
- await waitForRender(() => document.querySelector("aside"));
- document.querySelector("aside").classList.add("hideAside");
- return document.querySelector("aside");
-};
-
-const closeAside = () => {
- const closeButton = document.querySelector(".aside-button--close");
- if (window.asideMode !== "hidden") {
- asideReads--;
- if (closeButton && asideReads <= 0) closeButton.click();
- document.querySelector("aside")?.classList?.remove("hideAside");
- }
-};
-
-export const executeActionOnAside = async (fn) => {
- const aside = await getAsideElement();
- await fn(aside)
- if (!document.querySelector("aside") && window.asideMode === "hidden") {
- document.querySelector(".header__hamburger__icon button").click();
- } else asideReads--;
-}
-
-export const clickOnAside = (selector) => executeActionOnAside((aside) => aside.querySelector(selector)?.click());
-
-export const getFromAside = async (fn) => {
- const aside = await getAsideElement();
- const result = await fn(aside);
- closeAside();
- return result;
-};
+import { waitForRender } from "./waitForElement.js";
+
+let asideReads = 0;
+
+const getAsideElement = async () => {
+ if (window.asideMode === "hidden" && document.querySelector("aside")) {
+ return document.querySelector("aside");
+ }
+
+ asideReads++;
+ if (!document.querySelector("aside"))
+ document.querySelector(".header__hamburger__icon button").click();
+ await waitForRender(() => document.querySelector("aside"));
+ document.querySelector("aside").classList.add("hideAside");
+ return document.querySelector("aside");
+};
+
+const closeAside = () => {
+ const closeButton = document.querySelector(".aside-button--close");
+ if (window.asideMode !== "hidden") {
+ asideReads--;
+ if (closeButton && asideReads <= 0) closeButton.click();
+ document.querySelector("aside")?.classList?.remove("hideAside");
+ }
+};
+
+export const executeActionOnAside = async (fn) => {
+ const aside = await getAsideElement();
+ await fn(aside);
+ if (!document.querySelector("aside") && window.asideMode === "hidden") {
+ document.querySelector(".header__hamburger__icon button").click();
+ } else asideReads--;
+};
+
+export const clickOnAside = (selector) =>
+ executeActionOnAside((aside) => aside.querySelector(selector)?.click());
+
+export const getFromAside = async (fn) => {
+ const aside = await getAsideElement();
+ const result = await fn(aside);
+ closeAside();
+ return result;
+};
diff --git a/patches/apis/bottomDateSelector/index.js b/src/patches/apis/bottomDateSelector/index.js
similarity index 92%
rename from patches/apis/bottomDateSelector/index.js
rename to src/patches/apis/bottomDateSelector/index.js
index fe1d654..2720301 100644
--- a/patches/apis/bottomDateSelector/index.js
+++ b/src/patches/apis/bottomDateSelector/index.js
@@ -1,218 +1,222 @@
-import { waitForRender } from "../waitForElement.js";
-
-const dayNames = [
- "poniedziałek",
- "wtorek",
- "środa",
- "czwartek",
- "piątek",
- "sobota",
- "niedziela",
-];
-
-const getWeekStartingMonday = (i) => (i === 0 ? 6 : i - 1);
-
-const getWeek = (date) => {
- const DAY = 24 * 60 * 60 * 1000;
- const firstDay = new Date(`${date.getFullYear()}-01-01`);
- return Math.floor((date.getTime() - firstDay.getTime()) / DAY / 7);
-};
-
-const isSameWeek = (date, comparedDate) =>
- getWeek(date) === getWeek(comparedDate);
-
-const updateReactInput = (input, value) => {
- const setValue = Object.getOwnPropertyDescriptor(
- Object.getPrototypeOf(input),
- "value",
- ).set;
- const event = new Event("input", { bubbles: true });
-
- setValue.call(input, value);
- input.dispatchEvent(event);
-};
-
-export class SelectorRenderer {
- constructor(renderContentFn) {
- this.renderContent = renderContentFn;
-
-
- this.#render().then(() => console.debug("Rendered date selector"));
- }
-
- #createSelector(dayName) {
- const element = document.createElement("div");
- element.innerHTML = `
-
-
-
-
-
+
+
+
+
${userData.fullName[0]} `;
- userAvatar.classList.add("user-avatar");
- userDataElement.appendChild(userAvatar.cloneNode(true));
-
- const nameElement = document.createElement("div");
- nameElement.classList.add("modal-name");
- nameElement.innerHTML = `${userData?.fullName} ${userData?.username} `;
- userDataElement.appendChild(nameElement);
-
- modalElement.appendChild(userDataElement);
-
- userLinks.forEach((link, i) => {
- const linkContainer = document.createElement("div");
- linkContainer.classList.add("modal-link-container");
-
- const linkText = document.createElement("span");
- linkText.innerHTML = link.textContent;
-
- linkText.addEventListener("click", () => {
- executeActionOnAside(async () => {
- document.querySelector(".user").click();
- await waitForRender(() => document.querySelector(".user__links"));
- document.querySelectorAll(".user__links a")[i].click();
- });
- toggleModal();
- });
-
- linkContainer.appendChild(linkText);
- modalElement.appendChild(linkContainer);
- });
-
- const backButtonContainer = document.createElement("div");
- backButtonContainer.classList.add("modal-back-container");
- const backButton = document.createElement("span");
- backButton.classList.add("modal-cancel");
- backButton.innerHTML = "Anuluj";
- backButtonContainer.appendChild(backButton);
- modalElement.appendChild(backButtonContainer);
-
- modalBackground.addEventListener("click", () => {
- history.back();
- });
- backButton.addEventListener("click", () => {
- history.back();
- });
- userAvatar.addEventListener("click", () => {
- toggleModal();
- history.pushState({ ...history.state, userModal: true }, "", `${location.pathname}#user-modal`);
- });
-
- document.body.appendChild(modalElement);
- document.body.appendChild(modalBackground);
- document
- .querySelector(".header_logo_tools_user-wrapper")
- .appendChild(userAvatar);
-
- addEventListener('popstate', (e) => {
- if (document.querySelector(".modal-user").classList.contains("active")) {
- toggleModal();
- }
- });
-};
-
-window.appendModule({
- isLoaded: () =>
- document.querySelector(".header__logo-product")?.firstChild &&
- document.querySelector(".header__hamburger__icon button"),
- onlyOnReloads: true,
- run: moveUserOptionsToHeader,
- doesRunHere: () =>
- !!window.location.hostname.match(/^(dziennik-)?(wiadomosci|uczen).*/),
-});
+import { waitForRender } from "../apis/waitForElement.js";
+import { executeActionOnAside, getFromAside } from "../apis/aside.js";
+import { getUserData } from "../apis/getUserData.js";
+
+const toggleModal = () => {
+ document.querySelector(".modal-background").classList.toggle("active");
+ document.querySelector(".modal-user").classList.toggle("active");
+};
+
+const moveUserOptionsToHeader = async () => {
+ const userLinks = await getFromAside(async () => {
+ const user = document.querySelector(".user");
+ if (user) {
+ user.click();
+ await waitForRender(() => document.querySelector(".user__links a"));
+ return document.querySelectorAll(".user__links a");
+ }
+ });
+ const userData = await getUserData();
+
+ const modalBackground = document.createElement("div");
+ const modalElement = document.createElement("div");
+
+ modalBackground.classList.add("modal-background");
+ modalElement.classList.add("modal-user");
+
+ const userDataElement = document.createElement("div");
+ userDataElement.classList.add("modal-data");
+
+ const userAvatar = document.createElement("div");
+ userAvatar.innerHTML = `${userData.fullName[0]} `;
+ userAvatar.classList.add("user-avatar");
+ userDataElement.appendChild(userAvatar.cloneNode(true));
+
+ const nameElement = document.createElement("div");
+ nameElement.classList.add("modal-name");
+ nameElement.innerHTML = `${userData?.fullName} ${userData?.username} `;
+ userDataElement.appendChild(nameElement);
+
+ modalElement.appendChild(userDataElement);
+
+ userLinks.forEach((link, i) => {
+ const linkContainer = document.createElement("div");
+ linkContainer.classList.add("modal-link-container");
+
+ const linkText = document.createElement("span");
+ linkText.innerHTML = link.textContent;
+
+ linkText.addEventListener("click", () => {
+ executeActionOnAside(async () => {
+ document.querySelector(".user").click();
+ await waitForRender(() =>
+ document.querySelector(".user__links"),
+ );
+ document.querySelectorAll(".user__links a")[i].click();
+ });
+ toggleModal();
+ });
+
+ linkContainer.appendChild(linkText);
+ modalElement.appendChild(linkContainer);
+ });
+
+ const backButtonContainer = document.createElement("div");
+ backButtonContainer.classList.add("modal-back-container");
+ const backButton = document.createElement("span");
+ backButton.classList.add("modal-cancel");
+ backButton.innerHTML = "Anuluj";
+ backButtonContainer.appendChild(backButton);
+ modalElement.appendChild(backButtonContainer);
+
+ modalBackground.addEventListener("click", () => {
+ history.back();
+ });
+ backButton.addEventListener("click", () => {
+ history.back();
+ });
+ userAvatar.addEventListener("click", () => {
+ toggleModal();
+ history.pushState(
+ { ...history.state, userModal: true },
+ "",
+ `${location.pathname}#user-modal`,
+ );
+ });
+
+ document.body.appendChild(modalElement);
+ document.body.appendChild(modalBackground);
+ document
+ .querySelector(".header_logo_tools_user-wrapper")
+ .appendChild(userAvatar);
+
+ addEventListener("popstate", () => {
+ if (
+ document.querySelector(".modal-user").classList.contains("active")
+ ) {
+ toggleModal();
+ }
+ });
+};
+
+window.appendModule({
+ isLoaded: () =>
+ document.querySelector(".header__logo-product")?.firstChild &&
+ document.querySelector(".header__hamburger__icon button"),
+ onlyOnReloads: true,
+ run: moveUserOptionsToHeader,
+ doesRunHere: () =>
+ !!window.location.hostname.match(/^(dziennik-)?(wiadomosci|uczen).*/),
+});
diff --git a/patches/moveUserOptionsToHeader/styles.css b/src/patches/moveUserOptionsToHeader/styles.css
similarity index 95%
rename from patches/moveUserOptionsToHeader/styles.css
rename to src/patches/moveUserOptionsToHeader/styles.css
index a2aab12..be4d0d0 100644
--- a/patches/moveUserOptionsToHeader/styles.css
+++ b/src/patches/moveUserOptionsToHeader/styles.css
@@ -1,130 +1,130 @@
-@media screen and (max-width: 1023px) {
- .user__section,
- div:has(.user__links__conatainer) {
- display: none !important;
- }
-
- .app.hideAside aside {
- display: none !important;
- }
-
- .header_logo_tools_user-wrapper img {
- width: 45px;
- height: 45px;
- margin-right: 10px;
- cursor: pointer;
- }
-
- .modal-background {
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
- z-index: 9999;
- }
-
- .modal-background.active {
- display: block !important;
- }
-
- .modal-user {
- display: none;
- top: 50%;
- left: 50%;
- position: absolute;
- overflow: hidden;
- transform: translate(-50%, -50%);
- width: 80vw;
- max-width: 400px;
- height: min-content !important;
- max-height: min-content !important;
- border-radius: 10px;
- background-color: #fff;
- z-index: 10000;
- padding: 10px;
- }
-
- .modal-user.active {
- display: block !important;
- }
-
- .modal-data {
- display: flex;
- align-items: center;
- gap: 10px;
- padding: 10px 20px;
- margin-bottom: 10px;
- }
-
- .modal-name {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- gap: 5px;
- }
-
- .modal-name > span {
- font-size: 20px;
- overflow: hidden;
- width: calc(80vw - 116px);
- text-wrap: nowrap;
- text-overflow: ellipsis;
- }
-
- .modal-link-container,
- .modal-back-container {
- display: flex;
- align-items: center;
- padding: 10px 20px;
- cursor: pointer;
- }
-
- .modal-back-container {
- justify-content: flex-end;
- }
-
- .modal-link-container span {
- padding: 0;
- font-size: 1.2rem;
- font-weight: 500;
- text-decoration: none;
- color: #3d4455;
- }
-
- .modal-cancel {
- text-align: right;
- color: #e33f4a;
- font-size: 1.2rem;
- font-weight: 500;
- cursor: pointer;
- }
-
- .header__logo-product > img {
- width: auto !important;
- }
-
- header.app__header {
- height: 60px;
- }
-
- body.blue .user-avatar {
- background: #38817f !important;
- color: #ffffff;
- }
-
- .user-avatar {
- background: #f8d6d8;
- height: 40px;
- min-width: 40px;
- border-radius: 50%;
- margin-right: 16px;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- font-size: 1.8rem;
- }
-}
+@media screen and (max-width: 1023px) {
+ .user__section,
+ div:has(.user__links__conatainer) {
+ display: none !important;
+ }
+
+ .app.hideAside aside {
+ display: none !important;
+ }
+
+ .header_logo_tools_user-wrapper img {
+ width: 45px;
+ height: 45px;
+ margin-right: 10px;
+ cursor: pointer;
+ }
+
+ .modal-background {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 9999;
+ }
+
+ .modal-background.active {
+ display: block !important;
+ }
+
+ .modal-user {
+ display: none;
+ top: 50%;
+ left: 50%;
+ position: absolute;
+ overflow: hidden;
+ transform: translate(-50%, -50%);
+ width: 80vw;
+ max-width: 400px;
+ height: min-content !important;
+ max-height: min-content !important;
+ border-radius: 10px;
+ background-color: #fff;
+ z-index: 10000;
+ padding: 10px;
+ }
+
+ .modal-user.active {
+ display: block !important;
+ }
+
+ .modal-data {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 10px 20px;
+ margin-bottom: 10px;
+ }
+
+ .modal-name {
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ gap: 5px;
+ }
+
+ .modal-name > span {
+ font-size: 20px;
+ overflow: hidden;
+ width: calc(80vw - 116px);
+ text-wrap: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .modal-link-container,
+ .modal-back-container {
+ display: flex;
+ align-items: center;
+ padding: 10px 20px;
+ cursor: pointer;
+ }
+
+ .modal-back-container {
+ justify-content: flex-end;
+ }
+
+ .modal-link-container span {
+ padding: 0;
+ font-size: 1.2rem;
+ font-weight: 500;
+ text-decoration: none;
+ color: #3d4455;
+ }
+
+ .modal-cancel {
+ text-align: right;
+ color: #e33f4a;
+ font-size: 1.2rem;
+ font-weight: 500;
+ cursor: pointer;
+ }
+
+ .header__logo-product > img {
+ width: auto !important;
+ }
+
+ header.app__header {
+ height: 60px;
+ }
+
+ body.blue .user-avatar {
+ background: #38817f !important;
+ color: #ffffff;
+ }
+
+ .user-avatar {
+ background: #f8d6d8;
+ height: 40px;
+ min-width: 40px;
+ border-radius: 50%;
+ margin-right: 16px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ font-size: 1.8rem;
+ }
+}
diff --git a/patches/newAttendance/justifyButton.js b/src/patches/newAttendance/justifyButton.js
similarity index 97%
rename from patches/newAttendance/justifyButton.js
rename to src/patches/newAttendance/justifyButton.js
index 5d79530..9286a96 100644
--- a/patches/newAttendance/justifyButton.js
+++ b/src/patches/newAttendance/justifyButton.js
@@ -1,29 +1,29 @@
-const createButton = () => {
- const button = document.createElement("button");
- button.classList.add("justify-abstence");
- button.innerHTML = `Frekwencja Statystyki Frekwencja Statystyki
";
-selector.classList.add("attendance-tabs");
-
-const createSelector = () => {
- const container =
- window.innerWidth < 1024
- ? ".app__content > .mobile__frame"
- : ".app__content > .desktop__frame";
- document
- .querySelector(container)
- .insertBefore(selector, document.querySelector(container + "> *"));
- changeStatsVisibility(false);
-};
-
-const changeStatsVisibility = (isStatsVisible) => {
- const mainStats = document.querySelector(
- ".content-container:has(.statistics)",
- );
- mainStats.style.display = isStatsVisible ? "block" : "none";
- const element = document.querySelector(".tabsview");
- element.classList.add("attendance-init");
- if (isStatsVisible) element.classList.add("stats");
- else element.classList.remove("stats");
-};
-
-selector.querySelector("button:first-of-type").addEventListener("click", () => {
- changeStatsVisibility(false);
-
- selector.querySelector("button:first-of-type").disabled = true;
- selector.querySelector("button:last-of-type").disabled = false;
-});
-
-selector.querySelector("button:last-of-type").addEventListener("click", () => {
- changeStatsVisibility(true);
-
- selector.querySelector("button:first-of-type").disabled = false;
- selector.querySelector("button:last-of-type").disabled = true;
-});
-
-const isAttendancePage = () => window.location.pathname.endsWith("frekwencja");
-
-const isRendered = () =>
- !!document.querySelector(".content-container:has(.statistics)") &&
- !!document.querySelector(".tabsview");
-
-window.appendModule({
- isLoaded: isRendered,
- run: createSelector,
- onlyOnReloads: false,
- doesRunHere: isAttendancePage,
-});
+const selector = document.createElement("div");
+if (window.innerWidth >= 1024)
+ selector.innerHTML =
+ 'Frekwencja Statystyki Frekwencja Statystyki
";
+selector.classList.add("attendance-tabs");
+
+const createSelector = () => {
+ const container =
+ window.innerWidth < 1024
+ ? ".app__content > .mobile__frame"
+ : ".app__content > .desktop__frame";
+ document
+ .querySelector(container)
+ .insertBefore(selector, document.querySelector(container + "> *"));
+ changeStatsVisibility(false);
+};
+
+const changeStatsVisibility = (isStatsVisible) => {
+ const mainStats = document.querySelector(
+ ".content-container:has(.statistics)",
+ );
+ mainStats.style.display = isStatsVisible ? "block" : "none";
+ const element = document.querySelector(".tabsview");
+ element.classList.add("attendance-init");
+ if (isStatsVisible) element.classList.add("stats");
+ else element.classList.remove("stats");
+};
+
+selector.querySelector("button:first-of-type").addEventListener("click", () => {
+ changeStatsVisibility(false);
+
+ selector.querySelector("button:first-of-type").disabled = true;
+ selector.querySelector("button:last-of-type").disabled = false;
+});
+
+selector.querySelector("button:last-of-type").addEventListener("click", () => {
+ changeStatsVisibility(true);
+
+ selector.querySelector("button:first-of-type").disabled = false;
+ selector.querySelector("button:last-of-type").disabled = true;
+});
+
+const isAttendancePage = () => window.location.pathname.endsWith("frekwencja");
+
+const isRendered = () =>
+ !!document.querySelector(".content-container:has(.statistics)") &&
+ !!document.querySelector(".tabsview");
+
+window.appendModule({
+ isLoaded: isRendered,
+ run: createSelector,
+ onlyOnReloads: false,
+ doesRunHere: isAttendancePage,
+});
diff --git a/patches/newDashboard/index.js b/src/patches/newDashboard/index.js
similarity index 97%
rename from patches/newDashboard/index.js
rename to src/patches/newDashboard/index.js
index 60d0806..6176c81 100644
--- a/patches/newDashboard/index.js
+++ b/src/patches/newDashboard/index.js
@@ -1,164 +1,164 @@
-import { waitForRender } from "../apis/waitForElement.js";
-import { mapDay } from "../apis/mapTimetable.js";
-
-const doesHaveClickableParent = (element) => {
- if (["a", "button"].includes(element.tagName.toLowerCase())) return true;
- if (!element.parentElement) return false;
- return doesHaveClickableParent(element.parentElement);
-};
-
-const icons = [
- [
- "Dzisiejszy plan zajęć",
- "calendar_clock_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg",
- ],
- [
- "Oceny od ostatniego logowania",
- "counter_6_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg",
- ],
- ["Sprawdziany", "quiz_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
- ["Zadania domowe", "summarize_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
- ["Informacje", "folder_info_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
- ["Ogłoszenia", "campaign_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
- ["Ankiety", "feedback_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
- [
- "Frekwencja",
- "event_available_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg",
- ],
- [
- "Dyżurni",
- "person_raised_hand_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg",
- ],
- ["Ważne dzisiaj", "strategy_24dp_FFFFFF_FILL0_wght400_GRAD0_opsz24.svg"],
-];
-
-const applyIcons = () => {
- for (const [tileTitle, fileName] of icons) {
- const icon = document.createElement("img");
- icon.src = `https://raw.githubusercontent.com/banocean/ifv/refs/heads/main/assets/icons/${fileName}`;
- const container = Array.from(
- document.querySelectorAll(".content-container .tile.box"),
- )
- ?.find((e) => e.querySelector("h2").textContent === tileTitle)
- ?.querySelector(".tile__header.flex__items > .flex__item-auto");
-
- if (container) container.insertBefore(icon, container.firstChild);
- else return console.debug(`Tile ${tileTitle} not found`);
-
- container.parentElement?.parentElement?.addEventListener(
- "click",
- (e) => {
- if (doesHaveClickableParent(e.target)) return;
- container.parentElement.querySelector("a.tile__link")?.click();
- },
- );
- }
-};
-
-let maxLessons = 0;
-const renderTimetable = () => {
- const timetableElement = document.querySelector(".plan-zajec");
- const timetable = mapDay(timetableElement);
- if (timetable.length < maxLessons) return;
- maxLessons = timetable.length;
-
- const elements = timetable.map((lesson) => {
- const element = document.createElement("li");
- if (lesson.type === "conflicted") {
- element.innerText = `Więcej pozycji`;
- } else {
- element.classList.add(lesson.type);
- element.innerText = `${lesson.subject} (${lesson.classroom}) ${
- lesson.type === "unknown" ? lesson.annotationText : ""
- }`;
- }
- return element;
- });
-
- const container = document.createElement("ol");
- container.classList.add("lessons-container");
- container.append(...elements);
-
- const existingContainer = document.querySelector(".lessons-container");
- if (existingContainer) {
- existingContainer.remove();
- }
-
- timetableElement.parentElement.insertBefore(container, timetableElement);
-};
-
-const replaceTimetable = async () => {
- await waitForRender(() => document.querySelector(".plan-zajec"));
- renderTimetable();
- const observer = new MutationObserver(renderTimetable);
- observer.observe(document.querySelector(".plan-zajec"), {
- childList: true,
- subtree: true,
- });
-};
-
-const createToolbar = async () => {
- const getContainer = () =>
- document.querySelector(
- ".content-container > .tile-container > .tile-subcontainer",
- );
- await waitForRender(getContainer);
-
- const element = document.createElement("div");
- element.classList.add("dashboard-info-toolbar");
- element.innerHTML = `
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
+
+
+
-
+
+
+
-
+
Więcej
`;
+ more.style.display = "none";
+
+ more.querySelector("img").addEventListener("click", () => {
+ more.style.display = "none";
+ history.back();
+ setHighlights();
+ });
+
+ await getFromAside(() => null); // We need aside to just load
+ await waitForRender(() => getPages().length > 1);
+
+ const navPages = ["tablica", "oceny", "frekwencja", "planZajec"];
+ const pages = getPages();
+ for (const page of pages) {
+ const itemClass = Array.from(page.element.classList).find(
+ (c) =>
+ ![
+ "MuiListItem-root",
+ "MuiListItem-gutters",
+ "selected",
+ ].includes(c),
+ );
+ const item = document.createElement("div");
+
+ if (!navPages.includes(itemClass)) {
+ item.innerHTML =
+ "
`;
+ item.querySelector("div:last-of-type").innerText = page.name;
+ nav.appendChild(item);
+ }
+
+ if (page.type === 1) {
+ item.addEventListener("click", () => {
+ document.querySelector(`.${itemClass} a`).click();
+ more.style.display = "none";
+ document
+ .querySelector(".header__hamburger__icon button")
+ .click();
+ document.querySelector("div#root").scroll(0, 0);
+ setHighlights();
+ });
+ } else {
+ const detailedOptionsPage = document.createElement("div");
+ detailedOptionsPage.innerHTML = `
`;
+ detailedOptionsPage.style.zIndex = "4002";
+ detailedOptionsPage.style.display = "none";
+ detailedOptionsPage.classList.add("list-modal");
+
+ detailedOptionsPage.querySelector("h1").innerText = page.name;
+ detailedOptionsPage
+ .querySelector("img")
+ .addEventListener("click", () => {
+ history.back();
+ });
+
+ for (let i = 0; i < page.items.length; i++) {
+ const option = page.items[i];
+ const element = document.createElement("div");
+ element.innerHTML =
+ "
+
+
Więcej
+ `;
+
+ moreButton.addEventListener("click", () => {
+ more.style.display = "block";
+ history.pushState(
+ { ...history.state, more: true },
+ "",
+ `${location.pathname}#more`,
+ );
+ setHighlights();
+ });
+
+ nav.appendChild(moreButton);
+
+ document.body.appendChild(nav);
+ document.body.appendChild(more);
+};
+
+addEventListener("popstate", (e) => {
+ if (e.state?.moreDetails !== true) {
+ if (e.state?.more) {
+ document.querySelector(".more-popup").style.display = "block";
+ } else {
+ document.querySelectorAll(".list-modal").forEach((e) => {
+ e.style.display = "none";
+ });
+ }
+ }
+ setHighlights();
+});
+
+window.appendModule({
+ run,
+ doesRunHere: () => window.location.hostname.match(/^(dziennik-)?(uczen).*/),
+ onlyOnReloads: true,
+ isLoaded: () => !!document.querySelector(".header__hamburger__icon"),
+});
diff --git a/patches/newMobileNavbar/styles.css b/src/patches/newMobileNavbar/styles.css
similarity index 83%
rename from patches/newMobileNavbar/styles.css
rename to src/patches/newMobileNavbar/styles.css
index ce99144..2019fdb 100644
--- a/patches/newMobileNavbar/styles.css
+++ b/src/patches/newMobileNavbar/styles.css
@@ -10,7 +10,18 @@
left: 0;
z-index: 4000;
background: #eff2f7;
- font-family: "WorkSans", Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-family:
+ "WorkSans",
+ Graphik,
+ -apple-system,
+ BlinkMacSystemFont,
+ "Segoe UI",
+ Helvetica,
+ Arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
}
.list-modal > div:first-of-type {
@@ -30,7 +41,6 @@
height: 40px;
}
-
.list-modal > div:first-of-type > h1 {
width: 100%;
font-size: 1.8rem;
@@ -64,8 +74,6 @@
align-content: center;
}
-
-
@media screen and (max-width: 1023px) {
.modal {
width: 100vw !important;
@@ -74,10 +82,11 @@
.modal__footer {
background: none !important;
- border-top: 0 !important
+ border-top: 0 !important;
}
- aside, .header__hamburger__icon {
+ aside,
+ .header__hamburger__icon {
display: none !important;
}
@@ -143,7 +152,18 @@
}
.bottom-navigation-bar > div > div:has(img.highlight) {
- font-family: "WorkSans", Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-family:
+ "WorkSans",
+ Graphik,
+ -apple-system,
+ BlinkMacSystemFont,
+ "Segoe UI",
+ Helvetica,
+ Arial,
+ sans-serif,
+ "Apple Color Emoji",
+ "Segoe UI Emoji",
+ "Segoe UI Symbol";
background: var(--kolor-wcag);
}
@@ -164,4 +184,4 @@ main.app__main {
.app__mobile {
flex: 1;
min-height: 100%;
-}
\ No newline at end of file
+}
diff --git a/patches/newTimetable/script.js b/src/patches/newTimetable/script.js
similarity index 97%
rename from patches/newTimetable/script.js
rename to src/patches/newTimetable/script.js
index 32964d7..935c1a3 100644
--- a/patches/newTimetable/script.js
+++ b/src/patches/newTimetable/script.js
@@ -1,140 +1,140 @@
-import { waitForRender } from "../apis/waitForElement.js";
-import { SelectorRenderer } from "../apis/bottomDateSelector/index.js";
-import { mapDay } from "../apis/mapTimetable.js";
-
-const mapData = () =>
- Array.from(document.querySelectorAll(".app__content .MuiPaper-root")).map(
- (element) => {
- return {
- note: element.querySelector(".plan-zajec__accordion__wolne")
- ?.innerText,
- day: element.querySelector(".MuiAccordionSummary-content > h2")
- ?.innerText,
- lessons: mapDay(element),
- };
- },
- );
-const isOpened = (element) =>
- element.querySelector(".MuiCollapse-root")?.style?.height !== "0px";
-
-const openAll = async () => {
- const container = document.querySelectorAll(".app__content .MuiPaper-root");
- for (const element of container) {
- if (!isOpened(element))
- element.querySelector(".accordion__full-width__header h2")?.click();
- await waitForRender(() => isOpened(element), element);
- }
-};
-
-const mapStartingHours = (data) => {
- const all = new Set();
- for (const day of data)
- if (day.lessons)
- for (const lesson of day.lessons)
- if (lesson.startingHour) all.add(lesson.startingHour);
- const result = [...all].sort();
- const [firstHour, firstMinutes] = (result[0] || "08:00").split(":");
- return Number(firstHour) <= 7 && Number(firstMinutes) <= 30
- ? result
- : ["7:00", ...result];
-};
-
-const getStartingHours = () =>
- JSON.parse(localStorage.getItem("startingHours") || "[]");
-
-const renderDay = async (data) => {
- await openAll();
-
- if (!data.note) {
- await waitForRender(() =>
- document.querySelector(".details-btn--position-r-bottom"),
- );
- }
-
- const startingHours = getStartingHours();
- const lessons = mapDay(data.element);
- const element = document.createElement("section");
- element.classList.add("timetable");
-
- if (lessons.length < 1) {
- const infoElement = document.createElement("div");
- infoElement.innerHTML =
- "Nie ma lekcji 😎
";
- if (data.note)
- infoElement.querySelector("span:last-of-type").innerText =
- data.note;
- element.appendChild(infoElement);
- } else {
- for (const lesson of lessons) {
- const lessonElement = document.createElement("div");
- lessonElement.innerHTML = `
- ${startingHours.findIndex((h) => h === lesson.startingHour)}
-
-
-
-
- `;
- const lessonDataElement = lessonElement.querySelector(".data");
-
- const timeContainer = lessonElement.querySelector(".info");
- timeContainer.firstElementChild.innerText = lesson.startingHour;
- timeContainer.lastElementChild.innerText = lesson.endingHour;
-
- lessonElement.classList.add("lesson");
- lessonElement.classList.add(lesson.type);
-
- if (lesson.type === "conflicted") {
- lessonDataElement.innerHTML = `
- Wpisana jest więcej niż jedna lekcja
- Kliknij, aby wyświetlić
- `;
- } else {
- lessonDataElement.innerHTML = `
`;
- lessonDataElement.querySelector(".subject").innerText =
- lesson.subject;
- lessonDataElement.querySelector(".additional-info").innerText =
- `${lesson.classroom} ${lesson.teacher?.split(" ")?.reverse()?.join(" ")}`;
- }
-
- lessonElement.addEventListener("click", () =>
- lesson.originalElement.querySelector("button").click(),
- );
- element.appendChild(lessonElement);
- }
- }
-
- return element;
-};
-
-const run = async () => {
- document.querySelector(
- "section.app__content .app__content__header",
- ).style.display = "none";
- document.querySelector(
- "section.app__content .mobile__frame > div",
- ).style.display = "none";
-
- await openAll();
- localStorage.setItem(
- "startingHours",
- JSON.stringify(mapStartingHours(mapData())),
- );
-
- new SelectorRenderer(renderDay);
-};
-
-const isLoaded = () =>
- document.querySelector(".app__content .MuiCollapse-root")?.style
- ?.minHeight &&
- document.querySelector("section.app__content .mobile__frame .plan-zajec") &&
- !document.querySelector(".spinner") &&
- document.querySelector(
- ".position__lesson__hours, .conflicted--details--hours",
- );
-
-window.appendModule({
- isLoaded,
- onlyOnReloads: false,
- run,
- doesRunHere: () => window.location.pathname.endsWith("planZajec"),
-});
+import { waitForRender } from "../apis/waitForElement.js";
+import { SelectorRenderer } from "../apis/bottomDateSelector/index.js";
+import { mapDay } from "../apis/mapTimetable.js";
+
+const mapData = () =>
+ Array.from(document.querySelectorAll(".app__content .MuiPaper-root")).map(
+ (element) => {
+ return {
+ note: element.querySelector(".plan-zajec__accordion__wolne")
+ ?.innerText,
+ day: element.querySelector(".MuiAccordionSummary-content > h2")
+ ?.innerText,
+ lessons: mapDay(element),
+ };
+ },
+ );
+const isOpened = (element) =>
+ element.querySelector(".MuiCollapse-root")?.style?.height !== "0px";
+
+const openAll = async () => {
+ const container = document.querySelectorAll(".app__content .MuiPaper-root");
+ for (const element of container) {
+ if (!isOpened(element))
+ element.querySelector(".accordion__full-width__header h2")?.click();
+ await waitForRender(() => isOpened(element), element);
+ }
+};
+
+const mapStartingHours = (data) => {
+ const all = new Set();
+ for (const day of data)
+ if (day.lessons)
+ for (const lesson of day.lessons)
+ if (lesson.startingHour) all.add(lesson.startingHour);
+ const result = [...all].sort();
+ const [firstHour, firstMinutes] = (result[0] || "08:00").split(":");
+ return Number(firstHour) <= 7 && Number(firstMinutes) <= 30
+ ? result
+ : ["7:00", ...result];
+};
+
+const getStartingHours = () =>
+ JSON.parse(localStorage.getItem("startingHours") || "[]");
+
+const renderDay = async (data) => {
+ await openAll();
+
+ if (!data.note) {
+ await waitForRender(() =>
+ document.querySelector(".details-btn--position-r-bottom"),
+ );
+ }
+
+ const startingHours = getStartingHours();
+ const lessons = mapDay(data.element);
+ const element = document.createElement("section");
+ element.classList.add("timetable");
+
+ if (lessons.length < 1) {
+ const infoElement = document.createElement("div");
+ infoElement.innerHTML =
+ "Nie ma lekcji 😎
";
+ if (data.note)
+ infoElement.querySelector("span:last-of-type").innerText =
+ data.note;
+ element.appendChild(infoElement);
+ } else {
+ for (const lesson of lessons) {
+ const lessonElement = document.createElement("div");
+ lessonElement.innerHTML = `
+ ${startingHours.findIndex((h) => h === lesson.startingHour)}
+
+
+
+
+ `;
+ const lessonDataElement = lessonElement.querySelector(".data");
+
+ const timeContainer = lessonElement.querySelector(".info");
+ timeContainer.firstElementChild.innerText = lesson.startingHour;
+ timeContainer.lastElementChild.innerText = lesson.endingHour;
+
+ lessonElement.classList.add("lesson");
+ lessonElement.classList.add(lesson.type);
+
+ if (lesson.type === "conflicted") {
+ lessonDataElement.innerHTML = `
+ Wpisana jest więcej niż jedna lekcja
+ Kliknij, aby wyświetlić
+ `;
+ } else {
+ lessonDataElement.innerHTML = `
`;
+ lessonDataElement.querySelector(".subject").innerText =
+ lesson.subject;
+ lessonDataElement.querySelector(".additional-info").innerText =
+ `${lesson.classroom} ${lesson.teacher?.split(" ")?.reverse()?.join(" ")}`;
+ }
+
+ lessonElement.addEventListener("click", () =>
+ lesson.originalElement.querySelector("button").click(),
+ );
+ element.appendChild(lessonElement);
+ }
+ }
+
+ return element;
+};
+
+const run = async () => {
+ document.querySelector(
+ "section.app__content .app__content__header",
+ ).style.display = "none";
+ document.querySelector(
+ "section.app__content .mobile__frame > div",
+ ).style.display = "none";
+
+ await openAll();
+ localStorage.setItem(
+ "startingHours",
+ JSON.stringify(mapStartingHours(mapData())),
+ );
+
+ new SelectorRenderer(renderDay);
+};
+
+const isLoaded = () =>
+ document.querySelector(".app__content .MuiCollapse-root")?.style
+ ?.minHeight &&
+ document.querySelector("section.app__content .mobile__frame .plan-zajec") &&
+ !document.querySelector(".spinner") &&
+ document.querySelector(
+ ".position__lesson__hours, .conflicted--details--hours",
+ );
+
+window.appendModule({
+ isLoaded,
+ onlyOnReloads: false,
+ run,
+ doesRunHere: () => window.location.pathname.endsWith("planZajec"),
+});
diff --git a/patches/newTimetable/styles.css b/src/patches/newTimetable/styles.css
similarity index 95%
rename from patches/newTimetable/styles.css
rename to src/patches/newTimetable/styles.css
index 51c1458..d60256c 100644
--- a/patches/newTimetable/styles.css
+++ b/src/patches/newTimetable/styles.css
@@ -1,111 +1,111 @@
-:root {
- --background-primary: light-dark(white, #0b1517);
- --background-navigation: light-dark(white, #152528);
-}
-
-body {
- color-scheme: only light;
-}
-
-.app__main {
- background: var(--background-primary) !important;
- height: auto;
-}
-
-.timetable {
- padding: 0 !important;
- margin-inline: 10px !important;
-}
-
-.timetable:not(:has(.lesson)) {
- display: flex;
- justify-content: center;
- align-items: center;
- height: calc(100svh - 62px - 40px - 20px - var(--bottom-navbar-height));
- text-align: center;
-}
-
-.timetable .no-lessons-title {
- font-size: 24px;
-}
-
-.timetable .lesson {
- display: flex;
- margin-bottom: 5px;
- line-height: 16px;
-}
-
-.lesson > div:first-of-type {
- font-size: 30px;
- display: flex;
- align-items: center;
- color: light-dark(#1b1b1f, #f5feff);
- min-width: 18px;
-}
-
-.lesson > article {
- display: flex;
- padding: 15px;
- align-content: center;
- border-radius: 10px;
- width: 100%;
- margin-left: 10px;
- cursor: pointer;
- background: light-dark(#efedf1, #192123);
- overflow: hidden;
-}
-
-.lesson .subject {
- color: light-dark(#1b1b1f, #dbe4e7);
- font-size: 13px;
- overflow: hidden;
- text-overflow: ellipsis;
- text-wrap: nowrap !important;
-}
-
-.lesson .data {
- overflow: inherit;
-}
-
-.lesson .info {
- display: flex;
- flex-direction: column;
- margin-right: 10px;
- color: #a1aaac;
-}
-
-.lesson .additional-info {
- color: #a1aaac;
- font-size: smaller;
-}
-
-.lesson.canceled > article {
- background: light-dark(#f9dedc, #8c1d18);
-}
-
-.lesson.canceled .subject {
- text-decoration: line-through;
- color: light-dark(#410e0b, #f9dedc);
-}
-
-.lesson.canceled .info,
-.lesson.canceled .additional-info {
- color: light-dark(#784c4a, #d9a5a1);
-}
-
-.lesson.canceled > div:first-of-type {
- color: light-dark(#b3261e, #f2b8b5);
-}
-
-.lesson.substitute > article {
- background: light-dark(#e7e4bd, #65683c);
-}
-
-.lesson.substitute .info,
-.lesson.substitute .additional-info {
- color: light-dark(#58574e, #b8bfb4);
-}
-
-.lesson.substitute > div:first-of-type {
- color: light-dark(#6d5e0f, #65683c);
-}
+:root {
+ --background-primary: light-dark(white, #0b1517);
+ --background-navigation: light-dark(white, #152528);
+}
+
+body {
+ color-scheme: only light;
+}
+
+.app__main {
+ background: var(--background-primary) !important;
+ height: auto;
+}
+
+.timetable {
+ padding: 0 !important;
+ margin-inline: 10px !important;
+}
+
+.timetable:not(:has(.lesson)) {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: calc(100svh - 62px - 40px - 20px - var(--bottom-navbar-height));
+ text-align: center;
+}
+
+.timetable .no-lessons-title {
+ font-size: 24px;
+}
+
+.timetable .lesson {
+ display: flex;
+ margin-bottom: 5px;
+ line-height: 16px;
+}
+
+.lesson > div:first-of-type {
+ font-size: 30px;
+ display: flex;
+ align-items: center;
+ color: light-dark(#1b1b1f, #f5feff);
+ min-width: 18px;
+}
+
+.lesson > article {
+ display: flex;
+ padding: 15px;
+ align-content: center;
+ border-radius: 10px;
+ width: 100%;
+ margin-left: 10px;
+ cursor: pointer;
+ background: light-dark(#efedf1, #192123);
+ overflow: hidden;
+}
+
+.lesson .subject {
+ color: light-dark(#1b1b1f, #dbe4e7);
+ font-size: 13px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-wrap: nowrap !important;
+}
+
+.lesson .data {
+ overflow: inherit;
+}
+
+.lesson .info {
+ display: flex;
+ flex-direction: column;
+ margin-right: 10px;
+ color: #a1aaac;
+}
+
+.lesson .additional-info {
+ color: #a1aaac;
+ font-size: smaller;
+}
+
+.lesson.canceled > article {
+ background: light-dark(#f9dedc, #8c1d18);
+}
+
+.lesson.canceled .subject {
+ text-decoration: line-through;
+ color: light-dark(#410e0b, #f9dedc);
+}
+
+.lesson.canceled .info,
+.lesson.canceled .additional-info {
+ color: light-dark(#784c4a, #d9a5a1);
+}
+
+.lesson.canceled > div:first-of-type {
+ color: light-dark(#b3261e, #f2b8b5);
+}
+
+.lesson.substitute > article {
+ background: light-dark(#e7e4bd, #65683c);
+}
+
+.lesson.substitute .info,
+.lesson.substitute .additional-info {
+ color: light-dark(#58574e, #b8bfb4);
+}
+
+.lesson.substitute > div:first-of-type {
+ color: light-dark(#6d5e0f, #65683c);
+}
diff --git a/patches/patchesSettings/desktop.js b/src/patches/patchesSettings/desktop.js
similarity index 100%
rename from patches/patchesSettings/desktop.js
rename to src/patches/patchesSettings/desktop.js
diff --git a/patches/patchesSettings/generateSettingsList.js b/src/patches/patchesSettings/generateSettingsList.js
similarity index 97%
rename from patches/patchesSettings/generateSettingsList.js
rename to src/patches/patchesSettings/generateSettingsList.js
index b28661a..515b7b2 100644
--- a/patches/patchesSettings/generateSettingsList.js
+++ b/src/patches/patchesSettings/generateSettingsList.js
@@ -64,7 +64,7 @@ export async function generateSettingsList() {
settingInputDiv.innerHTML = renderer(
setting,
patch.name,
- currentValue
+ currentValue,
);
}
@@ -92,7 +92,7 @@ function setupSearchbar(patchesSettingsDiv) {
searchInput.addEventListener("input", () => {
const query = searchInput.value.trim().toLowerCase();
const noResultsMessageDiv = patchesSettingsDiv.querySelector(
- ".no-results-message"
+ ".no-results-message",
);
let visiblePatchesCount = 0;
@@ -139,11 +139,11 @@ function setupSearchbar(patchesSettingsDiv) {
patchDiv.querySelectorAll(".setting").forEach((settingDiv) => {
markTextInElement(
settingDiv.querySelector(".setting-name"),
- query
+ query,
);
markTextInElement(
settingDiv.querySelector(".setting-description"),
- query
+ query,
);
});
} else {
@@ -185,21 +185,21 @@ function addListenersToInputs(patchesSettingsDiv) {
saveSetting(
toggle.querySelector(".toggle-input").dataset.patch,
toggle.querySelector(".toggle-input").dataset.setting,
- toggle.querySelector(".toggle-input").checked
+ toggle.querySelector(".toggle-input").checked,
);
});
});
patchesSettingsDiv
.querySelectorAll(
- ".setting-select, .setting-text, .setting-color, .setting-number"
+ ".setting-select, .setting-text, .setting-color, .setting-number",
)
.forEach((input) => {
input.addEventListener("change", () => {
saveSetting(
input.dataset.patch,
input.dataset.setting,
- input.value
+ input.value,
);
});
});
@@ -212,8 +212,8 @@ function addListenersToInputs(patchesSettingsDiv) {
const settingId = checkbox.dataset.setting;
const selectedValues = Array.from(
patchesSettingsDiv.querySelectorAll(
- `.setting-multiselect-checkbox[data-patch='${patchName}'][data-setting='${settingId}']:checked`
- )
+ `.setting-multiselect-checkbox[data-patch='${patchName}'][data-setting='${settingId}']:checked`,
+ ),
).map((cb) => cb.value);
saveSetting(patchName, settingId, selectedValues);
});
diff --git a/patches/patchesSettings/markers.js b/src/patches/patchesSettings/markers.js
similarity index 94%
rename from patches/patchesSettings/markers.js
rename to src/patches/patchesSettings/markers.js
index f72ce9b..673a216 100644
--- a/patches/patchesSettings/markers.js
+++ b/src/patches/patchesSettings/markers.js
@@ -50,12 +50,12 @@ export async function markTextInElement(element, textQueryToHighlight) {
while (matchIndex !== -1) {
fragment.appendChild(
- document.createTextNode(text.substring(lastIndex, matchIndex))
+ document.createTextNode(text.substring(lastIndex, matchIndex)),
);
const mark = document.createElement("mark");
mark.textContent = text.substring(
matchIndex,
- matchIndex + query.length
+ matchIndex + query.length,
);
fragment.appendChild(mark);
@@ -63,7 +63,7 @@ export async function markTextInElement(element, textQueryToHighlight) {
matchIndex = lowerText.indexOf(query, lastIndex);
}
fragment.appendChild(
- document.createTextNode(text.substring(lastIndex))
+ document.createTextNode(text.substring(lastIndex)),
);
node.parentNode.replaceChild(fragment, node);
diff --git a/patches/patchesSettings/mobile.js b/src/patches/patchesSettings/mobile.js
similarity index 97%
rename from patches/patchesSettings/mobile.js
rename to src/patches/patchesSettings/mobile.js
index 17a63aa..96cce1c 100644
--- a/patches/patchesSettings/mobile.js
+++ b/src/patches/patchesSettings/mobile.js
@@ -27,7 +27,7 @@ function addMobileSettings() {
});
waitForRender(
- () => document.querySelectorAll(".more-popup.list-modal div")[1]
+ () => document.querySelectorAll(".more-popup.list-modal div")[1],
).then(() => {
document
.querySelectorAll(".more-popup.list-modal div")[1]
@@ -40,6 +40,6 @@ window.appendModule({
onlyOnReloads: true,
doesRunHere: () =>
["uczen.eduvulcan.pl", "dziennik-uczen.vulcan.net.pl"].includes(
- window.location.hostname
+ window.location.hostname,
) && window.innerWidth < 1024,
});
diff --git a/patches/patchesSettings/settingRenderers.js b/src/patches/patchesSettings/settingRenderers.js
similarity index 92%
rename from patches/patchesSettings/settingRenderers.js
rename to src/patches/patchesSettings/settingRenderers.js
index 2e6610b..876e7cf 100644
--- a/patches/patchesSettings/settingRenderers.js
+++ b/src/patches/patchesSettings/settingRenderers.js
@@ -30,15 +30,15 @@ export const settingRenderers = {
*/
select: (setting, patchName, currentValue) => `
+ setting.id
+ }">
${setting.options
.map(
(option) => `
${option.name}
- `
+ option.value === currentValue ? "selected" : ""
+ }>${option.name}
+ `,
)
.join("")}
@@ -64,8 +64,8 @@ export const settingRenderers = {
@@ -81,8 +81,8 @@ export const settingRenderers = {
const selectedValues = Array.isArray(currentValue)
? currentValue
: typeof currentValue === "string" && currentValue.length > 0
- ? currentValue.split(",")
- : [];
+ ? currentValue.split(",")
+ : [];
return `
${setting.options
@@ -103,7 +103,7 @@ export const settingRenderers = {
option.value
}">${option.name}
- `
+ `,
)
.join("")}
@@ -128,9 +128,9 @@ export const settingRenderers = {
*/
number: (setting, patchName, currentValue) => `
innej metody logowania `;
+ targetSpan.innerHTML = `${newHTML} ${additionalText}`;
+}
diff --git a/patches/redirectToEVLogin.js b/src/patches/redirectToEVLogin.js
similarity index 54%
rename from patches/redirectToEVLogin.js
rename to src/patches/redirectToEVLogin.js
index 918edf3..988f8a9 100644
--- a/patches/redirectToEVLogin.js
+++ b/src/patches/redirectToEVLogin.js
@@ -6,7 +6,7 @@ window.appendModule({
onlyOnReloads: true,
run: redirectToLoginPage,
doesRunHere: () =>
- window.location.hostname === "eduvulcan.pl"
- && window.location.pathname === "/"
- && !!document.querySelector("#panelLoginButton")
+ window.location.hostname === "eduvulcan.pl" &&
+ window.location.pathname === "/" &&
+ !!document.querySelector("#panelLoginButton"),
});
diff --git a/popup/index.html b/src/popup/index.html
similarity index 91%
rename from popup/index.html
rename to src/popup/index.html
index 1e42f84..2e6d9e0 100644
--- a/popup/index.html
+++ b/src/popup/index.html
@@ -1,70 +1,70 @@
-
-
-
- Improvements for Vulcan
-
-
-
- Improvements for Vulcan
-
- Changing any option below will refresh opened pages.We are not affiliated, associated, authorized, endorsed by, or
- in any way officially connected with VULCAN sp. z o.o., or any
- of its subsidiaries or its affiliates.
-
-
-
- All
- Desktop
- Mobile
-
-
-
-
-
-
+
+
+
+ Hephaestus
+
+
+
+ Hephaestus
+
+ Changing any option below will refresh opened pages.We are not affiliated, associated, authorized, endorsed by, or
+ in any way officially connected with ██████ ███ █ ████, or any
+ of its subsidiaries or its affiliates.
+
+
+
+ All
+ Desktop
+ Mobile
+
+
+
+
+
+
diff --git a/popup/main.js b/src/popup/main.js
similarity index 96%
rename from popup/main.js
rename to src/popup/main.js
index bca4122..3a81843 100644
--- a/popup/main.js
+++ b/src/popup/main.js
@@ -1,158 +1,158 @@
-const fetchPatches = async () => {
- const patchesResponse = await fetch(chrome.runtime.getURL("patches.json"));
- return await patchesResponse.json();
-};
-
-if (/\bMobile\b/.test(navigator.userAgent))
- document.body.classList.add("mobile");
-
-const filterInput = document.querySelector(".filter > div > input");
-const categories = document.querySelector(".categories");
-
-filterInput.addEventListener("input", () => {
- const filter = filterInput.value.toLowerCase();
-
- Array.from(document.querySelectorAll(".options > *")).forEach((option) => {
- if (
- option
- .querySelector(".title")
- .innerText.toLowerCase()
- .includes(filter) ||
- option
- .querySelector(".desc")
- .innerText.toLowerCase()
- .includes(filter)
- ) {
- option.classList.remove("search-hidden");
- } else {
- option.classList.add("search-hidden");
- }
- });
-});
-
-categories.addEventListener("input", () => {
- if (categories.value === "mobile") {
- document
- .querySelectorAll(".mobileOnly")
- .forEach((e) => e.classList.remove("category-hidden"));
- document
- .querySelectorAll(".desktopOnly")
- .forEach((e) => e.classList.add("category-hidden"));
- } else if (categories.value === "desktop") {
- document
- .querySelectorAll(".mobileOnly")
- .forEach((e) => e.classList.add("category-hidden"));
- document
- .querySelectorAll(".desktopOnly")
- .forEach((e) => e.classList.remove("category-hidden"));
- } else {
- document
- .querySelectorAll("label")
- .forEach((e) => e.classList.remove("category-hidden"));
- }
- chrome.storage.local.set({ category: categories.value });
-});
-
-document.querySelector("#clear").addEventListener("click", async () => {
- filterInput.value = "";
- filterInput.dispatchEvent(new Event("input"));
-});
-
-const render = async () => {
- let config = (await chrome.storage.sync.get("options"))?.options ?? {};
- const patches = await fetchPatches();
-
- chrome.storage.sync.set({ options: config });
-
- const optionsDOM = document.querySelector(".options");
- optionsDOM.innerHTML = "";
-
- const sortedPatches = [...patches].sort((a, b) =>
- a.name.localeCompare(b.name, "pl")
- );
-
- for (const patch of sortedPatches) {
- const isEnabled = config[patch.name] !== false;
-
- const option = document.createElement("label");
- option.innerHTML = `
-
-
${patch.name}
-
${patch.description}
-
+
${patch.name}
+
${patch.description}
+
;
+ /**
+ * The settings associated with the patch.
+ */
+ settings?: Array;
+ /**
+ * The strategy for running the patch.
+ * Want to run on every DOM change? Use `once` here and `watchElement.ts` from `utils/` in your `init()` function.
+ *
+ * @default "onUrlChange"
+ */
+ runStrategy?: "once" | "onUrlChange";
+ /**
+ * The execution timing of the patch.
+ *
+ * @default "document_idle"
+ * @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts#:~:text=only%20mandatory%20key.-,run_at,-String|Check on MDN}
+ */
+ runAt?: "document_start" | "document_end" | "document_idle";
+ /**
+ * The JavaScript execution context for the patch.
+ *
+ * @default "ISOLATED"
+ * @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts#:~:text=The%20JavaScript%20world%20the%20script%20executes%20in.|Check on MDN}
+ */
+ world?: "MAIN" | "ISOLATED";
+}
diff --git a/src/types/Patch.ts b/src/types/Patch.ts
new file mode 100644
index 0000000..78dcc27
--- /dev/null
+++ b/src/types/Patch.ts
@@ -0,0 +1,20 @@
+import type { Meta } from "./Meta.ts";
+import type { Setting } from "./Setting.ts";
+
+/**
+ * A patch that can be applied to a webpage.
+ */
+export interface Patch<
+ SettingsType = Record | undefined,
+> {
+ /**
+ * Metadata information for a patch.
+ */
+ meta: Meta;
+ /**
+ * The initialization function for the patch.
+ *
+ * @param settings The configuration settings for the patch.
+ */
+ init: (settings?: SettingsType) => void | Promise;
+}
diff --git a/src/types/Setting.ts b/src/types/Setting.ts
new file mode 100644
index 0000000..dfb3f7d
--- /dev/null
+++ b/src/types/Setting.ts
@@ -0,0 +1,130 @@
+/**
+ * The union type for all possible settings.
+ */
+export type Setting =
+ | TextSetting
+ | BooleanSetting
+ | ColorSetting
+ | NumberSetting
+ | SelectSetting
+ | MultiSelectSetting;
+
+/**
+ * The base structure for all settings.
+ */
+interface BaseSetting {
+ /**
+ * The name of the setting.
+ */
+ name: string;
+ /**
+ * The unique identifier of the setting.
+ */
+ id: string;
+ /**
+ * A brief description of what the setting changes.
+ */
+ description: string;
+ /**
+ * The type of the setting.
+ */
+ type: T;
+}
+
+/**
+ * A text input setting.
+ */
+interface TextSetting extends BaseSetting<"text"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: string;
+}
+
+/**
+ * A boolean (switch) setting.
+ */
+interface BooleanSetting extends BaseSetting<"boolean"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: boolean;
+}
+
+/**
+ * A color picker setting.
+ */
+interface ColorSetting extends BaseSetting<"color"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: string;
+}
+
+/**
+ * A number input setting.
+ */
+interface NumberSetting extends BaseSetting<"number"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: number;
+ /**
+ * The minimum value of the setting.
+ */
+ min?: number;
+ /**
+ * The maximum value of the setting.
+ */
+ max?: number;
+ /**
+ * The step value of the setting.
+ */
+ step?: number;
+}
+
+/**
+ * A select dropdown setting.
+ */
+interface SelectSetting extends BaseSetting<"select"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: string;
+ /**
+ * The options available for selection.
+ */
+ options: Array<{
+ /**
+ * The label displayed to the user.
+ */
+ label: string;
+ /**
+ * The value passed to the patch.
+ */
+ value: string;
+ }>;
+}
+
+/**
+ * A multi-select (multiple switches) setting.
+ */
+interface MultiSelectSetting extends BaseSetting<"multiselect"> {
+ /**
+ * The default value of the setting.
+ */
+ defaultValue: Array;
+ /**
+ * The options available for selection.
+ */
+ options: Array<{
+ /**
+ * The label displayed to the user.
+ */
+ label: string;
+ /**
+ * The value passed to the patch.
+ */
+ value: string;
+ }>;
+}
diff --git a/src/util/SettingsManager.ts b/src/util/SettingsManager.ts
new file mode 100644
index 0000000..c992eaf
--- /dev/null
+++ b/src/util/SettingsManager.ts
@@ -0,0 +1,112 @@
+import type { Meta } from "../types/Meta.ts";
+import type { Setting } from "../types/Setting.ts";
+
+interface PatchSettings {
+ [key: string]: Setting["defaultValue"];
+}
+
+export class SettingsManager {
+ /**
+ * Retrieves the configuration settings for a given patch.
+ *
+ * @param patchMeta Metadata defined in patch definition.
+ * @returns A promise that resolves to the configuration object for the patch.
+ */
+ static async getPatchSettings(patchMeta: Meta): Promise {
+ const storageKey = `patch_settings_${patchMeta.id}`;
+ const data = (await chrome.storage.sync.get(storageKey)) as Record<
+ string,
+ PatchSettings
+ >;
+ const storedData: PatchSettings = data[storageKey] ?? {};
+
+ const settings: PatchSettings = {};
+
+ if (patchMeta.settings) {
+ for (const setting of patchMeta.settings) {
+ settings[setting.id] =
+ storedData[setting.id] ?? setting.defaultValue;
+ }
+ }
+
+ return settings;
+ }
+
+ /**
+ * Saves a new value for a specific setting of a patch.
+ *
+ * @param patchId ID of the patch.
+ * @param settingId ID of the setting.
+ * @param newValue The new value to be saved.
+ * @returns A promise that resolves when the setting has been saved.
+ */
+ static async savePatchSetting(
+ patchId: string,
+ settingId: string,
+ newValue: Setting["defaultValue"],
+ ) {
+ const storageKey = `patch_settings_${patchId}`;
+
+ const data = (await chrome.storage.sync.get(storageKey)) as Record<
+ string,
+ PatchSettings
+ >;
+ const existingSettings: PatchSettings = data[storageKey] ?? {};
+
+ await chrome.storage.sync.set({
+ [storageKey]: { ...existingSettings, [settingId]: newValue },
+ });
+ }
+
+ /**
+ * Enables a specific patch.
+ *
+ * @param patchId ID of the patch to enable.
+ * @returns A promise that resolves when the patch has been enabled.
+ */
+ static async enablePatch(patchId: string): Promise {
+ const storageKey = `patch_enabled_${patchId}`;
+ await chrome.storage.sync.set({ [storageKey]: true });
+ }
+
+ /**
+ * Disables a specific patch.
+ *
+ * @param patchId ID of the patch to disable.
+ * @returns A promise that resolves when the patch has been disabled.
+ */
+ static async disablePatch(patchId: string): Promise {
+ const storageKey = `patch_enabled_${patchId}`;
+ await chrome.storage.sync.set({ [storageKey]: false });
+ }
+
+ /**
+ * Checks if a specific patch is currently enabled.
+ *
+ * @param patchId ID of the patch to check.
+ * @returns A promise that resolves to true if the patch is enabled, false otherwise.
+ */
+ static async isPatchEnabled(patchId: string): Promise {
+ const storageKey = `patch_enabled_${patchId}`;
+ const result: Record =
+ await chrome.storage.sync.get(storageKey);
+ return result[storageKey] ?? true;
+ }
+
+ /**
+ * Toggles the enabled state of a specific patch.
+ *
+ * @param patchId ID of the patch to toggle.
+ * @returns A promise that resolves to the new enabled state.
+ */
+ static async togglePatch(patchId: string): Promise {
+ const isEnabled = await this.isPatchEnabled(patchId);
+ const newState = !isEnabled;
+ if (newState) {
+ await this.enablePatch(patchId);
+ } else {
+ await this.disablePatch(patchId);
+ }
+ return newState;
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..97202bb
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "moduleDetection": "force",
+ "useDefineForClassFields": true,
+ "baseUrl": ".",
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "paths": {
+ "~/*": ["src/*"]
+ },
+ "types": ["vite/client", "chrome"],
+ "allowImportingTsExtensions": true,
+ "alwaysStrict": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noEmit": true,
+ "isolatedModules": true,
+ "skipLibCheck": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["src"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..a2fdc05
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,23 @@
+import path from "node:path";
+import { crx } from "@crxjs/vite-plugin";
+import { defineConfig } from "vite";
+import zip from "vite-plugin-zip-pack";
+import manifest from "./manifest.config.js";
+import { name, version } from "./package.json";
+
+export default defineConfig({
+ resolve: {
+ alias: {
+ "@": `${path.resolve(__dirname, "src")}`,
+ },
+ },
+ plugins: [
+ crx({ manifest }),
+ zip({ outDir: "release", outFileName: `crx-${name}-${version}.zip` }),
+ ],
+ server: {
+ cors: {
+ origin: [/chrome-extension:\/\//],
+ },
+ },
+});
[Installation guide [PL]](https://ifv.banocean.com)
| 
|
+| Before: | After: |
+| -------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| 
| 
|
+ 
| 
|
-| Before: | After: |
-| ------------------------------------------------------------ | ----------------------------------------------------------- |
-| 
| 
|
| 
|
+ 
| 
|
+
| 
|
-| Before: | After: |
-| --------------------------------------------------------------- | -------------------------------------------------------------- |
-| 
| 
|
+
After:
-
+
| 
|
+| Before: | After: |
+| ----------------------------------------------------------------- | ---------------------------------------------------------------- |
+| 
| 
|
+
+To load add-on from files in Firefox, you need to go to `about:debugging#/runtime/this-firefox` and click `Load Temporary Add-on...`. After that you need to select the `manifest.json` file from `dist/` folder in the file picker.
+
### Chrome
-To load extension from files in Chrome, you need to go to `chrome://extensions/` and click `Load unpacked` (with developer mode enabled)
+
+To load extension from files in Chrome, you need to go to `chrome://extensions/` and click `Load unpacked` (with Developer mode enabled)
## License
@@ -88,4 +102,4 @@ This project is licensed under the [MIT License](./LICENSE).
## Contributions
-Contributions to this project are welcome. Feel free to [open issues](https://github.com/banocean/ifv/issues) and [submit pull requests](https://github.com/banocean/ifv/pulls).
+Contributions to this project are welcome. Feel free to [open issues](https://github.com/yoper12/ifv/issues) and [submit pull requests](https://github.com/yoper12/ifv/pulls).
diff --git a/apply.js b/apply.js
deleted file mode 100644
index 447af59..0000000
--- a/apply.js
+++ /dev/null
@@ -1,116 +0,0 @@
-/**
- * @typedef {Object} Patch
- * @property {string} name - The name of the patch.
- * @property {string} description - The description of the patch.
- * @property {Object} files - The files to be injected.
- * @property {string[]} [files.css] - An array of CSS file names (optional).
- * @property {string[]} [files.js] - An array of JS file names (optional).
- * @property {string} [devices] - Device type: "mobileOnly", "desktopOnly" or undefined for both
- */
-
-/** @returns {Promise
- 
-
- 
- 
Tablica";
- button.classList.add("hidden");
- document.body.appendChild(button);
-
- header.addEventListener("click", () => {
- button.classList.toggle("hidden");
- });
-
- button.addEventListener("click", async () => {
- button.classList.toggle("hidden");
- if (!!window.location.hostname.match(/^(dziennik-)?wiadomosci.*/)) {
- location.replace(
- `https://${window.location.hostname.replace(
- "wiadomosci",
- "uczen",
- )}/${window.location.pathname.split("/")[1]}/App`,
- );
- } else await clickOnAside(".tablica a");
- });
-}
-
-window.appendModule({
- run: move,
- doesRunHere: () =>
- window.location.hostname.match(/^(dziennik-)?(uczen|wiadomosci).*/),
- onlyOnReloads: true,
- isLoaded: () =>
- !!document.querySelector(".header_logo_tools-container") &&
- document.querySelector(".app__content__header__h1_subtitle > h1"),
-});
+import { clickOnAside } from "../apis/aside.js";
+
+function createButton() {
+ const button = document.createElement("span");
+ button.className = "go_to_dashboard";
+ return button;
+}
+
+function updateTitle() {
+ const header = document.querySelector(".header__logo-product > span");
+ const title = document.querySelector(
+ ".app__content__header__h1_subtitle > h1",
+ );
+ if (header && title?.innerText && header.innerText !== title.innerText)
+ header.innerText = title.innerText;
+}
+
+function move() {
+ const header = document.querySelector(".header__logo-product");
+ header.appendChild(document.createElement("span"));
+ updateTitle();
+
+ const observer = new MutationObserver(updateTitle);
+ observer.observe(document.querySelector(".app__content"), {
+ characterData: true,
+ childList: true,
+ subtree: true,
+ });
+
+ const button = document.querySelector(".go_to_dashboard") || createButton();
+ button.innerHTML =
+ "
Usprawiedliw`;
- button.addEventListener("click", () => {
- document
- .querySelector(".app__content__header > .toolbar > button")
- .click();
- });
- document
- .querySelector(
- window.innerWidth < 1024
- ? ".app__content > .mobile__frame"
- : ".app__content > .desktop__frame",
- )
- .appendChild(button);
-};
-
-window.appendModule({
- run: createButton,
- doesRunHere: () => window.location.href.endsWith("frekwencja"),
- onlyOnReloads: false,
- isLoaded: () =>
- document.querySelector(
- ".app__content > .mobile__frame, .app__content > .desktop__frame",
- ) &&
- document.querySelector(".app__content__header > .toolbar > button") &&
- !document.querySelector(".spinner"),
-});
+const createButton = () => {
+ const button = document.createElement("button");
+ button.classList.add("justify-abstence");
+ button.innerHTML = `
- -
- 
- -
- 
- -
- 
- 
-