report them so they get flagged and thrown down
#👾-core-development
jagged cloak
lime stone
to their parents?
dapper crest
No more spam from whitenames asking how to install messagelogger or other thirdparty plug ins
austere talon
least braindead vencord-dev misuser
woeful sable
I was thinking about adding a role to access vendetta dev channels but I'm lazy
spark pivot
if something new comes up i'll tell people so we know quickly
spark pivot
least braindead vencord-dev misuser
pick a struggle 💀
swift fjord
least braindead vencord-dev misuser
its the same struggle
austere talon
trueee
austere talon
reminder to self to remove badge circle crop tmrw
charred monolithBOT
hollow slate
i did that before and i did it again, same error
limber skiff
i did that before and i did it again, same error
you are likely trying to use a Type as a value
Message is a Type
spark pivot
cant i do `new Message({..})` ? it has a constructor too
Types don’t have constructors lol
limber skiff
const Message = findLazy(m => m?.prototype?.isFirstMessageInForumPost != null)
@hollow slate here's a way to grab discord Message class
hollow slate
Types don’t have constructors lol
i thought it did
dont mind me, am just learning tsx, all i know is python and java
limber skiff
do you know what are Types
austere talon
why are you trying to create a new message
austere talon
dont mind me, am just learning tsx, all i know is python and java
youre trying to instantiate an interface
instead of the class
hollow slate
why are you trying to create a new message
i figured it out but i thought i needed to pass in Message type for sendBotMessage()
hollow slate
heyo, is there like any fuction or anything close to it that would return like a discord message react component/element which would be based on the Message object i'd pass onto it
charred monolithBOT
hollow slate
heyo, is there like any fuction or anything close to it that would return like a...
no?
hollow slate
:c
fringe basalt
heyo, is there like any fuction or anything close to it that would return like a...
that'd just be the message component no?
you can use react devtools to inspect a chat message, or the preview in some modal like the report one
then find some way to grab it
in case of the delete message modal it's this component right here
alternatively look at how reviewdb used to do it https://github.com/Vendicated/Vencord/blob/377cf600550da9c1b49924bd996fc86be9011048/src/plugins/reviewDB/components/ReviewComponent.tsx#L85
austere talon
heyo, is there like any fuction or anything close to it that would return like a...
what are u actually trying to do
you most likely do not actually need the component
still wasp
is there a way to define a function to be called once a plugin option is modified?
verbal pumice
settings have an onChange option
verbal pumice
remember that it also fires when your plugin is disabled though
austere talon
remember that it also fires when your plugin is disabled though
i honestly don't know how to handle that
both firing when disabled and not firing at all when a setting is changed are undesirable
brazen bone
Is there any way to rerender the whole react tree?
austere talon
brazen bone
I'm changing a mapping that will affect basically every class name in the whole dom
limber skiff
then change before it's rendered 😛
austere talon
I'm changing a mapping that will affect basically every class name in the whole ...
- do not
- what nookies said
brazen bone
I do, but reloading the page to test every small change is rather slow
I wouldn't do this in production of course, it's to speed up development
hollow slate
what are u actually trying to do
Uh show a message in a modal
austere talon
look at MessageLinkEmbeds
hollow slate
Hm
hollow slate
alternatively look at how reviewdb used to do it <https://github.com/Vendicated/...
Yeah that's what I ìnitially did and I was abt to use something like that but then I realized you can't really add accessories to it, I mean you can but yk the layout changes for amount of pics or the type of file
hollow slate
look at MessageLinkEmbeds
Am assuming that I would have to use <ChannelMessage .... />
hollow slate
Am Makin like a uhhh save/bookmark messages plugin
It would show the saved messages on a modal
And if the user wants, it would also save the accessories of that message
austere talon
Am assuming that I would have to use <ChannelMessage .... />
less asking more doing
you have the plugin as an example
try to replicate what it does
hollow slate
Alr
austere talon
see if it works for you, see if its what u want
charred monolithBOT
dapper tiger
@austere talon can vencord desktop get the hardware accel option like standard discord has
austere talon
<@343383572805058560> can vencord desktop get the hardware accel option like sta...
why
verbal pumice
tested on vesktop and chrome, not on firefox. don't see how just disabling video locally requires something special from the browser side though
dapper tiger
why
cause
some users have problems with hardware accel
so they might want to turn it off
junior olive
Some ppl turn it off so more of their gpu is free to render games
dapper tiger
I will pr and ven will merge immediately
frail sky
glass jasper
Can i get someone to test something for me?
austere talon
dont ask to ask
charred monolithBOT
mortal fractal
<@343383572805058560> can vencord desktop get the hardware accel option like sta...
im surprised vesktop just doesnt have a launch flags editor
midnight raven
im surprised vesktop just doesnt have a launch flags editor
how would that work
charred monolithBOT
dapper tiger
how would that work
:)
dapper tiger
doing it myself cause ven so lazy
charred monolithBOT
mortal fractal
im surprised vesktop just doesnt have a launch flags editor
nvm i forgot hardware accel disabling is just app.disableHardwareAcceleration();
midnight raven
yeah
spark pivot
nvm lol
dapper tiger
ven so evil
charred monolithBOT
charred monolithBOT
austere talon
holy shit https://github.com/vencordjp/Vencord
dusky sonnet
holy shit https://github.com/vencordjp/Vencord
Huh, neat
I wonder if the readme is properly translated or if they just used google translate
Oh they’ve translated way more than the readme
charred monolithBOT
turbid hatch
holy shit https://github.com/vencordjp/Vencord
hire this guy to do vencord's japanese translation
🙏
long stream
I wonder if the readme is properly translated or if they just used google transl...
maybe its proper?
i looked a bit into them and they translated like, 2 other projects
nvm 3
verbal pumice
wait do custom keybinds just work on web and discord limits them purely cause they feel like it
long stream
i assume they would work just fine?
verbal pumice
yeah i dont see any way to make custom global keybinds so this just works lmao
verbal pumice
yeah i dont see any way to make custom global keybinds so this just works lmao
oh its because all the desktop exclusive options are missing
austere talon
wait do custom keybinds just work on web and discord limits them purely cause th...
yes but only if the app is focused
verbal pumice
yeah im aware
turbid hatch
maybe its proper?
it seems proper
the guy makes japanese video content too and the jp responses seem to be good
turbid hatch
might get them to do the translations if they're proper
hollow slate
quick question, if i made like a message slur censor plugin and i want it to have a default worldlist, should i just make a json and put it in there and do a PR or...? i feel like that am not supposed to just push slurs into the vencord git repo
lime stone
not sure if I said this but isn't project fluent a bit overkill? is the gender stuff and plural stuff that important? or is it the easiest to use anyway
verbal pumice
module number got minified lol
austere talon
not sure if I said this but isn't project fluent a bit overkill? is the gender s...
i thought so too
something similar to what discord has would be best
austere talon
module number got minified lol
horror
hollow slate
quick question, if i made like a message slur censor plugin and i want it to hav...
uh?
lime stone
i thought so too
does discord use a library? otherwise could you just hook into discord's own system? well i guess that would be prone to breaking
lime stone
module number got minified lol
-1 byte lmao
totally good optimisation
who knows, maybe it adds up and you can save 4 bytes
turbid hatch
isn't i18n coming soon™ upstream anyway
soonish
turbid hatch
not sure if I said this but isn't project fluent a bit overkill? is the gender s...
its the one i actually know how to use best lol
i dont know what system discord uses
lime stone
i usually just create a map and use String.format or whatever the language has lol
turbid hatch
which can trigger javascript actions
so its like
ehhh
i could implement discord's i18n i guess
i just have to work out the best way of doing it
lime stone
does fluent work so you just wrap strings in a function call and they are magically translated? or do you need translation keys
turbid hatch
both, in theory!
lime stone
(well, qt actually uses a macro 😭 )
turbid hatch
fluent's actual react integration looks something like this:
return (
<Localized id="lsndfkjhsdf">
Then your content <span>exists here</span> and it will get automatically localized.
</Localized>
);
(it's like tr("Hello %1").arg("world"))
turbid hatch
in fluent its translation keys
so
t("hello-world", { world: "Discord" });
is how i've exposed it atm
lime stone
you can create something similar to macros in javascript with compiler plugins probably? (famous last words)
turbid hatch
you can
you can use a typescript transformer
but there's not much point when it has to run at runtime anyway xd
turbid hatch
-vencord = Vencord
hello = Hello my beautiful {$worldName}! And yes this works because {-vencord} is awesome!
t("hello", { worldName: "Discord world" }); // -> Hello my beautiful Discord world! And yes this works because Vencord is awesome!
is how the file works
i didnt think it was that overkill tbh
lime stone
well you can't see the strings in the source
turbid hatch
we can try react-i18next then i suppose
lime stone
so you could make something just as good for vencord's needs in 5 minutes with JSON.parse :P
turbid hatch
my main concern is languages where we cant really do that xd
lime stone
i know minecraft does that xd
shrimply reverse engineer and copy minecraft's translation engine
turbid hatch
also i need to think of a better way of doing translations where we need to insert links and stuff
though i dont suppose we really have anything like that do we
lime stone
my main concern is languages where we cant really do that xd
actually, elaborate?
plurals? do they matter
lime stone
just do item(s)
turbid hatch
that doesnt exist
it reads quite awkwardly from my understanding if you dont do plurality correctly
lime stone
just do some
lime stone
but in english wouldn't it be like 1 items
lime stone
does anyone care that much
turbid hatch
i imagine people do and would flag it up as an issue
saying it doesnt read as proper polish
or x language
turbid hatch
it does
turbid hatch
there's a table that explains how qt linguist does it
because yes
languages are this complex
lime stone
you need a calculator for a brain to speak russian i see
turbid hatch
i imagine it becomes common sense when you learn
i am unsure how qt linguist seems to do it
but their translation tool seems to use the english strings as keys
lime stone
is there a language where prime numbers have a different plural
turbid hatch
so i think
well, i suppose what they would do is have multiple translations for the same sentence
e.g. in theoretical vencordi18n
// for polish, but we'll pretend
{
"There are {} plugins available": {
"none": "There are no plugins available",
"some": "There is {} plugin available",
"more": "There are {} plugins available"
}
}
i guess
lime stone
so maybe not overkill
turbid hatch
fluent itself probably isnt that overkill considering this
but we can definitely simplify it a bit
lime stone
yeah
turbid hatch
ourselves
lime stone
hm
lime stone
but gender
turbid hatch
and gender too
lime stone
vencord is woke now?? /s
turbid hatch
because language gender actually matters
turbid hatch
```json
// for polish, but we'll pretend
{
"There are {} plugins available":...
and then all of a sudden this format is now 3 layers nested deep and no translation tool in the universe can handle it
LANGUAGES SUCK
FUCK ME
lime stone
because language gender actually matters
usually params won't be words though
turbid hatch
yes
lime stone
i feel like the usual practice would actually be to create multiple translation keys for that :P
verbal pumice
is that also getting translated
turbid hatch
i mean
i dont think some of the stuff really comes across well in other languages
but we could translate it and then the resultant translations are the xored versions
lime stone
xored
spark pivot
Lets make the only language for vencord simlish
long stream
meow language
turbid hatch
i feel like the usual practice would actually be to create multiple translation ...
but then you have to have multiple translation keys in gender-neutral languages
so its like
eh?
turbid hatch
i think most translations are try to be neutral if possible, but then just default to a gender
lets make our default gender female
lime stone
lmao
i meant like
n_rabbits = "You have %d rabbits"
n_foxes = "You have %d foxes"
don't ask
i have a lot of rabbits and foxes
verbal pumice
lets make our default gender female
verbal pumice
inb4 issue because vencord doesn't respect pronoundb pronouns
turbid hatch
inb4 issue because vencord doesn't respect pronoundb pronouns
im not going to bother reading users' gender for translation strings
it'd either be gender neutral or default
turbid hatch
english
french
czech
lithuanian
polish
romanian
russian
japanese
are the ones discord supports, so we'd have to theoretically support too
so we dont have to implement all the rules, but we have to implement a lot
lime stone
i meant like
```
n_rabbits = "You have %d rabbits"
n_foxes = "You have %d foxes"...
idk if rabbits and foxes had a different gender whatever ahsfhkjashfkjashf you have would be able to change if needed (is it like that in any languages? I'm too stupid)
lime stone
but does you have need to change depending what the thing in question is
long stream
my computer has a gender ???
hollow slate
quick question, if i made like a message slur censor plugin and i want it to hav...
bump
lime stone
lemme get google translate out haha
turbid hatch
quick question, if i made like a message slur censor plugin and i want it to hav...
i mean ideally no you wouldnt want to push such content
but if you really wanted to you could just encode it so its not obvious
lime stone
you could use configuration? or encryption like loadingquotes
turbid hatch
lemme get google translate out haha
a noun is feminine if it ends in e or ion except when its age, ège, or isme
otherwise its masculine
lime stone
maybe hang around different people if this plugin is needed? 
(ew discord defauled to ugly pepe stare)
turbid hatch
so you'd have la famille and les enfants
un garçon, une fille
(boy, girl)
une chemise (a male-tailored shirt) and un jupon (a slip dress)
lime stone
amazing
long stream
(ew discord defauled to ugly pepe stare)
their emoji autocomplete in general has been so weird lately
lime stone
OH GOD THE READER NEEDS TO BE MALE
long stream
like i get a bunch of results first, but then i try and select one and it limits it to like 6
turbid hatch
i think its tu?
lime stone
SELECT YOUR GENDER TO USE VENCORD
verbal pumice
`you` is gendered too
no it isnt?
lime stone
imagine if you is aged
long stream
lewi did u study french..?
long stream
dummy
turbid hatch
yes you is a formal and pluraled thing
tu is the singular informal, otherwise you use vous for everything
formal singular, or informal/formal plural
i dont know why
i dont care to know why
lime stone
imagine if you is aged
i wonder if there's a language where there's a you for <10, <20, <30, <40, <50 etc. and people get offended if you use the wrong one
because i wouldn't be surprised at this point
turbid hatch
anyway yeah languages have really arbitrary rules and if you dont follow them you look like a dumbass who cant use basic grammar
verbal pumice
i love languages
lime stone
you broke a load of rules in english in that sentence
turbid hatch
exactly
Anyway, yes, languages have very arbitrary rules, and if you do not follow them, you look like a dumbass who cannot use basic grammar.
lime stone
Anyway, yeah. Languages have really arbitrary rules - and if you don't follow them you like like a dumbass who can't use basic grammar.
UI';m bad at rgrammar
turbid hatch
- makes no sense here because of the and follow on
drop and and replace with ; for a better sentence
lime stone
I didn't know that
turbid hatch
i mean yeah that's what im looking into
a lot of this discussion is just how stupid languages are
austere talon
seems smarter than using some niche tool made specifically for mozilla stuff
turbid hatch
and if we can get away with 1:1 translations
wait
i completely missed the plurals page on i18next
lmfao
lime stone
use google translate at runtime
turbid hatch
it just uses ${key}_${plurality suffix}
{
"key_zero": "zero",
"key_one": "singular",
"key_two": "two",
"key_few": "few",
"key_many": "many",
"key_other": "other"
}
i18next.t('key', {count: 0}); // -> "zero"
i18next.t('key', {count: 1}); // -> "singular"
i18next.t('key', {count: 2}); // -> "two"
i18next.t('key', {count: 3}); // -> "few"
i18next.t('key', {count: 4}); // -> "few"
i18next.t('key', {count: 5}); // -> "few"
i18next.t('key', {count: 11}); // -> "many"
i18next.t('key', {count: 99}); // -> "many"
i18next.t('key', {count: 100}); // -> "other"
(arabic)
long stream
all this language talk is making me dizzy 
turbid hatch
because you have to write all of the weird stuff for it
# Simple things are simple.
hello-user = Hello, {$userName}!
# Complex things are possible.
shared-photos =
{$userName} {$photoCount ->
[one] added a new photo
*[other] added {$photoCount} new photos
} to {$userGender ->
[male] his stream
[female] her stream
*[other] their stream
}.
we will simply not support bad languages that wanna be special
turbid hatch
i know im just saying like
lime stone
😭
austere talon
arabic? who needs that..
lime stone
we will simply not support bad languages that wanna be special
english:
turbid hatch
fluent is complicated but is cool
and i know how to use it really well now
xd
but i suppose i18next works fine
verbal pumice
we will simply not support bad languages that wanna be special
taking this out of context and posting it everyone
lime stone
😔
verbal pumice
brb
austere talon
english is just "concat words in a predetermined order"
lime stone
english is just "concat words in a predetermined order"
yet I struggle to speak this language - being my first and only 😭
lime stone
what kind of development channel has this become
turbid hatch
i18next makes this stupidly easy
austere talon
yet I struggle to speak this language - being my first and only 😭
english is so fucking simple compared to most other languages xd
turbid hatch
i suppose
it just concats different "contexts" to the key
so you can have friend, friend_male, friend_female
and pass a context of male or female
and it'll work it out
austere talon
strictly SVO
other than he/she/it there are no conjugation
etc
turbid hatch
okay i will switch to i18next
which also means we get to use the react components
austere talon
strictly SVO
other than he/she/it there are no conjugation
etc
in german for example it's not strictly SVO. subject verb and object can come in any order depending on the context
every verb is conjugated
i go - ich gehe
you go - du gehst
she goes - sie geht
we go - wir gehen
you go - ihr geht
they go - sie gehen
turbid hatch
OH THIS IS FIRE
HOLY SHIT
return (
<Trans>
you just stick your <strong>bullshit</strong> in here and
it'll work it out! including <Card>react components!</Card>
</Trans>
)
yes
lime stone
TRANS
austere talon
girl every translation framework supports that
lime stone
🏳️⚧️
turbid hatch
i avoided this because the examples show that you have to use an i18nKey
but when you read deeper into the docs there's an aside that says its optional and it'll generate one for you
lime stone
but also isn't that weird? like a pseudo-component?
turbid hatch
but also isn't that weird? like a pseudo-component?
it just does interpolation
austere talon
girl every translation framework supports that
even my homecooked framework
lime stone
i probably have more experience with winforms than react
turbid hatch
my love
actually if we do this
then we can just use i18n keys
and not have really stupid looking translation files
ill show what it does one sec
lime stone
why do people say i18n when they could say t9n
lime stone
ohh
turbid hatch
i18n is making it actually international
lime stone
dates
lime stone
turbid hatch
i18n is not just translations
lime stone
i love working with time
austere talon
https://codeberg.org/vee/vendicated.dev/src/branch/main/src/pages/[lang]/index.astro#L22-L24
https://codeberg.org/vee/vendicated.dev/src/branch/main/src/locales/en.ts#L16
this is how mine works
there's actually not much point repeating the entire string cause it just uses the tag from your children
but ig it feels more natural and that's why i18n react does it
austere talon
do u get intellisense for trans keys with this
turbid hatch
yeah
turbid hatch
it'll also replace the translation keys with the actual translated string
where applicable
so you can see what it is
turbid hatch
because the files are in json format
not typescript
silly
its resolving them from the json files themselves
austere talon
- you can import it as typescript file i think
- why not use ts file
turbid hatch
i could use typescript i guess but then you lose the entire purpose of i18n ally :P
which is to show you the string itself
not the translation key
austere talon
which is to show you the string itself
typescript can do that
hover the t() func and look at return type
austere talon
not inline no
turbid hatch
we use this extension at dbots cause it makes it easier
austere talon
that's cool ig
austere talon
hover the t() func and look at return type
this is what i do
austere talon
turbid hatch
though i dont mind using a homegrown thing
austere talon
ya this is cool
tbh copilot translated most things for me
it's really good at translating
turbid hatch
i'll work with i18next for now and see what i can do with it
austere talon
tbh copilot translated most things for me
i wrote all strings in english
then i switched to the german file and it remembered all the strings and literally one single completion generated flawless translations for an entire page??
pretty nuts
turbid hatch
AI is good at translating
that's the one thing i like using it for
DeepL is pretty fire too from what i've seen it output
but i know GPTs are off the charts because obviously they have had literal books of languages thrown into them
austere talon
i wrote all strings in english
then i switched to the german file and it rememb...
it wasn't even like google translate where you'd need to correct it and it might be overly formal
it correctly assumed tone based on tone in the source strings and was correct
poor translators losing their jobs
it seems much smarter to just use ai to translate and have a human approve / reject it
austere talon
lame: translating strings and worrying about plurals, gender, etc
based: using purely english and translating the strings at runtime using gpt
hey gpt translate this sentence to turkish: 2 plugins
spark pivot
Chargpt says 2 eklenti
hollow slate
but if you really wanted to you could just encode it so its not obvious
hm good idea
charred monolithBOT
austere talon
turbid hatch
time to do some
type definition bullshit
actually i wonder
does i18n ally support ts files now
IT DOES
HOORAY
FUCK JSON
austere talon
make sure that doesn't require loading all strings at once
and lets u danymically require
austere talon
but also im pretty sure you can import a json file as type in ts
cause json files are by definition just frozen objects
turbid hatch
they are but i think doing it the ts way is a bit easier anyway
since i dont have to worry about json file loading
turbid hatch
huh
i18next supports fluent
neat
anyway
hm @austere talon i cant seem to get i18next's typescript support to work
it wont resolve the keys and it wont check the interpolation
how strange
let me try making it json and seeing what happens
austere talon
it wont resolve the keys and it wont check the interpolation
i know why :p
turbid hatch
hm?
/*
* Vencord, a Discord client mod
* Copyright (c) 2024 Vendicated and contributors
* SPDX-License-Identifier: GPL-3.0-or-later
*/
import "i18next";
declare module "i18next" {
interface CustomTypeOptions {
resources: {
vencord: typeof import("./translations/en/vencord");
};
}
}
cause this is what i had
and it didnt work
so im just gonna switch back to json translations
cause i18n ally got upset as well for some reason :(
grave mangoBOT
https://github.com/Vendicated/Vencord/blob/main/tsconfig.json#L17
**tsconfig.json: **Line 17
"noImplicitAny": false,
might be this?
turbid hatch
dont think so
austere talon
i know why :p
correction i don't
i thought we didn't have strict null checks but we do
it's just no implicit any that we don't have
turbid hatch
the intellisense just doesnt do anything
ah well
it just says on their docs try typescript 5 but we are on typescript 5
so idk
its fine though
the extension gives you intellisense
it just cant do any strict typechecks like with the interpolation sadly
also i checked, no the extension wasnt breaking it, cause the typescript support also checks the interpolation variables but it wasnt erroring either
austere talon
something something disable hardware acceleration
except there's no way to do that yet
turbid hatch
that is very awfully strange
charred monolithBOT
austere talon
actually they seem to know how to code so maybe i didnt have to explain it
turbid hatch
worth it for non-coders who stumble on it
turbid hatch
I GOT IT TO WORK
IM SO PROUD OF MYSELF
its because namespaces are formatted differently
each translation file is a namespace
charred monolithBOT
In case it works and you want to make it permanent you can modify the shortcut on windows to always launch the application with these modified parameters like described above.
The short video you showed looks almost 1:1 to how the Battle.Net app behaves on Linux, another Chromium app that has some problems with hardware acceleration and looks exactly like that. That's a sync issue and at th...
turbid hatch
so you dont use dot notation to access it, even though theoretically it works
let me see if i can get i18n ally to behave now
got it behaving
it does say "failed to locate key" if you try and navigate to the key in the locale file but it does take you to the right file
so its still a bit.. bleh
but it works great
i suppose there wouldnt be a uh
way
of automatically doing this would there
we'll just have to add the file for every translation bundle
oh well!
let me test if this even works xd
still wasp
Hey, im running into a weird VSCode issue. When I open a folder to edit with a plugin, some imports give errors. But if I open the .tsx file directly, there aren't any errors at all. Anyone else had this problem? im not sure if its a vencord thing specifically or just a vscode issue
spark pivot
did you do pnpm i?
turbid hatch
Hey, im running into a weird VSCode issue. When I open a folder to edit with a p...
you cant open singular folders
it wont contain the tsconfig for vencord
you just need to open vencord entirely and edit it
still wasp
you cant open singular folders
damn, that kinda sucks. Thanks though
olive aurora
@austere talon update vencord types when
austere talon
soon
you love that the current ones are like 8 months old
what are u using them for
olive aurora
honestly it doesn't rlly work if you want to use it for a plugin repo cuz the paths are gonna be wrong
u could prob make it work though
austere talon
honestly it doesn't rlly work if you want to use it for a plugin repo cuz the pa...
wdym?
vesktop uses the types
olive aurora
u cant import from @webpack
grave mangoBOT
https://github.com/Vencord/Vesktop/blob/main/src/renderer/index.ts#L15-L16
**index.ts: **Lines 15-16
import { findByPropsLazy } from "@vencord/types/webpack";
import { FluxDispatcher } from "@vencord/types/webpack/common";
vesktop is a vencord plugin
olive aurora
i love throwing git repos inside vencord
austere talon
yes
i made this template monorepo for plugins https://github.com/Vencord/plugin-template
but that idea has been scratched
charred monolithBOT
olive aurora
jumpscare
charred monolithBOT
turbid hatch
grave mangoBOT
https://github.com/Vendicated/Vencord/blob/74b30654fb80a83fb850a93f9cbf9457fecbf...
**translation.ts: **Lines 53-60
declare module "i18next" {
interface CustomTypeOptions {
defaultNS: "vencord";
resources: {
vencord: typeof import("../translations/en/vencord").default;
};
}
}
need a better way of doing this ideally
i do think generating this type is probably easier
so
we can just make a script that generates it and we just commit it to the repo
should be easy enough
austere talon
**translation.ts: **Lines 53-60
```ts
declare module "i18next" {
interface C...
why? this is fine
turbid hatch
const resources = await fs.readdir("./src/translations/en");
const imports = resources
.map(r => `${path.basename(r)}: typeof import("../translations/en/${r}").default;`)
.join(" "); // space padding
const typeDef = `
/* eslint-disable */
/* autogenerated, rerun script to update */
declare module "i18next" {
interface CustomTypeOptions {
defaultNS: "vencord";
resources: { ${imports} };
}
}
`.trim();
as in
when people add resources
it wont auto update the type, so the types will be wrong
so i'm just gonna write that as a script
turbid hatch
make new file in translations/en
write translations for plugin
oh no
they dont work
because i18next doesnt know they exist
austere talon
idgi
turbid hatch
which bit
turbid hatch
yes
austere talon
so why would we ever add a string that doesn't exist in english in another language
turbid hatch
you arent going to put all of the translations in one file
you're going to split them up
austere talon
why not
turbid hatch
because the file will be huge
turbid hatch
it does
austere talon
how
turbid hatch
you would have to load every single translation string, including for things that arent being used
austere talon
everything is being used
turbid hatch
which defeats the point of even putting them in the asar
austere talon
vencord does not have lazy loading
austere talon
all translations will be used
turbid hatch
no
austere talon
the vast majority anyway
turbid hatch
for those
you can put them in the vencord.ts file
thats fine
for plugins that wish to be translated
their translations will be loaded lazily
thats what the script is for
im not saying we split up all of vencord's translations into separate things because yes
most of them will end up being used
im saying each plugin gets its own translation file, if they decide to translate
(or we translate for them)
austere talon
all plugins should be translated otherwise there's no point
turbid hatch
then yes
they get their own file
it keeps it organised and means we arent shoving everything into one translation file
otherwise we have to prefix keys with pluginName and that is literally what i18next's namespaces are for
vencord will be the default namespace
so we can just write translations without prefixing them
but plugins will use pluginName:abc or useTranslation in the react stuff
and the translation will be loaded on demand
this script is just generating a typings file for it
austere talon
why do namespaces use multiple files
austere talon
and the translation will be loaded on demand
that sounds bad
turbid hatch
they dont have to, but do you want to load one large file containing every single translation
turbid hatch
that sounds bad
how
austere talon
they dont have to, but do you want to load one large file containing every singl...
yes
austere talon
loading one large file is faster than loading 100 smaller files
and there's no point splitting 100 bytes of strings into separate files
charred monolithBOT
turbid hatch
loading one large file is wasteful if you will never see it, and the small files thing only really matters over the network, but we're bundling them into an asar and at this point the optimization from bundling it into a large file is so tiny that the inconvenience in doing so will most likely make it harder to maintain than just having them in separate files
i think its crucial to remember all of this is happening locally
there is very little overhead in this case, and the optimizations we get are so miniscule that they would basically be considered noise by most people
no one will notice the difference in terms of UX, but we will in terms of maintainability
and remember this is discord, one of the slowest fucking react apps in existence
where the click between opening the settings panel and it actually showing up is really noticable in most cases
i do not think we have to worry
austere talon
i wasn't trying to say it matters
i was just saying it to counter your optimisation point :p
turbid hatch
ah
austere talon
personally for my website i use one single file per locale and just use nested objects to introduce categories
turbid hatch
i was thinking in the context of what we're doing
in the case of a web app
yes i fully agree
at dbots we do it by the language
but also we have translation tooling that maintains the files for us
austere talon
in the case of a web app
even on host
reeding one larger file is way faster than reading 100 small files
turbid hatch
we could, if we really really really wanted to, transpile it and then work out how to combine it into one file
but i do not think there's much point :p
austere talon
personally for my website i use one single file per locale and just use nested o...
like this, i find it cozier tbh https://codeberg.org/vee/vendicated.dev/src/branch/main/src/locales/en.ts
still wasp
is there a function i can call to open the config modal of a plugin?
lime stone
does VencordToolbox do this
lime stone
but just see what the ⚙️ button does
still wasp
i want to add a quick access button to configure my plugin on the vencordtoolbox
turbid hatch
ah
still wasp
but just see what the ⚙️ button does
ah actually thats a good shout
turbid hatch
toolboxActions: {
async "Open settings"() {
openModalLazy(async () => {
return modalProps => {
return <PluginModal {...modalProps} plugin={pluginInstance} />;
};
});
}
},
would be your goto
still wasp
what do i need to import to use openModalLazy?
turbid hatch
utils/modal
still wasp
anything else i need to import or fill out? im probably being a fuckin dumbass 
austere talon
what do i need to import to use openModalLazy?
why ask
vscode tells u
type the name and it shows in auto complete
hit tab to complete and import
still wasp
it isnt autocompleting 
austere talon
L
still wasp
my skill issue is just too bad for software to function
lime stone
YOU MEAN HE DIDN'T STEAL MY YOGHURT??
brazen bone
You're probably gonna hate me for asking, but is there any way to force download all lazy-loaded webpack chunks?
I have a plugin that downloads the webpack as a tarball, but it doesn't get all files (most localization is missing for example), and I suspect lazy loading is to blame
austere talon
our ci does that
use #🧩-plugin-development next time, since that has nothing to do with vencord
brazen bone
use <#1032770730703716362> next time, since that has nothing to do with vencord
Gotcha
charred monolithBOT
When interacting with the Screenshare feature on Linux, the behavior that allows you to close in on the application does not function properly.
This is how vencord-screen-share should function, as seen by qpwgraph
Some situations where an individual requests to screen share a singular application instead makes vencord-screen-share request every application, instead of the desired result ab...
spark pivot
the vencord.app page changed
they added an example contact form and change some styling
and they have only these plugins lol
spark pivot
idk
it's a wordpress website
and the contact form just straight up doesnt work
also the backend is php
long stream
spark pivot
holy shit there's a /admin route
it requires authentication but i just found the username is "vencord"
and now the person who owns this website has a password reset email in their inbox
oh my god i found a directory listing
still wasp
wtf is going on 
brazen bone
UBO blocks that page, probably for the best
spark pivot
yeah we put it on ubo
i had to disable it to get it to work properly
so this is a LiteSpeed Web Server running a wordpress website
austere talon
- that has always been there
- what does that have to do with vencord dev? #🧊-off-topic-iceman-only
spark pivot
sorry lol i got carried away
turbid hatch
and they have only these plugins lol
thats the same
charred monolithBOT
austere talon
joever
still wasp
is there a callback for when a new page/tab gets loaded?
austere talon
why
so many https://xyproblem.info lately
when asking a question, ALWAYS include what youre trying to do
spark pivot
still wasp
so many https://xyproblem.info lately
My bad, im making a plugin to debloat bot messages, essentially removing all the yapping so i want to check element values and inject css whenever you focus on a dm or channel
brazen bone
Wouldn't it be better to hook into the relevant react components?
shy veldt
what is this big virus :(
brazen bone
Probably because cloud is down #announcements
still wasp
Wouldn't it be better to hook into the relevant react components?
it probably would, yeah (im very stupid)
austere talon
if anyone else has the same issue please comment with your info as well
charred monolithBOT
limber skiff
explode
limber skiff
@junior olive you shall be happy
limber skiff
@austere talon btw codeberg sync isnt working
charred monolithBOT
austere talon
<@343383572805058560> btw codeberg sync isnt working
yeah i know
spark pivot
Im trying to get the favorite icon on gifs but I cant select it, and I tried the snippet in #📜-js-snippets to pause the app but it breaks the react devtools
austere talon
inspect the gif logo
go up the tree and look at every components code til u find the right code
spark pivot
ok i found the function but i have absolutely no clue how to get this in my plugin
limber skiff
what do you want with it
spark pivot
i want to render the favorite gif button on normal images
dusky sonnet
i want to render the favorite gif button on normal images
Awesome :D
limber skiff
i want to render the favorite gif button on normal images
try to find where it chooses to render it
brazen bone
Just after that function, there's a ```js
return q.IMAGE_GIF_RE.test(e.filename) && null != n && null != s
? (0, a.jsx)(eE.default, {
width: n, height: s, src: t, url: t,
format: u.GIFType.IMAGE,
className: eN.gifFavoriteButton,
})
: null;
That looks relevant I think
brazen bone
The one I posted very clearly says IMAGE_GIF_RE though
brazen bone
Oh, so it's gif subtype t, not gift as in present
verbal pumice
is like
gifts for gif gifs and gifv for videos that render like gifs (ex from tenor)
spark pivot
yeah
brazen bone
There's a gifFavoriteButton: eR(t),, where ```js
eR = (e) => () => {
let { proxy_url: t, width: n, height: s } = e;
return q.IMAGE_GIF_RE.test(e.filename) && null != n && null != s
? (0, a.jsx)(eE.default, {
width: n,
height: s,
src: t,
url: t,
format: u.GIFType.IMAGE,
className: eN.gifFavoriteButton,
})
: null;
};
eE.default is the component for the actual button, with click listeners and all
austere talon
Just after that function, there's a ```js
return q.IMAGE_GIF_RE.test(e.fil...
uh this is what u need
just override the IMAGE_GIF_RE
regex patch IMAGE_GIF_RE to match anything
done
brazen bone
Why the double lambda in (e) => () => { tho
austere talon
regex patch IMAGE_GIF_RE to match anything
actually kinda not
cause then all images will have the gif badge
which u dont want
ull figure it out tho
spark pivot
ok i did it but it only shows the gif badge and not the favorite button
ok this is really buggy actually
on some images it will show it and then when you hover over it it will disappear
still wasp
i made a plugin inspired by the 🗿 plugin, essentially you can list any amount of triggers and sounds to play (seperated by a comma)
spark pivot
ok i did it but it only shows the gif badge and not the favorite button
i am going insane
charred monolithBOT
This plugin completely hides the blocked people like they doesn't exist!
Before:
After:
PSA: this still an initial version, more improvements are coming soon
TODO:
- [x] Hide blocked members messages
- [ ] Hide blocked members completely from server's members list
- [ ] Rename t...
still wasp
cant you do that with just css
verbal pumice
doesn't this already ex- oh
verbal pumice
highest quality bd plugin
spark pivot
verbal pumice
using class= and then keeping the class hash is the best part
junior olive
love
charred monolithBOT
jagged cloak
lol
charred monolithBOT
brazen bone
What did you patch instead?
spark pivot
when you open an image in the big view
the star appeared there instead of on the image
anyway this is how im doing it now
const GifAccessory = findComponentByCodeLazy("GIF_TOOLTIP_REMOVE_FROM_FAVORITES");
i found the actual component
spark pivot
charred monolithBOT
still wasp
LETS FUCKING GOOOOO FINALLY
spark pivot
ive been wanting to make this for forever but i struggled getting the patches right
then i spent all of today rewriting how the favorite gifs menu is rendered and how the favorite button is rendered
still wasp
dude ive been wanting a plugin like this since i moved from bd ages ago
youre my hero
still wasp
@spark pivot i tested the plugin and it works great, it would be cool if you could replace the gif text with "media" or something, and the gif button icon with a photo
spark pivot
good idea
still wasp
you should be able to do it with just css injection actually
spark pivot
done
austere talon
looks off centre
spark pivot
i actually changed "Search Favorite Gifs" from the FavoriteSearch plugin when my plugin is active
grave mangoBOT
https://github.com/Vendicated/Vencord/blob/5b15435ab41c5712508c683900eec8e7d9b9e...
**index.tsx: **Line 196
placeholder={Plugins.isPluginEnabled("FavoriteAnything") ? "Search Favorite Media" : "Search Favorite GIFs"}
don't import from that file
spark pivot
oh i just figured out multiple images doesn't work without nomosaic