#πΎ-core-development
charred monolithBOT
austere talon
uhh ven should i change it back to replace `\\n` during replace
yeah probably
i didnt think of that
austere talon
guhhh
charred monolithBOT
quaint sapphire
@twilit abyss fixed ur icon not appearing as active
also this UI is uhh
I don't know what to say
btw why is the infinite scroll branch requiring that you search for smth?
why can't I load the top emotes?
charred monolithBOT
charred monolithBOT
Create a "splitLargeMessages" that splits messages when they're over the character limit.
Would also like to potentially patch the character count left/over too? Can't find how to tho :P
cunning canyon
lol now we have 2 pr for split large message plugin
somber ginkgo
lol now we have 2 pr for split large message plugin
there are 2 prs for another plugin too 
umbral hedge
h
limber skiff
themes will never be merge
I review today
ivory idol
hi, is it possible to add new plugins on vencord?
umbral hedge
hi, is it possible to add new plugins on vencord?
Read the docs on github
wise rain
twilit abyss
<@323903843903733782> fixed ur icon not appearing as active
thanks, but I don't know why 7tv icon appears active when emoji tab is open
twilit abyss
btw why is the infinite scroll branch requiring that you search for smth?
why ca...
didn't think of that, added to the main branch
stark flint
please
lime stone
pin the issue! maybe
stark flint
release an update that plays an obnoxiously loud sound effect with a popup saying streaming isn't ready for vc desktop yet whenever you click the button
stark flint
quaint sapphire
It is also in japanese
lime stone
this is annoying me too much lmao
lime stone
:blame_ven:
lime stone
it wasn't before you commited
austere talon
but i didnt change anything about layout :c
austere talon
nuh
austere talon
they have 6px marginRight
likely thats why
but thats added by u not me
use gap instead of margin to fix it
lime stone
hmm
i was using an older commit for a bit and the issue wasn't present
(because i didn't pull :p)
and gap doesn't work with inline it seems
austere talon
u need flex/inline-flex
lime stone
oh - but what about putting the margin on the button or link instead?
i think that would fix it
summer ocean
yo
austere talon
nooo ghost
azure jay
wha happened to dzshn
charred monolithBOT
Problem: The leaf icon for new members appears red instead of green after the message was deleted.
Fix: CSS :not attribute.
Before:
After:
P.S. Edited and highlighted messages look fine
jagged cloak
som1 should add opening plugin settings to textreplace toolbox actions
hold on yeah
openiing plugin settings probably niche thing but i find myself doing that alot for certain plugins
okay that was easier than i thought
i just cant read
austere talon
whar
jagged cloak
was adding a toolbox action to open plugin settings
toolboxActions: {
"Open Settings": () => {
openModalLazy(async () => {
return modalProps => {
//@ts-ignore fuck you
return <PluginModal {...modalProps} plugin={plugin} onRestartNeeded={() => null} />;
};
});
},
},
``` works lolballs gaming
okay it still saves we good
why is it let
lol the workflow is gonna cry again i removed the ts ignore
limber skiff
why do you have to ts ignore
jagged cloak
but tbh just make util function that opens plugin settings
limber skiff
what's the issue
jagged cloak
because whatever tf its trying to tell me here
limber skiff
oh
jagged cloak
it still works with or without tsignore i just wanted it to explode
and lint fails with itlmao
limber skiff
maybe try finding out how to get the plugin obj you need
limber skiff
cast it lol
austere talon
why not lazy
because lazy is for lazy loaded stuff
openModalLazy(() => import("./lazyLoadedModal"))
oh ok
me when If this was intentional, convert the expression to 'unknown' first.
explode typeeeescript
plugin={plugin as unknown as Plugin} is so ugly
frail skyBOT
fleet depot
som1 should add opening plugin settings to textreplace toolbox actions
are you making a PR for this 
cuz that would be incredibly handy
frail skyBOT
jagged cloak
are you making a PR for this <:blobcatcozy:1026533070955872337>
i did
jagged cloak
but tbh just make util function that opens plugin settings
^^
austere talon
cause if u add it for one plugin it's "why does it only exist for this plugin?"
jagged cloak
true
austere talon
you will add a setting allowing you to add any plugin
jagged cloak
whar
i just added it to textreplace because thats a plugin you would be opening the settings for frequently enough
but ig that applies to any plugin with more than just a toggle switch
in that case i will do that later since its more effort
trolley
blazing dome
Can someone help me review my PR pls?
https://github.com/Vencord/Installer/pull/40
fleet depot
i just added it to textreplace because thats a plugin you would be opening the s...
Yeah, of all the plugins it feels like It's the one im constantly tweaking
So having quick access to it would be π
jagged cloak
or could change the wording so it doesnt feel weird
limber skiff
@umbral hedge for you https://github.com/Vendicated/Vencord/pull/1076
that was painful
lean elm
can someone merge https://github.com/Vendicated/Vencord/pull/1077 please
before i accidentally discard the changes again π
grave mangoBOT
https://github.com/Vendicated/Vencord/blob/main/src/plugins/fakeNitro.tsx#L166
**fakeNitro.tsx: **Line 166
match: /(?<=(\i)=\i\.intention)/,
The fuck is \i?
@austere talon
does it mean that it is the same character as any other instance of \i or smth?
at least thats my understanding from context
like it would only match a=a.intention and not a=b.intention?
cause regex101 does not support it, unless im doing smth wrong?
austere talon
**fakeNitro.tsx: **Line 166
```tsx
match: /(?<=(\i)=\i\.intention)/,
```
foo=bar.intention
quaint sapphire
thats boring
verbal pumice
grave mangoBOT
<https://github.com/Vendicated/Vencord/blob/0d5e2d0696da494aee2126b4cadbca7e0706...
**patches.ts: **Lines 23-24
const canonSource = match.source
.replaceAll("\\i", "[A-Za-z_$][\\w$]*");
@austere talon opinion on using magic-regex for the patches?
it could allow people that are confused by regex to make patches
eg this
{
predicate: () => settings.store.transformEmojis,
match: /1!==(\i)\.length\|\|1!==\i\.length/,
replace: (m, content) => `${m}||$self.shouldKeepEmojiLink(${content}[0])`
}
would become this
{
predicate: () => settings.store.transformEmojis,
match: createRegExp(
exactly("1!==")
.and(identifier.groupedAs("e"))
.and(exactly(".length||1!=="))
.and(identifier).and(exactly(".length")
)
),
replace: (m, content) => `${m}||$self.shouldKeepEmojiLink(${content}[0])`
}
horrid
austere talon
magic regex is way less readable than normal regex
quaint sapphire
the definition for identifier that I wrote
const identifier = exactly(oneOrMore(letter).or(anyOf("_", "$")))
(yes, you can't give ranges, you can only use letter for the A-Za-z)
quaint sapphire
magic regex is way less readable than normal regex
Whilst I do agree with you, it does make it possible for more people to write patches, and allows others to re-use regex patterns w/o doing the \i hackery you did
although, the regex it generates is uhh....ugly to say the least
turbid hatch
this is one of the reasons why we should avoid using magic regex, we can handwrite it better
quaint sapphire
yeah I do agree, I just asked for opinion
since the number of programmers that know how to write regex is the minority and not the majority
(although in my opinion, magic regex is harder to write than normal regex, but my opinion also says that regex is easy, so I don't know if I should trust it)
golden gulch
regex is pretty easy, but the way it's written makes it look intimidating if you don't know the syntax
I've noticed a lot of people just don't bother learning it because of that
jagged cloak
yop
golden gulch
yeah, they definitely don't help at all
nocturne haven
You would need your own language for this kind of stuff because I doubt there's things for regex code string patching that make it easier
austere talon
well we do have our own regex extensions
i thought about making our own regex "dialect" that allows newlines and comments and stuff
and maybe more shortcuts
but the problem with stuff like this is always ide support
nocturne haven
Yeah
austere talon
especially if u wanna have it inside typescript files
cause then u probably need to fork typescript
jagged cloak
how do u use desktop to dev
cause replacing build file so annoying
and custom llocation isnt ever work
i manually set Settings.vencordDir too even
austere talon
custom location loll
torpid raft
The fuck is `\i`?
XML Schema, XPath, and JGsoft V2 regular expressions support four more shorthands that arenβt supported by any other regular expression flavors. \i matches any character that may be the first character of an XML name.
torpid raft
so, Vencord has its own implementation of \i that is different than what one might expect - that's important to document somewhere ...
cunning canyon
that said in patch helper tab
fleet depot
that said in patch helper tab
i mean, I still think it would be nice to add to the PLUGINS.md file i think. Something like:
> **Note**
> You might see the custom regex escape '\i'. This is specific to Vencord and is equivalent to '[A-Za-z_$][\\w$]*'
ven will write new docs on website just dont know when
quaint sapphire
Never
austere talon
did discord break webhooks
austere talon
ye
charred monolithBOT
austere talon
ayy fixed
austere talon
na probably your proxy
it was because i had a (realy terrible) way of checking request ip for github so people cant abuse it
and i recently moved it to cloudflare and forgot to update
so it was checking cloudflares ip lol
fixed
jagged cloak
oh silly
lime stone
https://github.com/Vendicated/GithubWebhookProxy/compare/87aaf4d28a7411639b30ea8...
i made this in a discord bot
it deleted the messages :p
you know, the funny thing to do would be star spam this repo
austere talon
i made this in a discord bot
way simpler to make a proxy
and when using the bot it would still send u notifs
anyway ghwp is public https://ghwp.vendicated.dev so u can just use it if u want
lime stone
anyway ghwp is public https://ghwp.vendicated.dev so u can just use it if u want
i did :p
jagged cloak
Xd
charred monolithBOT
lean elm
@limber skiff nookies honey, wanna merge https://github.com/Vendicated/Vencord/pull/1077 for me?
charred monolithBOT
charred monolithBOT
shadow sail
Mamsmsmsl
charred monolithBOT
verbal pumice
jue mama
stark helm
makes sense
quaint sapphire
They indicate the popularity of a repo
Like YouTube likes
But unlike YouTube, you have a playlist of liked repos
Well, YouTube music does do that
And stars are one way of discovering repos
Users you follow automatically share their stars with you
Using it I just found ink
(not really, but you get the point)
charred monolithBOT
verbal pumice
smartest vencord android user
austere talon
true
quaint sapphire
@verbal pumice making ur PR ready for review when?
verbal pumice
when i figure out how to finish it
devout lagoon
But unlike YouTube, you have a playlist of liked repos
you can view your liked videos on YouTube
lime stone
no one goes there
i go there
also i think google removed pages now
nvm
last time i checked it had infinite scrolling
maybe they reverted the change...
this is same account, same browser
this is so iconic though
you can't take it away :'(
Goooooooooogle
charred monolithBOT
ebon sage
Is the webhook set to "all"?
I don't think anyone cares that a random person has starred the repo
lime stone
Is the webhook set to "all"?
yes
there's even a spam filter for stars
wait, maybe not
it's certainly turned on for stars though
as u can see :)
- Vendicated
austere talon
Is the webhook set to "all"?
ye
jagged cloak
partygopher
charred monolithBOT
lime stone
wait, how come you can use translate without an api key??
austere talon
wait, how come you can use translate without an api key??
austere talon
probably against tos
but who cares lmao
even telegram used this at some point lmfao
devout lagoon
https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=de&dt=t&...
its dutch π€
devout lagoon
jk jk 
lime stone
devout lagoon
isn't `de` for german
yes
devout lagoon
teeth
lime stone
limber skiff
if you end up doing a single file for a billion stuff it turns into a mess
austere talon
thats why im not doing that :P
limber skiff
π
austere talon
i dont like exporting stuff from index
limber skiff
it's fine then
austere talon
because circular imports are nasty
limber skiff
oh is it used somewhere else too?
austere talon
wdym
limber skiff
nOOOO
limber skiff
grrr
austere talon
we love 4 billion dependencies
tame escarp
big fan of styling
tame escarp
already fixed, explode
charred monolithBOT
austere talon
make
this should be in german
ITS NOT
bad
das sollte auf deutsch sein
REAL
das ist fantastisch
okay it worksfully now
charred monolithBOT
austere talon
can we have datamining channel
like i said, make one! I think u should have perms?
if no just let me know 
limber skiff
I will
I just need to figure how
cuz I dont want to self host the datamining bot
do you mind waiting a bit for me to try to figure how to force update messages?
austere talon
for what
limber skiff
valid user
limber skiff
okie we can change later if needed
tight yacht
okay, but, like, how do I activate TextReplace
austere talon
u enable the plugin
tight yacht
I-I don't see the plugin in the plugin section....
charred monolithBOT
charred monolithBOT
verbal pumice
aliucord jumpscare
radiant reef
aww new plugins
austere talon
use react devtools to inspect the component
jump to location in code
understand how it works
austere talon
replace their component with your own, possibly pass the original component so you can render it as child
quaint sapphire
or insert ur component within that component
you can do anything you want with patches
if you need help understanding patches I can hop on a vc to help you
heh, coding at school or just researching ahead of time?
quaint sapphire
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import { Channel, Message } from "discord-types/general";
interface ActionBarProps {
channel: Channel;
unreadId: string;
collapsedReason: {
message: string;
hasMarkdown: boolean;
};
messages: {
type: string;
content: {
type: string;
content: Message;
groupId: string;
isHighlight: boolean;
}[];
key: string;
isHighlight: boolean;
};
}
export default definePlugin({
name: "BlockedShitWhatever",
description: "todo!()",
authors: [Devs.Arjix],
patches: [{
find: "forum-post-action-bar-",
replacement: {
match: /(\w\.type===.{2,5}\.MESSAGE_GROUP_BLOCKED.*?;return\(0,\w\.jsx\)\()(\w+),\{/,
replace: (_, head, component) => `${head}$self.actionBarComponent,{originalComponent:${component},`
}
}],
actionBarComponent(props: ActionBarProps & { originalComponent: React.FC<ActionBarProps>; }) {
// you can do whatever you want
return <props.originalComponent {...props} />;
}
});
@main trout
made the patch for you
nothing should change visually since I re-use the original component, but you can do whatever you want with actionBarComponent and it will replace the blocked message section
(not just the bar)
all it does is replace
with
I didn't send a snippet but an entire plugin, so if you meant just making a new file and pasting that in, yes
i thought you were going to make the plugin?
I only made the patch you might have needed for ur plugin
devout lagoon
anyone remember a vide of screenshare coming past where they show off audio share while streaming desktop
lime stone
vendors
austere talon
anyone remember a vide of screenshare coming past where they show off audio shar...
you mean streaming the entire screen and it has Audio?
that's vencord desktop's screenshare lol
but it's not done
devout lagoon
you mean streaming the entire screen and it has Audio?
could be
i saw it like instantly after i woke up so i dont vividly remember
rose marsh
limber skiff
@austere talon can we have perms to link an announcements channel
limber skiff
<@343383572805058560> can we have perms to link an announcements channel
it's for the datamining
I'm gonna link oceanic datamining channel here
limber skiff
worked
austere talon
why do u need manage server to subscribe to a channel
it would make much more sense to just need manage channel
limber skiff
discord insane
austere talon
react
charred monolithBOT
quaint sapphire
grave mangoBOT
https://github.com/ArjixWasTaken/Vencord/blob/ca5465bd0801d008f99c32890af97057c1...
**PickerContent.tsx: **Lines 74-81
const [isCtrlDown, setIsCtrlDown] = React.useState(false);
React.useEffect(() => {
const cb = (e: KeyboardEvent) => setIsCtrlDown(e.ctrlKey);
window.addEventListener("keydown", cb);
return () => window.removeEventListener("keydown", cb);
}, []);
limber skiff
or import a css file
look at GameActivityToggle
or in your local copy
just look at its source code
note the css import at the index file
and the enabling/disabling of it in the start/stop method
yes
that's no custom stuff
that is modifying built in discord stuff
you shouldnt hardcode class names though
.isUnread-3Lojb-
^^^^^^
this is random
avoid making your css rules depend on it
[class*="isUnread"]
maybe that
that might select other stuff though
devout lagoon
you mean streaming the entire screen and it has Audio?
where can i find its branch? or is it there but just disable
having trouble finding it π
quaint sapphire
the hell
@main trout
why are you writing css for the built-in discord component for this?
quaint sapphire
the entire point of making the patch is replacing the component with your own
devout lagoon
<https://github.com/Vencord/Desktop>?
so its already in the main branch?
quaint sapphire
its on another repo
stark flint
the screensharing is a PR
limber skiff
so its already in the main branch?
devout lagoon
ohhh ig i was on Ven's Vencord
stark flint
:^)
quaint sapphire
my life
stark flint
it's ok my graph's slowly turning back into that too
(might want to move to #π§-off-topic-iceman-only btw)
devout lagoon
pnpm build --watch
pnpm inject
no only the first time
and gotta redo it when discord updates (i think) and when you inject from a different source
austere talon
you created an empty plugin file
jagged cloak
new video have fun
jagged cloak
this ones better
austere talon
new video have fun
check the console for errors on those 2 ids that failed
was it a 404 or 429
jagged cloak
HOW ARE THERE SO MANY
idk discord moment lmao
charred monolithBOT
charred monolithBOT
austere talon
SHOWCONNECTIONS
charred monolithBOT
austere talon
explode
charred monolithBOT
charred monolithBOT
charred monolithBOT
austere talon
@lime stone
click here
then look for the desired property
its in rgb by default, if u shift click it you can change format
computed tab is really useful
in the the normal one it's painful to understand what's going on if there's like 20 rules applying to the element
devout lagoon
new video have fun
yooo
charred monolithBOT
austere talon
couldn't you just use a custom emote
like this
what in the world are your classnames
lime stone
@austere talon i just saw the new readme, but i think it would be better like this :3
lime stone
please open a pr to fix this terrible oversight
i just don't understand
how could you miss it
austere talon
tbh i do like being slightly more serious because we're not small anymore
I feel like having weird spam in the readme will make a lot of people think it's sus xd
lime stone
π
austere talon
pretty sure the Join spam was almost initial commit
lime stone
please don't become... one of them
austere talon
aka baby vencord
austere talon
maybe experience with my show connections pr and see which one you like the most? @lime stone
seems easier than me showing u a bunch of options xd
experience?
I meant experiment
lime stone
ah
austere talon
austere talon
I don't care much about the design so if you have any sort of preference it's best u show how u want it
I just yoinked icons from discord and yeah
lime stone
I just yoinked icons from discord and yeah
tbh the changes i suggested are all i wanted
i don't think i need to try it because i can see it in my head
yeah, freaky
jagged cloak
please open a pr to fix this terrible oversight
lmaoo war crimes
charred monolithBOT
lime stone
hi btw!
i recognise you
it's easy for you to recognise yourself
i recognise myself btw!
me too!!
austere talon
soon
austere talon
i recognise you
what happen
lime stone
aww i was going to make up a story
:(
well i recognise your avatar and name, idk if we interacted
oh cool
oh ye i kind of remember that
but idk how much before that
warning though, you might be exiled from moderation
hm, that'd be more likely to happen on quilt xD
lime stone
maybe you should use more standard class names
well, not with random letter afterwards
why betterBlockedUsersClass-3l6Xi as opposed to betterBlockedUsersClass?
or vc-better-blocked-users
true gullBOT
then why are you putting random characters in there 
do vc-pluginname-classname
thatβs somewhat the standard format
the name of the class 
my face when Tailwind users do not know how to name classes in normal CSS
austere talon
i dont think this person uses tailwind
true gullBOT
IThundxrββ©οΈ
austere talon
oh
grave mangoBOT
**index.tsx: **Line 77
<span className="vc-betterblockedusers-button" role="button" tabIndex={0}>Blocked Message</span>
**index.tsx: **Line 50
// default: true
austere talon
match it
it's very situational how you do that so it's not that simple to answer
show what the patched code looks like
the output code that contains ur patch
search for actionBarComponent,{originalComponent in discords code and show that part
the part that contains ur patch
you probably just need to render originalComponent
look at its code then
and see what's going on there
charred monolithBOT
quaint sapphire
you already have the messages in the props, if I were you I'd re-use discord's message component
props.messages.content is an array of the messages
you just need to find discord's component for a message and render it
grave mangoBOT
https://github.com/Vendicated/Vencord/blob/main/src/plugins/messageLinkEmbeds.ts...
**messageLinkEmbeds.tsx: **Line 48
const ChannelMessage = LazyComponent(() => find(m => m.type?.toString()?.includes('["message","compact","className",')));
**messageLinkEmbeds.tsx: **Lines 281-286
<ChannelMessage
id={`message-link-embeds-${message.id}`}
message={message}
channel={channel}
subscribeToComponentDispatch={false}
/>
@main trout
my general advice is to just think of what you want to do
and look at other plugins that may do smth similar
charred monolithBOT
jagged cloak
update on message notes, turns out using createBotMessage works just as well but somewhere it fails on "blablabla t.IsFirstMessageInForumPost is not a function"
not sure if this is a channel prop or message prop but shrimply adding it and setting it to false doesn't work so kinda been stuck for a while
austere talon
wha?
limber skiff
when does it fail
austere talon
not fully following 
limber skiff
after you call createBotMessage?
austere talon
what r u making
devout lagoon
he's trying to make a thing that does a thing when another thing happens, but when he tries to run the thing, it errors with "blablabla thing is not a function"
so yeah the thing isnt working
quaint sapphire
what r u making
why are you asking that though
instead of "can you show code?"
its as if you are always judging us
ven: but I am https://cdn.discordapp.com/emojis/731429343276040212.webp?size=48&name=pepeEvil&quality=lossless
austere talon
why are you asking that though
because code is useless if i dont know what you're trying to make
i didnt understand what they were saying cause what's message notes supposed to be
asking for code instead of for what specifically is being made would feed into https://xyproblem.info/
quaint sapphire
you make it sound as if you would help find a solution
charred monolithBOT
austere talon
ci borked
austere talon
thats just not true?
i review every single pr, provide suggestions, help people find modules / the right code, etc
charred monolithBOT
quaint sapphire
i review every single pr, provide suggestions, help people find modules / the ri...
i review every single pr
https://cdn.discordapp.com/emojis/973302190670249984.gif?size=48&name=diesfromcringe&quality=lossless
your "help" is always going to the direction of "your approach is wrong, use another one"
even if that is not technically true all of the time
you ask questions, and most of the time you disappear when someone answers
dunno if you only do that with me, if it is personal, or thats just how you are
but 90% of the time I seek help, you basically shrug me off and tell me to just look for the answer myself
quaint sapphire
asking for code instead of for what specifically is being made would feed into h...
this implies that you are willing to provide your own solution instead of the "attempted solution"
smth you wouldn't do
you only make questions and help the other person ask the "right" (in ur opinion) question
which will not accomplice what you want
you either have to patch the component itself rather than use it
or re-make it from scratch (by using the ChannelMessage component that I linked)
grave mangoBOT
**Status.tsx: **
import { FC } from "react";
import { useLanyard } from "react-use-lanyard";
const Status: FC = () => {
const { loading, status } = useLanyard({
userId: "694604709591384226",
socket: true,
});
const getColor = () => {
switch (status?.discord_status) {
case "online":
return {
status: "online",
color: "text-green-600",
};
case "idle":
return {
status: "idle",
color: "text-yellow-700",
};
case "dnd":
return {
status: "busy",
color: "text-red-700",
};
default:
return {
status: "offline",
color: "text-grey-500",
... (35 lines left)
limber skiff
I can barely understand what you want to approach
charred monolithBOT
quaint sapphire
I can barely understand what you want to approach
who? me?
limber skiff
no thundxr
quaint sapphire
or IThundxr
he wants to make the blocked section look pretty by replacing the bar and stuff
iirc he already made it look pretty in his PR
but the only missing thing is the messages not being rendered
since they are replaced by his component
limber skiff
oh
quaint sapphire
I am free to VC once again if you want help
charred monolithBOT
austere talon
you honestly should learn basic react in a normal project before attempting to mod discord
quaint sapphire
other than the css variables (--) the linter will shout at you for using -ms-flex and stuff
austere talon
otherwise you're not gonna have a great time
quaint sapphire
use normal flex
quaint sapphire
other than the css variables (--) the linter will shout at you for using `-ms-fl...
dunno if it was intended or not
austere talon
don't use prefixed properties there is no need to
quaint sapphire
but eslint does shout for vendor specific css
austere talon
there are only very few non standard properties where you need to use -webkit prefix
lmao dont copy paste discord css
if u want their styles, use their components / classes
quaint sapphire
I love it when people overwrite a style property multiple times in the same block
limber skiff
I mean, ven response did tell exactly what you needed to do
quaint sapphire
let a = 5;
a = 4;
a = 2;
// why is "a" 2 and not 5?
nope
limber skiff
yes it did
quaint sapphire
which will not accomplice what you want
you either have to patch the component i...
^^
either patch (not replace) the original component, or re-make it using what it uses
otherwise the plugin would achieve nothing
limber skiff
1 sec
quaint sapphire
why use the original component? what would be the point of replacing it then?
i hope you can realize this
limber skiff
as I said, 1 sec
oh well
how do I checkout the pr it's on the main branch
you should not make pull requests in the main branch
make a new one for it
quaint sapphire
how do I checkout the pr it's on the main branch
you temp rename ur local main branch, and then add the origin
rename the main branch of IThundxr
and rename urs back to main
limber skiff
cant cuz I'm using my fork lol
quaint sapphire
git branch -M mmain
git remote add IThundxr https://...
git fetch IThundxr
git switch main
git branch -M IThundxr
git switch mmain
git branch -M main
git switch IThundxr
pain, I know
(assuming you don't have the upstream main branch as well)
limber skiff
I got it already thanks
austere talon
either patch (not replace) the original component, or re-make it using what it u...
i told them to look at the code of the original component to figure out what it does
austere talon
it's likely that it has some sort of state isExpanded
you could just change that to always be true and use css to hide the extra stuff then render it
quaint sapphire
i told them to look at the code of the original component to figure out what it ...
and you think that alone would be helpful to a person who is clearly new to this?
his advice is as helpful as "mess around to find out"
which works well for me, but to a new person that would be an overload of information to do that
react dev tools
and then jump to the sources tab using it
add a breakpoint
austere talon
poor cyph
charred monolithBOT
limber skiff
whew
this is bad
message component is not exported
and there's 2 of them
one for thread starter message
one for normal
austere talon
we love discord
discord trying not to write separate components for every minor difference
austere talon
this is the blocked message component
if u hardcode this to true instead of y (y = isExpanded)
it will always show the collapsed content
then you can use css to hide this bit
the 1 blocked message header
austere talon
you could just change that to always be true and use css to hide the extra stuff...
that is what i said here
limber skiff
ven used brain
I was going to get the component and render it myself 
nono
you need to patch it
austere talon
if u hardcode this to true instead of y (y = isExpanded)
you would want to change this code to ```js
y || $self.shouldShowContent(idk, some, data, youMightNeed) ? i.content.map...
then u can hide this part of the component with css like i said
limber skiff
you also need to render the original component
austere talon
if u hardcode this to true instead of y (y = isExpanded)
alternatively, change the code here from (0, r.jsx)(vl to (0, r.jsx)($self.isManagedByUs(idkSomeData) ? () => null : vl, but that is harder than using css so I find css the better solution
austere talon
why do people want split large messages so badly
r u sending beemovie inside discord or what
stark flint
also why not just use upload as file
quaint sapphire
@main trout
export default definePlugin({
name: "Better Blocked Messages",
description: "this changes blocked messages to be cleaner and better \n\n\nThanks to ArjixWasTaken for the patches code",
authors: [Devs.IThundxr],
// settings,
patches: [{
find: "isBeforeGroup:",
replacement: {
match: /(function \w+\(\w\)\{var \w=\w\.expanded,\w=\w\.onClick,\w=\w\.count,\w=\w\.compact.{1,5}\.collapsedReason;return\(0,\w\.jsx\)\(\w+\.Z,{.*?childrenMessageContent:\(0,\w\.jsx\)\()\w+\.Z,/,
replace: (_, head) => `${head}$self.actionBarComponent,`
}
}],
actionBarComponent(props: { children: React.ReactNode[]; compact: boolean; }) {
console.log("ayo??", props);
return (
<div>{props.children}</div>
);
},
start() {
enableStyle(style);
},
stop() {
disableStyle(style);
}
});
should bring you closer to what you want
quaint sapphire
it replaces the old one
well, that is technically correct
I only return props.children bc I don't have anything else to return tho
thats ur part of the task
actually you can shorten the patch to
patches: [{
find: "isBeforeGroup:",
replacement: {
match: /(\.collapsedReason;return\(0,\w\.jsx\)\(\w+\.Z,{.*?childrenMessageContent:\(0,\w\.jsx\)\()\w+\.Z,/,
replace: (_, head) => `${head}$self.actionBarComponent,`
}
}],
(I am talking about the regex)
woeful sable
for the plugin
could there be a setting added so we don't have to hold shift to delete a message
woeful sable
I mean since its showing all buttons on a message why not?
making a serperate plugin would be a waste ig
radiant reef
could there be a setting added so we don't have to hold shift to delete a messag...
it's called quickdelete
woeful sable
what
woeful sable
true
limber skiff
I mean since its showing all buttons on a message why not?
someone wouldnt read the ShowAllMessageButtons plugin and figure it also allows you to delete messages without holding shift
woeful sable
then what they said
verbal pumice
favorite tabs
experiments -> favorites server (or favorites guild dont remeber how it was called)
charred monolithBOT
woeful sable
Ayo Vencord creators! What's your idea of what to add to the "ChannelTabs" plugin from betterdiscord?
stark flint
there's a PR in the works i believe
woeful sable
oh god..
stark flint
?
charred monolithBOT
austere talon
dude I've been getting so many [Vendicated/Vencord] emails from github that my email service started marking them all as spam
quaint sapphire
why do you have it set up to send notifications there?
(says me whilst also doing the same)
austere talon
cause I like staying up to date
quaint sapphire
you dont use the mobile github app?
austere talon
I don't check github notifications
austere talon
you dont use the mobile github app?
it sucks ass
austere talon
I use email & discord webhook for notifications
quaint sapphire
but not for viewing code ofc
jagged cloak
u will use gloom 
quaint sapphire
gloom not ready yet tho
jagged cloak
make it ready
austere talon
finish glooom @jagged cloak
jagged cloak
nopp tell zt
austere talon
nopp tell zt
@swift fjord finish gloom soon
stark flint
pleas help donwload
please PLEASE please please please βΌοΈπ #π₯-vencord-support-π₯ πβΌοΈ
austere talon
we will make it like the aur "captcha"
to get access you need to run a snippet in the console and paste the output
a bot will give you access if its the correct thing
swift fjord
<@298295889720770563> finish gloom soon
soon
radiant reef
Bla bla bla bla
austere talon
Patch
quaint sapphire
I don't think that's it
wrong question
sighs
one sec
lemme pull your commits
bruh
royal bane
quaint sapphire
is this ur "pretty" line?
why always expanded?
actionBarComponent(props: { children: React.ReactNode[]; compact: boolean; }) {
if (!props) return null;
// @ts-expect-error
const onClick = props?.children?.props?.children?.find(c => c.props && c.props.role === "button" && c.props.onClick !== undefined)?.props?.onClick as () => void;
return (
<div>
<div className="vc-betterblockedusers-main" id="---blocked-message-bar" role="separator">
<span className="vc-betterblockedusers-divider">
<svg className="vc-betterblockedusers-svg" aria-hidden="true" role="img" width="8" height="13" viewBox="0 0 8 13">
<path className="vc-betterblockedusers-color" stroke="currentColor" fill="transparent" d="M8.16639 0.5H9C10.933 0.5 12.5 2.067 12.5 4V9C12.5 10.933 10.933 12.5 9 12.5H8.16639C7.23921 12.5 6.34992 12.1321 5.69373 11.4771L0.707739 6.5L5.69373 1.52292C6.34992 0.86789 7.23921 0.5 8.16639 0.5Z"></path>
</svg>
<span className="vc-betterblockedusers-button" role="button" tabIndex={0}>Blocked Message</span>
</span>
</div>
<button onClick={onClick}>Show</button>
</div>
);
},
there you go
how did you think discord changed the isExpanded value?
ofc with a callback
all you had to do was find the callback
austere talon
```ts
actionBarComponent(props: { children: React.ReactNode[]; compact: boolean;...
this is horrible don't do this
quaint sapphire
wdym horrible? it uses discord's callback
austere talon
match the state within your patch or replace it entirely with your own check
quaint sapphire
a patch could expose the callback if you think that is better
but it is as horrible (in your opinion)
are you talking about the way I find the callback?
quaint sapphire
fine
found a better way
export default definePlugin({
name: "Better Blocked Messages",
description: "this changes blocked messages to be cleaner and better \n\n\nThanks to ArjixWasTaken for the patches code",
authors: [Devs.IThundxr],
// settings,
patches: [{
find: "isBeforeGroup:",
replacement: {
match: /(\.collapsedReason;return\(0,\w\.jsx\)\(\w+\.Z,{.*?childrenMessageContent:\(0,\w\.jsx\)\()\w+\.Z,{/,
replace: (_, head) => `${head}$self.actionBarComponent,{...arguments[0],`
}
}],
actionBarComponent(props: {
onClick: () => void;
expanded: boolean;
count: number;
compact: boolean;
collapsedReason: unknown;
}) {
if (!props) return null;
const { onClick } = props;
// const { showingAllowed } = settings.use(["showingAllowed"]);
return (
<div>
<div className="vc-betterblockedusers-main" id="---blocked-message-bar" role="separator">
<span className="vc-betterblockedusers-divider">
<svg className="vc-betterblockedusers-svg" aria-hidden="true" role="img" width="8" height="13" viewBox="0 0 8 13">
<path className="vc-betterblockedusers-color" stroke="currentColor" fill="transparent" d="M8.16639 0.5H9C10.933 0.5 12.5 2.067 12.5 4V9C12.5 10.933 10.933 12.5 9 12.5H8.16639C7.23921 12.5 6.34992 12.1321 5.69373 11.4771L0.707739 6.5L5.69373 1.52292C6.34992 0.86789 7.23921 0.5 8.16639 0.5Z"></path>
</svg>
<span className="vc-betterblockedusers-button" role="button" tabIndex={0}>Blocked Message</span>
</span>
</div>
<button onClick={onClick}>Show</button>
</div>
);
},
start() {
enableStyle(style);
},
stop() {
disableStyle(style);
}
});
@main trout
?
onClick={onClick} is the magic part
impossible
austere talon
it does work
if your onClick doesn't fire that means there is an element higher up the element tree that handles clicks
also turning random html elements into buttons is very bad for semantics
i would always try to use semantic elements
aka use an actual button for buttons
tepid phoenix
austere talon
<button className="myButton">Blocked Message</button>
<style>
.myButton {
/* unset EVERY css property, this is the magic that makes it not an ugly button */
all: unset;
/* restore the interactive cursor on hover */
cursor: pointer;
}
/* adding a :focus style back is important so keyboard users can tell this element is focused, all: unset removes the default one */
.myButton:focus {
outline: 1px solid someColor;
}
</style>