76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
/*
|
|
* Vencord, a Discord client mod
|
|
* Copyright (c) 2023 Vendicated and contributors
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
import { Devs } from "@utils/constants";
|
|
import definePlugin from "@utils/types";
|
|
import { UserStore } from "@webpack/common";
|
|
import { Message } from "discord-types/general";
|
|
|
|
|
|
export default definePlugin({
|
|
name: "ThemeAttributes",
|
|
description: "Adds data attributes to various elements for theming purposes",
|
|
authors: [Devs.Ven, Devs.Board],
|
|
|
|
patches: [
|
|
// Add data-tab-id to all tab bar items
|
|
// This for examples applies to the User and Server settings sidebars
|
|
{
|
|
find: ".tabBarRef",
|
|
replacement: {
|
|
match: /style:this\.getStyle\(\),role:"tab"/,
|
|
replace: "$&,'data-tab-id':this.props.id"
|
|
}
|
|
},
|
|
|
|
// Add data-author-id and data-is-self to all messages
|
|
{
|
|
find: ".messageListItem",
|
|
replacement: {
|
|
match: /\.messageListItem(?=,"aria)/,
|
|
replace: "$&,...$self.getMessageProps(arguments[0])"
|
|
}
|
|
},
|
|
|
|
// add --avatar-url-<resolution> css variable to avatar img elements
|
|
// popout profiles
|
|
{
|
|
find: ".LABEL_WITH_ONLINE_STATUS",
|
|
replacement: {
|
|
match: /src:null!=\i\?(\i).{1,50}"aria-hidden":!0/,
|
|
replace: "$&,style:$self.getAvatarStyles($1)"
|
|
}
|
|
},
|
|
// chat avatars
|
|
{
|
|
find: "showCommunicationDisabledStyles",
|
|
replacement: {
|
|
match: /src:(\i),"aria-hidden":!0/,
|
|
replace: "$&,style:$self.getAvatarStyles($1)"
|
|
}
|
|
}
|
|
],
|
|
|
|
getAvatarStyles(src: string) {
|
|
return Object.fromEntries(
|
|
[128, 256, 512, 1024, 2048, 4096].map(size => [
|
|
`--avatar-url-${size}`,
|
|
`url(${src.replace(/\d+$/, String(size))})`
|
|
])
|
|
);
|
|
},
|
|
|
|
getMessageProps(props: { message: Message; }) {
|
|
const author = props.message?.author;
|
|
const authorId = author?.id;
|
|
return {
|
|
"data-author-id": authorId,
|
|
"data-author-username": author?.username,
|
|
"data-is-self": authorId && authorId === UserStore.getCurrentUser()?.id,
|
|
};
|
|
}
|
|
});
|