the same code?
#👾-core-development
quaint sapphire
lime stone
i thought you were just using the plugin for the toggle
quaint sapphire
what toggle?
lime stone
to enable and disable the tab
quaint sapphire
a tab provided by a plugin
lime stone
is there an api now?
quaint sapphire
no
lime stone
ah, so i guess the only issue is it's a tiny bit hacky
quaint sapphire
ah, so i guess the only issue is it's a tiny bit hacky
not really hacky
lime stone
well it's plugins referencing one-another
quaint sapphire
the theme settings aint a plugin
although it is not merged yet
https://github.com/Vendicated/Vencord/pull/635
lime stone
ah, i see
oh well i don't think there's anything i haven't already said then
your pr looks very nice
quaint sapphire
although it is not merged yet
https://github.com/Vendicated/Vencord/pull/635
this aint mine
lime stone
i mean yours
not that
wait... actually i think these (tags and query) should be swapped if i didn't already say
otherwise it's inconsistent with the plugin filtering ui
royal bane
you could combine them
lime stone
you could combine them
oh that's true
quaint sapphire
<@545581357812678656>
welp, already pushed
https://github.com/Vendicated/Vencord/pull/956
lime stone
i've managed to get this working on channel tabs (before it said unknown)
@verbal pumice should i open a pr on your fork or would it be better if you invited me?
stark flint
^ also against the rules
quaint sapphire
and iirc it was already made as a third party plugin, dunno if its deleted
quick ibex
and iirc it was already made as a third party plugin, dunno if its deleted
it was made
its an omega old pr
lime stone
i don't understand why anyone would want it though...
quick ibex
And it was rejected
quick ibex
i don't understand why anyone would want it though...
to be a weirdo
lime stone
unless you're trying to manipulate people or something nasty
quaint sapphire
I never use deafen, i just mute
i dont see the point of it
quick ibex
grave mangoBOT
https://github.com/sneksnake/Vencord/blob/b7b405ba0579bdb59068155e3a77e4e44961e2...
**fakeVoiceOptions.ts: **
import definePlugin from "../utils/types";
import { ApplicationCommandInputType, ApplicationCommandOptionType, sendBotMessage, Argument } from "../api/Commands";
import { Toasts } from "../webpack/common";
const config = {
fake_mute: false,
fake_deafen: false,
};
const optionChanged = (option: string, value: boolean) => {
Toasts.show({
message: option,
id: Toasts.genId(),
type: value ? Toasts.Type.SUCCESS : Toasts.Type.FAILURE,
options: {
position: Toasts.Position.BOTTOM,
duration: 1000
}
});
}
export default definePlugin({
dependencies: ["CommandsAPI"],
name: "Fake Voice Options",
description: "Fake mute, deafen",
authors: [{
name: "SaucyDuck",
id: 1004904120056029256n
}],
patches: [
... (50 lines left)
verbal pumice
i've managed to get this working on channel tabs (before it said unknown)
<@4060...
thank you! probably a pr would be better
lime stone
ah, i just want to make more changes so it may get a bit noisy
I personally think the style should be closer to either chromium or firefox
but in terms of functionality it is quite nice!
it seems the settings page crashes
verbal pumice
it seems the settings page crashes
?
lime stone
if you open the settings for tabs
verbal pumice
ah, i just want to make more changes so it may get a bit noisy
if you wanna add some more stuff sure, no problem!
lime stone
lime stone
if you wanna add some more stuff sure, no problem!
oh, i suppose it could be the same PR!
verbal pumice
oh that
lime stone
any clue why it occurs?
verbal pumice
i rewrote how settings are stored and didnt bother writing migration code
verbal pumice
yeah probably
i'll check
probably tomorrow as i have a bunch of stuff to do today
lime stone
things which i think would be nice and i may be able to help implement (if i'm not too stupid) is ctrl+t, ctrl+w (if you can capture it somehow since it seems to close the whole app) and ctrl+tab (maybe even with an option have a firefox-style overlay with tab previews :P maybe too hard)
(maybe just the overlay without previews)
well ofc it's not going to contain a mapping for the user id by default https://cdn.discordapp.com/emojis/1034127736609980486.webp?size=48&name=ioa&quality=lossless
verbal pumice
ctrl+t is ctrl+n atm since i have no idea how to replace discord's one
and ctrl+w is a thing but i didnt know that closes the app lol
wow i never knew ctrl+tab was a thing thank you
lime stone
is that sarcastic or did you genuinely not know?
verbal pumice
i actually didnt know
verbal pumice
currently i went with ctrl+➡️ and ctrl+ ⬅️ for switching between tabs
but thats better imo
lime stone
currently it's one of js's many nulls
verbal pumice
i think the default should be {}
yeah most likely
lime stone
currently i went with ctrl+➡️ and ctrl+ ⬅️ for switching between tabs
firefox even has an alt+tab like overlay (before they removed it, but you can enable it again)
verbal pumice
keybinds would be in settings if they didnt crash 
lime stone
(well I think it may be quite easy to, I think I used about:config for some reason though xD)
lime stone
keybinds would be in settings if they didnt crash <:shiddohwell:1089006114806444...
haha
verbal pumice
also something to not conflict with browser shortcuts would be needed
if you actually run discord in a browser
lime stone
i do, but this plugin is less useful in the browser
vencord desktop is a lot more useable
verbal pumice
dont ask to ask
lime stone
you can ask in #🏥-vencord-support-🏥 if you haven't already!
lime stone
dont ask to ask
I think it's fair to ask how to ask
your status doesn't make me want to help tbh...
verbal pumice
oh
https://cdn.discordapp.com/emojis/998631255514038382.gif?size=48&name=cluelessaware&quality=lossless
quaint sapphire
can we hook into discord's internal keybinds or is that not possible?
found smth
charred monolithBOT
lime stone
can we hook into discord's internal keybinds or is that not possible?
you reminded me
(that this feature exists)
xD
quaint sapphire
found smth
oof, this is for the popup that explains the shortcuts
i think I figured how keybinds work
I will make an API for them ig
charred monolithBOT
austere talon
your status doesn't make me want to help tbh...
what is it
quaint sapphire
can you assign it to me?
austere talon
you have to reply to it for that
charred monolithBOT
austere talon
why can't you see?
Because Discord React native is a garbage app that doesn't show people as online
cunning canyon
Because Discord React native is a garbage app that doesn't show people as online
it says n-word down like dominos
austere talon
pretty simple ngl
can u just add ur own object with binds & action and it works?
quaint sapphire
ill try
umbral hedge
<@545581357812678656>
love
quaint sapphire
can u just add ur own object with binds & action and it works?
well, that alone aint enough
quaint sapphire
anyways, imma go out with the boys, will continue this in the evening
lime stone
Because Discord React native is a garbage app that doesn't show people as online
i didn't want to say tbh but autumn has answered
lime stone
found how to insert values to the dropdown for the keybind add menu
nice!
jagged cloak
horror
austere talon
pick ur fighter
austere talon
F
austere talon
how do i make them public
austere talon
how do i make them public
it was cause I accidently turned this on
and you can only disable it with manual api requests
10/10 UX cloudflare 
https://community.cloudflare.com/t/how-can-i-disable-the-access-policy-of-cloudflare-pages/292358/11
jagged cloak
It’s disappointing that a restrictive feature that can be enabled from the dashboard can only be disabled by an api call or adding payment info.
average cloudflare ux
sorry pay us
austere talon
nono
its literally free
but
u gotta provide payment info to enable it
so dumb
you can enable it without adding payment method but cant disable it again and the default settings are restrictive lmao
jagged cloak
oh bruh
austere talon
honestly doubt it's on purpose considering u can fix it with manual api request
probably just an oversight
royal bane
no
austere talon
fleet depot
jagged cloak
doesnt make sense considering what theyre asking but i dont usethe plugin so ok
fleet depot
i think they're asking for the plugin to stop working if there's already text in the message bar
but... it's really not that hard to remember to send a message and then send an emoji right after it to avoid the link
quaint sapphire
or you can just cut the emoji, send the message and paste the emoji
royal bane
small indie company
austere talon
lmaoo not the imagezoom controls
jagged cloak
lmao
look in devtools its literallly got a navid of image context
??? discord on drugs
lime stone
I think this looks cute
apart from the new tab placement
maybe i should've tried to improve it while sticking to the chromium style
I think having the tabs attached looks weird because it doesn't match the colour though
quaint sapphire
for the love of god center the plus icon
lime stone
apart from the new tab placement
^
this was an issue before i tried to pr on the pr :P
charred monolithBOT
austere talon
the entire ui shifts cause of the scroller lmao
my hatred
wait i fixed it and it was super easy @turbid hatch
quaint sapphire
did you just add padding on the right when the scroller is off?
turbid hatch
hmm?
limber skiff
just remember not to add an emoji if you have text
lmao true
royal bane
no thats too much effort
lime stone
I think this looks a bit nicer than before
royal bane
i quite like it
is there a possibility to like
have a white underline
to the whole tab
when unread messaged are present for that tab
lime stone
maybe i should ask the sun what he thinks so far
before the spacing was kind of buggy
lime stone
i’ll show what i mean in a sec
oh i think i know
austere talon
we love deprecated values
the html spec authors carefully deprecating the best properties ever
austere talon
did you just add padding on the right when the scroller is off?
i discovered a deprecated property
i added search & criteria filters https://plugins-svelte.vencord-website.pages.dev/plugins
jagged cloak
\✔ Has commands
Fart2
idk a time when people would be looking for web only plugins
considering 99% of plugins will work on both web and desktop 
charred monolithBOT
charred monolithBOT
desert cosmos
someone else needs a diet
austere talon
u
desert cosmos
fuck
austere talon
i pushed to wrong place
desert cosmos
smart
austere talon
wow adding this was super easy
charred monolithBOT
golden gulch
i normally just do overflow-y: scroll so the scrollbar is always there and so margin/padding will be visually consistent regardless of if it's there or not
but i suppose the scrollbar-gutter property exists now too
desert cosmos
i love this cat
austere talon
i normally just do overflow-y: scroll so the scrollbar is always there and so ma...
thats really ugly
austere talon
but i suppose the scrollbar-gutter property exists now too
it does and it works but it always adds a padding which doesnt work with our site properly
golden gulch
but overlay means that some of your margin will be eaten up on one side when the scrollbar is there
charred monolithBOT
austere talon
but overlay means that some of your margin will be eaten up on one side when the...
wdym?
it just makes the scrollbar overlap with the ui yeah
golden gulch
yeah, so there will visually be a bit less margin on one side and on narrow viewports it'll be more clear that things look off center
austere talon
ig
there isnt really a good solution to this
scrollbars suck
gonna never show scrollbar /s
it's kinda funny that i have to pass an unused parameter or it doesn't update on filter & leaves stale tooltips
what is astro cooking with [0,false]
https://github.com/Vencord/Website/blob/plugins-svelte/src/components/pages/plugins/Plugins.svelte#L105-L110 u can now xss the vencord website by putting html in ur plugin description
grave mangoBOT
https://github.com/Vencord/Website/blob/plugins-svelte/src/components/pages/plug...
**Plugins.svelte: **Lines 105-110
<p
use:overflowTooltips={p}
class="description ellipsis-overflow"
>
{@html highlightMatches(p.description)}
</p>
charred monolithBOT
lament nimbus
https://github.com/Vencord/Website/blob/plugins-svelte/src/components/pages/plug...
Where does it get plugin info from
lament nimbus
Ah it makes a JSON file when you build it
austere talon
it's generated with this script via github workflows https://github.com/Vendicated/Vencord/blob/main/scripts/generatePluginList.ts
grave mangoBOT
it's generated with this script via github workflows https://github.com/Vendicat...
**generatePluginList.ts: **
/*
* Vencord, a modification for Discord's desktop app
* Copyright (c) 2023 Vendicated and contributors
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
import { Dirent, readdirSync, readFileSync, writeFileSync } from "fs";
import { access, readFile } from "fs/promises";
import { join } from "path";
import { BigIntLiteral, createSourceFile, Identifier, isArrayLiteralExpression, isCallExpression, isExportAssignment, isIdentifier, isObjectLiteralExpression, isPropertyAccessExpression, isPropertyAssignment, isStringLiteral, isVariableStatement, NamedDeclaration, NodeArray, ObjectLiteralExpression, ScriptTarget, StringLiteral, SyntaxKind } from "typescript";
interface Dev {
name: string;
id: string;
}
interface PluginData {
name: string;
... (162 lines left)
Nice
charred monolithBOT
charred monolithBOT
jagged cloak
i didnt know u could search the prs with the hashtag lmao
jagged cloak
i mean tbf thats the first discussion about that it was just never finished lmao
@cunning bobcat finish wen
robust basin
@austere talon https://dev.revanced.app/patches?s=ven
ven will steal
austere talon
VEN
charred monolithBOT
quick cosmos
charred monolithBOT
junior olive
@austere talon 
jagged cloak
snooper
cunning bobcat
<@347366054806159360> finish wen
when i stop being lazy 
jagged cloak
trol
cunning bobcat
altough
with the new notification log feature, the thing im working on that isnt done might be useless
cunning bobcat
yeah but KeywordAlerts uses vencord notifs, no?
okay yeah, ping me in about 5 hours and i'll see what i can do
jagged cloak
ye
wdym useless then i thought you meant the plugin would be useless
this works fine
cunning bobcat
this patch adds a button top right, for this button
jagged cloak
lol
charred monolithBOT
charred monolithBOT
quaint sapphire
and why do you think the problem only exists in vencord
How, better discord also has a game activity toggle plugin
lime stone
`findByCode("().mentionsBadge")` doesn't seem to work
the same string works in patch helper
oh, the function doesn't seem to be included in the search
because it's not exported
doh
quaint sapphire
i'm trying to get this function
Vencord.Webpack.wreq(Vencord.Webpack.findModuleId("().mentionsBadge"))
one could argue that findByCode should have worked
alas
limber skiff
It shouldnt have worked
findByCode checks exports code
you wouldnt be able to access that function anyways
quaint sapphire
which isn't explicitly stated anywhere
well, it makes sense since you can't find a function that is not exported
quaint sapphire
i'm trying to get this function
add a patch to export it urself ig
limber skiff
find: "().mentionsBadge",
replacement: {
match: /\(\)\.mentionsBadge.+?}(?=var)(?<=function (\i)\(.+?)/
replace: (m, method) => `${m};$self.method=${method};`
}
seems pretty useless though
just make it manually
quaint sapphire
or
{
find: "().mentionsBadge",
replacement: {
match: /\(\)\.mentionsBadge.+?}(?=var)(?<=function (\i)\(.+?)/
replace: "$&$self.method=$1;"
}
}
quaint sapphire
or
```js
{
find: "().mentionsBadge",
replacement: {
match: /\(\)...
$& is useful
and knowing that the first group is $1 is also useful
quaint sapphire
shorter
limber skiff
I have to look at the match to understand what's $1
quaint sapphire
way more readable
eh, that is debatable
quaint sapphire
I have to look at the match to understand what's $1
oh you meant it like that
violet hazel
Guys, get how to sideload a plugin?
do i have to copy the built file into Vencord\dist every time pnpm watch gives a new build
lime stone
add a patch to export it urself ig
i just recreated it
quaint sapphire
Guys, get how to sideload a plugin?
uhh, you put ur plugins in src/userplugins and they get built with vencord
iirc
jagged cloak
ye
quaint sapphire
thirdparty plugins arent mature yet
violet hazel
uhh, you put ur plugins in `src/userplugins` and they get built with vencord
yes but it seems that i will have to copy them into my %appdata%/somewhere/Vencord/dist and open the vencordinstaller to install it and restart my client to apply it if i did not misunderstand
quaint sapphire
nope
the vencord installer only patches discord, discord loads the files from the build folder
wait, did you not clone the repo?
violet hazel
wait, did you not clone the repo?
yes i did
quaint sapphire
not the plugin template
violet hazel
here lul
quaint sapphire
ok so, the vencord installer, makes discord load vencord when it starts
depending on how you installed vencord, it will load it from a different place
for us devs, it should be the build folder
for that we do pnpm inject
quaint sapphire
but first remove the other installation
violet hazel
sure
i'm trying to port this cool plugin https://github.com/Pitu/Magane but seems like a lot of work 
quaint sapphire
oof uses svelte
instead of port I'd suggest you remake it
i can help if you want
jagged cloak
svelte in a fucking bd plugin
quaint sapphire
woohooo, got a keybind to work!
violet hazel
charred monolithBOT
austere talon
waait why did u close? @cunning canyon
that plugin is really good, I was just waiting for array settings types because currently there's a lot of plugins implementing their own logic for that
cunning canyon
oh i changed branch name lol
austere talon
oh 
austere talon
that plugin is really good, I was just waiting for array settings types because ...
I should finish that asap tbh
vap was working on it I think but probably not anymore
austere talon
this guy is opening the weirdest issues ever
I'm so confused
I think he doesn't understand the stack at all, because he also opened an issue for armcord to use xposed on android??
quaint sapphire
fucking finally
so many patches just to get this to show up in the settings
wooohooooooo
quaint sapphire
@austere talon keybinds can only be created when discord loads
that means that the keybinds api must iterate over all the plugins to gather their keybinds, if a plugin gets disabled, I cant remove the keybind w/o reloading
charred monolithBOT
stark flint
just imagine Vencord android version with full support of desktop BetterDiscord API
what are they thinking
quaint sapphire
can we just make it a requirement to not make dumb issues?
like a checkmark
and if the issue is dumb we delete w/o warning
tame escarp
like a checkmark
you have to pay $8 dollars/month to make an issue in vencord repo
tame escarp
you have to pay $8 dollars/month to make an issue in vencord repo
$1000/month if you're affiliated with a company
tame escarp
only allowing certain results on a myers-briggs to open issues
charred monolithBOT
round gust
walling our documentation and issues and stuff behind an iq test
whaaat
why would you close the issue
i sense something
jagged cloak
I sense 13 year olds being less than smart
guys you should use vendetta for Vencord mobile api
spark cove
vap was working on it I think but probably not anymore
truie
i took a break cus i realize it would require making the setting inputs a lot more modular/generic than they are right now
quick ibex
walling our documentation and issues and stuff behind an iq test
docs shouldnt be behind iq test
But issues and discord server for sure
austere talon
i took a break cus i realize it would require making the setting inputs a lot mo...
I will make
quaint sapphire
@austere talon best way to iterate over all the plugins within a plugin?
(cause technically APIs are plugins)
it won't cause a circular import, right?
or I guess, I could just modify the code a bit to avoid doing that
yeah I'll do that
charred monolithBOT
austere talon
<@343383572805058560> best way to iterate over all the plugins within a plugin?
...
import plugins from "~plugins";
u cant use it on top level but u can use it in a deferred function call, like start() or even inside a setTimeout(..., 0)
austere talon
what global
quaint sapphire
made an export in `Vencord.Plugins`
Vencord.Plugins.pluginsWithKeybinds
austere talon
but why
quaint sapphire
why are you asking me why?
quaint sapphire
yeah I realized that just now
^^
quaint sapphire
is it ok if I keep the global?
^^
realized too late
and asked if its ok to keep it the way it is
and you ask me why?
forget it
no global
ffs, cant just say no to a yes/no question
charred monolithBOT
quaint sapphire
i'm trying to port this cool plugin https://github.com/Pitu/Magane but seems lik...
have you done anything yet?
Edit: dont => done
I just finished what I was working on so I am free to help
charred monolithBOT
frail skyBOT
charred monolithBOT
cunning canyon
is it the same plugin that katlyn posted in 3rd party
frail skyBOT
charred monolithBOT
tight yacht
I want to make a plugin
But I have zero idea how to compile it so it runs on web
I don't really "do" the proton
Is there a guide or something that could help me?
verbal pumice
what
you mean how to compile vencord for web?
or what cause i actually dont understand
quaint sapphire
I want to make a plugin
But I have zero idea how to compile it so it runs on web...
I am curious as to what you mean by "proton"
git clone https://github.com/Vendicated/Vencord
cd Vencord
pnpm install
pnpm buildWeb
Those are the steps
And just run the last command every time you want to build it for web
cedar leaf
lil idea here, do you think a "fast voice messages playback" plugin could be a thing? would love to listen in 2x those 3 minutes vocal messages........
quaint sapphire
Wrong channel to ask
lime stone
lil idea here, do you think a "fast voice messages playback" plugin could be a t...
wouldn't that sound funny though xD
shut verge
Tbh if Vibe doesn't get added, I'm gonna say that I'll learn everything necessary to get it added to my own copy and then maybe try to get it integrated and pulled
Only to just not do that because I'm lazy asf- 
quaint sapphire
vibe is not published on npm, and no binaries are on github releases
that means the user must build the project
that also means that we have to build it for all the architectures, since it is a native library
not very convenient
charred monolithBOT
When running the installer on my tablet running Fedora 37 with Gnome 43.4 on Wayland there is a broken title bar. It doesn't have any button to close the window, you have to either press Alt+F4 or kill the process, which is probably not how it is intended to be. If you need any other information, just reply to this issue.
shut verge
vibe is not published on npm, and no binaries are on github releases
that means ...
Damnit, I see, that's a bummer
quaint sapphire
nvm
@shut verge
they are just too lazy to provide an npm link in the readme
nvm
it does not include binaries
useless package
smh
shut verge
it does not include binaries
Oh oof
charred monolithBOT
@ArjixWasTaken You can't hide the close button in Gnome, you can only hide Maximize and Minimize, But the Title Bar is not even the same as the title bar of my other windows. Below is a screenshot of my settings in Gnome Tweaks:
one more way to close the app is from the window name in the top bar
silver shoal
charred monolithBOT
The issue seems to be fixed on X11. (My desktop looks that big because fractional scaling is not supported on X11 and everything is scaled to 200%.)
pure skiff
how do i reverse engineer discord's new markdown feature?
like
where is the parser that does it etc
how can i find the correct modules that do it?
charred monolithBOT
quaint sapphire
discord uses hljs
so search for hljs in discord
look at the shikicodeblocks plugin for some info
verbal pumice
bad idea?
pure skiff
discord uses hljs
no not the code blocks
stiff cove
yo i love that plugin
desert cosmos
comedy
cunning canyon
nuh uh beocord
charred monolithBOT
jagged cloak
nuh uh beocord
austere talon
MaCoS
jagged cloak
MACoS
desert cosmos
why is apple so complicated
austere talon
deliberately messing up the MAcoS capitalisation cause I know it upsets apple fanboys
austere talon
nuh uh beocord
lmao u love random tenor gif name
untold carbon
i dont even like apple that much
i am just annoyed at things being obviously wrong ;w;
austere talon
i dont even like apple that much
i am just annoyed at things being obviously wr...
MacOs is obviously correct
untold carbon
i am in pain ;w;
desert cosmos
apple sucks
jagged cloak
nuh-uh-beocord-no-lol
verbal pumice
i do have to say that looks way better!
lime stone
thank you!
i wonder where i got the inspiration ;)
i removed a bit of duplication for the preview and the actual tab
luckily github has a merge conflict solver
in the web ui!!
yay so easy
you can merge now!
i don't think you need to review because it's already a pr
umm, i haven't got the icon for server discovery working because it's not a channel... and clicking back on the tab goes to friends
hopefully you can fix this
lime stone
umm, i haven't got the icon for server discovery working because it's not a chan...
(same for nitro)
i just made it display friends if it doesn't know
lime stone
except you did that while i was resolving myself <:gon:1072988281752526949>
oh haha
i also wanted to add middle click to close
couldn't get it to work :c
charred monolithBOT
lime stone
@verbal pumice it doesn't compile any more! xD
verbal pumice
<@406028027768733696> it doesn't compile any more! xD
do you mind if i shrink the icons down to 20px because with channel name emojis it looks a bit crammed
lime stone
how does it look?
verbal pumice
tried to undo changes to take a before screenshot and lost the changes i made 
well too bad then it's staying like this for now
lime stone
tried to undo changes to take a before screenshot and lost the changes i made <:...
typical
austere talon
tried to undo changes to take a before screenshot and lost the changes i made <:...
did u add them to git?
/ commit them
verbal pumice
no
lime stone
you could've stashed
austere talon
what'd u do
verbal pumice
forgor
lime stone
oh
verbal pumice
when you both have an unread and someone is typing it's still pretty bad
will probably shrink down just the emoji then (or maybe hide it when someone is typing?)
lime stone
gen
charred monolithBOT
charred monolithBOT
charred monolithBOT
tight yacht
And just run the last command every time you want to build it for web
Does it automatically update the extension?
Haven't really touched anything similar to this, so I have zero idea what to do 😅
charred monolithBOT
Yeah don't worry about unescape, i realised it's actually deprecated oop
but using a TextEncoder in decode should work fine? Works fine for me
oh i see, you're not using all charCodes. Isn't that bad?
knotty horizon
yeah it is lol
austere talon
talking on github is kinda painful haha
knotty horizon
nya>.<pj+QGVp/9Hc=>.<Oq309LCX6H3jJLwU/sQHiQ==>.<bptMjBSamgyjvv9cwIDewkbQW+o=
this is what it outputs with what it was before
austere talon
Yeah the reason the TextEncoder one doesn't work is because it uses every codepoint whereas the .split() version only uses the first codepoint of each character
But I think only using the first one is not ideal anyway, doesn't that mean it only supports ascii?
so emojis and non latin characters won't work i think?
knotty horizon
lets find out
austere talon
i'm not fully sure, utf8 is confusing 
knotty horizon
nya>.<catSQbva6vs=>.<I0c76W0VnGfEV4Yc2nvFNA==>.<jomuguEIe7G4H5i9L12xRRJuEAGBMdgVn228S8R2
apparently those arent latin-1
knotty horizon
can't think of any that arent twemojis on discord
knotty horizon
nya>.<adoH3rn1Jq0=>.<l25Us+3JJ1UF/GpfXgaD6A==>.<h8ttmrYDh6VdD5yajVANZNhKkolN9kN+ylQ+nSaRozU=
austere talon
btoa sucks unfortunately, it doesn't properly support utf8
but well just keep using ur .split().map() version then!
knotty horizon
btoa sucks unfortunately, it doesn't properly support utf8
btoa is annoying
austere talon
I just recommended the TextEncoder version cause it's generally cleaner and faster
knotty horizon
btoa is annoying
I like how its deprecated but I cant find an alternative that works on web
but thats probably just me
knotty horizon
oh and vscode thinks its node?
austere talon
you can get rid of the deprecation warning by explicitly using the web version
- btoa()
+ window.btoa()
yeah that removed the warning
austere talon
oh and vscode thinks its node?
yeah because Vencord uses nodejs types because it has code in both node and web
knotty horizon
the node and web differences confused me too
austere talon
btoa/atob are just terrible, that's why node deprecated them 
knotty horizon
I thought that plugins were in node
knotty horizon
btoa/atob are just terrible, that's why node deprecated them <a:AzuLaugh:7290346...
yeah in node you just use Buffer
austere talon
i wish they made better versions that supported utf8 for web
also the fact that atob returns a string instead of a uint8array
is just so bad
charred monolithBOT
knotty horizon
is it possible to have like an array in a plugin settings
austere talon
unfortunately no for now, you have to do it yourself or make the comma enter a comma separated list or similar
but planned
what kind of data do u wanna store?
knotty horizon
like encryption profiles:
Public: blah
Test: whatever
Another Profile: skdfjbdhjsfbdjkh
austere talon
so multiple strings?
knotty horizon
yeah
I could just make the syntax like this Public:blah,Test:whatever,Another Profile:skdfjbdhjsfbdjkh
austere talon
thats kinda horrible but yeah
knotty horizon
seems like the only way
I could make a command to add them so it doesnt have to be manually modified like that
austere talon
werent u gonna do right click menu for that
knotty horizon
yeah makes sense... how would i store the data though
austere talon
smth like this and then an add button at the bottom
knotty horizon
smth like this and then an add button at the bottom
could I do a context menu for a context menu option
lmao
because then you can right click to delete/edit
austere talon
huhhh?
im not fully sure what u mean
ohhh wait i do lmao
i think that's not a thing no
austere talon
smth like this and then an add button at the bottom
but you could just do a radio like here and then at the bottom
- Add New
- Delete "Message"
where "Message" would be the name of the selected profile
somber ginkgo
stolen code for you to re-steal if you care ```js
function lurk(id) {
findByProps("joinGuild").joinGuild(id, {lurker: true})
.then(() => {setTimeout(() => patchGuild(id), 100)})
.catch(() => {throw new Error("Guild is not lurkable")});
}
function patchGuild(id) {
findByProps("getGuildsTree").getGuildsTree().root.children.unshift({type: "guild", id, unavailable: false, children: []});
findByProps("getGuildCount").getGuild(id).joinedAt = new Date;
findByProps("lurkingGuildIds").lurkingGuildIds().pop();
findByProps("joinGuild").transitionToGuildSync(id);
}
lurk("guildid");
somber ginkgo
try with guild id 1090311153802031315
austere talon
nuh uh
royal bane
token steler!!1!1!!11
austere talon
have you never seen guild lurking before
!show
why not just post it in #📜-js-snippets
knotty horizon
where should i store the profiles
@austere talon
austere talon
wha?
knotty horizon
i can just use a
(async () => {
})();```
or somethingnvm its in console shortcuts im dumb
i thought i had it findByProps from a different script
austere talon
ya but make sure the snippet works without consoleShortcuts on
somber ginkgo
husk
knotty horizon
looks like MessageTags does almost exactly what I want with DataStore
I like that all plugins are just here because you can use them for reference
austere talon
yeah lmao
charred monolithBOT
shut verge
Surely I'll get it right this time
knotty horizon
how could I add a right click event to a button
knotty horizon
sorry 
austere talon
:3
median rapids
so mean
median rapids
smth like this and then an add button at the bottom
wait why have greet mode
the greet ep has no advantage over the regular create message ep
austere talon
doesnt really matter 
median rapids
knotty horizon
is there a better way to update plugin changes than pnpm run build and pnpm run inject every time
austere talon
is there a better way to update plugin changes than `pnpm run build` and `pnpm r...
yeah! you don't have to inject every time, only the first time
and you can use pnpm watch to autorebuild :P
knotty horizon
and you can use `pnpm watch` to autorebuild :P
ohh cool
how can i use async functions in a component
charred monolithBOT
austere talon
how can i use async functions in a component
useAwaiter!!
woeful sable
<@456226577798135808>
bros been made aware
somber ginkgo
stealing is my passion
woeful sable
crazy jup
woeful sable
how about you make it 🔥
calm shore
woeful sable
same
somber ginkgo
jagged cloak
jup do you own a switch
jagged cloak
yeah i meant nintendo switch
calm shore
i do not
calm shore
still too advanced? 😔
more HIV in that regex shit than there is in the congo
median rapids
😭
calm shore
srs
median rapids
or do what the snipper does
limber skiff
stolen code for you to re-steal if you care ```js
function lurk(id) {
findBy...
whats patchGuild for
somber ginkgo
whats patchGuild for
@calm shore
somber ginkgo
calm shore
that script does yes
median rapids
it makes the client think you joined it
limber skiff
makes sense
somber ginkgo
guh explain your snippet better <@99914384989519872>
are you happy now
knotty horizon
Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
hate this
austere talon
Error: Rendered fewer hooks than expected. This may be caused by an accidental e...
shw code!!!
quaint sapphire
seems like the only way
Or a custom component
knotty horizon
Or a custom component
I figured out how I wanted to do it :3
quaint sapphire
Don't mind me, just backreading
austere talon
hehe
knotty horizon
I'm adding functionality first
quaint sapphire
we should put discord colourpicker into webpack commons
We should put all discord exported stuff to webpack commons
(I'm talking about the named exports)
knotty horizon
hmm why isnt the contextmenu updating after checking one of the boxes
you have to go out then go to it again
quaint sapphire
Some parts of discord have a weird non-updating react state.
Try making a separate component with all ur states and use it in the context menu
(if that ain't the issue, then you are doing smth wrong)
knotty horizon
I'm probably doing something wrong because it works for ven's plugin that's similar
yeah I know why
nvm
quaint sapphire
Did you forget to update the state?
Or was there no state and you directly read settings?
knotty horizon
there was no state it was just a let
actually, how do i turn a string returned from a function into a state
i have a getCurrentProfile and setCurrentProfile
quaint sapphire
actually, how do i turn a string returned from a function into a state
You use useState
const [str, setStr] = React.useState("")
// If the function that returns the string is not async, then pass it instead of an empty string, otherwise use useEffect
I know that but I'd like to use the function to set and get, since it saves it to a DataStore
quaint sapphire
I can understand each and every word in that sentence, but not the sentence.
What?
knotty horizon
uhh
ok so
const getCurrentProfile = () => DataStore.get(CURRENT_KEY).then<string>(c => c ?? "Public");
const setCurrentProfile = (name: string) => DataStore.set(CURRENT_KEY, name);
Which function?
knotty horizon
i have these 2 functions
quaint sapphire
Ok
knotty horizon
and in the component I'd like to call them, but since they're not states
the component wont update
quaint sapphire
Yes
const [profile, setProfile] = React.useState<string | null>(null);
React.useEffect(()=>{
getCurrentProfile().then(setProfile);
},[]);
I think you can figure out the rest
knotty horizon
so like this?
quaint sapphire
For the loading part, yes
knotty horizon
yeah now how would i set it with the original function
quaint sapphire
Can I see the original function?
quaint sapphire
ven told you to use useAwaiter
That works as well
limber skiff
you should use that instead
quaint sapphire
Actually, can you set state on useAwaiter?
It returns a tuple of the data, the error and pending
No set stuff
Ig a force update could solve this?
knotty horizon
this should work
quaint sapphire
Nooo
knotty horizon
Can I see the original function?
knotty horizon
right
quaint sapphire
So it might be useless
quaint sapphire
Yes
limber skiff
why would you setState?
quaint sapphire
But only read
quaint sapphire
why would you setState?
Cause the component updates the data
It fetches the stored data and updates it
quaint sapphire
https://ptb.discord.com/channels/1015060230222131221/1015063227299811479/1100569...
I meant the original component
knotty horizon
function ProfilesMenu() {
const [currentProfile] = useAwaiter(getCurrentProfile);
const [profiles] = useAwaiter(async () => {
const p = await getProfiles();
let matchedPublic = false;
p.forEach(async profile => {
if (profile.name === "Public") matchedPublic = true;
});
if (!matchedPublic) {
const p2 = await addProfile(publicProfile);
console.log(`not p: ${p2}`);
return p2;
}
console.log(p);
return p;
}, { fallbackValue: [publicProfile] });
return (
<Menu.Menu
navId="meowcrypt-profiles"
onClose={() => FluxDispatcher.dispatch({ type: "CONTEXT_MENU_CLOSE" })}
aria-label="Meowcrypt Profiles"
>
<Menu.MenuGroup label="Profiles">
{profiles.map(profile => (
<Menu.MenuRadioItem
key={profile.name}
group="meowcrypt-profile"
id={"meowcrypt-profile-" + profile.name}
label={profile.name}
checked={profile.name === currentProfile}
action={() => setCurrentProfile(profile.name)}
/>
))}
</Menu.MenuGroup>
<Menu.MenuSeparator />
<Menu.MenuGroup
label="Options"
>
<Menu.MenuItem
key="add-profile"
id="meowcrypt-add-profile"
label="Add Profile"
action={() => buildAddProfileModal()}
/>
<Menu.MenuItem
key="delete-profile"
id="meowcrypt-delete-profile"
label="Delete Current Profile"
action={async () => await removeProfile(currentProfile as string)}
/>
</Menu.MenuGroup>
</Menu.Menu>
);
}
Nope
useAwaiter returns a list with three items
The first is the data
The 2nd is an error if it errored
And the third is a bool indicating if the promise resolved
quaint sapphire
```tsx
function ProfilesMenu() {
const [currentProfile] = useAwaiter(getCurr...
Instead of iterating over the profiles and setting a boolean, you can use [].find in an if statement
knotty horizon
good to know
austere talon
hmm why isnt the contextmenu updating after checking one of the boxes
do u know how react works
ah u already figured it out
quaint sapphire
Not really
austere talon
u gotta use state for anything u want to be reactive
knotty horizon
I figured out the issue but didnt figure out how to fix it yet
quaint sapphire
```tsx
function ProfilesMenu() {
const [currentProfile] = useAwaiter(getCurr...
There is one issue, useAwaiter is read-only
That means what you did, did not fix the issue
quaint sapphire
The way I sent you first is the default way of fixing this
knotty horizon
unless i use Settings for the current profile
quaint sapphire
By default I meant standard
knotty horizon
By default I meant standard
yeah I know that but I need it to save outside of the component
or.. somehow have the component to save it on change
limber skiff
use the old way arjix told u
then make a function that sets the state and updates the datastore
quaint sapphire
```js
const [profile, setProfile] = React.useState<string | null>(null);
React....
And
action={()={
setCurrentProfile(profile.name);
setProfile(profile.name);
}}
oh yeah that could work
quaint sapphire
Yeah that, and call it smth like saveProfile()
austere talon
we should make a useDataStore hook :3
quaint sapphire
That would be epic
knotty horizon
how do i take the value from the useAwaiter and set it for the state
somehow I'm creating a loop
quaint sapphire
Don't use the useAwaiter
frail skyBOT
quaint sapphire
useEffect(async ()={
// Async code here
},[])
The empty array is to say to react that this useEffect should run only once
quaint sapphire
This shit had been broken for days lol
frail skyBOT
austere talon
This shit had been broken for days lol
someone fix it
WebContextMenus isnt actually broken
knotty horizon
```js
useEffect(async ()={
// Async code here
},[])
```
knotty horizon
call an async function and save the value to a state
knotty horizon
i figured
austere talon
call an async function and save the value to a state
this is literally what useAwaiter does
cant u just use that
knotty horizon
this is literally what useAwaiter does
somehow creates an infinite loop```ts
const [currentProfile, setCurrentProfile] = React.useState<string | null>(null);
const [p] = useAwaiter(async () => {
const current = await getCurrentProfile();
if (!current) {
return "Public";
}
return current;
}, { fallbackValue: "Public" });
setCurrentProfile(p);
saving it to a separate state because I need to be able to set it later