@sullen garden
#🧩-plugin-development
regal rune
dull magnet
fix it urself
sullen garden
<@830684692251672606>
thx
near aurora
today is coding day
regal rune
today is shut the fuckchfodjdksjsskdkfndkrbfjfjorfkg
magic violet
im not sure,
but i notice, ever since the update
it felt like slow sluggish?
idk how to explain
looking from the resources it seems fine
it got cropped (?)
dull magnet
it felt like slow sluggish?
what's "it"
magic violet
the vencord
dull magnet
what was the autobuild script for vencord again <@343383572805058560>
autobuild?
pnpm watch you mean?
near aurora
ye that thx
magic violet
like, when switching to another server and then theres gif or else to load
wish i can record it when thats happen
dull magnet
that's Discord's update if anything
magic violet
idk how to debug it, cause i see the memory seems fine
yeah, might be
i just felt this today,
dull magnet
like, when switching to another server and then theres gif or else to load
cause I didn't change anything that could cause this
dull magnet
it's like <FormText variant="text-xs/medium" />
btw there's already an open pr by afn for the Spotify controls
dull magnet
what do u wanna change?
near aurora
wait no i could use that
i wanna redo the slider
and sizing of stuff so it better fits
i coudl use his pr
how do i checkout there
do i make a pr to his pr or how does it work
dull magnet
horror
dull magnet
@lilac cipher fight to death
near aurora
@lilac cipher wake up what do you think
near aurora
i will use some of them
dull magnet
you wanna reimplement the seekbar?
dull magnet
it's literally just discords component so maybe you should make a theme that changes all of them instead
near aurora
no i want only this one
basically you only glance at it anyway most of the time
and scrub occasionally
visual info can be clearly given in a form of a progress bar type thingy
and on hover you can scrub
dull magnet
I think time being down there would be kinda weird, if anything it should be directly under the scroller
dull magnet
or perhaps pop time up left any right of seekbar on hover?
dull magnet
idk I'd have to see to properly judge
Also I kinda suck at design 
so you're the boss
near aurora
its ok vendy ily you did good
dull magnet
how would you do rounded icons
just different svgs?
could also make it like Spotifys design maybe
near aurora
yes
dull magnet
to give you more of a Spotify feel
near aurora
ehh
too big
this is discord, not spotify
spotify elements, sure
discord design language tho
dull magnet
ye but the player is Spotify
dull magnet
Also discords design kinda poopie
near aurora
also i'll fix this
dull magnet
I CANNOT PULL
Why's that
dull magnet
also i'll fix this
by adding marquee?
that was a goal but I haven't done it cause lazy
Also kinda pain to implement cause how tf do u detect if text is too big
cause u don't want text that fits to scroll
near aurora
dull magnet
pick afn
near aurora
Also kinda pain to implement cause how tf do u detect if text is too big
get client bounding rect
ye ik but
look
dull magnet
it's one of
git pull afn/main
git pull afn main
cursive plank
Also kinda pain to implement cause how tf do u detect if text is too big
Can't it be done via css?
dull magnet
Can't it be done via css?
no?
dull magnet
css doesn't have conditions
dull magnet
it's one of
git pull afn/main
git pull afn main
a
slow charm
stop vscode git
near aurora
technically does
dull magnet
use cli not gui
slow charm
type
near aurora
container queries
slow charm
woman
near aurora
- gui confi
slow charm
you are
cursive plank
css doesn't have conditions
It does tho
Depends on how you use it
dull magnet
It does tho
Depends on how you use it
you can't do conditional animations in css
slow charm
dw
near aurora
sorry
slow charm
dw about it @near aurora
dull magnet
to do marquee u have to calculate if its too big in js somehow then add marquee class
cursive plank
you can't do conditional animations in css
You can
You check if an attribute is equal to a value
dull magnet
I don't think there's any better way
near aurora
it works
slow charm
yw
near aurora
to do marquee u have to calculate if its too big in js somehow then add marquee ...
literally getClientBoundingRect
on update
vendy
smart
dull magnet
sure now do
cursive plank
You can
You check if an attribute is equal to a value
And with js you can update the attributes
dull magnet
dull magnet
Can't it be done via css?
.
cursive plank
You imagined it
near aurora
good job
slow charm
CSS was made to work with html and JS
really
near aurora
but i will add more shit
slow charm
is this true
cursive plank
?
dull magnet
CSS was made to work with html and JS
wait til you find out about gtk css
dull magnet
GTK css is so cursed lmao
cursive plank
If I go and implement python with cursed features, it doesn't mean that python was made with cursed features just bc I made my own version
(I'm not debating if python is cursed)
slow charm
is this true
cursive plank
What?
I feel like I'm talking to a wall
Anyways, just bc gtk and QT support css, doesn't mean that css was made for them
cursive plank
cause it waits for the request to finish
Make it async
dull magnet
all buttons take a bit to update
dull magnet
Make it async
?
near aurora
make it client side update and debounce request to prevent api abooz
dull magnet
all buttons take a bit to update
I could do optimistic updates before the request finished but then it'd be confusing if it for some reason failed
I prefer it this way tbh
cursive plank
make it client side update and debounce request to prevent api abooz
Yee
near aurora
rollback netcode 
dull magnet
I already debounce requests also
near aurora
horror
cursive plank
I feel sad that the next generation won't know of the good old memes
dull magnet
when u click a button it waits for 200ms for more actions then sends request then waits for request to finish then updates ui
dull magnet
dull magnet
when u click a button it waits for 200ms for more actions then sends request the...
anyway Spotify app does it the same way
so I just copied their behaviour
I really don't think optimistic updates are good in this case cause they're potentially confusing
dull magnet
horror
dull magnet
lolz
near aurora
i downloaded svgs for 24p and afn used 48p ones. not that it matters, since its svg anyway
SO GOOD
@dull magnet @dull magnet
resized now don't worry
dull magnet
btw would also be cool to add ways to copy the song and artist link
dull magnet
copy not open, sorry
maybe left click open, right click copy?
it already does left click open now
near aurora
hmm okay
can i steal this somehow
for the spotify controls
like can i steal these components
or re-implement better?
near aurora
tbh since you already implemented pretty much working stuff im just gona copy styles ig
dull magnet
i mean
itd be cool if u used discords somehow
Vencord.Webpack.extract(379923) in console
and u can look at its js
dull magnet
nop
right click > view function location
don't get intimidated by the start of it, just scroll down
it seems semi reusable with some hacks
dull magnet
i think if u wrap it in a container and call the whole component then add some css like
#vc-spotify-container .undesired-discord-thingy {
display: none
}```
it will be usablethe filers.byCode
ohh so i would like render as if i was in a userpopout
- add buttons & shit
dull magnet
yeah
dull magnet
render the whole thing, hide the join button and stuff
near aurora
ur so smart ven
near aurora
yeah
dull magnet
fully restart
dull magnet
restart ur pc
near aurora
inst it kinda bad that this would rely on discord then
dull magnet
it handles long names decently ig
dull magnet
funnily enough discord's design isn't much different from mine
near aurora
yeah that's the thing, but you use cusotm class names and stuff
dull magnet
funnily enough discord's design isn't much different from mine
so much for apparently being inconsistent with Discord
near aurora
if discord changes this component it also affects this
dull magnet
idk why i never thought of it lol
dull magnet
const Activity = LazyComponent(() => find(m => m.prototype?.isStreamerOnTypeActivityFeed))
<Activity idkWhatPropsItTakes />
wdym
near aurora
i only got this far
near aurora
```js
const Activity = LazyComponent(() => find(m => m.prototype?.isStreamerOnTy...
.
how
lilac cipher
the divider line? I don't think he wants that gone
ye they wanted it to be rounded
near aurora
discord react is confusion
dull magnet
discord react is confusion
like u mean how did i come up with that filter?
near aurora
yeah
dull magnet
okay so o.render = function() always means it's a class component
and .prototype refers to the class prototype aka the holder of all methods
near aurora
so you're just recreating whatever I had?
not really. im gonna reuse the userPopoout spotify thing, + use vens buttons
near aurora
okay so o.render = function() always means it's a class component
okay yeah
dull magnet
so if u scroll up a bit u see that the class u want also has isStreamerOnTypeActivityFeed
near aurora
it would maybe be slightly useful if i knew how react works to begin with
near aurora
why cant shit just be in svelte ffs
lilac cipher
not really. im gonna reuse the userPopoout spotify thing, + use vens buttons
what is a venbutton
dull magnet
green = keep
red = replace with discords own component
this one
obviously only the middle part
crisp jungle
yes
but
when you make a plugin
i wanna try creating a crappy platform indicators for the browser
because because
dull magnet
it needs like a trillion props
trollage
maybe just use my component for now then
idk ur call
dull magnet
near aurora
ye ok but
dull magnet
text-overflow: balls
lilac cipher
I'm in school
near aurora
ill use ur component
lilac cipher
dull magnet
it looks meh tbh lmao
better than the previous thing but still ugly
marquee would be cool
near aurora
i can try
but the delay on buttons is so bad
and it glitches to previous state for 1s
dull magnet
cursed marquee
near aurora
changing song time
crisp jungle
:shocked_YE:
dull magnet
wtf are u doing
crisp jungle
this exists
dull magnet
dull magnet
works fine for me
near aurora
(dragging dn across ur face)
dull magnet
:shocked_YE:
discord moment
dull magnet
wdym
crisp jungle
idk the docs said it will find thing and replace thing
dull magnet
yes
green vessel
we know
dull magnet
like this uses regex to insert own function call into discord code and then uses discord's modules to make the ui elements
crisp jungle
why
dull magnet
hop on pnpm
green vessel
get off yarn
near aurora
ven does build not run on css changes?
near aurora
what do i need to do then
dull magnet
just rebuild manually
dull magnet
terror
btw marquee on the title is really fucking annoying
so if anything it should be only on hover of the text
dull magnet
wtf is grid-template-areas
near aurora
you dont know
dull magnet
info info seekbar seekbar seekbar seekbar
dull magnet
thats so cursed
near aurora
you name layout areas
dull magnet
how does it work
near aurora
and just assign grid-area to anything
i'll show u
secd
you can have a layout like this right
(my site btw ^^)
then assign names to each grid area
and only thing left
is give each element where they need to go
@dull magnet
it's really powerful
i like it a lot
this layout could arguably be achieved in a million different ways but grid is easy & predictable
near aurora
i guess so yeah
dull magnet
but is that actually better than just using flexbox and doing the layout in html?
i know flexbox the best so i just use it everywhere xd
near aurora
flexbox good, but this is betteer for a lot of stuff imo
this can be responsive how you won
want
you just change the grid area names in a media query
look
https://kraxen72.github.io/imdb-fetch/ is the site ^^
vendy i am crazy and sexy ang goated
dull magnet
using discords component? or reimplemented from scratch
near aurora
reimp
dull magnet
simp
near aurora
just styling
dull magnet
polyphia good
dull magnet
second guy from the right on their pic looks hot
near aurora
yes thats tim we stan
he is also so so so fucking good at guitar
ven pls fix the icons blinking and seekbar glitching idkkk how
ok it's good
im happy
how to pr to afns thing
fork add remote and push?
@dull magnet one last ping, do you love?
or match grabber color on slider to icon color?
slow charm
hot
slow charm
or match grabber color on slider to icon color?
no
near aurora
already matched. loooks good
slow charm
bad
cedar olive
are you open for suggestions
near aurora
yes
cedar olive
shuffle and loop buttons seem too square
near aurora
i didn't make them
but i can make them 4px smaller
do we need the tooltips guys
like
isn't a title attribute enough
crisp jungle
API for patching css and then unpatching?
dull magnet
do we need the tooltips guys
the tooltip is there for titles that are too long
maybe make it only show when title doesn't fit
dull magnet
API for patching css and then unpatching?
for what use case
near aurora
discord does just this
near aurora
and im at a point where its a wrapper in a wrapper in a wrapper in a warpper
literally just
dull magnet
idk frontend well
near aurora
title="whatever"
dull magnet
oh okay do that then
crisp jungle
for what use case
im trying to port that thing i ported
dull magnet
what does that do
crisp jungle
what does that do
add css and then remove css afterwards
crisp jungle
for crappy goosemod message logger
dull magnet
??
there's an open message logger pr
just finish that
or bug @granite wharf to finish
dull magnet
show how it looks with really long texts
crisp jungle
ask rushii
@granite wharf ??????
near aurora
need 2 fix lmao
dull magnet
LOL
green vessel
https://open.spotify.com/track/7xvyaMqkhnqnpTMgv7j3A2
i love
dull magnet
ears almost exploded
u love hyperpop
dull magnet
the preview is the worst part of the song lmfao
near aurora
i do love underscores tho
dull magnet
david shawty is awful
who
near aurora
even spoiled little brat
cedar olive
imo previews suck
dull magnet
i do love underscores tho
who
dull magnet
he has a song called kiss my own dick
lmao
dull magnet
that song would be good if it didn't have the earrape at the end
dull magnet
be honest do u like the earrape at the end
dull magnet
that always bugs me in hyperpop when artists put that shit and it ruins the entire song lmfao
near aurora
but i was once really drunk and tired and i listened to it and it wasnt that bad
how 2 fixx plz
added all the shit
oh width 100%
it looks fine
near aurora
it literally dumps lke 2000LOC minified in there
dull magnet
horror
near aurora
https://open.spotify.com/track/6XQavp1Qj1pFZkkHH079m1 this is a banger
also i think i got it
can you add an id to a react fragment lmao
dull magnet
yes
dull magnet
but u can't select with css
near aurora
crinj
dull magnet
ye
granite wharf
no idea I haven't looked at it because it's marked as draft
deleted attachments not saved
dull magnet
why is it not a promise 😭
cause why would it be
it's mainly used for top level stuffs where u cant use await
if youre using it on a level where u have async you're likely doing smth wrong
granite wharf
also it's based on an old canary build by now
something broke haven't tested
dull magnet
deleted attachments not saved
who cares attachments
granite wharf
me
dull magnet
btw where do u store data
crisp jungle
if youre using it on a level where u have async you're likely doing smth wrong
oh yeah that makes sense
dull magnet
just memory?
granite wharf
yeah
dull magnet
thats okay
near aurora
also i havent commited once yet
granite wharf
i just prevent it from being deleted from message store
near aurora
its all just local
horror
because idk where to commit
my fork is not up to date with afns
dull magnet
if youre using it on a level where u have async you're likely doing smth wrong
waitFor only makes sense at the top level way before webpack is ready, but in 90% of cases u likely should use lazyWebpack
crisp jungle
is there like a bulk wait for?
dull magnet
const UserStore = lazyWebpack(filters.byProps("getUser"))
// later
UserStore.getUser("aaa")
just call multiple times
near aurora
its a bit goofeball
crisp jungle
just call multiple times
looks ugly
dull magnet
shrug
near aurora
do i suckit up and implement marquee
dull magnet
there is bulk find
const [UserStore, GuildStore, ChannelStore, FluxDispatcher] = ["getUser", "getGuild", "hasChannel", "dispatch"].map(s => lazyWebpack(filters.byProps(s));
crisp jungle
i kinda want to like wait for all the stuff to be present before running the code
dull magnet
what are u trying to do
crisp jungle
bettermessageindicators clone
someone probably doing it already
i just wanna play with typescript
dull magnet
function waitForAsync(filter) {
return new Promise(res => {
waitFor(filter, res)
})
}
const modules = Promise.all([waitForAsync("blah"), waitForAsync("bleh")])
modules.then(([thing1, thing2]) => {
doStuffs
})```
near aurora
how to make marquee help
i am losing my ming
d
damn html marquee is fast & annoying af
it does not stop at the start and there is a bunch of empty space
dull magnet
function waitForBulk(...filters) {
return Promise.all(
filters.map(f =>
new Promise(r =>
waitFor(f, r)
)
)
);
}
dull magnet
but just reimplement with css animations lol
dull magnet
never
dull magnet
rust wont be any faster lmao
if u want faster time run it directly with node instead of pnpm
the biggest overhead is pnpm funnily enough
near aurora
i am running it with good old npm
near aurora
thx
dull magnet
npm doodoo
green vessel
hes a npc
dull magnet
in what world is 200ms slow
near aurora
instant ig
its fine
node added another 500ms it wasnt counting, next to 100
it looked fine but was longer
green vessel
in what world is 200ms slow
2022
dull magnet
adding random sleeps into the build script to mess with u
dull magnet
Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, 1000)
put this at random points in the build script
near aurora
revision 1.million
it's good
ok?
i added this on hover
@lilac cipher can i commit to ur repo or whatever
or can i just like
uhh
merge this to my fork, afns commits will still b there
and then open a new pr
or how
dull magnet
i added this on hover
werent u gonna stay consistent with discord
near aurora
i have gashlighted myself
dull magnet
theyre just inconsistent as fuck
near aurora
success
near aurora
oh yeah
lilac cipher
<@420043923822608384> can i commit to ur repo or whatever
sure I can merge it
on my school Chromebook
you love
dull magnet
okay dont mind me
dull magnet
you cant stay consistent with something thatts inconsiettns
dull magnet
brightness 1.3 or this
im indifferent
dull magnet
you cant stay consistent with something thatts inconsiettns
alsoi cant type apparently
cinder wigeon
Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, 1000)
Wtf is atomics.wait
Just await new Promise(r => setTimeout(r, 1000))
near aurora
i would have to create another fork under my organization
dull magnet
click this button xen
dull magnet
Wtf is atomics.wait
Just `await new Promise(r => setTimeout(r, 1000))`
Atomics.wait is synchronous tyman
near aurora
where is it
dull magnet
const start = Date.now()
Atomics.wait(new Int32Array(new SharedArrayBuffer(4)), 0, 0, 1000)
console.log(Date.now() - start) // roughly 1000
ok
dull magnet
and then click that button and for base select his fork
dull magnet
huh that's weird
it's meant for thread safety when using workers
it's safe to block in workers so thats why that exists
but u can abuse it in main too xd
cinder wigeon
oh
cinder wigeon
i will sneakily pr that into vencord in my next pr
dull magnet
u cant lmao
lilac cipher
@near aurora sorry I can't help much in class rn
near aurora
check
lilac cipher
dull magnet
u need shared array buffers which are only available in super safe contexts
lilac cipher
alr
dull magnet
aka not discord
near aurora
u need shared array buffers which are only available in super safe contexts
arent shared array buffers only available to webContainers
ven u can merge afns thing
dull magnet
theyre only available if this is true
floral burrow
Xen, the progress bar changes size when the numbers change
dull magnet
although some browsers ban it on the main thread
@cinder wigeon
cinder wigeon
dull magnet
chromium big mad
cinder wigeon
Meh you can just make a long loop it's fine
near aurora
my procrastinating ass could never
lilac cipher
<@420043923822608384> ssorry but one more pr because if forgor and had 2 fix
there are conflicts
guhh
dull magnet
4gb memoryy
dull magnet
`for (var i = 0; i < 10000; i++) {}`
cant really time this properly and 100% cpu usage 
Atomics.wait 0% cpu usage
near aurora
i set position: absolute & right: 0 it's gonna b fine
cinder wigeon
cant really time this properly and 100% cpu usage <a:troller:1010926308278153379...
Even better
lilac cipher
its not supposed to be
isn't it supposed to be a fixed with
because then text will shift the progress bar
dull magnet
^
crisp jungle
message accessories api doesn't have when a new message is rendered thing?
dull magnet
i made it fixed width cause of that
crisp jungle
message event hmm wait
cinder wigeon
message accessories api doesn't have when a new message is rendered thing?
If you want to mess with rendering use a patch
On the component
dull magnet
where are those svgs from btw
near aurora
its absolutely positioned
near aurora
where are those svgs from btw
near aurora
ok afn wait with mergin then
near aurora
i made it fixed width cause of that
i changed it to absolute, top: 10px, and left and right
goated
thank you afn
near aurora
so in love with your website btw
lilac cipher
I love kraxen
cinder wigeon
aren't the react components now minified?
The whole point of regex patches is to get around the minification problem
near aurora
this hover thing is so good
cinder wigeon
Just wrote good enough regex and you can patch literally whatever you want
crisp jungle
The whole point of regex patches is to get around the minification problem
yes i don't want to do that uwu
dull magnet
afn art very good yes
dull magnet
whats https://lanyard.rest/
lilac cipher
exposes my discord rich prescence
so it shows up on the website
cant show it rn tho not on pc
dull magnet
fruity banner
lilac cipher
husk banner
near aurora
damn imma need that shit
green vessel
fruity banner
lanyard lmao
green vessel
just search by image
dull magnet
green vessel
takes 5 seconds
dull magnet
tineye is hot garbage
green vessel
i found it
dull magnet
use saucenao, IQDB and yandex
lilac cipher
insane people
dull magnet
lilac cipher
dull magnet
there u go
green vessel
use saucenao, IQDB and yandex
YOP
slate stone
theres also nsfw version lol
This should be obvious looking at that image
dull magnet
green vessel
so basically you wanted that image 🤨
lilac cipher
ven collects loli pictures
dull magnet
false
near aurora
so basically you wanted that image 🤨
what
green vessel
potent fox
@dull magnet merge
near aurora
why are there brs
dull magnet
just dont care? they're purely fictional so it doesn't matter what the canon age is, it matters more how old they look
slow charm
exactly?
dull magnet
"1000yo dragon maid"
slow charm
it looks like a loli
dull magnet
ye
green vessel
artists drawing a 1000 year old girl that looks young so theyre not a pedo:
near aurora
every japanese artist ever
green vessel
dull magnet
i mean petite adults are a thing
its just sus when it's very clearly a child (like that girl from spy x family)
if its just petite/flat anime girl then who care
viral roost
i love --force
haram
dull magnet
insanity
near aurora
lmfao
dull magnet
you just deleted some commit
near aurora
its my fork i do not care
green vessel
HORROR
near aurora
i did read
slow charm
i love squashing commits and force pushing
near aurora
idk how to squash
slow charm
skill
dull magnet
i love squashing commits and force pushing
squash my balls
slow charm
that'd hurt
viral roost
fuck squashing i like my 9001 commits
dull magnet
btw is message link embeds ready sun
viral roost
uh
tbh i think so
havent seen any funny bugs other than one which i literally just fixed
dull magnet
what in the world does this do
green vessel
the fuck
viral roost
ask arjix
slow charm
need
slow charm
who's porting spotify controls to musicbee
dull magnet
noone
near aurora
fawn you could do it
slow charm
ya
dull magnet
dont do music bee integration thats really stupid
slow charm
dont do music bee integration thats really stupid
just for me
dull magnet
do mpris instead
slow charm
no...
near aurora
whats mpris
dull magnet
dbus media player protocol
slow charm
idk what that is
near aurora
@lilac cipher plox merg
dull magnet
media player standard that a lot of players implement
slow charm
do it@dull magnet @dull magnet
dull magnet
so u can control chrome, spotify, discord etc
near aurora
control discord, from discord
dull magnet
near aurora
i think so
dull magnet
mpris poggers
crisp jungle
anyone knows how to detect when url/route changes?
near aurora
mutation observer?
dull magnet
it can fetch data and control browser (all websites), all electron apps, spotify app and many many other apps that implement it
dull magnet
anyone knows how to detect when url/route changes?
what for
you're asking for so many weird hacks
crisp jungle
mutation observer?
yes but like i want a more simple way
lilac cipher
<@420043923822608384> plox merg
there's no pr
near aurora
whaqt
lilac cipher
yop
dull magnet
detecting if you are in dms channel
and for what?
why do you need to detect changes?
dull magnet
regex patch?
crisp jungle
regex patch?
yes i don't want to read source code