SheWhoReignsSupreme/Equicord
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(betterGifLoad): fix video handling (#1138)

Browse source 
* feat(betterGifLoad): add GIF preview quality selection feature.

* fix(betterGifLoad): remove unused qualities

* Revert "fix(betterGifLoad): remove unused qualities"

This reverts commit 86c6abbb5e0262599000a03dfa46cb1bef9a63a6.

* fix(betterGifLoad): address code review & change qualities

* fix(betterGifLoad): address code review p2 - add interface, fix find

* patch it

* refac(betterGifLoad): remove lossless quality coz was unused, add comments

* patch

* Update index.ts

* Update index.ts

* Update index.ts

* fix(betterGifLoad): handle video gifs quality!

* fix(betterGifLoad): extend tenor video regex to match webm

* fix(betterGifLoad): fix video handling

* [autofix.ci] apply automated fixes

* fix(betterGifLoad): address code review

* chore(betterGifLoad): change description

* fix(betterGifLoad): im dumb

* Update index.ts

---------

Co-authored-by: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Jakub Bednarski 2026-06-03 16:57:42 +02:00 • committed by GitHub
parent 7871ff0339
commit 85e8984e16
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/equicordplugins/betterGifLoad/index.ts
View file

@ -16,14 +16,16 @@ const Quality = {
} as const;
type Quality = typeof Quality[keyof typeof Quality];
// Qualities are reverse engineered, cap is the maximum dimension in pixels
const qualities = [
{ giphy: "giphy", tenor: "Ax", cap: 480 }, // webp
{ giphy: "480w", tenor: "A5", cap: 360 }, // webppreview
{ giphy: "200", tenor: "A1", cap: 200 }, // tinywebp
{ giphy: "100", tenor: "A2", cap: 120 }, // nanowebp
{ giphy: "giphy", tenor: "Ax", cap: 480, video: "Po" }, // High ~ 480-native
{ giphy: "480w", tenor: "A5", cap: 360, video: "P3" }, // Reasonable ~ 360
{ giphy: "200", tenor: "A1", cap: 200, video: "P2" }, // Low ~ 200
{ giphy: "100", tenor: "A2", cap: 120, video: "P4" }, // Horrible ~ 120
];
const mediaTenorLinkRegex = /^https:\/\/(?:media\d?|c)\.tenor\.com(?:\/m)?\/(?<id>.+?)(?<quality>.{2})\/(?<name>[^/]+)\./i;
const mediaTenorVideoLinkRegex = /^https:\/\/(?:media\d?|c)\.tenor\.com(?:\/m)?\/(?<id>.+?)(?<quality>P\w{1,2})\/(?<name>[^/]+)\.(?:mp4|webm)$/i;
const giphyLinkRegex = /^https:\/\/media\d?\.giphy\.com\/media\/.*?\/(?<code>.*?)\/giphy/i;
const mediaProxyParser = /^https:\/\/images-ext-\d\.discordapp.net\/external\/.*?\.*?\/(?<protocol>.*?)\/(?<rest>.*?)$/i;
@ -50,7 +52,7 @@ const settings = definePluginSettings({
export default definePlugin({
name: "BetterGifLoad",
description: "Allows you to change the quality of GIFs in the GIF picker",
description: "Change the quality of GIFs in the GIF picker. Improves performance and lowers internet usage.",
tags: ["Media", "Utility"],
authors: [EquicordDevs.Leon135, EquicordDevs.nexpid],
settings,
@ -76,6 +78,19 @@ export default definePlugin({
},
]
},
{
find: "renderEmptyFavorite",
replacement: [
{
match: /src:\(\i=.{0,300}"animated","true"\),\i\.toString\(\)\):\i\),/,
replace: "src:$self.parseLink(this.props.src,[this.props.coords.width,this.props.coords.height]),",
},
{
match: /(this\.handleCanPlay,\i)\.src=(\i)/,
replace: "$1.src=$self.parseLink(this.props.src,[this.props.coords.width,this.props.coords.height])",
},
],
},
],
parseLink(link: string, sizes?: [width: number, height: number]) {
const quality = settings.store.gifQuality;
@ -83,6 +98,11 @@ export default definePlugin({
const url: URL = new URL(link.startsWith("//") ? `https:${link}` : link);
const cleanLink = getCleanLink(link);
const tenorVideoMatch = cleanLink.match(mediaTenorVideoLinkRegex);
if (tenorVideoMatch) {
const { id, name } = tenorVideoMatch.groups!;
return `https://media.tenor.com/${id}${q.video}/${name}.mp4`;
}
const tenorMatch = cleanLink.match(mediaTenorLinkRegex);
if (tenorMatch) {
const { id, name } = tenorMatch.groups!;
@ -105,7 +125,6 @@ export default definePlugin({
}
return url.toString();
}
return link;
}
});