const avatarUrls = HARDCODED_DATA;
const images = await Promise.all(
avatarUrls.map(async urlString => {
const url = new URL(urlString);
url.searchParams.set("size", "64");
const res = await fetch(url);
if (!res.ok) return null;
return res.arrayBuffer();
})
).then(images => images.filter(Boolean) as ArrayBuffer[]);
const IMAGE_SIZE = 64;
const IMAGES_PER_ROW = 20;
const imageCount = images.length;
const width = IMAGE_SIZE * IMAGES_PER_ROW;
const height = Math.ceil((imageCount / IMAGES_PER_ROW) * IMAGE_SIZE);
const CanvasKit = await initCanvasKit();
const canvas = CanvasKit.MakeCanvas(width, height);
const ctx = canvas.getContext("2d")!;
let col = 0;
let row = 0;
for (const img of images) {
const decodedImage = canvas.decodeImage(img);
ctx.drawImage(
decodedImage,
col * IMAGE_SIZE,
row * IMAGE_SIZE,
IMAGE_SIZE,
IMAGE_SIZE
);
if (++col === IMAGES_PER_ROW) {
col = 0;
row++;
}
}
return fetch(canvas.toDataURL());
#🧩-plugin-development
dull magnet
smoky basin
cool
dull magnet
oh wait
my code isnt exactly right
it shouldnt be ceil
i need to ceil to nearest multiple of IMAGE_SIZE
dull magnet
const rowCount = (imageCount / IMAGES_PER_ROW) * IMAGE_SIZE;
const height = Math.ceil(rowCount / IMAGE_SIZE) * IMAGE_SIZE;
this should do
yop
trail ginkgo
REAL
smoky basin
github default pfps so silly
dull magnet
should i ignore default pfps?
smoky basin
yeah i would
dull magnet
seems kinda useless to have maybe
smoky basin
how would u tell tho
dull magnet
this guys pfp is insane
smoky basin
ven 
trail ginkgo
that pfp so fire
dull magnet
how would u tell tho
right no idea
dull magnet
that pfp so fire
trail ginkgo
ok i take it back
trail ginkgo
i didnt know it existed til today
i might use it somewhere
cloudflare alternative to next/image soon
trail ginkgo
right no idea
dull magnet
why is cf dashboard sooo slow
trail ginkgo
basically just fetch the avatars at some size less than 420
dull magnet
WTF
dull magnet
unusable
smoky basin
imagine
smoky basin
😎
trail ginkgo
because default pfps ignore ur size parameter
dull magnet
ehj it doesnt matter i'll leave them in
trail ginkgo
true
smoky basin
its an identicon
they have a name??
gusty maple
|| <https://knowyourmeme.com/memes/subcultures/floydies-nfts> ||
that url says everything 
and for some reason I still opened the page
dull magnet
rate @trail ginkgo https://github.com/Vencord/vencord.dev/commit/319456953fc3c47bd06a63a08115fb88a20226ca
stupit cloudflare failed build
FSIOJJFIOEDJIKOJIKOGEFDJIOEGJIOGE
oh
trail ginkgo
HARDCODED_DATA
dull magnet
for now
trail ginkgo
oh its just
dull magnet
how do i make the bundler not bundle the node half
dull magnet
its cause the code is like
const isNode = "object" === typeof process && ...;
if (isNode) {
require()
} else {
browser
}
runtime check
if i hardcode isNode t o false it works
woven lion
its cause the code is like
```js
const isNode = "object" === typeof process && ....
patch-package
trail ginkgo
SAD
dull magnet
rate
trail ginkgo
i think cf installs with npm
i think wrangler supports pnpm'
dont the workers not install anything
wrangler just upload one big js file
amybe not idk
smoky basin
Do I need approval to release a userplugin in #1032200195582197831
austere mauve
nop
dull magnet
😢
im gonna cry
why is bundling this so fucking paiiiin
i think im gonna have to turn it into a separate thing
and not cf worker
what if i just turned it into shithub action that runs once an hour
?
i always call github shithub
@trail ginkgo skia canvas is like IMPOSSIBLE to bundle
trail ginkgo
<@454072114492866560> skia canvas is like IMPOSSIBLE to bundle
whjy
dull magnet
so second best option: make a simple nodejs script and run it with a cronjob
hmm thatd actually be better maybe, they actually have webhook
trail ginkgo
is it cus the wasm
dull magnet
yes
and its code is insane
it uses XHR
not support on cf workers
and have to patch its code to even bundle cause of node requires
proud parrotBOT
https://github.com/mpv-player/mpv-examples/blob/57d26935c0525585482748b7236b60fe...
**main.c: **Line 20
static void *get_proc_address_mpv(void *fn_ctx, const char *name)
**main.c: **Line 72
.get_proc_address = get_proc_address_mpv,
yea
remote kestrel
fungus
smoky basin
hmm thatd actually be better maybe, they actually have webhook
yop use it
smoky basin
sad
remote kestrel
I need to figure out what sdl get proc address calls
austere mauve
the one i made for cobu
dull magnet
commander so good
remote kestrel
rini can't spell
austere mauve
IMFUKBIC
remote kestrel
what
austere mauve
DRUGDEd
remote kestrel
@austere mauve
zenith drift
this is how you solve the problem of error popups 
you just push them off the screen
austere mauve
horror[
zenith drift
i get too many now
zenith drift
i cant click on "open with" bc it crashes file explorer. probably a power toy plugin pranking me 
remote kestrel
@dull magnet help
error: lvalue required as unary ‘&’ operand
42 | {MPV_RENDER_PARAM_ADVANCED_CONTROL, &(int){1}},
idk how to do this in C++
they do this in C
same thing in C++ doesnt work
the second field is a void ptr
glass oracle
same thing in C++ doesnt work
not even const_cast<char *>?
remote kestrel
what that
glass oracle
cast as char pointer
remote kestrel
has to be a void pointer though
glass oracle
tbh it's from a random repo i found
remote kestrel
is that c++
glass oracle
yes
remote kestrel
oh
glass oracle
oh yeah instead of char * do int *
remote kestrel
where
glass oracle
remote kestrel
Const_cast from 'int' to 'int *' is not allowed
remote kestrel
a
Cannot initialize a compound literal initializer of type 'int *' with an rvalue of type 'int'
glass oracle
no errors
glass oracle
someone help
glass oracle
wtf are you doing
trying to make a container component
experimenting with it rather
austere mauve
dyn Any is horror
glass oracle
i am just experimenting right now
austere mauve
whatever struct implements Component already could have the state in it
glass oracle
this is the flow of components and the component trait
it works well for components with a single level of Drawables but for anything function i'd need containers to provide nesting so i'm experimenting with it
i might just do type erasure
glass oracle
whatever struct implements Component already could have the state in it
local state of component isn't retained on next render loop
austere mauve
ideally container would be generic
glass oracle
ideally container would be generic
what if i want the container to be heterogeneous
like
Container {
children: vec![Button::new("Click Me!"), Text::new("Meow")]
}
wouldn't work with generic right
glass oracle
(yes)
proud cargo
fuck your website is laggy on mobile
glass oracle
fuck your website is laggy on mobile
oh yeah i wanted to fix that, 3js is bloat
proud cargo
guheg
glass oracle
the blob in the background is a complete 3d render
proud cargo
i guessed as much
ashen axle
Is it Astro
glass oracle
yes
quaint cipher
hey uh how come the Erase All Data button is this large.. i cant find whats they using to make it large uh
sorry i am very dumb,
glass oracle
last time i touched my website was 6 months ago
amber mantle
my websiye is still pure html lol
glass oracle
if anyone has a better way to optimize this for mobile devices https://github.com/arHSM/arhsm.github.io/blob/main/src/components/Blob.astro then please help 
ashen axle
hey uh how come the Erase All Data button is this large.. i cant find whats they...
clearMessageCache: {
type: OptionType.COMPONENT,
description: "Clear the linked message cache",
component: () =>
<Button onClick={() => messageCache.clear()}>
Clear the linked message cache
</Button>
}
I mean this is the "clear cache" button from MessageLinkEmbeds n that looks like this
ashen axle
i think because its just a single button as an option
it has its own line
and makes it larg
quaint cipher
o ok
ashen axle
buttons just take up the space theyre given generally
also id v-appreciate if some people could quickly take a look at this before i update my active PR with it on main
https://github.com/ant0n-0x0000/Vencord/pull/1
rocky jackal
github is giving me a headache
glass oracle
also id v-appreciate if some people could quickly take a look at this before i u...
looks good to me but is there no way to parse the whitelist once as opposed to on every message
ashen axle
looks good to me but is there no way to parse the whitelist once as opposed to o...
Yeah I've got another version that caches the parsed one dw
Good thought tho
glass oracle
cool
ashen axle
looks good to me but is there no way to parse the whitelist once as opposed to o...
there tested n done
should b a lot more efficient now
glass oracle
you are already filtering by isValidUserId in parseWhitelist so wouldn't this statement always return true
i mean false
ashen axle
you are already filtering by `isValidUserId` in `parseWhitelist` so wouldn't thi...
That’s the exact sorta insomnia driven dumb stuff I need to notice haha
Thanks
glass oracle
glass oracle
@ashen axle double toasts
ashen axle
yeaaa dw that was an accidental sync
rocky jackal
mmm such clin
glass oracle
do
onChange: newValue => {
const parsed = parseWhitelist(newValue);
if (cachedWhitelist.some(id => !isValidUserId())) {
showToast("Invalid User ID: One or more User IDs in the whitelist are invalid. Please check your input.");
} else {
showToast("Whitelist Updated: Reply ping whitelist has been successfully updated.");
}
cachedWhitelist = parsed.filter(isValidUserId)
}
// -- other stuff --
function parseWhitelist(value: string) {
return value.split(",")
.map(id => id.trim())
.filter(id => id !== "");
}
/*
* Vencord, a Discord client mod
* Copyright (c) 2023 Vendicated, MrDiamond, ant0n, and contributors
* SPDX-License-Identifier: GPL-3.0-or-later
*/
import { definePluginSettings } from "@api/Settings";
import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types";
import { MessageStore, showToast, UserStore } from "@webpack/common";
import { MessageJSON } from "discord-types/general";
let cachedWhitelist: string[] = [];
export const settings = definePluginSettings({
alwaysPingOnReply: {
type: OptionType.BOOLEAN,
description: "Always get pinged when someone replies to your messages",
default: false,
},
replyPingWhitelist: {
type: OptionType.STRING,
description: "Comma-separated list of User IDs to always receive reply pings from",
default: "",
disabled: () => settings.store.alwaysPingOnReply,
onChange: newValue => {
const newWhitelist = parseWhitelist(newValue);
if (newWhitelist.length === 0 && newValue.trim() !== "") {
showToast("Invalid User ID: One or more User IDs in the whitelist are invalid. Please check your input.");
} else {
cachedWhitelist = newWhitelist;
showToast("Whitelist Updated: Reply ping whitelist has been successfully updated.");
}
}
}
});
export default definePlugin({
name: "ReplyPingControl",
description: "Control whether to always or never get pinged on message replies, with a whitelist feature",
authors: [Devs.ant0n, Devs.MrDiamond],
settings,
patches: [{
find: "_channelMessages",
replacement: {
match: /receiveMessage\((\i)\)\{/,
replace: "$&$self.modifyMentions($1);"
}
}],
modifyMentions(message: MessageJSON) {
const user = UserStore.getCurrentUser();
if (message.author.id === user.id)
return;
const repliedMessage = this.getRepliedMessage(message);
if (!repliedMessage || repliedMessage.author.id !== user.id)
return;
const isWhitelisted = cachedWhitelist.includes(message.author.id);
if (isWhitelisted || settings.store.alwaysPingOnReply) {
if (!message.mentions.some(mention => mention.id === user.id))
message.mentions.push(user as any);
} else {
message.mentions = message.mentions.filter(mention => mention.id !== user.id);
}
},
getRepliedMessage(message: MessageJSON) {
const ref = message.message_reference;
return ref && MessageStore.getMessage(ref.channel_id, ref.message_id);
},
});
function parseWhitelist(value: string) {
return value.split(",")
.map(id => id.trim())
.filter(id => id !== "" && isValidUserId(id));
}
function isValidUserId(id: string) {
return /^\d+$/.test(id);
}
whole thng is diff now
i got rid of parseWhiteList
wait no other one
MAN im so tire
d
@glass oracle could you reply to me with pings off
glass oracle
<@841509053422632990> could you reply to me with pings off
meow
glass oracle
```ts
/*
* Vencord, a Discord client mod
* Copyright (c) 2023 Vendicated, MrDi...
the validation fails if there's atleast 1 valid id
ashen axle
the validation fails if there's atleast 1 valid id
replyPingWhitelist: {
type: OptionType.STRING,
description: "Comma-separated list of User IDs to always receive reply pings from",
default: "",
disabled: () => settings.store.alwaysPingOnReply,
onChange: newValue => {
const originalIDs = newValue.split(",").map(id => id.trim()).filter(id => id !== "");
const validatedIDs = originalIDs.filter(isValidUserId);
if (originalIDs.length !== validatedIDs.length) {
showToast("Invalid User ID: One or more User IDs in the whitelist are invalid. Please check your input.");
} else {
cachedWhitelist = validatedIDs;
showToast("Whitelist Updated: Reply ping whitelist has been successfully updated.");
}
}
}
try that for the setting
glass oracle
yop that works
you can avoid creating 2 arrays by
const originalIDs = newValue.split(",").map(id => id.trim()).filter(id => id !== "");
const isInvalid = originalIDs.some(id => !isValidUserId(id));
if (isInvalid) {
showToast("Invalid User ID: One or more User IDs in the whitelist are invalid. Please check your input.");
} else {
cachedWhitelist = originalIDs;
showToast("Whitelist Updated: Reply ping whitelist has been successfully updated.");
}
ty ty
green vessel
W plugin @ashen axle
i hate when people have reply pings off
like what’s the point in replying if i can’t see it
ashen axle
i hate when people have reply pings off
yea same, I never notice
glass oracle
what if i want the container to be heterogeneous
like
```rs
Container {
childr...
xliem uses tuples 
but you can only do so much with tuples
trim cedar
What the fuck is this macro hell
glass oracle
just gonna do type erasure
wooden dragon
rust turple annoying
austere mauve
```ts
replyPingWhitelist: {
type: OptionType.STRING,
description: "Comma...
INSANITY
wooden dragon
xliem uses tuples <:fear:1126220232176975942> but you can only do so much with t...
rust need a better thing than macros
no one knows how to write them
glass oracle
i sure do
rust macros are such a great feature
i love writing proc macros
(not sarcasm)
austere mauve
procmacros insane
wooden dragon
me adding 4 crates just to write one proc macro that calls a single function to transform smth during compile time
proud cargo
this counts as proc macro right!!
glass oracle
me adding 4 crates just to write one proc macro that calls a single function to ...
this is a real use of proc macros (converting rust structs to typescript definitions (with wasm-bindgen))
glass oracle
idk, swc types were in rust and i cba to convert each and everything to ts individually
wooden dragon
javascript C abi when
proud cargo
javascript C abi when
qhar
wooden dragon
oh you mean other way around
wdym
proud cargo
i mean you have native node modules, isnt that basically it
wooden dragon
i was joking
wooden dragon
it would allow to access everything that supports c abi
wooden dragon
glass oracle
wasm bindgen already generates defs for you..
it does but that requires having #[wasm_bindgen] proc macro on the struct, the ast node structs from swc dont have that so i'm abusing typescript_custom_section
austere mauve
horrifying
glass oracle
yes but it works and it gets pretty much fully yeeted after compile
glass oracle
@austere mauve i have committed war crimes
glass oracle
had to dig through erased-serde to figure out rust type erasure
overall i'm pretty happy with this but i still feel like it could be made better
amber basin
svelte
viral roost
jquery
(jokes aside vue if you want to not bang your head on the table over stupid errors)
keen summit
Vue or React
Vue
austere mauve
all of them are the same shit learn whatever u can figure out the others later
proud cargo
they r not the same shit
ok idk enough about vue to talk shit about react comparing it to vue
versed lark
Tbf my main goal is to land a junior job as fast as I can and gain some experience
Sadly I looked around and I didn't really find any for uni students only a few webdev jobs
keen summit
Tbf my main goal is to land a junior job as fast as I can and gain some experien...
Well react has more jobs for sure
wooden dragon
my reaction to that information
proud cargo
quite sad innit
misty basin
Is there anyway to just intercept and block certain URLs?
amber basin
devtools
misty basin
Discord devtools or browser devtools
cedar marsh
type Tag = 'job' | 'education' | 'projects' | 'web dev' | 'mods'
const tags: Tag[] = ['job', 'education', 'projects', 'web dev', 'mods']
is there a less dumb way to do this? I don't like how this has every tag twice
wooden dragon
```ts
type Tag = 'job' | 'education' | 'projects' | 'web dev' | 'mods'
const tag...
const tags = ['job', 'education', 'projects', 'web dev', 'mods'] as const;
type Tag = typeof tags[number];
yeah
cedar marsh
thanks
wooden dragon
as const does the magic
amber basin
what does as const really do?
wooden dragon
it stricts the type signature of const tags
from string[] to 'job' | 'education' | 'projects' | 'web dev' | 'mods'
amber basin
ahhhh
lofty crypt
how long does setting up a vencord dev env take, say until getting to hello world?
stiff cargo
how long does setting up a vencord dev env take, say until getting to hello worl...
Not long
glass oracle
like 5 minutes
git clone
pnpm install
pnpm watch
add plugin in userplugins
and you have hello world
stiff cargo
like 5 minutes
git clone
pnpm install
pnpm watch
add plugin in userplugins
and ...
Gotta install pnpm too
And maybe node aswell?
glass oracle
yes
stiff cargo
So like 10 minutes
glass oracle
or 30 if building node from scratch
keen yoke
or one hour if formatting your hard drive and reinstalling your os
steady knot
13.7 billion years if you first invent the universe
glass oracle
well that escalated quickly
green vessel
is there a way to move user profile in settings to left or right?
proud cargo
still dont understand what im doing wrong
i have bindings as a non-dev dependency
doesnt bundle its dependencies
so dum
manually adding it as a dep fixed trolley
oh my god pnpm issue
rocky jackal
I have lost 90% of my braincells trying to remake react-like hooks for pure html
and it works
help
also yes this is fleet
proud cargo
I have lost 90% of my braincells trying to remake react-like hooks for pure html
why,,,,
rocky jackal
trying to make things simple for myself
proud cargo
are react hooks considered simple now
rocky jackal
no
never
I just don't want to deal with event targets and query selectors too much
rocky jackal
I now have a function to render a settings page (wtf am I doing with my life)
keen summit
I wrote a simple plugin to add some transitions when switching channels
oblique lark
🔥
tender finch
I wrote a simple plugin to add some transitions when switching channels
Oh this is nice
tender finch
<@1079479184478441643> i have committed war crimes
Are u talking about the light mode ?
glass oracle
Are u talking about the light mode ?
wow you're so funny /s
lofty crypt
is there a way to move user profile in settings to left or right?
and yeah that’s possible and surely not hard
tender finch
wow you're so funny /s
Ikr
lofty crypt
first light theme joke on discord
proud cargo
this article is really cool @trail ginkgo https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
lmfao
trail ginkgo
lol u just made me look at the scrollbar
proud cargo
proud cargo
this blog post is longgg
it has some good stuff but its ultimately not really worth anything
trail ginkgo
well
its interesting to know that
nullable keys might be more cache-friendly than optional keys
proud cargo
what the fuck
wait
jesus fucking chrsit what is that link
ok well unconclusive
im gonn rewrite that lmfao that code is horrible
proud cargo
now it doesnt show results at all
lofty crypt
where’s the fun in that
trail ginkgo
@proud cargo this is more what i was wondering
but still seems like its not a huge difference
atleast for just [[Get]]
proud cargo
but still seems like its not a huge difference
maybe youre not doing enough?
IC has space for multiple
it might just be polymorphic
trail ginkgo
oh u mean i should test megamorphic
proud cargo
ya
proud cargo
[loool](<https://perf.link/#eyJpZCI6InI5ZGNzY2lub2IwIiwidGl0bGUiOiJGaW5kaW5nIG51...
not sure if this is fair
because youre straight up leaving out the properties on the others
no?
trail ginkgo
?
proud cargo
hhh
trail ginkgo
megamorphic array is just an array where every item is a different shape
proud cargo
yea but
wouldnt you have to fill every possible key for id with null/undefined for that to be fair?
trail ginkgo
i dont see how but i can try that
this is cursed
const monomorphicManyKeys = Array.from({ length: N }, (_, i) => Object.assign({
id: "a",
data: Math.random() > 0.5 ? { balance: Math.random() } : null,
}, Object.fromEntries(Array.from({ length: N }, (_, i) => [megaIds[i], true]))))
LOL i think i hit the shape size limit
trail ginkgo
monomorphic all mega's keys VS megamorphic VS poly VS mono
trail ginkgo
yea i think its cus ur using find
so its not really measuring the performance of the lookup
or maybe not because the find is matching the last items
ur megamorphic is assuming that v8's cache limit is before degree 10
8
proud cargo
ur megamorphic is assuming that v8's cache limit is before degree 10
i mean i tried it with 32 before but that didnt seem to work either
trail ginkgo
im confused cus all ur objects have the same degree
are u testing same degree with many shapes vs one shape
trail ginkgo
[e % shapeSize]: true, this is making all ur arrays polymorphic
proud cargo
it shouldnt be
the filledWith always have all of the possibilities where it could be set
trail ginkgo
oh true
trail ginkgo
why we even doing this xd not like were gonna beat v8
lolol its fun to learn about v8 optimizations
proud cargo
oh look at this tho
this i still dont understand
its half as fast just because the object is large?
i mean the others are literally the same aside from propertyvalues
the test you made is actually good though
eh ok i reran it and no difference
shig
trail ginkgo
its half as fast just because the object is large?
if i had to guess
if ur talking about the one from my test
im guessing i hit the max shape size so it doesnt cache as monomorphic
proud cargo
nah i mean my tests
filling the object with false was half as fast as filling with nulls
dull magnet
<ref *1> WriteStream {
connection: false,
}
cedar olive
idk how to test ansi highlighting
it's not highlighted on plain discord either
#🤖-bot-commands message
oh
it's working nvm
hybrid dune
[h](https://perf.link/#eyJpZCI6InVjdnlwcTZvbGFxIiwidGl0bGUiOiJGaW5kaW5nIG51bWJlc...
h stands for husk
dull magnet
[h](https://perf.link/#eyJpZCI6InVjdnlwcTZvbGFxIiwidGl0bGUiOiJGaW5kaW5nIG51bWJlc...
who tf wrote this code
horrible
proud cargo
who tf wrote this code
be nice!
vapid latch
is there any events in electron that run similar to preload
dull magnet
wdym
keen summit
Can we not do this?
It works if I use normal selectors like '.messageListItem__6a4fb'
chrome elbow
class=^
chrome elbow
^= not =^
lofty crypt
```ansi
<ref *1> WriteStream {
connection: false,
}
```
(idk what you were expecting to happen here, highlighting-wise o,o)
does ansi work on mobile by now?
glass oracle
nop
lofty crypt
frickin Discord man
weary saffron
even the pc ansi is very limited, it's sad cus ansi is so powerful
it is what it is ig
lofty crypt
yeh -_-
cedar marsh
tender finch
working code
austere mauve
dynamically typed languages were a mistake
austere mauve
hell nahhh
weary saffron
Imagine enjoying writing so much boilerplate for a project only you will use
austere mauve
what is bro saying
austere mauve
you suck thats a fact
weary saffron
Well... Hm, your mother?
jovial crest
What is asm
proud cargo
jovial crest
Assembly?
stiff cargo
In assembly everything is an integer and it’s up to you to treat it as something different
glass oracle
In assembly everything is an integer and it’s up to you to treat it as something...
i mean that is the case for any language, we just get abstractions
stiff cargo
i mean that is the case for any language, we just get abstractions
I can probably argue against that with quantum assembly
glass oracle
i do not have a counter argument, you win
stiff cargo
Very unnecessary to go there though lol
dull magnet
That's a fact not an opinion
💀
i think you should go back to school where you learn what those words mean
weary saffron
If it wasn't a fact then why is it correct, checkmate
Jokes aside idt neither is better cus it's a preference
keen yoke
Jokes aside idt neither is better cus it's a preference
no
weary saffron
Huh?
astral peak
Imagine enjoying writing so much boilerplate for a project only you will use
i'm guilty of doing this a bit too much
overcomplicating "projects" i will only use twice in my whole life
weary saffron
Lmao
proud cargo
oh my god what the fuck https://youtu.be/rJuRTZOE99g
weary saffron
Typing is a double edged sword. It's neat but can slow you down so yes that statement is wrong but it doesn't mean the opposite is right
covert nimbus
static is to the right in your message so it clearly is right
weary saffron
🗿
lofty crypt
oh my god what the fuck https://youtu.be/rJuRTZOE99g
what is happening
i don’t understand ||how this was not invented earlier it is so useful|| ||/j||
ashen axle
is webstorm good with Svelte or should I stick to vscode
i have the jetbrains stuff so if its good ill use that
proud cargo
is webstorm good with Svelte or should I stick to vscode
dont think it matters
proud cargo
might switch to ws since vsc ts lsp has slowed to a crawl
keen creek
In assembly everything is an integer and it’s up to you to treat it as something...
mov rax, money moves
lofty crypt
yeah looks cool. Feels kinda 
being replaced by ai but would be kinda silly not to ig, ai is just better at most things already
lofty crypt
owo true
stiff cargo
mov rax, money moves
mov rax is in fact also an integer
potent fox
is webstorm good with Svelte or should I stick to vscode
DONT USE WEBSTORM
ITS FORBIDDEN TABOO
stiff cargo
Sounds like you should use webstorm
cedar marsh
Webstorm is dumb
ashen axle
did you try using the installer to reinstall
stuck epoch
did you try using the installer to reinstall
uh i just downloaded the plugin on chrome web store
keen creek
mov rax is in fact also an integer
64bit register because my money too long
also, a byte is just bits n nibbles which in turn are also just 0 and 1's which are booleans more than anything
or as i like to call em
minecraft levers for ur cpu
versed osprey
shrewd tundraBOT
green vessel
I need to know, what's better:
for(let i = 0; ...; ...){...; }
or
for(var i = 0; ...; ...){...; }
var will put it in the function scope and then it'll be stupid
But on the mozilla dev website it's a var, I always use let but this made me doubt
green vessel
Ok thank :3
cedar marsh
Never use var unless you want to die
green vessel
hmm in that case i think im gonna use var every day
oblique lark
use const :3
jagged briar
const in a for loop is so genious
green vessel
:'(
green vessel
Wow it work now !
for(const e = 0; e < 1; e){
console.log(e, ":3")
}
thank !
jagged briar
0 :3
green vessel
jovial crest
what the fuck are you on about
green vessel
What mobile modified client should I use except aliucord
dull magnet
vban @green vessel spamming same message in 5 different channels
shrewd tundraBOT
vban <@456226577798135808> spamming same message in 5 different channels
Done! 
keen yoke
```js
[code here]
```
for syntax highlighting
what line
and position in the line
what are you using?
it should show
client.login('bot_token_not_telling>;3);
is no ending quote intentional?
why the 3
and no end quote
just show the full error
idk what ur running that in
but it should show the line number and column number
viral roost
any decent code editor should show a red line below where the error is
keen yoke
yeah
viral roost
what editor are you using
keen yoke
program
median flare
what program are you using to edit the file
keen yoke
what text editor
median flare
for example, notepad
viral roost
vim user \j
keen yoke
ok what os
viral roost
ubuntu
keen yoke
get something like vscodium
no i do not mean vim
why are u so strange
a lot of these terms arent exclusive to that
like "text editor"
median flare
i recommend going to a website called "codecademy"
keen yoke
also whats with the extra pluses infront of (parseFloat
get vscodium
ok but like
the error should show the row
a number
there should be a number in the error
or somewhere on the screen
just screenshot the whole window
just screenshot the whole window with the error
there has to be something
show the error
the whole window that has it
how did u get this?
run it and show the window with the error
yes that
verbal schooner
dull magnet
wtf is that text editor
rocky jackal
it is, I want to believe
the only difference between the 2 is libadwaita and some settings
rocky jackal
uh huh
hybrid dune
Nice emoji
rocky jackal
oblique lark
👑
Ce
rifi∊
ed D
⊃um
keen yoke
did u write all the files listed there?
internal/modules/cjs/loader.js?
what files did u make tho
are u using the latest version of node?
node -v
broo
when did u install node???
keen yoke
thats wild
jagged briar
keen yoke
cuz ur on some old lts version
jagged briar
prob because you used the apt package
austere mauve
update your system
jagged briar
keen yoke
how did u even manage to install ubuntu
austere mauve
how many years since u updated
keen yoke
you gotta be on some early 2021 version
austere mauve
keen yoke
wait that is real 💀
austere mauve
yes
jagged briar
explod
trim cedar
okso you go to http://ubuntu.ubuntu.ubuntu.ubuntu.ubuntu.ubuntu.ubuntu.ubuntu.u...
How
The
Actual
Fuck
Is
This
An
Actual Domain 
proud cargo
weary saffron
https://youtu.be/3-KqO8g7qmk?si=qEGrQvd424XzsD8v
Huh
gusty maple
green vessel
oh thx
keen yoke
u able to update it?
slim totem
You can update node pretty easily:
Install nvm by running curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash on a terminal
restart the terminal
type nvm install 20.5
then type nvm use 20.5
node too old
do what i posted
keen yoke
also ur npm is old
slim totem
nvm should update npm for him i think
slim totem
You can update node pretty easily:
Install nvm by running `curl -o- https://raw...
this will most likely fix ur issue
.
proud cargo
ask your dad
trim shore
nothing needs sudo. just login as root
hack it
what's your dad's birthday. that' sprobably the password
if not try your own birthday
keen yoke
cant u just boot into an installation usb and use the terminal there to change password
trim shore
if my kid touched my computer i'd murder them. (note: i do not, nor will i ever, have kids)
trim cedar
Depending on the Ubuntu Revision he has that might not update to >=20
Type this into a terminal: cat /etc/os-release
What is the output?
median flare
remind me to not open coding channel ever again as long as mushroom is here
proud cargo
- {display: none;}
slim totem
plugin that has a 2% chance of replacing your message with your own token before sending
cedar marsh
plugin that has a 2% chance of replacing your message with your own token before...
Njg3NzMxMzYwMTQzNzY5NjI5...
lofty crypt
Wow it work now !
```js
for(const e = 0; e < 1; e){
console.log(e, ":3")
}
`...
good. alw use const
dusky reef
https://i.imgur.com/pmJPRIR.png
an option for attenuation being enabled when you're in a call
green vessel
good. alw use const
thank for the tip :3
lofty crypt
anytime brotherfam
crisp basin
have anyone figured out if it's possible to set custom rpc with something like Playing on Xbox, or you need some ids that are created on microsoft servers? i've been trying to find what's needed because my activity works fine as long as i keep "platform": "xbox" commented out
azure gate
https://i.imgur.com/pmJPRIR.png
an option for attenuation being enabled when you...
#plugin-requests i think unless thats not a feature reques
dry patio
if i wanted to find the code where this thing is rendered
in order to add more to it
how would if ind that
searching the strings gives me nothing at all
trim shore
grats?
dry patio
goated
keen yoke
if i wanted to find the code where this thing is rendered
use react dev tools
dry patio
i seem to did it without react dev tools
keen yoke
makes it way easier tho
dry patio
i did not know react dev tools existed until now
will probably use in the future
yummy
dry patio
ok im about to give up on this shit
i wanna make my custom thingy actually do something
but i cannot for the life of me find the code that actually checks which item has been selected
there is one single function that sets some variable "currentTab" to a number, and i know setting a bp and changing the number right there has the exact desired effect of setting the tab
but trying to search "currentTab" through all the sources gives me absolutely 0 hint of anything happening
does anyone have a clue on something i could do to help me find it
jagged briar
use a breakpoint and you can see the call stack
dry patio
tried that too
jagged briar
welp then idk
dry patio
well maybe im not breakpointing in the right location
trying to set breakpoint on whatever thing constructs this
bc it only appears in the "unreads" tab
and im just getting a bunch of nonsense
dry patio
ok it has to do something with the USER_SETTINGS_PROTO_UPDATE event
but there r so many things handling that event idk how to narrow anything down
dry patio
u may be right
cedar olive
not gonna lie to you it's extremely sucky it uses the value of the settings proto to know the selected tab
dry patio
yeah its a little weird
cedar olive
trying to save a non existent tab value will likely not work
cedar olive
wdym?
dry patio
i can make it store the nonexistent tab in the settings
it just kinda bugs out the menu
cedar olive
it's right there
oh cuz you need to add your tab here
cedar olive
yeah this seems like a different place
dry patio
what the hell is InboxTab.TODOS
setting my thing to the todos id makes it bug out even more
cedar olive
it's an enum for the numbers
dry patio
yeah but like there is no "Todos" in the menu
cedar olive
use it to find the code lol
dry patio
its like an unused thing
glass oracle
not gonna lie to you it's extremely sucky it uses the value of the settings prot...
why, it persists the tab state across devices/sessions
cedar olive
I know
glass oracle
and yes changing the proto with unintended data will likely cause a crash in other client logged into the same account
glass oracle
what the hell is InboxTab.TODOS
it's a feature for employees
message reminders
it used to be public back when the experiment released, now it's employee only
cedar olive
🤨 how do you have it
cedar olive
oh lol
dry patio
ok i think i figured it out
is there value in creating an api for the inbox tabs
for everyone to use
cuz i might do that too just for funsies
glass oracle
this is how it looked back when it released https://cdn.discordapp.com/attachments/965188636943450122/1009889128726405212/Screenshot_20220819_031515.png?ex=6568d20b&is=65565d0b&hm=90fe4dd55ea627ad83ddab8b31fc1661f50cedac2ee535c53b57da2534ff4176
dry patio
ok this isnt exactly what i wanted but its close enough
dry patio
idk what that is
dry patio
what u making
someone suggested an inbox tab for keyword usage
so im trying to make that now
jagged briar
idk what that is
oneko sleeping in the corner?
oh you have to enable it
in settings
dry patio
what does it actually do
dry patio
how would that be useful
jagged briar
idk you tell me
dry patio
but i want it in the inbox tab cuz it would be nicer
dry patio
ok i need help w something again
say theres this module that i need
and the only way the module seems to be accessible is with one of these thingies
how do i access this thing in my plugin
glass oracle
findByPropsLazy
glass oracle
that'll break as soon as some modules get moved and the manged name changes
austere mauve
you write a find for that module
glass oracle
just do const headerItem = findByCodeLazy("useInDesktopNotificationCenterExperiment)(")
austere mauve
yeah that
dry patio
that gave me the function for the entire module
but the import thing
i think it caches something
glass oracle
:thonk:
findByCode(Lazy) searches exported functions as opposed to the module function
in this case default
dry patio
💀
what have i done
wait how do i actually use the function
this is how its used in the source
so i assume its like a jsx thing ofc
glass oracle
same as <g.default tab={i.InboxTab.MENTIONS} />
dry patio
so i tried that
and it didnt show anything
but if i call it manually like this, at least some things start showing
so now im confused
austere mauve
<> <React.Fragment> ???
austere mauve
<> is a fragment
dry patio
oh my b
either way even without the extra fragment it still didnt show anything
and the function call did
dry patio
so im just straight confused
dry patio
so i tried that
why this didnt do anything
austere mauve
in jsx only capitalised names are treated as components
dry patio
ohh
austere mauve
try that maybe
dull magnet
<@343383572805058560> what did you cook
megu wrote that code not me
glass oracle
whar
text replace and spotifyControls have valid reasons for using React.Fragment over <>, thay have props
austere mauve
yea i was reading docs and they're the same except you can specify keying
but the others idk what they're cooking
glass oracle
stuck falcon
horror
austere mauve
why does the space feel bigger than the other buttons
dry patio
it shouldnt be
but idk maybe it is
ok the webpack thing is not finding the module
i know it exists
and yet
dry patio
how do i know whats exported
glass oracle
every module has this at the top
[3rd param].d([2nd param], { /* mappings of exported property to getter function */ })
[2nd param] corresponds exports prop of a module
[3rd param] is the mangled __webpack_require__ function
smoky basin
whar
some of these usages are valid
the ones where they need to set fragment props
others... ehh
glass oracle
the ones where they need to set fragment props
dry patio
it needs to be a portion of code from an exported function
what if i'm trying to get a function that isnt exported
is it impossible
glass oracle
no but yes
you can export it by patching the module
smoky basin
<:agony:1124777468834889798>
dry patio
so i basically just make a dummy patch
smoky basin
no but yes
you can export it by patching the module
u dont really export it tho
dry patio
solely for export purposes
glass oracle
nah you call it exporting, you dont want them to know you're stealing their components :^)
dry patio
oh i see...
glass oracle
vencord has such great DX tools 🥰
smoky basin
vencord has such great DX tools 🥰
we patch function prototype to allow ANY function soon
smoky basin
show patch
dry patio
like the diff?
smoky basin
na the object of the patch
dry patio
dry patio
variable, parameter, and body
smoky basin
1 moment
dry patio
i konw why its erroring now
i just dont know what ima do to fix it
ok i think i fixed it
smoky basin
find: ".default.guildFilter:null",
replacement: {
match: /function (\i)\(\i\){let{message:\i,gotoMessage/,
replace: "let $1 = $self.renderMsg = $&"
｝
nvm
smoky basin
smt like that
austere mauve
btw $self.renderMsg=x;function x(){...} works
austere mauve
js is a lil sily
smoky basin
btw $self.renderMsg=x;function x(){...} works
does that really?
austere mauve
yes
austere mauve
it gets hoisted
dry patio
lets go
smoky basin
nice
dry patio
gg
weary saffron
that is pretty awesome, goodjob!
smoky basin
are u sure ur passing the right args
dry patio
yeah thats why i do the + "" to force it to a string
smoky basin
and why would i check it's your plugin 
dry patio
no i mean like
check the screenshots
ok so apparently messagestore is just bad
it just pretends the message doesnt exist if you haven't loaded the server it was in
glass oracle
it gets hoisted
js hoisting kills me :dead:
dry patio
i want the thing to auto-update when theres a new message
and im trying to use the react state thing or wtv
and its just like
not updating??
maybe im doing it completely wrong
idk hwo else i would do it
rancid cargo
ive been creating a theme and this feels so illegal to do. opinions?
rancid cargo
the imports?
did another approach of making individual files unlike most popular themes
steady knot
that's a lot of css
rancid cargo
around 190 kb :p
steady knot
yikes
junior cove
If it's just for maintenance purposes, it's probably better to just use something like Sass or postcss for bundling instead. Imports kind of suck
dry patio
ive made something
pretty cool
what are our thoughts
was an absolute pain in the ass to make that menu bc theres like zero docs on how to mess w the inbox thing
but i did it in js one night 💪
wdym badges
glass oracle
wdym badges
i assume they mean ping indicators