🧩-plugin-development

[dull magnet]

tbh we should add more sugar for these apis

similar to flux events

export default definePlugin({
  onBeforeSendMessage(channelId, msg) {
    // do stuff
  }
})

[swift delta]

YIPPEEING

I feel like my chances of getting this put into #1256395889354997771 is small to nonexistent because it’s on the technicality (just like my other one) that it can be done by txt replace but not well…

[humble tulip]

What is it?

[swift delta]

it adds a customizable ‘fingerprint’ to the end of messages

[unkempt kindle]

yeah that definitely can be done with textreplace

[swift delta]

💀 ik

[unkempt kindle]

find: ^(.*)$
replace: $1\n\n> This message was sent by your mother.

[flint bronze]

If there's an easy toggle option somewhere in the UI that isn't buried in settings then I'd say it's viable as an alternative to textreplace for this application

but also

why?

[swift delta]

And that’s why the plug-in isn’t done yet, it’s still a very early draft

[unkempt kindle]

this is similar to iphones adding the "sent from an iphone" at the end of an email

This message was sent by TheAnnoying

[unkempt kindle]

i forgot i have it on 💀

This message was sent by TheAnnoying

[swift delta]

You’ll see one thing and you hop on a fucking bandwagon

You gotta wait it out

I’m still on my initial commit

[flint bronze]

To me it seems just

[unkempt kindle]

what

[flint bronze]

obnoxious?

[swift delta]

Yes, it can be done via text replace but i plan on adding an option where it can be toggled on and off

[flint bronze]

Okay then I'd say that makes sense

generic toggleable text transform plugin when

[swift delta]

I also plan on being able to allow people to blacklist servers or channels so no matter what it just never happens there

[unkempt kindle]

does vencord accept silly plugins or do they not do that anymore

idk whether i should post my plugin in unofficial-plugins or wait it out and someday submit it as an official one

[flint bronze]

remove the word silly from this

[swift delta]

not to main, but that’s kind of the whole point of #1256395889354997771

[cedar olive]

5$ and I will get your silly plugin added in record time

(eeal)

[flint bronze]

new plugins feel really rare these days

[swift delta]

eeal

[unkempt kindle]

the post titled "How to Install plugins from here / How to submit plugins" only shows you how to install plugins

[swift delta]

still, though it’s not done yet I still have a lot of plans for the plug-in that would give it justifiable reason why it would be better then doing it via text replace

[unkempt kindle]

in my opinion if you make a plugin like this I would much rather have it format the text in a neater way where it's similar to the (edited) mark but at the bottom of your message

so that it isn't annoying to look at

[swift delta]

almost as if I exactly just said “I have plans”

[flint bronze]

