mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-21 04:17:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Fix

Browse source
This commit is contained in:
thororen1234 2024-10-08 12:05:45 -04:00
parent ea5e4f54bc
commit 2464856dc6
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/equicordplugins/imagePreview/index.ts
View file

@ -6,9 +6,9 @@
import "./styles.css"; import "./styles.css";
import { definePluginSettings } from "@api/Settings";
import { EquicordDevs } from "@utils/constants"; import { EquicordDevs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types"; import definePlugin, { OptionType } from "@utils/types";
import { definePluginSettings } from "@api/Settings";
const eventListeners: { element: HTMLElement, handler: (e: any) => void; }[] = []; const eventListeners: { element: HTMLElement, handler: (e: any) => void; }[] = [];
let lastHoveredElement: HTMLElement | null = null; let lastHoveredElement: HTMLElement | null = null;
@ -37,7 +37,7 @@ function addHoverEffect(element: HTMLElement, type: string) {
if (settings.store.hoverOutline) { if (settings.store.hoverOutline) {
if (type === "messageImages") { if (type === "messageImages") {
hoverElementActual = element.closest('[id^="message-accessories-"]')?.querySelector('div')?.querySelector('div') || element; hoverElementActual = element.closest('[id^="message-accessories-"]')?.querySelector("div")?.querySelector("div") || element;
if (!(hoverElementActual instanceof HTMLDivElement)) { if (!(hoverElementActual instanceof HTMLDivElement)) {
hoverElementActual = element; hoverElementActual = element;
@ -147,7 +147,7 @@ function addHoverEffect(element: HTMLElement, type: string) {
}, hoverDelay); }, hoverDelay);
}; };
const movePreviewListener: (e: MouseEvent) => void = (e) => { const movePreviewListener: (e: MouseEvent) => void = e => {
positionPreviewDiv(previewDiv, e); positionPreviewDiv(previewDiv, e);
}; };
@ -217,7 +217,7 @@ function addHoverEffect(element: HTMLElement, type: string) {
} }
function handleHover(elements: NodeListOf<HTMLElement> | HTMLElement[], type: string) { function handleHover(elements: NodeListOf<HTMLElement> | HTMLElement[], type: string) {
elements.forEach((el) => { elements.forEach(el => {
if (!el.dataset.hoverListenerAdded) { if (!el.dataset.hoverListenerAdded) {
const handler = () => addHoverEffect(el, type); const handler = () => addHoverEffect(el, type);
el.addEventListener("mouseover", handler); el.addEventListener("mouseover", handler);
@ -295,7 +295,7 @@ const settings = definePluginSettings({
}); });
export default definePlugin({ export default definePlugin({
name: "Image Preview", name: "ImagePreview",
description: "Hover on images, avatars, links, guild icons, and stickers to show a full preview.", description: "Hover on images, avatars, links, guild icons, and stickers to show a full preview.",
authors: [EquicordDevs.creations], authors: [EquicordDevs.creations],
settings: settings, settings: settings,
@ -313,7 +313,7 @@ export default definePlugin({
} }
if (settings.store.messageLinks) { if (settings.store.messageLinks) {
appContainer.querySelectorAll("span").forEach((span) => { appContainer.querySelectorAll("span").forEach(span => {
const url = span.textContent?.replace(/<[^>]*>?/gm, ""); const url = span.textContent?.replace(/<[^>]*>?/gm, "");
if (url && (url.startsWith("http://") || url.startsWith("https://")) && isLinkAnImage(url)) { if (url && (url.startsWith("http://") || url.startsWith("https://")) && isLinkAnImage(url)) {
handleHover([span], "messageLinks"); handleHover([span], "messageLinks");
@ -327,10 +327,10 @@ export default definePlugin({
} }
} }
const observer = new MutationObserver((mutations) => { const observer = new MutationObserver(mutations => {
mutations.forEach((mutation) => { mutations.forEach(mutation => {
if (mutation.type === "childList") { if (mutation.type === "childList") {
mutation.addedNodes.forEach((addedNode) => { mutation.addedNodes.forEach(addedNode => {
if (addedNode instanceof HTMLElement) { if (addedNode instanceof HTMLElement) {
const element = addedNode as HTMLElement; const element = addedNode as HTMLElement;
@ -346,7 +346,7 @@ export default definePlugin({
} }
if (settings.store.messageLinks) { if (settings.store.messageLinks) {
element.querySelectorAll("span").forEach((span) => { element.querySelectorAll("span").forEach(span => {
const url = span.textContent?.replace(/<[^>]*>?/gm, ""); const url = span.textContent?.replace(/<[^>]*>?/gm, "");
if (url && (url.startsWith("http://") || url.startsWith("https://")) && isLinkAnImage(url)) { if (url && (url.startsWith("http://") || url.startsWith("https://")) && isLinkAnImage(url)) {
handleHover([span], "messageLinks"); handleHover([span], "messageLinks");
@ -385,12 +385,12 @@ export default definePlugin({
eventListeners.length = 0; eventListeners.length = 0;
document.querySelectorAll("[data-hover-listener-added]").forEach((el) => { document.querySelectorAll("[data-hover-listener-added]").forEach(el => {
el.removeAttribute("data-hover-listener-added"); el.removeAttribute("data-hover-listener-added");
(el as HTMLElement).style.outline = ""; (el as HTMLElement).style.outline = "";
}); });
document.querySelectorAll(".preview-div").forEach((preview) => { document.querySelectorAll(".preview-div").forEach(preview => {
preview.remove(); preview.remove();
}); });
} }