markdown footer? but places like here have rules against that (because it gets really... really... really annoying quickly

[unkempt kindle]

wouldn't having it as normal text also be annoying

[flint bronze]

yes

[unkempt kindle]

i didn't think of a markdown footer i just thought of somehow changing it with css

[flint bronze]

nobody else would see that

[unkempt kindle]

but that's pretty much what i was imagining yes

[unkempt kindle]

other people with the plugin

another disgusting thing you can do is somehow use invisible unicode characters to encode the text at the end of the message and then only people with the plugin will see that rendered as normal text (a markdown footer or whatever)

[flint bronze]

vp invisiblechat

[shrewd tundra]

InvisibleChat

Encrypt your Messages in a non-suspicious way!

Authors

Samm-Cheese

Traits

desktop only

[unkempt kindle]

i did something similar in my kitten speak plugin

[swift delta]

I should really stop developing my code on canary

[humble tulip]

Flip the script and add black/whitelists to textreplace

[swift delta]

I’ve seen the code for textreplace and never in my life will I touch that

@unkempt kindle @flint bronze
Yes i told y'all i have plan

I even plan on making it so I can be done toggle via a command

[rocky lynx]

why so many buttons

[swift delta]

not enough honestly

[rocky lynx]

this is all i have

[swift delta]

you need more

[swift delta]

also, someone recommended to me what about just dropping the ‘Sent Via’ part an just making a Signature plugin

which doesn’t sound like a bad idea…

[unkempt kindle]

so many toggles

[swift delta]

i can add more

[unkempt kindle]

i think it's fine 😭

[swift delta]

nah I’ll add one more that doesn’t actually do anything. It’s just there.

[unkempt kindle]

how do you customize the text

[humble tulip]

I forgot to mention but I've uploaded my version of this as a friend asked for it. There's bits that need tidying but I kinda overhauled it a bit
https://github.com/lolsuffocate/vc-customTimestamps

[steady knot]

ooh

you should pr

[humble tulip]

Yeah maybe

I tried separating the calendar formats a bit from the different timestamp types so it's a bit clearer what it means, it confused me for a little bit lol

[steady knot]

yeah that's fair

[humble tulip]

Just kinda slotted in a header for it, it's a bit jank

[iron epoch]

won't making it bold would make it look much better? + appealing

[humble tulip]

Probably, I threw it together while I was at work so I could share it with the friend lol

[swift delta]

small change to the svg

https://cdn.nest.rip/uploads/640d2d53-6bc4-43a7-a944-bd56a292659c.png

https://cdn.nest.rip/uploads/69e4b67a-7fd6-43dd-96f4-cd044bbc4eac.png

[swift delta]

catangry

[flint bronze]

yeah thats not how the api works but thats how the API should work

[swift delta]

good old // @ts-ignore

nah im just kidding i found a different way

[flint bronze]

[swift delta]

dont husk me i’ve seen the code for IconViewer

[flint bronze]

this isnt horrible for the reason you think

[iron epoch]

the price you pay for userplugin support

[dull magnet]

use .splice instead of filter

stop() {
  const { customSections } = Vencord.Plugins.plugins.Settings;
  customSections.splice(customSections.indexOf(this.insertSettings), 1);
}

[swift delta]

Not even my plugin

@iron epoch

[unkempt kindle]

I am trying to write a patch that will edit all channel names
I wrote this one but i know it's not good since it uses variable names + it only works with text channels
i really don't know what else I could do though

patches: [
    {
      find: "function w(e){let{channel:t,guild:n,disableSorting:",
      replacement: [
        {
          match: /(function w\(e\){)(let{channel:t,guild:n,disableSorting:)/,
          replace: `$1e.channel.name='test';$2`,
        },
      ],
    },
  ],```

i used the components tab to select a channel and view the source

my end goal is to remove emojis from channel names
somehow need to be able to use the e.channel.name variable in my code which i don't know how i'll do

[vast karma]

Pass arguments[0] to your function

Or just capture the variable name

[unkempt kindle]

i've thought about it and i can just run the logic in discord and not in my code

just instead of
$1e.channel.name='test';$2
i can just do
$1e.channel.name=e.channel.name.match(/whatever/)[0];$2

[vast karma]

Mutating props is illegal though

[unkempt kindle]

that's why i asked my original question
i don't know how to patch this better

this isn't a smart patch

[vast karma]

Find the part that says children: t.name or similar, and change that to children: $self.memfrob(t.name)

[unkempt kindle]

what is $self.memfrob

what is $self

[vast karma]

$self is replaced with a reference to your plugin object

[unkempt kindle]

oh nice

is a memfrob function magically part of my plugin object

[vast karma]

It's in your plugin object if you define it

[unkempt kindle]

when i searched earlier for the place to patch I did see a few elements that had a children prop but i really didn't know what that meant about it

so I preferred looking for something with a channel prop that has the channel info

[vast karma]

Sure, but you are not allowed to mutate props

[unkempt kindle]

is this not prop mutating as well though?

[vast karma]

That's just changing the output

e is passed to your function, and you are not allowed to change it

You are free to change the returned jsx elements however you want

[unkempt kindle]

are we assuming i have something similar to:

function something(e){
  let { children: t } = e
}

[unkempt kindle]

ohh

that makes more sense

[vast karma]

No, I'm talking about ```js
function(e){
return (0, x.jsx)(T.qW, { children: t })
}

[unkempt kindle]

I didn't think of changing what's returned

[unkempt kindle]

okay it works nice

now just to removing the emoji part

[unkempt kindle]

(I changed my patch)

and you were right, it is using children: something

[hushed loom]

Prob best to just patch the stoee

[unkempt kindle]

what

[humble tulip]

store

[vast karma]

Stove

[hushed loom]

whoops, the sotre

Guhh

Store

[humble tulip]

[unkempt kindle]

that still doesn't give me a lot of info
i don't really know what the store is

[cedar olive]

I disagree

making the have dirty data will affect many other places

[inner monolith]

I have an idea for a banger plugin that I'm going to try making

would work well with fake nitro and fix a big issue

and is fairly simple although I've realised simple = still hard when reverse engineering discord for me

I wonder if i should make an electron app first to figure out how discord works first

[flint bronze]

you need general javascript knowledge (and then you can easily figure out typescript)

the electron code is very rarely touched when making a vencord plugin

you need to understand how to look at minified webpack code and edit it with regex

[rocky lynx]

patches are the one thing i have not figured out yet

[swift delta]

real shit 🙏

I can code a plug-in, but don’t fucking ask me to make a patch

[hushed loom]

id like to think im fairly good with patches, ping me with any questions you have

[swift delta]

personally for me, it was actually easier to learn TypeScript and then move to JavaScript

[hushed loom]

idk what you even mean by that

[rocky lynx]

i learned javascript making a discord bot, so typescript wasnt too difficult for me.

[swift delta]

Typescript was somehow easier for me to comprehend than JavaScript

[rocky lynx]

i did choose a fairly easy idea for my first plugin though. i made a chat bar button that sends a random picture of my cat.

[swift delta]

I have helped write portions for plug-ins before, but I think the first one I did that I could actually apply my name to was probably [WriteUpperCase](#1291571765029376061 message) or Signature Which signature yes can be done via TextReplace I just made it because I was bored and it was a good learning experience)

[rocky lynx]

I see the user plugin submissions are about as slow as prs

[hushed loom]

@hoary pilot @hoary pilot

[rocky lynx]

I opened it 10 days ago

[unkempt kindle]

why is it not allowed to mutate props? this method seems to work much better than my other option

[vast karma]

Try doing channel.name += "!" and you'll see

[unkempt kindle]

that'll just add ! to everything

what's wrong with that

[vast karma]

You will see

[unkempt kindle]

oh god what is going on

why did it add it 3 times

it's adding it more

[vast karma]

Told ya

[unkempt kindle]

oh god

[vast karma]

Because it's mutating the input

[unkempt kindle]

what the hell

[vast karma]

And then that mutated input is passed when it's rendered next

[unkempt kindle]

nice stuff overall

[vast karma]

And it mutates it again and again

[unkempt kindle]

but the mutation im doing is different

im not adding anything im just removing emojis

[vast karma]

Perhaps your mutation is idempotent

But you are still mutating input

[unkempt kindle]

doesn't visually look different every moment

[unkempt kindle]

thing is this function has like

function something(e){
    let {channel: t} = e;
    return ...whatever
}```

so it's harder to change what's returned

and easier to just change the data it's getting

[vast karma]

Yeah and it's easier to open a door with an axe than with a key

But has more side effects

[unkempt kindle]

I don't see any way to change that whatever without mutating

wait i'll show you exactly what it is

[vast karma]

You are currently doing t.foo = func(t.foo), right?

[unkempt kindle]

it's inside one of the ...p, ...v or ...e

[unkempt kindle]

exactly

[vast karma]

You can for example change that to t = {...t, foo: func(t.foo)}

[unkempt kindle]

how would that be any better

i can do that

[vast karma]

Because that does not mutate anything

[dull magnet]

who said that?

[vast karma]

It only changes a local variable

[vast karma]

React docs

[unkempt kindle]

kyuuhachi

[dull magnet]

you can mutate props just fine

[unkempt kindle]

oh wait you're THE vencord person

[dull magnet]

just if it has side effects then you're likely better off not doing that

[unkempt kindle]

my prop editing simply removes emojis from all channel names

[dull magnet]

why do you want to do that

[unkempt kindle]

because some servers get really annoying with it

[dull magnet]

if you're changing the name just inside the component, that's fine

if you're changing the name in the global channel structure, that's bad

[unkempt kindle]

in the react component selection thing I specifically selected the outer most channel element

[dull magnet]

in this case it shouldn't be hard to just patch where it renders the channel name line

[unkempt kindle]

I also tried simply changing the text itself from the inner most element that stores the text and that worked but it didn't change the text at the top which the first method does do

ignore the ! that was a test

[vast karma]

"Don't change props, ever" is much easier to say and to follow than "only change props if you are certain that it is idempotent and that the values aren't shared with anything else"

[unkempt kindle]

this is exactly what im doing so far
is it that bad?

it's actually nice I can see the patched code like that

[flint bronze]

this is overwriting the name everywhere when it is rendered in the sidebar

this is shared globally

which is Probably a Problem

the real issue is how inconsistent it is

[vast karma]

If you want to globally change the name, sure, but don't do that from a rendering function

Either change the rendering or change the data

[flint bronze]

if you link to a channel in another guild for example, it won't automatically update

[unkempt kindle]

where could I edit the actual data? i would prefer that as well

[flint bronze]

this does change the data; it just does it at the wrong place

[unkempt kindle]

do you mean changing the actual data discord receives?

[flint bronze]

yes but vee doesn't recommend doing that

[unkempt kindle]

won't i need another patch for that thing specifically
isn't the only way to change the name everywhere just to somehow edit the data discord receives?

[flint bronze]

thats the easiest way though as vee said, there are side effects

you're best off not directly overwriting that channel prop; it seems like you're patching that too early (if you want to edit what is rendered)

[vast karma]

Presumably that would be in a GuildStore or ChannelStore or GuildChannelStore

[flint bronze]

yes

[unkempt kindle]

I thought those were just for getting data
i don't really know much about the stores

[flint bronze]

you'd probably want to do something on the connection ready flux events for example if you were to do that

[flint bronze]

It's called a store because it stores stuff there

[vast karma]

Yes, and if you want to change the data that is gotten, where would you do that

[unkempt kindle]

are these stores a vencord thing or a discord thing

[flint bronze]

discord thing

[vast karma]

Discord of course

[unkempt kindle]

oh

[flint bronze]

though a few plugins implement their own

[unkempt kindle]

I thought it was vencord who is collecting the data and just making it more accessible

[vast karma]

No, those stores are where discord stores its own data

[unkempt kindle]

so any data that discord uses comes from there

yeah so I should edit the data in the store

[humble tulip]

Kinda sick or kinda shit?

obligatory screen record music

[cedar olive]

no you shouldn't

you want to remove the emojis from the sidebar channel names

then do what people have been saying and edit where that is rendered

and not the channel structure name

or else you are gonna "corrupt"/make dirty the data that is used all across your discord client for the channel name

it's much easier to just find where that channel.name is being used and replace it there

[unkempt kindle]

not really
i would rather remove the emojis from everywhere that channel name is used

[cedar olive]

you really shouldn't

[unkempt kindle]

but that means i need to write multiple patches

[vast karma]

Oh no the horror

[unkempt kindle]

i don't see what's so wrong with manipulating the data discord uses

im just editing a string

[cedar olive]

because the whole point is to not make data dirty

that data is not only used in ui stuff

[unkempt kindle]

oh shoot

that might be true

yeah i see how that could be problematic

if i want to simply change the text that's rendered then i could change this children thing here but that doesn't feel like an effective patch because there's no function name or some specific text or indicator that will most likely not update soon

that means I will have to select some part around the children thing as well

[dull magnet]

it will mess up other things too

imagine editing a channel with emoji in its name

you will change the name even if you dont want to

it will likely mess up the message search channel filter too

[cedar olive]

where does t come from?

[humble tulip]

The .scrollWidth&&(null= in there is unique and I doubt it'd change since it's just pretty simple logic to tell if the channel name is being cut off

And t is just a string

[dull magnet]

e is a minified variable

dont use

[humble tulip]

Yeah sorry, I took the i out and missed the e smh

I tried it and all my channels look naked

[fathom talon]

Hey guys, does someone could help me with regex to account panel?

/((?:.*)(?<=function) .{0,8}?(?={).)(.{0,1000}ACCOUNT_PANEL.{0,1000}\)]}\))(})/

I need to fix that block of code

{
        find: "Messages.ACCOUNT_A11Y_LABEL",
        replacement: {
            match: /((?:.*)(?<=function) .{0,8}?(?={).)(.{0,1000}ACCOUNT_PANEL.{0,1000}\)]}\))(})/,
            replace: "$1return $self.replacedUserPanelComponent(function(){$2}, this, arguments)$3"
}

[bronze dove]

what exactly are you trying to do

[fathom talon]

I'm trying to fix patch that adds button to user panel next to screenshare button

I replaced in "find" to "#{intl::ACCOUNT_A11Y_LABEL}" hope it works

[bronze dove]

this one?

[fathom talon]

Yeah, I got it work

[bronze dove]

you have weird patch anyway, why dont you add your component to the array instead?

[fathom talon]

Oh, nvm. That's not my plugin at all. I talked to Phil, he's owner. He gave me advice where to look up, so I managed to fix his patch tho

I'll rewrite his plugin from a scratch soon and maybe try to submit it to Vencord official

[swift delta]

💀 ain’t no shot that plug-in would be approved for official, maybe you could get it in #1256395889354997771 tho

[bronze dove]

[fathom talon]

xd

I don't know atm what's rules for it

gonna look for submitting and other stuff

btw I would post it anyways, official or unofficial so

[fathom talon]

Also, why you think so?

I won't submit old fixed plugin, I want to do a new one from a scratch

It's for screenshare extra options like bitrate, keyframes interval, codec, framerate, etc.

[swift delta]

because i’ve seen the original pr
https://github.com/Vendicated/Vencord/pull/730

[fathom talon]

Why it was unapproved?

[swift delta]

this is a discord colorways kind of thing where it’s so large and it requires such maintenance that it probably wouldn’t be approved

[cedar olive]

if it's rewritten maybe

[fathom talon]

oh ok

[cedar olive]

but it needs to be hardly reworked

[fathom talon]

I'll try my best

[cedar olive]

have a look at some other plugins to see how many files they use

decor for example but some others too

it shouldn't go too far away from that

or else it stars to get really messy

[swift delta]

I used to have the plug-in, and yes, if it’s rewritten that’s a different story but still as of right now I know if one thing breaks on that it turns into a crash looper especially canary and ptb

[fathom talon]

Hm, I need to do it clean and use files as less as I could to do so

[fathom talon]

Yeah, I've been using this plugin for too long, it was crashing almost every update. I'm on canary build tho

But I loved this plugin much, so I'm gonna try

[inner monolith]

well i know how to write javascript, i've done it at a professional level but there has been a lot more to it

like figuring out what does what

[inner monolith]

this is what i'm struggling with too

[swift delta]

catangry

[cyan pendant]

I just had the idea of creating a plugin that mutes everyone (vc-wise) unless they are age verified (that being over 18), can anyone tell me if thats theoreticaly possible to make

[oak sundial]

no

your client does not have access to that information and would be a massive privacy problem

[hushed loom]

The best you can do are NSFW VCS which are a stock feature

[cyan pendant]

I see

alright thank you

[hushed loom]

how do i make it so a command doesnt send the comamnd text in chat

[dull magnet]

don't use BUILT_IN_TEXT type

if you use that, it automatically sends the return value

use BUILT_IN

[hushed loom]

alr ty

[indigo ferry]

vesktop?

[swift delta]

nah, the api im using for a plugin doesnt like me

[indigo ferry]

whyd it take you 50 years to type that

[swift delta]

?

[thick sparrow]

how would u make it so that sending messages send as replys replying to messages not just normal messages

[hushed loom]

use https://discord.sex for more info

[thick sparrow]

i just saw

[thick sparrow]

useful site

thanks

[thick sparrow]

i got timed for saying the website

[terse pagoda]

Hey 🙂

I'm new in plugin dev.
Currently Im trying to add back the voice channel counter.
Therefor I try to display the text "VC" for example on the right of every voice channel.
I already figured out, that every text channel uses <a href> and every voice channel uses <a role="button">.

This is my current code but it dont display anything.

import { React, useEffect } from "@webpack/common";
import definePlugin from "@utils/types";

const addVCText = () => {
    useEffect(() => {
        const voiceChannels = document.querySelectorAll('a[role="button"]');
        
        voiceChannels.forEach((channel) => {
            const vcTextDiv = document.createElement('div');
            vcTextDiv.style.color = "#ff0000";
            vcTextDiv.textContent = "VC";
            
            const childrenDiv = channel.querySelector('.children_d8bfb3');
            if (childrenDiv) {
                childrenDiv.appendChild(vcTextDiv);
            }
        });
    }, []);
};

export default definePlugin({
    name: "VoiceChannelVC",
    description: "Adds a 'VC' text next to voice channels",
    authors: ["Devs.Nieme"],

    startTime: 0,

    patches: [
        {
            find: "renderConnectionStatus(){",
            replacement: {
                match: /(?<=renderConnectionStatus\(\)\{.+\.channel,children:)/,
                replace: (match: string, group: string) => {
                    addVCText();
                    return match;
                }
            }
        }
    ]
});

I dont know where the problem is to display that.

[dull magnet]

don't use dom manipulation

and your replace must return a string of code

[terse pagoda]

ok, I use it from react then and it should return a string of code but still it dont show anything :/

    patches: [
        {
            find: /\.channelName,children:.*\)/,
            replacement: ({ args }) => {
                return `{
                    ...${args[0]},
                    children: React.createElement('div', {
                        style: { display: 'flex', alignItems: 'center', gap: '4px' }
                    }, [
                        ${args[0]}.children,
                        React.createElement('span', {
                            style: { color: '#ff0000', fontWeight: 'bold' }
                        }, 'VC')
                    ])
                }`;
            }
        }
    ]
});

[vast karma]

Where do you think this React would be defined

Just call a function on $self

And what's with that ({args}) => syntax? That function gets the regex matches, nothing else

[terse pagoda]

issnt that what React.createElement does?
I mean, I mentioned the replacement: ({ args }) there.

even if I do it with self, it wont show up.

    onLoad() {
        this.addVCLabel = (originalCode: string) => {
            return originalCode.replace(
                ".channelName,children:",
                ".channelName,children: (props => ({ ...props, children: [props.children, ' (VC)'] })), children:"
            );
        };
    },

    patches: [
        {
            find: /\.channelName,children:.*\)/,
            replacement: function (match) {
                return this.addVCLabel(match);
            }
        }
    ]

[vast karma]

Have you looked at how patches are used in the hundreds of other plugins

[terse pagoda]

where args are -> createelement

[terse pagoda]

yes, I looked at "callTimer":

    patches: [{
        find: "renderConnectionStatus(){",
        replacement: {
            match: /(?<=renderConnectionStatus\(\)\{.+\.channel,children:)\i/,
            replace: "[$&, $self.renderTimer(this.props.channel.id)]"
        }
    }]```
and thats how I did it at the start.

```js
    onLoad() {
        this.addVCLabel = (channelName: string) => `${channelName} (VC)`;
    },

    patches: [{
        find: ".channelName,children:",
        replacement: {
            match: /(?<=\.channelName,children:)/,
            replace: "$&, props => ({ ...props, children: $self.addVCLabel(props.children) })"
        }
    }]
});

[vast karma]

And why are you making children a function when it wasn't before?

children:, props => is not valid syntax, either

[terse pagoda]

so just replace: " $self.addVCLabel($&) "?

[vast karma]

Check with patch helper that what you're doing looks right

[dull magnet]

do you understand that match and replace is a simple text replace on Discord's code?

discordsCode.replace(match, replace);

[terse pagoda]

    patches: [{
        find: "renderChannelName(){",
        replacement: {
            match: /(?<=\.channelName,children:)[^,]+/,
            replace: "$self.addVCLabel($&)"
        }
    }]

That is what I'm doing.

[terse pagoda]

patch helper? (nvm, found it)

[hushed loom]

just use a custom component

[swift delta]

😭

[hushed loom]

also why do you want something like this

curious about the use case

[swift delta]

I dont how to explain it

just forget this question

[hushed loom]

😭

[cedar olive]

disabled: true

perhaps

[swift delta]

I have a settings option that’s required for the plug-in to function so I have it hidden, but it does this weird thing. So I was wondering if there’s a way to show it but not actually let people interact with it.

[hushed loom]

nah just keep it hidden

thats what ive done with my plugins

or use datastore

if it doesnt need to be synced

[cedar olive]

you could also use privateSettings

https://github.com/Vendicated/Vencord/blob/main/src/plugins/ignoreActivities/index.tsx#L213-L215

[proud parrot]

index.tsx: Lines 213-215

}).withPrivateSettings<{
    ignoredActivities: IgnoredActivity[];
}>();

[cedar olive]

you have to handle defaults manually on those

[swift delta]

it does need to be synced and it’s also a restart: required so the moment you turn on the plug-in it prompt you to restart, even though the plug-in doesn’t have any patches so it shouldn’t prompt you

[cedar olive]

https://github.com/Vendicated/Vencord/blob/main/src/plugins/ignoreActivities/index.tsx#L217-L219

[proud parrot]

index.tsx: Lines 217-219

function getIgnoredActivities() {
    return settings.store.ignoredActivities ??= [];
}

[hushed loom]

do those just sync with settings sync but are not shown to the user

[cedar olive]

however try using disabled: true first

[cedar olive]

yeah

[hushed loom]

lsp tells me thats not a prop

[cedar olive]

oh I was sure it existed?

[hushed loom]

might not be on bool

[cedar olive]

you can store any type on it (as long as it's JSON serializable)

[swift delta]

thats what the setting is

[hushed loom]

yea thats what i did for customfoldericons as i wanted them to sync

[cedar olive]

you might be able to set an empty patches are to force a restart on plugin enable

[cedar olive]

much better than using Datastore

I hate it

PinDMS should be using that for categories

[hushed loom]

i tried using datastore without knowing what useawaiter was

and it was not a fun time

[cedar olive]

I mean for Datastore most times you should just have a local cache

and update Datastore on change

[hushed loom]

yea, but that was also like my first time ever using react 😭

[hushed loom]

thats what i did

i just init'ed it on plugin start

[swift delta]

i hate when yall people start with the nerd talk

[hushed loom]

plugin dev
nerd talk
mfw

[shrewd tundra]

👉 #🧊-off-topic-iceman-only

(Auto-response invoked by @hushed loom)

[cedar olive]

@swift delta ^^

try that

[swift delta]

https://tenor.com/view/cat-smiling-cat-grey-cat-cute-cat-gif-2949633679466643461

[cedar olive]

patches: []

[swift delta]

I mean, yeah I can try that. Still left with this weird thing though, which is what I’m hoping I can fix by showing it but not actually letting people use it.

Where it shows a Settings column, but there’s nothing in there

[hushed loom]

wait i need that plugin

what api does it use

[cedar olive]

do you still have the hidden setting?

[swift delta]

as of now this, but the api is shit so I’ve got a bot scraping so I can build my own
https://nekos.life/api/v2/img/goose

@hushed loom bro just husks to husk some times

I swear to God, I will put you my block list so you can’t reaction me

[swift delta]

I need to do some work on the plug-in, but as of right now, the settings option being enabled is required for the plug-in to even work, even if restart required isn’t actually tied to that Settings option

[humble tulip]

wip

[flint bronze]

good plugin

maybe replace the green placeholder with a preview of if it was placed there set to half opacity or something like that

[humble tulip]

Yeah that looks pretty good

I need to sort out the flickering

[unkempt kindle]

sir are you using comic sans in your code editor

and if so

why

[humble tulip]

nvm I just forgot to apply css

[amber basin]

can i ask what #{intl::GUILD_OWNER} means? updating an old plugin and found that bc moreuserdecorations patches the same module

used to use .Messages.GUILD_OWNER,

[cedar olive]

it's basically a macro

it gets transformed automatically to the hashed version of the GUILD_OWNER message string

but also with a little more to make it a find and not match the translations file

run Vencord.Util.canonicalizeMatch("#{intl::GUILD_OWNER}") to see what it becomes

[hushed loom]

It’s the default font across my whole system

[hushed loom]

@azure fossil do you have react devtools enabled

[azure fossil]

i think i disabled them last time cause it was crashing me

and i forgor how to enable

[azure fossil]

dumb me was searching in discord dev options

alr

wait

[past jackal]

how do i replace fetch messages function? I need to process all messages before displaying them

[past jackal]

tried this one doesnt work

SHIT

thats fetchmessage

welp

still didnt work

hey how did you end up doing it?

never mind, it works

[vast karma]

Now stop hardcoding the variable names, and remove those pointless whitespace checks

[past jackal]

yes i realized that

i realized that its not the same in the source

cause i copied what i saw in the source

which was something like this

also now

i have an issue where if i open a channel second time

nothing happens

doesnt pass through fetch messages

it works only ones

i tried this and it didnt work

[flint bronze]

why do you need a getter

besides what are you trying to do?

[past jackal]

showspotifyembeds

i want to add an embed to all messages that have a spotify link and do not have the embed for that link

[flint bronze]

the embeds are implemented like default embeds, just with a custom renderer

may I suggest taking a look at https://github.com/lolsuffocate/Vencord/blob/showMessageEmbeds/src/plugins/showMessageEmbeds/index.tsx

[past jackal]

i know that they are implemented as default embeds

i already did everything

i just need

to make it work with cached messages

it works once and then when i reopen the channel its gone

[flint bronze]

i would recommend removing the e from your find

you might have to find a different find though

[past jackal]

why?

[rocky lynx]

i assume because its a minified variable that can change

[flint bronze]

that's a random variable name that could change

[past jackal]

could or couldnt doesnt matter right now

its 2:30 am right now

all i want is to make it work

the fact that there is some variable that i can just replace with regex is really not bothering me right now

i have tested it before building , its there

it simply works only once

[flint bronze]

once as in

• first time loaded on client
• when recieved from gateway

[past jackal]

yeah first time it loads

then it doesnt do anything, not triggered

after i click another channel basically

im not sure what other function needs to get patched here

[flint bronze]

i think the getter doesn't make sense for what you're trying to do

[past jackal]

where exactly

[flint bronze]

in here

[past jackal]

and what should i do instead

i noticed theres getMessages()

[flint bronze]

move the messages: into the lookbehind and remove everything but the $self.editMessages($1,this) from the replace

does it work then?

i don't actually know if the getter will have anything to do with it or not

[past jackal]

certainly not

[flint bronze]

i bet it is also likely the fetch local messages functions in this module have something to do with it

[past jackal]

it works

[flint bronze]

okay

[past jackal]

it works as in

the method works

but only once

im doing it like the other plugin

which works normally

[flint bronze]

what other plugin

[past jackal]

mssglgg

[rocky lynx]

i want to make another plugin, but i have no ideas

[thick sparrow]

look at suggestions

[iron epoch]

#🗳-plugin-requests

[thick sparrow]

i got an idea

a ring all plugin

adds a button to the context menu of a group

and rings everybody who isnt in a call

or isnt currently being ringed

[hushed loom]

is it possible to evalulate css and get the value in javascript

(this is prob xy)

[cedar olive]

wdym value in JavaScript

[hushed loom]

trying to do a feature where you can set a min contrast value for RCE

[cedar olive]

evaluate to "check for errors"?

[hushed loom]

evaluate to get the value of this

to check the contrast

[cedar olive]

don't think so

[hushed loom]

guhhhhh

any ideas on how to go about getting the value of that

[cedar olive]

not really

[hushed loom]

@cedar olive solved it

i just asked github copiliot to do it for me

and it provided working code

[hushed loom]

@swift delta remember that settings question you had last night

const settings = definePluginSettings({
mySetting: {
  type: bool,
  desc: "123",
  default: true
}}, {
  mySetting: {
    disabled: () => true
  }
});

[rocky lynx]

interesting

[terse pagoda]

How do I get every channel to have for example a emoji to his name?
Currently Im trying to get every channel via placeholder-channel-id and VIEW_CHANNEL match.

    patches: [{
        find: '"placeholder-channel-id"',
        replacement: [
            {
                match: /if\(!\i\.\i\.can\(\i\.\i\.VIEW_CHANNEL.+?{if\(this\.id===\i\).+?threadIds:\[\]}}/,
                replace: (match, channel, object) => {
                    logger.info("Match: ", match);  
                    logger.info("Channel: ", channel);
                    
                    if (typeof channel === "object") {
                        logger.info("Object:", JSON.stringify(channel, null, 2));
                    } else {
                        logger.error("Is not a Object:", channel);
                        return match;
                    }
                }
            }
        ]
    }]

[swift delta]

Ain’t no shot that actually works

[unkempt kindle]

you want to add an emoji to every channel name?

[unkempt kindle]

because im trying to do the exact opposite

[hushed loom]

https://tryitands.ee

[swift delta]

https://tenor.com/view/i-no-wanna-kirby-sad-gif-6306764292949327438

[terse pagoda]

I DMed you. Maybe we can work together 🙂

[meager palm]

im gonna make a pluralkit helper plugin
i need help because obviously ive never written a plugin so

for starters im thinking of somehow replacing webhook messages with real psuedo-accounts and making it so when you click on the username/avatar the actual account pops up

i think i need to use the flux thingy right

[iron epoch]

I am not really sure what you mean but I think IconViewer does that in saveIcon function.
#1293357944498556969 message it was by suffocate. could be helpful for your case?

[hushed loom]

Thanks, but it was just easier to recreate the function in js

[terse pagoda]

nobody?

[hushed loom]

Some store

Look on the stores object with console shortcuts enabled

[past jackal]

how to play a ping sound?

[iron epoch]

I think pings are triggered by a message listener, try searching by the event name to find the function that triggers the ping sound, I think there is a plugin named keywordnotify that does the same thing

unoffical plugin*

[humble tulip]

I think keyword notify just intercepts the message create event and adds a mention to the message object to do that, I don't think there's anything specific to play the ping

[terse pagoda]

Already looked into it. I dont find anything

[past jackal]

thanks

[terse pagoda]

still no one?
Im searching and searching but dont find anything that I can use.

[hushed loom]

might be stupid, but why can i use a hook here

webpack module 421399

[cedar olive]

hooks just need to be in the context of rendering a component

they can be placed anywhere in the code

[hushed loom]

does this not count as the rendering context

[cedar olive]

I might be wrong but I'm guessing you just need to be currently rendering a component to be able to use a hook (inside a function call that renders a component)

so like when react starts rendering your component they store that somewhere in the code and when you call the hook it uses the context of whatever is currently saved

aka the function currently being called

that has to be how because there's no other way they would know what component the hook belongs to

[cedar olive]

yeah

[hushed loom]

i really didnt want to have to move everything up, but i think i have to and just use a var

[cedar olive]

you want the top level component to get re-rendered?

[hushed loom]

no

trying to patch the username and its rendered in a weird way

[cedar olive]

what's wrong about it

[cedar olive]

I mean, does this not work?

[hushed loom]

doesnt

throws the error where it says hooks can only be at the top level

[hushed loom]

its stored as a variable, then that is passed as a child

[cedar olive]

oh yeah you gotta patch this

[hushed loom]

dont think hooks are valid there either

not always called

[cedar olive]

that's weird tho, you are overwriting the color right?

[cedar olive]

here

[hushed loom]

yea but i also need to pass a ref to get the computed background color

unless there is some other way to do that

[cedar olive]

i dont really see how that's not working

[cedar olive]

nah you can definitely use one there

[past jackal]

still don't understand how I can process messages that are getting added to cache

[humble tulip]

I'm not super confident I've done this in the best way, if anyone has any feedback I'd appreciate it
https://github.com/Vendicated/Vencord/pull/3048

I kinda just threw together what worked but I don't know that it's the way to do it

[hushed loom]

Don't know much about the drop logic, but I can take a look at the patches later

[vast karma]

You probably want to use useCallback on those callbacks

To make sure you get the same function object when it rerenders

[humble tulip]

Thank

I'll try that out later

[humble tulip]

I just tried wrapping them all in useCallback, the only thing that changed was that the dragOver handler ended up being shared between main and thread sidebar chats so you could reorder one with a dragged attachment from the other

[vast karma]

Huh

[humble tulip]

Couldn't drop in though, that could maybe be cool but too niche to do anything with

[vast karma]

I would expect that without useCallback, that global drag listener wouldn't be cleared properly

[humble tulip]

I call dragAndDropVars when the attachment list component is rendered so I think it only creates those vars within that context each time, so they're kept within that scope

This is with useCallback ^

Oh wait it does happen without as well, my bad

I swear it didn't happen when I tested the first time lol

[humble tulip]

Turns out it's because I wasn't unsetting heldItem on drop so bringing the attachment over meant the other list just assumed the last heldItem was still held

[vast karma]

Maybe a stupid question, but you've checked that it actually affects the order they're uploaded in, right?

And isn't just affecting the rendering

[humble tulip]

Yeah, you can see it in the preview gif

[humble tulip]

bit more in depth here as well

Also the PR mentions a conflict in contants.ts, I assume there's no point resolving that until it's gonna be merged?

[hushed loom]

doesnt matter

it can be resolved at any point

[humble tulip]

Cool, I'll just leave it

[terse pagoda]

Can someone help here?

[dull magnet]

your replace function makes zero sense

your replace must be a string

typeof channel === "object" makes no sense. your channel variable is a string

this is just not how patches work

code.replace(match, replace)

your replace should not contain any logic

its only purpose is returning a string with the new code

[terse pagoda]

thats not the problem.
currently Im searching where the channels are stored.

[dull magnet]

try to look at other functions to figure it out

there are tons of plugins that retrieve channels

[terse pagoda]

Thats what Im doing currently.
Currently im looking into ChannelStore

[dull magnet]

yes that's right

you should figure it out within 10 seconds if you look at what methods are available on ChannelStore

they have intuitive names

[terse pagoda]

ChannelStore: euaddChangeListener: e=>{this.listeners.add(e)}addConditionalChangeListener: ƒ (t)addReactChangeListener: e=>{this.listeners.add(e)}removeChangeListener: e=>{this.listeners.delete(e)}removeReactChangeListener: e=>{this.listeners.delete(e)}__getLocalVars: undefined_changeCallbacks: i {listeners: Set(0), add: ƒ, remove: ƒ, addConditional: ƒ}_dispatchToken: "ID_22"_dispatcher: h {_defaultBand: 2, _interceptors: Array(2), _subscriptions: {…}, _waitQueue: Array(0), _processingWaitQueue: false, …}_isInitialized: true_mustEmitChanges: undefined_reactChangeCallbacks: i {listeners: Set(147), add: ƒ, remove: ƒ, addConditional: ƒ}_syncWiths: (2) [{…}, {…}][[Prototype]]: _

[dull magnet]

expand the prototype

[terse pagoda]

Yeah ik, there is "getChannel" but it requires channelID.

[dull magnet]

there is more than just getChannel

[terse pagoda]

addChangeListener: e=>{this.listeners.add(e)}
addConditionalChangeListener: ƒ (t)
addReactChangeListener: e=>{this.listeners.add(e)}
removeChangeListener: e=>{this.listeners.delete(e)}
removeReactChangeListener: e=>{this.listeners.delete(e)}
__getLocalVars: undefined
_changeCallbacks: i {listeners: Set(0), add: ƒ, remove: ƒ, addConditional: ƒ}
_dispatchToken: "ID_22"
_dispatcher: h {_defaultBand: 2, _interceptors: Array(2), _subscriptions: {…}, _waitQueue: Array(0), _processingWaitQueue: false, …}
_isInitialized: true
_mustEmitChanges: undefined
_reactChangeCallbacks: i {listeners: Set(183), add: ƒ, remove: ƒ, addConditional: ƒ}
_syncWiths: (2) [{…}, {…}]
[[Prototype]]: 
_
constructor: class eu
getAllThreadsForParent: getAllThreadsForParent(e){return l().values(w).filter(t=> {…}
getBasicChannel: ƒ getBasicChannel(e)
getChannel: ƒ getChannel(e)
getChannelIds: ƒ getChannelIds(e)
getDMChannelFromUserId: ƒ getDMChannelFromUserId(e)
getDMFromUserId: ƒ getDMFromUserId(e)
getDMUserIds: ƒ getDMUserIds()
getDebugInfo: getDebugInfo({return{loadedGuildIds:Array.from(B).sort(b.default.compare),pendingGuildLoads:Object.keys(G).sort(b.default.compare),guildSizes:Object.keys(D).sort(b.default.compare).map(e=> {…}
getGuildChannelsVersion: ƒ getGuildChannelsVersion(e)
getInitialOverlayState: ƒ getInitialOverlayState()
getMutableBasicGuildChannelsForGuild: ƒ getMutableBasicGuildChannelsForGuild(e)
getMutableDMsByUserIds: ƒ getMutableDMsByUserIds()
getMutableGuildChannelsForGuild: ƒ getMutableGuildChannelsForGuild(e)
getMutablePrivateChannels: ƒ getMutablePrivateChannels()
getPrivateChannelsVersion: ƒ getPrivateChannelsVersion()
getSortedPrivateChannels: getSortedPrivateChannels(){return l()(L).values().sort((e,t)=> {…}
hasChannel: ƒ hasChannel(e)
initialize: ƒ initialize()
loadAllGuildAndPrivateChannelsFromDisk: 
ƒ loadAllGuildAndPrivateChannelsFromDisk()
[[Prototype]]: 
Object
constructor: 
class _
emitChange: ƒ emitChange()
getDispatchToken: ƒ getDispatchToken()
getName: ƒ getName()
initialize: ƒ initialize()
initializeIfNeeded: ƒ initializeIfNeeded()
mustEmitChanges: mustEmitChanges(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=> {…}
registerActionHandlers: registerActionHandlers(e,t){this._dispatcher.register(this.getName(),e,e=> {…}
syncWith: syncWith(e,t,n){if(this.waitFor(...e),null!=n){var r,i;let a,s=0,o=()=> {…}
waitFor: waitFor(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];let r=t.map((e,t)=> {…}
[[Prototype]]: 
Object
constructor: ƒ Object()
hasOwnProperty: ƒ hasOwnProperty()
isPrototypeOf: ƒ isPrototypeOf()
propertyIsEnumerable: ƒ propertyIsEnumerable()
toLocaleString: ƒ toLocaleString()
toString: ƒ toString()
valueOf: ƒ valueOf()
__defineGetter__: ƒ __defineGetter__()
__defineSetter__: ƒ __defineSetter__()
__lookupGetter__: ƒ __lookupGetter__()
__lookupSetter__: ƒ __lookupSetter__()
__proto__: (...)
get __proto__: ƒ __proto__()
set __proto__: ƒ __proto__()

[dull magnet]

it has everything you need

[terse pagoda]

import definePlugin from "@utils/types";
import { Devs } from "@utils/constants";
import { Logger } from "@utils/Logger";
import { ChannelStore } from "@webpack/common";
const logger = new Logger("AddVCLabelToChannels", "#ff0000");

export default definePlugin({
    name: "AddVCLabelToChannels",
    description: "Adds Usercounter back to every voice channel",
    authors: [Devs.Nieme],

    start() {
        logger.info("AddVCLabelToChannels Plugin gestartet!");

        const channels = ChannelStore.getMutableGuildChannelsForGuild('?');
        const channelArray = Object.values(channels);
        for (const channel of channelArray) {
            if (channel.type === 2 && !channel.name.includes("(VC)")) {
                channel.name = `${channel.name} (0/${channel.userLimit_}VC)`;
                logger.info(`Ändere Namen von Kanal ${channel.id} zu ${channel.name}`);
            }
        }
    },

    stop() {
        logger.info("AddVCLabelToChannels Plugin gestoppt!");
    }
});

First of all, thank you @dull magnet.
That worked fine.
Now I need to figure out how to get GuildId and how much are currently connected to the channel ^^

[terse pagoda]

@unkempt kindle This should help you on your task 🙂

[vast karma]

Okay that's not dom manip, I'll give you that

But it's not much better

[terse pagoda]

you mean that I dont use patches?

[vast karma]

More that you're editing data rather than appearance, and that it'll trigger only when discord starts and not when, say, a new channel is added

[terse pagoda]

I was thinking todo it on addChangeListener.

         if (ChannelStore.addChangeListener) {
            ChannelStore.addChangeListener((newState) => {

but then I though, its abit overkill (spam).

[unkempt kindle]

so this is like editing the actual store data

[terse pagoda]

As I said, I'm new

[unkempt kindle]

also
im not exactly sure .getMutableGuildChannelsForGuild is a function

there's a ByGuild one

[terse pagoda]

I dont know what you are talking about?
Mine works fine for me.

and yes, it updates:

Removed VC from the bubble.
And if its unlimited it shows like this:

[north flame]

revolutionary new idea

[flint bronze]

i already had the idea to shove an ad in the sidebar itself

[north flame]

all attachments turn into ads

[flint bronze]

on the right sidebar

[flint bronze]

HORROR

[north flame]

ooh

[north flame]

Still got the patch?

[flint bronze]

I never made it

I had the idea

[north flame]

I can prob check membercount plugin

[flint bronze]

yes

do that

[flint bronze]

put a real ad there please

i need to see it

[north flame]

will once the PoC is completer

any other ideas for places?

gonna change all the user/server icons hopefully

[flint bronze]

expression picker
force onboarding steps to show and add an ad there

[north flame]

[flint bronze]

good

you should be husking

[quick zephyr]

do I have to do something special to get the "components" option to show up in dev tools after enabling it in the settings and restarting

ah ran the repair installer and it shows up

[quick zephyr]

how are you meant to find the functions a store has. discord dev tools just showing me "Store is missing __getLocalVars method." for everything

[vast karma]

Just inspect the object in browser dev tools

[quick zephyr]

inspect the store?

[vast karma]

It's a js object

[quick zephyr]

how am I meant to find the store in the browser dev tools

[vast karma]

Vencord.Webpack.Common.GuildStore

[cedar olive]

why does everyone use discord devtools

it's kinda shit

[vast karma]

Whaddya mean kinda

[cedar olive]

it is shit*

[quick zephyr]

I searched this channel for how to find stores and of only 2 results 1 is useless and 1 says to use the dev tools

[cedar olive]

only useful for changing the settings it has on it

[vast karma]

Yes, dev tools

Not discord's fake shit

[quick zephyr]

you

thats the only result I found on how to find store names lol

[cedar olive]

they just wanted the button for it

not to find stores

[quick zephyr]

how should I find stores then

[vast karma]

The useful ones are already in common

[cedar olive]

if you really want a list of all stores enable console shortcuts plugin

[quick zephyr]

the one I need isnt. well maybe I need a different one and am on a wild goose chase

[cedar olive]

and then

type Stores.

in the console

if you know the name already

oop

I deleted your message in accident

[quick zephyr]

nuckyz hates me

[cedar olive]

anyways as I was saying

if you know the name already

why do you want a list

you have to webpack find it

[quick zephyr]

I didnt want a list I wanted a way to find the list of stores to find a store I need since you said using the discord dev tools to find it (which is what I did to find StreamerModeStore) is wrong

[cedar olive]

const StreamerModeStore = findStoreLazy("StreamerModeStore")

in your plugin

or Vencord.Webpack.findStore("StreamerModeStore")

in the console

[quick zephyr]

worked nice

[cedar olive]

then to find the methods

look in the prototype

[quick zephyr]

IT'S THERE

.enabled

discord does this fun thing where it dispatches STREAMER_MODE_UPDATE when you enable/disable streamer mode except on startup if it's pre-enabled. so I needed a way to check if streamer mode was on at startup

thanks for the help :D

oh goodie it doesnt actually work cause it returns false at start and enabled streamer mode with a delay

[cedar olive]

do you have streamer mode always enabled or is detected obs or something

[quick zephyr]

I have obs open to test this

[cedar olive]

yeah that's why

[quick zephyr]

discord auto enables streamer mode if it detects obs

[cedar olive]

it takes time to detect

anyways how are you using that data

[quick zephyr]

yeah so im looking for a way to detect streamer mode at start

[cedar olive]

what do you need enabled for

and how doesn't STREAMER_MODE_UPDATE work?

[quick zephyr]

STREAMER_MODE_UPDATE doesnt trigger at launch

idk why

[cedar olive]

does it not trigger when discord detects obs

[quick zephyr]

it triggers if you manually enable/disable it

I have the dispatcher tab in discord dev tools open and it doesnt

[cedar olive]

RUNNING_STREAMER_TOOLS_CHANGE

[quick zephyr]

yeah and 1 other event

im looking into them

STREAMING_UPDATE is the other

it seems to be null when streamer mode is disabled and undefined when it's enabled

looks like it's gotta be this setup

flux: {
    STREAMER_MODE_UPDATE(details) {
        handleStreamerMode(details.value);
    },
    RUNNING_STREAMER_TOOLS_CHANGE() {
        handleStreamerMode(StreamerModeStore.enabled);
    }
}

[flint bronze]

cursed but it looks like it works

[quick zephyr]

yep but luckily it looks like I wont even need to do that. ill be able to just access StreamerModeStore.enabled in the function which gets called everytime discord refreshes the display or however it works under the hood

[flint bronze]

react hooks

[flint bronze]

did you ever get a working proof of concept

[north flame]

Didn’t get it into avatars, and I tried looking into simply worming google adsense in, but it seems to be locked to the specific site you set (and I don’t own discord.com, so…)

[flint bronze]

aww i cant get milkshake and online casino ads in my discord client

[north flame]

Wait holy moly I may have found a way

Will test in a bit

[north flame]

looks to just be a csp issue now

[vast karma]

What a shame

[north flame]

will check it later

honk mimimi time now

[quick zephyr]

is it possible to have two dropdowns in a row in the settings without a label or description on the 2nd so they appear grouped under the same setting

[acoustic nest]

Hey so uh, with pnpm watch, how do I actually make that inject into my client?

[vast karma]

Just run pnpm inject once

[acoustic nest]

alr

hmmm inject doesn't appear to work

I see no changes, even after fully restarting discord

it's a flatpak distribution if that changes anything

[quick zephyr]

pnpm build --watch

dont remember where I found this but it says thats the command https://gist.github.com/sunnniee/28bd595f8c07992f6d03289911289ba8#setting-things-up

[acoustic nest]

yeah I did all that, no changes

it even says it's patched, the inject tool

[quick zephyr]

oh I see pnpm watch is a shortcut for pnpm build --watch

[acoustic nest]

oh interesting:

WebpackRequire was not initialized, running modules without patches instead.

oh wait

me stupid

forgor to update my fork

lmao

[unkempt kindle]

doesn't work for me

[unkempt kindle]

and how would the text appear like that if you just changed the channel name?

i'm trying to do this with the channelstore but i can't seem to get the data

[terse pagoda]

The code that you saw just changes the channelname.
The code that you see on the screenshot is different.

[terse pagoda]

ChannelStore:

addChangeListener: e=>{this.listeners.add(e)}
addConditionalChangeListener: ƒ (t)
addReactChangeListener: e=>{this.listeners.add(e)}
removeChangeListener: e=>{this.listeners.delete(e)}
removeReactChangeListener: e=>{this.listeners.delete(e)}
__getLocalVars: undefined
_changeCallbacks: i {listeners: Set(0), add: ƒ, remove: ƒ, addConditional: ƒ}
_dispatchToken: "ID_22"
_dispatcher: h {_defaultBand: 2, _interceptors: Array(2), _subscriptions: {…}, _waitQueue: Array(0), _processingWaitQueue: false, …}
_isInitialized: true
_mustEmitChanges: undefined
_reactChangeCallbacks: i {listeners: Set(183), add: ƒ, remove: ƒ, addConditional: ƒ}
_syncWiths: (2) [{…}, {…}]
[[Prototype]]: 
_
constructor: class eu
getAllThreadsForParent: getAllThreadsForParent(e){return l().values(w).filter(t=> {…}
getBasicChannel: ƒ getBasicChannel(e)
getChannel: ƒ getChannel(e)
getChannelIds: ƒ getChannelIds(e)
getDMChannelFromUserId: ƒ getDMChannelFromUserId(e)
getDMFromUserId: ƒ getDMFromUserId(e)
getDMUserIds: ƒ getDMUserIds()
getDebugInfo: getDebugInfo({return{loadedGuildIds:Array.from(B).sort(b.default.compare),pendingGuildLoads:Object.keys(G).sort(b.default.compare),guildSizes:Object.keys(D).sort(b.default.compare).map(e=> {…}
getGuildChannelsVersion: ƒ getGuildChannelsVersion(e)
getInitialOverlayState: ƒ getInitialOverlayState()
getMutableBasicGuildChannelsForGuild: ƒ getMutableBasicGuildChannelsForGuild(e)
getMutableDMsByUserIds: ƒ getMutableDMsByUserIds()
getMutableGuildChannelsForGuild: ƒ getMutableGuildChannelsForGuild(e)
getMutablePrivateChannels: ƒ getMutablePrivateChannels()
getPrivateChannelsVersion: ƒ getPrivateChannelsVersion()
getSortedPrivateChannels: getSortedPrivateChannels(){return l()(L).values().sort((e,t)=> {…}
hasChannel: ƒ hasChannel(e)
initialize: ƒ initialize()
loadAllGuildAndPrivateChannelsFromDisk: 
ƒ loadAllGuildAndPrivateChannelsFromDisk()
[[Prototype]]: 
Object
constructor: 
class _
emitChange: ƒ emitChange()
getDispatchToken: ƒ getDispatchToken()
getName: ƒ getName()
initialize: ƒ initialize()
initializeIfNeeded: ƒ initializeIfNeeded()
mustEmitChanges: mustEmitChanges(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=> {…}
registerActionHandlers: registerActionHandlers(e,t){this._dispatcher.register(this.getName(),e,e=> {…}
syncWith: syncWith(e,t,n){if(this.waitFor(...e),null!=n){var r,i;let a,s=0,o=()=> {…}
waitFor: waitFor(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];let r=t.map((e,t)=> {…}
[[Prototype]]: 
Object
constructor: ƒ Object()
hasOwnProperty: ƒ hasOwnProperty()
isPrototypeOf: ƒ isPrototypeOf()
propertyIsEnumerable: ƒ propertyIsEnumerable()
toLocaleString: ƒ toLocaleString()
toString: ƒ toString()
valueOf: ƒ valueOf()
__defineGetter__: ƒ __defineGetter__()
__defineSetter__: ƒ __defineSetter__()
__lookupGetter__: ƒ __lookupGetter__()
__lookupSetter__: ƒ __lookupSetter__()
__proto__: (...)
get __proto__: ƒ __proto__()
set __proto__: ƒ __proto__()

[unkempt kindle]

how did you get that

did you just log it

[humble tulip]

For your purposes you were more on the right track when you were looking to patch this #🧩-plugin-development message

The t in your screenshot there is the text rendered on the channel list, so you just want to manipulate t and you're good

[unkempt kindle]

i understand that changing the text rendered would be a much safer approach
and that changing the data in the store is not really a good solution
but when i look at other patches, they seem to always include some string that won't really change and they seem like such great patches. my patches rely on variable names and i feel like they could break at any moment

[vast karma]

Some patches are horrific

[humble tulip]

That's kinda just how it is, I think the find I provided back then would be fine for the foreseeable

[vast karma]

Just a big pile of symbols

[humble tulip]

If it breaks it just means searching for the module again and trial and erroring a better one

[vast karma]

But as long as they work, that's not an issue

[terse pagoda]

Yes ^^

[unkempt kindle]

in that example, what would you select?
"onMouseLeave:o,children:t"?

because that seems like a really bad select

[vast karma]

That's really bad yeah

[humble tulip]

I just did this

[unkempt kindle]

that's what i selected when i did try out that one
and it worked
but i was not happy with that

[unkempt kindle]

why specifically the .scrollWidth&&(null) part

[humble tulip]

It just seemed like the most unique part of the module without variable names in it

[unkempt kindle]

btw how did you display it like this

[humble tulip]

You can use regex in finds so you could just \i but most don't seem to use that so I dunno if it's less preferred

[humble tulip]

It's a wip upgraded version of the companion extension

[unkempt kindle]

is this a jetbrains ide

[humble tulip]

Yeah but sadan is working on the vscode version
https://github.com/Vencord/Companion/pull/9
https://github.com/Vendicated/Vencord/pull/2791

[cedar olive]

it's slower

[humble tulip]

Yeah I figured

[cedar olive]

i should have still allowed finds to be array

[humble tulip]

I only found out vencord was even a thing a few months ago so I'm by no means an expert on anything lol, take everything with a grain of salt

[cedar olive]

even if regex is more powerful you can still mix a string and then a regex

to avoid actually having to check the regex in 99% cases

which would make it pretty much no difference in speed

[humble tulip]

Basically fallback regex

[cedar olive]

yeah

It's really simple and powerful

just gotta write the order in the array correct

[unkempt kindle]

i don't understand why matching the } was needed
but it doesn't work without it

[vast karma]

Probably it found some other children: without it

Such as the children:n=>

[unkempt kindle]

oh wait yeah

i see

[quick zephyr]

is there a way to wipe a specific plugin's settings

[humble tulip]

Yeah it matches this otherwise

[humble tulip]

Oh yeah that too lol

[unkempt kindle]

part of the reason i preferred the ChannelStore method is that i did not find a way to edit this
from the components tab i couldn't even get a prop with this text

[sinful valve]

Hello! Not sure if I can ask this in this channel, butttttttt does anyone know if there is already a plugin for categorizing your friends/chats? Because I want to create one if there isn't any yet. What I mean by categorizing is: being able to create categories, expand/ hide them and add/remove friends/chats from it.

This is thee general idea and concept, so is there anything like this already? Thank you.

[swift delta]

pindms?

[acoustic nest]

How do I find the right string for contextMenus

I want to add a menu option to the current user profile popup on the bottom left

is that even considered a context menu

[humble tulip]

Inspect element and look at the id of the menu

But no, that's not a context menu

[shrewd tundra]

👉 #🏥-vencord-support-🏥

(Auto-response invoked by @iron epoch)

[acoustic nest]

hey folks I'm trying to inject into the profile menu but it seems there's two modules for it, and they're both damn near equivalent in code and differ only very slightly, this is making it very hard to write a find for it.

search for PRESS_SWITCH_ACCOUNTS and you'll find both

I'd appreciate some help

\[\(0,\i\.jsx\)\(\i\.\i,\{id:"switch-accounts seems to work for now

[bronze dove]

you can just do all: true in the patch, they show either one depending on an experiment

[acoustic nest]

oh nice

[quick zephyr]

ive been cooking for so long I might have overcooked 😔

[acoustic nest]

lol

anyone know what component this is?

sorry for the many questions, I am new to this

[quick zephyr]

rate the cooking degree (modifying showMeYourName)

[acoustic nest]

is that like streamer mode

[quick zephyr]

yeah I originally just wanted to add streamer mode detection

then I got carried away

[acoustic nest]

I tried Menu.MenuItem but it doesn't render

[quick zephyr]

you mean a dropdown?

[acoustic nest]

figured it out since

[quick zephyr]

👍

[terse pagoda]

This is my current code:

import definePlugin from "@utils/types";
import { Devs } from "@utils/constants";
import { ChannelStore, SelectedGuildStore } from "@webpack/common";
import { findStoreLazy } from "@webpack";


let unsubscribeGuildChange;
let unsubscribeChannelChange;

const VoiceStateStore = findStoreLazy("VoiceStateStore");
const GuildStore = findStoreLazy("GuildStore");

const getUserCountInChannel = (channelId) => {
    if (!VoiceStateStore) {
        return 0;
    }

    const voiceStates = VoiceStateStore.getVoiceStatesForChannel?.(channelId);
    if (!voiceStates) {
        return 0;
    }

    return Object.keys(voiceStates).length;
};

export default definePlugin({
    name: "LabelToSelectedGuild",
    description: "Adds Userlimit back to discord voice channels",
    authors: [Devs.Nieme],

    start() {
        const processChannels = (guildId) => {
            if (!guildId) {
                logger.warn("No selected guild found!");
                return;
            }

            const channels = Object.values(ChannelStore.getMutableGuildChannelsForGuild(guildId));
            const voiceChannels = channels.filter(channel => channel.type === 2);
            const guildName = GuildStore.getGuild(guildId)?.name || "Unknown";
            
            for (const channel of voiceChannels) {
                if (channel.type === 2) {
                    const userCount = getUserCountInChannel(channel.id);
                    const userLimit = channel.userLimit || "∞";
                    const newLabel = `${userCount}/${userLimit}`;

                    const channelElement = document.querySelector(`[data-list-item-id="channels___${channel.id}"]`);
                    if (channelElement) {
                        const childrenDiv = channelElement.querySelector(".children_d8bfb3");

                        if (childrenDiv) {
                            let labelDiv = childrenDiv.querySelector(".custom-vc-label");
                            if (!labelDiv) {
                                labelDiv = document.createElement("div");
                                labelDiv.className = "numberBadge_d8bfb3 numberBadge_df8943 base_df8943 eyebrow_df8943 baseShapeRound_df8943";
                                labelDiv.style.fontWeight = "100";
                                labelDiv.style.padding = "4px";
                                labelDiv.style.color = "#bbb";
                                labelDiv.classList.add("custom-vc-label");
                                childrenDiv.prepend(labelDiv);
                            }

                            labelDiv.textContent = newLabel;
                        }
                    }
                }
            }
        };

        const onGuildChange = () => {
            const guildId = SelectedGuildStore.getGuildId();
            const guildName = GuildStore.getGuild(guildId)?.name || "Unknown";
            processChannels(guildId);
        };

        const onChannelChange = () => {
            const guildId = SelectedGuildStore.getGuildId();
            const guildName = GuildStore.getGuild(guildId)?.name || "Unknown";
            if (guildId) {
                processChannels(guildId);
            }
        };

        unsubscribeGuildChange = SelectedGuildStore.addChangeListener(onGuildChange);
        unsubscribeChannelChange = ChannelStore.addChangeListener(onChannelChange);

        onGuildChange();
    },

    stop() {
        if (unsubscribeGuildChange) unsubscribeGuildChange();
        if (unsubscribeChannelChange) unsubscribeChannelChange();
    }
});

[humble tulip]

CollapsibleCodeblocks plugin next

[hushed loom]

?remind tomorrow

[fathom pivot]

Alright @hushed loom, in 1 day: …

[vast karma]

Lsp in code blocks plz

[worn void]

Hi. I apologize if this question seems silly, because I just started learning about plugin development today, and I can't find any documentation on how to create plugins.
What is the point: As I realized, the plugin can simply replace a line in the js code discord with regex, and I started using this code to search for the line I need and replace the value in one of the variables in it:

patches: [
        {
            find: "={url:n,e",
            replacement: {
                match: /url: n/g,
                replace: `url: "${h}"`
            }
        }
    ]

But the result that I wanted (replacing the image on my screen demo preview) doesn't work. Could you please help me to find a solution to the problem or materials that will help me to understand the problem. Thank you very much in advance

[jagged briar]

• your find uses variable names, which you should not use as discord's minifier changes variable names every update basically.
• we use a special regex indentifier for variable names, \i (don't use in find unless absolutely necessary)
• use capture groups () to use that string in your replacement with $1, $2 etc
• since h isn't in your matched code, you can't actually use it in your replacement. try adding lookbehinds or just extending your match to get that variable.
• your just replacing strings of code. h doesn't actually exist in your plugin's code, but in discord's code. thus you should replace ${h} with a capture group that captures the variable name of h.

[vast karma]

Also /url: n/g will very likely match nothing whatsoever, since there are no spaces in the minified code

[hushed loom]

Also your replace will throw a error as your template string is in the wrong place

[worn void]

Thank you all. Your advice helped me

[north flame]

lmao

do not add ads to every div

[flint bronze]

can you replace the chat messages with taboola

do it

[north flame]

lmfao

works better if I target navs

[north flame]

I'm sooooo flippin cloise!

[north flame]

Ok it's working now, if anybody wants to DM me some ads to include, feel free, must follow {title: string, image: string, href: string}

[tropic ice]

adcord?

[tropic ice]

is the image string base64?

[north flame]

href

[tropic ice]

oh that makes much more sense lmao

[north flame]

working image

What I need is to find an API that returns close enough data

[tropic ice]

ok I have one but don't have the image yet because I'm on mobile and am lazy
the image will be a ss of a yt vid though

[north flame]

It's funny how as you move around Discord, the ads naturally just pileup in the correct places (where google adsense usually places them)

[tropic ice]

ok dmed it to you

[quick zephyr]

Is there a way to include stickers in a command's response?

export interface CommandReturnValue {
    content: string;
    /** TODO: implement */
    cancel?: boolean;
}

I tried adding stickers and stickerIds to this but neither worked.

[north flame]

API docs?

[quick zephyr]

Sorry?

[north flame]

Doesn't look like it

[quick zephyr]

you have a link to that?

[north flame]

oh wait https://discord.com/developers/docs/resources/sticker

https://discord.com/developers/docs/interactions/receiving-and-responding#interaction-response-object-interaction-callback-data-structure

[quick zephyr]

you definitely can include stickers in bot interaction responses. ive done it before

I just cant get it to work with vencord's built-in implementation

[quick zephyr]

nvm I hallucinated this

damn ok

Then followup question, is there a way to prevent vencord commands from sending a response to chat

[north flame]

Why not just do an ephemeral "done"?

[quick zephyr]

Cause that's clunky. If I use SendMessage to send the sticker it'd weird to have a 2nd message sent even if it's ephemeral

[cedar olive]

do BUILT_IN instead of BUILT_IN_TEXT

[quick zephyr]

omg it worked I love you

I spent so long fucking around with registerCommand, execute, and _handleCommand the other night over this

[acoustic nest]

thoughts?

[unkempt kindle]

i don't really get this
what is Pluralkit

[acoustic nest]

it's an accessibility tool for people with DID

is DID the right term?

[unkempt kindle]

i don't know what DID is

[acoustic nest]

I'll let someone who actually has it describe it

[unkempt kindle]

what

[humble tulip]

Dissociative identity disorder

I mean just google pluralkit tbh, probably easiest

[quick zephyr]

are carrot and johny webhooks?

[acoustic nest]

they are pluralkit webhooks yes

[quick zephyr]

ah so managed by pluralkit ok

cause I was gonna say could you just intercept the message on send and call the webhook instead of send, copy, delete. but if you dont control the webhook then

[steady knot]

I once did something similar with really hacky css for some people lol

[acoustic nest]

How do I make my plugin detect settings changes?

It connects to an API so like, if the user's PK token changes then I kinda need to know

fuck

should've read this earlier, silly me

now what

[quick zephyr]

like discord settings or vencord settings

[acoustic nest]

vencord settings

[quick zephyr]

FluxDispatcher.dispatch and FluxDispatcher.subscribe I imagine

dispatch a custom event for your plugin and subscribe to it

[humble tulip]

You can use useSettings, it's a react hook for settings changes

[acoustic nest]

I sent a DM to vending.machine

I really hope I can somehow get an exception or smtn

it'd really suck if not

I've already been told by several plural people that this would be so useful to them

but it needs their API key to work

[humble tulip]

I don't think an exception will be made for a built in plugin but maybe it could be in #1256395889354997771

External APIs are allowed there but I don't know about keys

[acoustic nest]

rules say no

[quick zephyr]

what do you need their api for

[acoustic nest]

switching fronters

I need to tell pluralkit to switch through their API

[quick zephyr]

Could you instead detect which account is active, intercept the message, append the prefix for that account (such as message -> {message}), send the message and have it work the same

achieves the same goal of not having to prefix everything manually

[acoustic nest]

which account is active is a public thing, I can use the API without a key for that

[quick zephyr]

I meant which is active on the client

cant pluralkit detect the identity based on wrappers? saw that on their site

like sending {hello} and [hello] would send as different identities

[acoustic nest]

yeah that might work

[quick zephyr]

not sure how intercepting the message would work though

[acoustic nest]

yeah my thoughts too

[quick zephyr]

probably gonna have to find the component that handles sending messages

[acoustic nest]

overall it'd kinda suck tho bc

the person would need to have their privacy settings set to public

[quick zephyr]

why

[acoustic nest]

for me to be able to query which members they even have

[quick zephyr]

ah

do it manually. prompt them for a name and the wrapper to use for the message and save that to settings I guess

name is just for display in the account picker. wrapper will be handeled by the pk bot

[quick zephyr]

the posting rules of #1256395889354997771 dont mention anything about an api key

just that you gotta add a disclaimer an external api is used

[acoustic nest]

I'll try to remove the requirement for an API key for now

but it will still use the public API

[humble tulip]

You can use the MessageEventsAPI and add a pre-send listener

ClearURLs uses it

[acoustic nest]

ooooo ty

[unkempt kindle]

what are you making

[acoustic nest]

I've already described that -J

[unkempt kindle]

oh wait yeah

i just don't really get how the webhook thing is related to DID

[quick zephyr]

the webhook represents which identity is active

[unkempt kindle]

ahh

[flint bronze]

@acoustic nest what is stopping you from implementing it using discord oauth to get the api key automatically

is that possible? or against their ToS

[acoustic nest]

idk wym but I need a pluralkit api key

either way, got it working

[humble tulip]

Pretty cool

Maybe you should add something near or in place of the username/icon in the bottom left for the active proxy

[flint bronze]

thats one way of doing it

[flint bronze]

i agree; do note that I am not the target audience for this plugin, but I think the way it's implemented is too inconvenient to access

[humble tulip]

I meant as an easier way to see what's currently active but that too

But yeah I am also not the target user lol

[unkempt kindle]

fellow zen user

[unkempt kindle]

is the selector only used to append the different endings to messages and from there some discord bot does it?

[acoustic nest]

Yes

[quick zephyr]

if you want to be super thorough you should probably check if adding the prefix and suffix will cause the message length to exceed the limit lol

[acoustic nest]

Yeah I thought of this but was unsure how I’d stop them sending. Then I forgor

[quick zephyr]

I'd probably just truncate the message however many characters you need at that point

[acoustic nest]

lol

[north flame]

Ngl it looks more complicated/slower than just manually putting “C:<message>”

And I’d assume the users who need this aren’t the type to just forget their prefixes

[fathom pivot]

@hushed loom, <t:1732816659:R>: …

[thick sparrow]

how would u check if ur the group owner or not

[hoary pilot]

you can get the currently focused channel with SelectedChannelStore.getChannelId(), the current user ID with UserStore.getCurrentUser().id, and the group owner ID with ChannelStore.getChannel("id").ownerId

[unkempt kindle]

i remembered like people already made a plugin to remove emojis from channel names
couldn't find it so i thought it was just a dream but now i've noticed two plugins that do that in #1032200195582197831
so apparently im not the only one who wants that

[unkempt kindle]

how bad is this

replace: "$1{...$2, props: {...$2.props, children: [ ...$2.props.children.slice(0,2), $self.strip($2.props.children[2]), ...$2.props.children.slice(3)]}}}"```

[vast karma]

Why are you modifying the output of .jsx rather than the input

[unkempt kindle]

im not allowed to mutate props

[vast karma]

Stop doing silly things and do normal things instead

Like modifying the code that does the rendering

Modifying the react trees isn't quite as illegal, but it's still better to edit the rendering where it happens

[unkempt kindle]

im now doing the channel name at the top and there really is no other place it's stored in

[hushed loom]

wait this is really cursed

[vast karma]

It's pretty standard for BD plugins I think, since they don't have as sophisticated mechanisms

[humble tulip]

I was gonna work on some markdown related bits but a new implementation soon™️ might be cool

[unkempt kindle]

[vast karma]

They're putting rust in the client?

[flint bronze]

[iron epoch]

so the new discord bundle config, hashes the language files?
how do I get that hash?

e.g STATUS_MENU_LABEL

[hushed loom]

Hashintlkey or smth

There’s a function that you can use via console shortcuts

[vast karma]

If it's in a find or patch, there's a magic syntax for it

[iron epoch]

I am trying to get this component but I am not sure how to approach this case.
trying to get e in this context. I think e is a component that renders the custom status model

[quick zephyr]

I think you click on the - to the left to break on update then click on the modal in discord and it'll find it for you or smthn

[hushed loom]

Its lazy loaded

Find the module for it and write a patch

If you want to use it in your own code, look there's a function to load lazy modules by the code where they're used

[iron epoch]

so something like this?

const { OpenCustomStatusModal } = mapMangledModuleLazy("this.renderCustomStatusInput()",
    {
        OpenCustomStatusModal: filters.byCode("\"CustomStatusModal: user cannot be null\"")
    }
);

is my only choice is to get the module by id?

[hushed loom]

No

[iron epoch]

so find by module id it is

[hushed loom]

Nope

On mobile rn

Let me find the code