development

[sharp geyser]

pretty sure he said half that css isn't even his so

[civic scroll]

the parent div is literally a flexbox

?????

[feral aspen]

Hmm.. I have that but it's not in the offers?

[sharp geyser]

one sec

[civic scroll]

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox gogo

[rancid moss]

It should be? Else just sign into their website using ur Github account that you have the student pack in.

[sharp geyser]

https://www.jetbrains.com/community/education/#students

As long as you have github student license

you can just signup/in with github

and you automatically get em

[rancid moss]

And then you'll get the license for +- 1 year

[sharp geyser]

1 year

and you have to renew every year

[feral aspen]

Watt. https://cdn.hamoodihajjiri.com/fkwIuKNmWX

I'm viewing it from here, no? https://education.github.com/pack/offers

[sharp geyser]

Did you signin/up with github?

[feral aspen]

Yes, I did.

And I authorized.

[sharp geyser]

🤔

You did smth wrong then

[feral aspen]

Wot.

[sharp geyser]

No reason it shouldn't of worked

It works for me

Did you make an actual jetbrains account?

[rancid moss]

💀

[feral aspen]

Bruh.

[rancid moss]

Guess you'll have to pay a bit

¯_(ツ)_/¯

[civic scroll]

or just study in schools

[feral aspen]

😂

[sharp geyser]

Contact support

[feral aspen]

Done.

[rancid moss]

xD
Cuz that was so fast, I'll just imagine u said "Hey. License no work. Help"

[feral aspen]

[rancid moss]

Ayy u did it!

[feral aspen]

Damn, I have a .me domain, a .tech domain, and some other name.com domain I can make for free.

Any ideas?

[civic scroll]

man used margin inside a flexbox

[ancient nova]

almost lmfao

still playing with it

[lyric mountain]

or just develop open-source stuff

[rancid moss]

Yes. Think of a gud name xD and whalla!

[civic scroll]

just two lines for the love of god

[ancient nova]

bro

[civic scroll]

remove your margin bullshit

you are using a flexbox

[rancid moss]

raging much? 👀

[ancient nova]

but I want it to resize when the screen is smaller

mobile for example

[civic scroll]

then use responsive values

you are using fixed values for your margin anyway

[ancient nova]

https://butler.scarlex.org/

I got it

look

[civic scroll]

like margin: 4% or something

[ancient nova]

nvm

lmfao

it's off center

[lyric mountain]

sayuri this very moment:

[civic scroll]

margin-inline-start inside a flexbox

💀

explain why code results in undefined behaviour

[ancient nova]

ok will u relax -_-

no need to hate on my css skills

[civic scroll]

i'm very chill rn

not hating

[ancient nova]

just tell me how to do this properly

[civic scroll]

just said that it exists

[civic scroll]

you have three childs

[ancient nova]

yeah

[civic scroll]

and the parent is flex

[ancient nova]

yes

[civic scroll]

so you just need to specify the gap

then justify-content: center to align them all in center of the parent

that's it

[ancient nova]

https://butler.scarlex.org/

that broke it

[ancient nova]

ah bet

[civic scroll]

you put gap on the child

💀

you put both properties on the parent element

which has the flexbox

[ancient nova]

oh 💀

[civic scroll]

those properties affect its child

not itself

to correct child position use anything with self suffix

[ancient nova]

https://butler.scarlex.org/

it didn't work 💀

it just enlarged the buttons themselves

[civic scroll]

bro

💀

[ancient nova]

💀 😭

[civic scroll]

the parent

[ancient nova]

the div parent 😭

[civic scroll]

the div that has the class of buttons

[ancient nova]

I had it on there before

u said that was wrong

[civic scroll]

the div that contains all 3 buttons

[ancient nova]

and that I should put it on the buttons

[civic scroll]

correction: solution

[ancient nova]

ok give a sec

that prolly won't work tho

[civic scroll]

that MUST work

if it doesn't that means you wrote it wrong

[ancient nova]

yeah it didn't

check the html

of my website

[civic scroll]

did you write it like this

[ancient nova]

ohh u put it in the style

[civic scroll]

where else would you put 💀

[ancient nova]

okay hold on wtf

[civic scroll]

what

[ancient nova]

my b my b

I know what I did wrong

[civic scroll]

finally

[ancient nova]

where do I put justify-content: center; tho?

on the buttons?

[earnest phoenix]

Wtf ads

[ancient nova]

wdym I have no ads

[civic scroll]

why

oh that?

on the parent

[earnest phoenix]

[ancient nova]

didn't u tell me to bofore?

[civic scroll]

but the class inherited it

[ancient nova]

oh wtf

[civic scroll]

it inherited those classes

[ancient nova]

lmfao

how the hell did disscord manage to take my server out of the html

[civic scroll]

as a result it's no longer needed to specify the properties on target element

[boreal iron]

Weird… not on iOS

[civic scroll]

same on windows

[boreal iron]

Must be the freedom of android to show ads

[ancient nova]

woo it worked

do u see the spacing

[earnest phoenix]

The inconsistencies of the Android builds compared to desktop and iOS builds

[boreal iron]

True

[ancient nova]

it's a lil too big so I'll set it to like 15px

[civic scroll]

at the end, you used fixed size for the gaps

how ironic

[earnest phoenix]

Well it's being rewritten in React-Native so it's good, almost everything is consistent on that rewrite

[boreal iron]

Because nobody likes android or will be known as android developer

[ancient nova]

u want me to use something else?

[earnest phoenix]

FakE news ong

[boreal iron]

[civic scroll]

for multiple sizes i suggest using responsive values

[ancient nova]

nah I don't need that, I just wanted that to be centered whenever someone visits my website on mobile

btw

those buttons seem to disappear if ur on mobile, do u know why?

[earnest phoenix]

Well the Discord Android builds were first chosen to use React-Native but failed to use it since React-Native itself had issues with Android, but nowadays it's all smoother than ever

Android development is nice, if you choose the right tools

[civic scroll]

width: 100%

that's the issue

wait

no

[ancient nova]

https://butler.scarlex.org/main.css gonna be a pain looking for that here u know the class it comes from at least

[civic scroll]

it's not

[earnest phoenix]

Looking at Bae's cursed code episode 357

[boreal iron]

[ancient nova]

tbh I do want u to look at the code I wrote yesterday

misty called it "irrelevant"

wanna rate it?

[boreal iron]

Save us

Please

[ancient nova]

it's not that bad...

[earnest phoenix]

No thank you I want to be able to sleep tonight

[ancient nova]

💀

[wheat mesa]

It’s pretty terrible

The indentation is the scariest part of it

The rest of it I couldn’t focus on because the indentation is garbage

[earnest phoenix]

Astaghferallah

[civic scroll]

@ancient nova the issue might be in your react code

[ancient nova]

how do I make it auto redirect?
for some if u visit /dashboard I want it to auto redirect u to /dashboard/home

[earnest phoenix]

Might as well just call your code obfuscated

[ancient nova]

woooow

[civic scroll]

what's the implementation

react?

angular?

vanilla?

[ancient nova]

express

[civic scroll]

💀

[ancient nova]

bro don't hate on express 😭

[civic scroll]

express is not client-side

[sharp geyser]

He is rendering html files with express

[civic scroll]

alright so vanilla

[boreal iron]

Imagine obfuscation your own code to protect it from yourself

[ancient nova]

uh mb ig

[wheat mesa]

but…why

[civic scroll]

in that case use location.push

[wheat mesa]

Just use react at that point :c

[sharp geyser]

Do I look like I know?

I can't guess this guy's intentions

[earnest phoenix]

Now I know why Bae doesn't trust themselves with an eval command

[wheat mesa]

[civic scroll]

mb

[boreal iron]

[civic scroll]

use location.assign

[sharp geyser]

or

res.redirect when you visit a certain endpoint on your express app

[earnest phoenix]

Epic dotpost fail

[civic scroll]

it's been ages since i last use express

[ancient nova]

https://butler.scarlex.org/dashboard if u visit this does it redirect u to /dashboard/home now?

[civic scroll]

affirmative

[ancient nova]

perfect

hmm now how exacty should I go about the html for the dashboard

do u guys have any ideas how to make it look good?

want to have 3 pages for now
/home
/commands
and /settings or /guild

[civic scroll]

man i spent too much time doing spas

[civic scroll]

same title bar, and something something else

i can't suggest anything without knowing the contents to be put on the page

[boreal iron]

Man… sayuri not being very flexible

[civic scroll]

no it's just

not enough context

[sharp geyser]

Okay

so

Sass, Scss, Less or just css

which one

[civic scroll]

scss for me

since you are a curly brackets guy

and i wanna make it close to css

[sharp geyser]

I heard sass was scss on crack

[civic scroll]

idk

[sharp geyser]

it apparently offers what scss does and then some but idk

[civic scroll]

it's indent-based so i don't like it

[sharp geyser]

I haven't looked into either

so

Mmmm let me look at em for myself then

[sharp geyser]

Ima use scss

indented based syntax is broken still apparently

Even though the issue was brought up in 2011

[civic scroll]

only python devs like that

[ancient nova]

just told u, some stats, command list and some info about ur guild when the bot is in there

but the guild thing I'll do last since I'm going to have to use oauth for that

[civic scroll]

still not enough context

or

my brain stopped workign

[ancient nova]

gonna make it look something like this

wow

[sharp geyser]

lmfao

[civic scroll]

tf is a jfif

[sharp geyser]

jfif

[civic scroll]

just copy it

[ancient nova]

ok

[ancient nova]

some another higly compressed image file

[sharp geyser]

its something related to the jpeg file extension

JPEG File Interchange Format (JFIF)

[ancient nova]

more like jpg not jpeg

[sharp geyser]

its called jpeg

jpg is just the shorthand file extension

[ancient nova]

I see

[ancient nova]

[civic scroll]

i would insert graphs for those basic stats

along with an animated background

[spiral crag]

Hey guys, I am using discord.py, and one of the commands requires the user to input some time, for example like this !somecommandname 9:05, where 9:05 is the time the user inputted, however i would like to know what the user's timezone is so how would i do that

[civic scroll]

so is the menu as well

[ancient nova]

what's ejs? 😐

https://github.com/LachlanDev/Discord-BOT-Dashboard-V2/blob/main/src/views/home/home.ejs

[civic scroll]

embedded js

[ancient nova]

ok

[ancient nova]

idk how to add an animated background other than having a gif as a background

[civic scroll]

or eloquent js

jk

[ancient nova]

? I didn't send this

[civic scroll]

write them manually

use css

or js

[ancient nova]

bruh I wanted to have something like that

[civic scroll]

or wasm

[ancient nova]

an interactive background

hold on I'll show u an example

mrdoob's work

it's cool af

[civic scroll]

i'm thinking of detroit become human triangles

[ancient nova]

https://mrdoob.com/#/137/voxels_liquid

[ancient nova]

yeah when u hover ur mouse over something and it reacts

[civic scroll]

compute intensive

i would prefer static animated background for this context

[ancient nova]

yeah but I still don't actually know how to replicate something like this in pure CSS

[civic scroll]

let interactive animations for interactable elements, say menu items or dashboard items

[civic scroll]

the wave can be done in css

but as for live mouse tracking it needs js

[ancient nova]

can u give me an example of how it would look like?

the pure css 1?

[civic scroll]

as expected, it uses canvas

[civic scroll]

you form matrix of tiles of levels

from highest to 0

[sharp geyser]

he def doesn't know what wasm is

don't even bring it up

[ancient nova]

misty can u stfu

[sharp geyser]

No

[ancient nova]

I see

[civic scroll]

for canvas it

it's animated using either js or wasm

[ancient nova]

it was meant as a joke btw, not to be rude

kinda sounded rude

[ancient nova]

I'll use JS

do you have any examples I could copy?

[sharp geyser]

I am curious tho do you know what wasm is?

[ancient nova]

some coding lang related to websites, I never used it tho

gonna copy dyno's dashboard tbh it looks good af

[lyric mountain]

as expected

[civic scroll]

💀

so my recommendations are dumped

great to know

[ancient nova]

wait no ofc not

[civic scroll]

already told you my ideas

[ancient nova]

I just wanna copy the layout

meaning where and how the buttons are placed

yk

[sharp geyser]

so basically infringe

[ancient nova]

what

I just wanna copy the position of the buttons not the actual dashboard

I just want my dashboard to look like a dashboard

taking inspiration

[civic scroll]

i focus on animations

[lyric mountain]

Copyright: exists
Bae: more like a suggestion list

[sharp geyser]

lol

[ancient nova]

💀

[ancient nova]

I'll text u when I get some sorta inteligable layout

then we can try adding animation

[civic scroll]

install figma

go

[sharp geyser]

No idea how figma even works ngl

[civic scroll]

you put pixels

to create prts

[lyric mountain]

latex but for web

[sharp geyser]

latex?

you mean rubber?

[civic scroll]

no

latex

as in language

laTex

[sharp geyser]

never heard of it

[civic scroll]

man didn't compose math documents

[lyric mountain]

it's a language for making diagrams, formulas and shit

[sharp geyser]

tf you talking about sayuri

[earnest phoenix]

My brother in Christ, how do you not know about LaTeX

[civic scroll]

even voltrex knows

why don't you know

[lyric mountain]

see this? yes, it's latex

if u even need to make formal math formulas, you'll probably use latex

especially in graduation projects

[ancient nova]

wuts figma

[sharp geyser]

not everyone is voltrex

[civic scroll]

maballs

[sharp geyser]

thats why

[civic scroll]

jk it's a design tool

[boreal iron]

Latex pants? I see your fetish- call me daddy

[lyric mountain]

this is funny for some reason

[ancient nova]

@civic scroll how do u do comments in html again?

[civic scroll]

<!--this is a comment-->

[ancient nova]

ty

[proven escarp]

ItsOkayBae: asks something
the fucking internet and stackoverflow: am i a joke to you??

imagine not searching on internet before asking others

cringe tbh

[wheat mesa]

He would rather wait 2 minutes for a reply instead of 15 milliseconds for a google search 😉

[civic scroll]

it's okay i asked here too

[sharp geyser]

Now for the real test

lets see if I can do scss

with little knowledge of base css

[boreal iron]

What can go wrong

[sharp geyser]

Absolutely everything

[boreal iron]

[sharp geyser]

Okay so lets think about this

I wanna do a side nav, so I have to use flex box and stick it to the top left

[boreal iron]

Eww I will never use flex

[feral aspen]

This is new in VSC: https://cdn.hamoodihajjiri.com/mcL9hlS4uI .

Could've pressed CTRL + E, but it's still cool.

[boreal iron]

A search bar to search things?

Pretty modern piece of technology

Ngl

[sharp geyser]

Okay so bad color but trying to visualize

Why is the height not filling the entire screen

.nav-container {
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  width: 20%;
  height: 100%;
}

[wheat mesa]

Because flexbox is the size of the child elements inside it

[sharp geyser]

Mmmmm

Forgot that

[wheat mesa]

What you’re looking for is more like block or inline-block

Pretty sure there’s also a navbar element that might help, but I’ve never used it so idk

99% of the time I’m doing frontend I’m just looking up the same 5 issues

[sharp geyser]

there is indeed a nav tag

[civic scroll]

height: 100vh

it tried to do 100% content height, which is current only the hello world box

[sharp geyser]

that causes overflow on y though

[civic scroll]

position: sticky

[wheat mesa]

How to center a div
How to make a div fill width
How to make a div fill height
How to make a gradient with CSS
How to use flexbox

[civic scroll]

height 100%

top 0 left 0

[wheat mesa]

Or just don’t use flex here because it’s not the proper case for it

[sharp geyser]

yea

I stopped using flex

I am using inline-block

[civic scroll]

did it work

[sharp geyser]

no

[civic scroll]

what

[sharp geyser]

using 100vh works but causes overflow, and 100% just makes it stay the same size as the child element inside it

[civic scroll]

body { position: relative; h 100% w 100%}

[wheat mesa]

Margin probably causes the overflow

[civic scroll]

also yeah that

[wheat mesa]

Or just do something like overflow: hidden

[sharp geyser]

Won't that interfere in the future

[wheat mesa]

Not if you’re just putting it on that div

It’s still sort of a duct tape solution to an inherently wrong approach though

[blissful coral]

Alr gonna seem dumb but cant seem to figure this out

[earnest phoenix]

If I have a welcome system, the inviter feature
but i have custom link for my server ,
When the user enters through the custom link, he does not recognize the inviter and says to me in the error that I cannot recognize the inviter correctly!? What is the solution

[sharp geyser]

even using overflow: hidden didn't stop it from overflowing

[blissful coral]

https://i.imgur.com/b0kcYJD.png
https://i.imgur.com/7UA4k9O.png
https://i.imgur.com/wOfV8Oe.png

Shouldn't be a issue I wouldn't think

[wheat mesa]

Your config isn’t set to be a module

So you can’t use es6 style imports like that

[sharp geyser]

I dislike how you are relying on a interface for this but 🤷‍♀️

[civic scroll]

you can try to compile it to .mjs

[blissful coral]

@sharp geyserI did that to see what was up

Not gonna keep it that way hopefully

[wheat mesa]

Interfaces are kinda built for this sort of thing just saying

[sharp geyser]

icic

[sharp geyser]

indeed

[earnest phoenix]

[sharp geyser]

but I prefer going for a class approach rather than exporting a default object

[wheat mesa]

Interfaces are useful for polymorphism type safety

A base class would work as well

[blissful coral]

Yeah

[wheat mesa]

But it’s not required

[blissful coral]

Class would work but I went for interface

[wheat mesa]

Interfaces are essentially just abstract classes

[civic scroll]

i didn't get what you meant by that

[sharp geyser]

To each their own

its just a personal preference at the end of the day

[blissful coral]

https://i.imgur.com/TplzGxt.png

Fun

[ancient nova]

https://butler.scarlex.org/dashboard/home what do u guys think so far

done the home page

[earnest phoenix]

Moment
Now I have a system to welcome new members understand that?

[sharp geyser]

At this point it isn't cause of the navbar anymore I don't think

I think its the body

[civic scroll]

> sayuri reload --module Brainstorm

[wheat mesa]

Body padding

[civic scroll]

devtools go

also yeah

[wheat mesa]

I believe the default is 15px

[civic scroll]

wait

[wheat mesa]

Something like that

Depends on browser

[civic scroll]

just set the margin and padding to 0

it should work

[wheat mesa]

Yeah

[civic scroll]

on body

[ancient nova]

@civic scroll so?

:]

[proven escarp]

From what I understand... you are using the custom link such as .gg/something (custom vanity url). Discord doesn't recognize it as invited by a user so it doesn't return one. You can catch for that and just say that it's from vanity.

[wheat mesa]

Takes like 7 seconds to load

[sharp geyser]

yea

that worked

[civic scroll]

the bot stats should not be condensed into a single tile

[ancient nova]

wot

[civic scroll]

good

[sharp geyser]

I was looking at the dev tools

[ancient nova]

takes 1 second for me

[sharp geyser]

and realized that padding and margin was in the way

:p

[wheat mesa]

It’s slow to load for me

[civic scroll]

when you no inspect devtools

[wheat mesa]

It’s faster now

Probably major caching issue

[civic scroll]

yes

[ancient nova]

idk

[sharp geyser]

I not a frontend guy

so

[ancient nova]

anyway does it look good?

[sharp geyser]

I hardly know the tricks

[earnest phoenix]

How ?

[wheat mesa]

Pro tip misty: devtools saves headaches and time

[civic scroll]

:cough:

[ancient nova]

@civic scroll how do I make the line in the middle go to the very bottom

[sharp geyser]

change its height /s

idk if thats true

I suck at frontend

[ancient nova]

what if someone has a 4k screen

[sharp geyser]

Fuck em

who uses 4k

[ancient nova]

[sharp geyser]

Only people with money to waste uses 4k

[ancient nova]

I have a 2440p screen

so 2k

[sharp geyser]

and those people surely won't visit your site no offense

[civic scroll]

@ancient nova the border should be on aside element instead

[sharp geyser]

aside?

thats a thing?

[ancient nova]

ah bet

[civic scroll]

pro tip: devtool is your best friend

[civic scroll]

yes

[sharp geyser]

never knew this

😔

I got a lot to learn

I plan on having my navbar be a drawer effect

so i gotta hide it and transition iirc

[civic scroll]

@ancient nova also the aside has some top padding, consider removing it

[ancient nova]

that's on purpose actually

[civic scroll]

for what

[ancient nova]

the butler dashboard text to be a little lower from the top

[civic scroll]

then you just offset the text element

instead of the aside

what happens when you change the bg of aside

[ancient nova]

well the bg of aside is transparent anyway so changing the main background won't affect it

[civic scroll]

i said aside

it should be considered when you add color schemes for themes later on

[proven escarp]

just do .catch((e) => {}) if using js

[ancient nova]

https://butler.scarlex.org/dashboard/home does it look better now?

[civic scroll]

turned off my pc

could not audit

[earnest phoenix]

I think there is an easier way? If someone logs in via a link that Discord can't read, they tell me in the welcome that they have been invited by <owner>

Do you know this ?

[proven escarp]

that's literally what im telling you to do...

[boreal iron]

catch(() => null); please

[proven escarp]

.catch((e) => {}) and do anything you want on catch

[proven escarp]

[boreal iron]

[civic scroll]

fake no

[proven escarp]

i catched @radiant kraken

there

you can have it fake

[ancient nova]

ahh bet

[boreal iron]

Gonna sell it to voltrox

[proven escarp]

voltrox

[boreal iron]

Shhh

Auto correct does whatever it wants

[ancient nova]

@civic scroll now can I make an api call and get the value to be embedded into text with just html or do I need js for that? if I do need js then how do I take js variables and use them in html?

[sharp geyser]

What color scheme should I go for 🤔

[wheat mesa]

Ah yes make an API call with html

Makes sense

[sharp geyser]

I want it to be pleasing to the eye

Also color theory is a thing I gotta look into

[civic scroll]

at this point just generate the html directly on the server and send to client

[sharp geyser]

I am not too familiar with the cocnept

[ancient nova]

since you technically can embed js into html I thought that was possible

[civic scroll]

💀

[wheat mesa]

Color wheel

[civic scroll]

<script> exists

[wheat mesa]

Colors opposite to each other are complimentary, colors next to each other are analogous

I think

@civic scroll you do art I’m sure you can correct me if that’s wrong

[civic scroll]

also at this point use ajax style

[wheat mesa]

Aka colors on opposite sides of the color wheel look good together

[civic scroll]

you may be right

[sharp geyser]

damn

even sayuri doesn't know

[civic scroll]

i haven't studied color theory yet

i'm still focusing on lineart

[wheat mesa]

I did a little bit of web design which meant learning basic color theory

[civic scroll]

i do everything to my hearts content

[wheat mesa]

Basically because they’re opposite to each other they have high levels of contrast which is why they look good

[civic scroll]

"if it good it good"

💀

[sharp geyser]

Okay so thats cool

but my issue is how do I use those colors

[ancient nova]

omg my vps has js syntax highlight inside html

that's how u know it's good

[sharp geyser]

That doesn't mean its good

[ancient nova]

😭

[civic scroll]

also why would you do script inside body

[eternal osprey]

hey, is it possible to have 1 shared embed with buttons sent in the server, and the other bots would be able to detect the button interactions as well?

[sharp geyser]

Also when you do script inside the body

[ancient nova]

wait I'm gonna have to install fetch module dam

[sharp geyser]

its usually before the closing body tag

Uh no

[civic scroll]

HUH

[sharp geyser]

browsers have native fetch

[civic scroll]

what

[wheat mesa]

Other bots do not receive POST requests made to the bot who posted the message

[civic scroll]

this man

💀

pleas eresd docs

[eternal osprey]

I see, so it won't work. Thank you!

[civic scroll]

or at least search dgodgkte

google

gn it's 4.34sm

am

[sharp geyser]

God I am tired

[ancient nova]

butler-console@:~$ npm i node-fetch
npm ERR! code EJSONPARSE
npm ERR! path /home/container/package.json
npm ERR! JSON.parse Unexpected token "}" (0x7D) in JSON at position 50 while parsing near "...ress": "^4.18.1",\n }\n}\n"
npm ERR! JSON.parse Failed to parse JSON data.
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.

[sharp geyser]

went to sleep at 4am and woke up at 8 being spammed with text messages

[ancient nova]

ayeee wooot

[wheat mesa]

However you can set it up in a way (if you have access to the other bots) where the bot who posted that message receives the interaction and sends POST requests to the other bots where they can receive them and do whatever they wish with the interaction data

[sharp geyser]

My guy....

[eternal osprey]

How the fuck would we do that

and yeah i have the permissions to do so, but haven't got the clue to do that

[wheat mesa]

API endpoints on the other bots, if you have access to their code (I’m assuming it’s other bots you’ve made?)

[sharp geyser]

Waffle doesn't the browser have a native fetch implementation?

[wheat mesa]

You can use a webserver like express to receive the data and then use node fetch/your preferred API wrapper to send a POST request to said endpoint

[wheat mesa]

I mean yeah, javascript has it built in

[sharp geyser]

so tell me

why is this man trying to install node-fetch

👀

[wheat mesa]

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

@ancient nova look up your issues before immediately assuming a solution if you’re unsure you dingus

[eternal osprey]

I see! Way too hard. I will just create slash commands

[wheat mesa]

Not very hard, but definitely annoying to try to communicate between bots

[eternal osprey]

yeah, it's not hard but don't have the energy to do such api post and get requests for a simple command

tho, thank you waffle for helping me!

[wheat mesa]

👍

[ancient nova]

@wheat mesa so fetch is native?

no need to even define it?

[wheat mesa]

have you heard of trying it and seeing 😉

[ancient nova]

how do I use the top.gg api?

[sharp geyser]

you see the ||| its a placeholder for now, but I wanna add some space at the top as well but it doesn't seem like I can

I thought adding margin was the answer but it only adds it to the left

[ancient nova]

margin-top?

[wheat mesa]

margin top yeah

[ancient nova]

@civic scroll

idrk how to use it, any ideas?

[sharp geyser]

does nothing

that was the first thing I tried

[ancient nova]

do style="margin-top: whateverurnumberpx;" on the text

[sharp geyser]

I already tried that

as I said

[ancient nova]

if u want to do it on the div u can try margin-bottom

I see

[winter pasture]

Don’t put your API token client side 🙈

[ancient nova]

I'm using env though, should be alright

[sharp geyser]

Well that ain't how that works at all

[winter pasture]

If it’s loaded by the browser, environment variables does not work. Client will have full access to it

[sharp geyser]

https://developer.mozilla.org/en-US/docs/Web/API/fetch

read this

[wheat mesa]

Never ever ever put your api token client side

That shit will be gone in 2 hours

I will personally take it if that’s what it takes

[ancient nova]

wow

what else am I supposed to do lmao

[sharp geyser]

Make a server

and call to it

[wheat mesa]

^

You’re going to need webserver stuff for that type of thing

[sharp geyser]

If you're going to be doing smth like this

[ancient nova]

breh

[sharp geyser]

always make a server

saves you from exposing shit

and its just easier

[ancient nova]

and how will that server work

[wheat mesa]

Or just have a GET endpoint on your bot that gives stats

And make sure you ratelimit and/or just have values you update every x amount of seconds

This will make you vulnerable to a certain extent though

[winter pasture]

Could configure a quick Cloudflare worker

Have a worker function just call the api, return the JSON and use Cloudflare key value storage for caching

[ancient nova]

@winter pasture I'm trying to get my bots details from the api, what's the endpoint for that?

mainly trying to get the guild count

[winter pasture]

https://docs.top.gg/api/bot/#find-one-bot

It will return this https://docs.top.gg/api/bot/#bot-structure

[sharp geyser]

This guy relying on top.gg to get the guild count of his bot

what the absolute fuck

what happens if top.gg goes down

then what

just can't display your guild count?

[ancient nova]

yes

[winter pasture]

You saying top,gg isn’t the most reliable site out there?

[ancient nova]

idc I'm not going to make a server nor I'm going to put my website directly into my bots source

[sharp geyser]

My guy it goes down randomly as is

[winter pasture]

When have we ever gone offline 🧐

[lyric mountain]

This guy relying on top.gg to get the guild count of his bot anything

FTFY

[winter pasture]

/j

[sharp geyser]

This guy has to be the laziest dev ever

and he wants his bot to grow

jokes

[winter pasture]

Let’s not be toxic :D better to explain why it’s a bad idea than to just hate on it

[sharp geyser]

While I may be being harsh

it is constructive in itself

[sharp geyser]

I have already tried countless times

it gets boring after a while

[proven lantern]

This is how i am planning to setup my bots architecture. One issue i'm running into is that sometimes the Discord API isn't ready for the follow up and gives me a 404 and retrying it a few seconds later works. Is retrying the 404 error ok in this case? i plan to retry 5 times over 30 seconds

[lyric mountain]

We tried, and again, and again, and again, and...

But they always come back

[sharp geyser]

I see no issue with retrying it, as long as you don't get rate limited

although it being a 404 is definitely something to look into

that shouldn't be happening

[lyric mountain]

Countless hours trying to explain how they should research and where they can find the documentation and all the info they ever need

They didn't evem search how to add comments on html

[winter pasture]

Yeah I know. The best to do is to link to the resource to where they can get information. We can’t really spoon feed

[lyric mountain]

That's like, the first result on google

[sharp geyser]

Yea, at this point if he doesn't attempt to read what we link ima just ignore em

[ancient nova]

this going to work?

[earnest phoenix]

Sometimes people who ask for help here should learn how to lookup their issues/questions before coming here

Although they don't seem to do that

[proven escarp]

hem hem ItsOkayBae

[sharp geyser]

try it and see

Always try what you do, if it errors attempt to fix it

if you get stuck

google

if you can't figure it out still come here

[rustic nova]

tf is that last promise handler

[winter pasture]

Don’t see 404 being listed on their invalid list so http status codes https://discord.com/developers/docs/topics/rate-limits#invalid-request-limit-aka-cloudflare-bans
I think 2 years or so I did get a rate limit for fetching 404s to often with what seemed like a lower rate limit than the standard 200 OK limit, so may have changed

[rustic nova]

get element by id guilds?

[proven escarp]

idk it looks weird lmao

oh no

[sharp geyser]

it gets an element by id

[proven escarp]

on an html document

[rustic nova]

but why have that

[proven escarp]

🤷‍♂️

[rustic nova]

the data returned is a json

[sharp geyser]

so

<h1 id="guilds"></h1>

It would just put all the json into an h1

[rustic nova]

or whats the context of that

[proven escarp]

or ```html
<h2 id="guilds"></h2>

[rustic nova]

ohhhh

[sharp geyser]

so

[rustic nova]

nvm

ye

ok, is within a document

[sharp geyser]

doesn't matter

[proven escarp]

yes it does

[earnest phoenix]

The first then() call doesn't return anything, so the data parameter in the second then() call will be undefined

[sharp geyser]

as long as the id is there on any element

it will use that element

[proven escarp]

it could also be an h3

or an h4

or even a p

[sharp geyser]

loom you aren't helping

[rustic nova]

btw best is to have a backend for that instead of exposing your api token within your webpage

[proven escarp]

sowwy

[sharp geyser]

We've mentioned

[ancient nova]

I see then how should I make it work????

[rustic nova]

I mean I'm even getting paranoid for having a backend on my site, but that backend having access to my docker socket

[sharp geyser]

I plan on just making a graphql api for majority of what I do

[ancient nova]

if someone doesn't come with malicious intentions they probably won't do anything bad

[earnest phoenix]

You can either use the return keyword to return the data to the function or just (resp) => resp.json(), direct return

[sharp geyser]

That is a HORRIBLE mindset

[winter pasture]

But yeah. Looks pretty nice. Been running pretty much the same architecture for a while myself. Never has the issue you mentioned tho
Guess my message queues takes a bit longer causing me to not get 404s

[sharp geyser]

People won't trust what you build if you aren't secure

[rustic nova]

I mean they can essentially do anything with that token, don't assume nobody would care

[sharp geyser]

Hell

[rustic nova]

really best to have a backend for that

[ancient nova]

will this work?

[sharp geyser]

I would do smth just to teach you a lesson

[rustic nova]

I beg

please make a backend

this hurts to see

[ancient nova]

I don't even know where to start

[earnest phoenix]

fetch() returns a promise, you gotta resolve it

[sharp geyser]

lets just let em do him

[ancient nova]

making a backend

[sharp geyser]

if he gets fucked

thats his fault

we tried warning em

[fresh geyser]

i got banned for modding when i dont even know how to hack

in a fivem server

[rustic nova]

depending on what language, just a express server that has a endpoint called "guilds" and that just does what you did above

[sharp geyser]

not the place for this

[rustic nova]

without exposing your token

[ancient nova]

but when just anyone can call the guilds endpoint?

[sharp geyser]

Whats the harm in that

[ancient nova]

...

[sharp geyser]

Ooo wow they got your guild count

[fresh geyser]

where do im gonna text it then ??

[sharp geyser]

#general

this is a dev channel

[ancient nova]

oh my b I thought about something else

[sharp geyser]

I also once again

do not suggest using top.gg to get your guild count

if top.gg goes down for an extended period of time you will lose that information access

[rustic nova]

they can, thats the purpose of your publicly facing feature you're making

point being, you're not exposing a token

[ancient nova]

yeah my b I thought of something entirely differerent

idk why but I thought yall wanted me to make an endpoint that returns the key

[rustic nova]

its just a really really highly suggestion

oh nah

[sharp geyser]

That would be highly counter productive to what we've been saying

[rustic nova]

thats just as if you'd post your token right on the site and what you're making rn

[ancient nova]

yeah nw I'll make that api

[rustic nova]

essentially a backend that does actions in behalf of the site without exposing access keys etc

[sharp geyser]

Tbh

its not hard to attach a simple api to your bot

you will need it anyway if you wanna get member counts

top.gg can't give you that

Just run an express server on the same process as your bot e.g start it when you start your bot. and pass client to it

then you can access whatever you want about your bot

[lyric mountain]

Ran into CF ratelimit not too long ago, that ratelimit is DEFINITELY still there

[winter pasture]

Yeah. Seemed weird that they did not list 404 as a invalid request type. Seems like something they should have stricter limits for to prevent brute force for scraping etc

[ancient nova]

is this going to work?

[sharp geyser]

in your html file

you make a request to that endpoint

[rustic nova]

then its fine

[sharp geyser]

fetch("http://localhost:port/api/topgg")

or whatever the url is

[ancient nova]

fetch is not defined

[sharp geyser]

tho you have to actually return the data

[ancient nova]

https://butler.scarlex.org/api/topgg

[lyric mountain]

Not only 404, but any client-side error iirc

[ancient nova]

and yall said it was built in

[winter pasture]

Use node 18 for built in fetch

[lyric mountain]

Repeat too many times and BOOM, locked for a day

[sharp geyser]

node 18 has the built in fetch for ndoejs

when using it in html its browserjs

completely different from node

[ancient nova]

my version is Node.js v17.1.0

damnnn

[sharp geyser]

alternatively you can use something like undici

[ancient nova]

installing node-fetch then

[sharp geyser]

node-fetch trash

[ancient nova]

good enough for my purpose

[sharp geyser]

although undici iirc requires a higher node version anyway

as it uses the built in fetch node 18 offers

[winter pasture]

undici may be best option as it is what node 18 uses

Makes it easier to migrate in the future

[lyric mountain]

u always choose the "good enough" options dont u?

[ancient nova]

I can't upgrade to v18 node v17 is what my vps chooses

[sharp geyser]

He'd have to update node

[lyric mountain]

if u got into java I BET you would choose org.json

[sharp geyser]

which wouldn't be a problem if he had nvm

[lyric mountain]

which is a terrible memory hog

but "good enough" for json

[earnest phoenix]

They don't have to

[sharp geyser]

Doesn't undici require node 18+?

[earnest phoenix]

Undici supports running on Node.js v14 even

[sharp geyser]

Oh damn

I thought it was for 18+ only

[lyric mountain]

nsfw lib

[winter pasture]

"node": ">=12.18” from their package.json

[sharp geyser]

I will turn you into an nsfw lib

[earnest phoenix]

But the fetch() method Undici provides only works with Node.js v16 and higher

[lyric mountain]

[sharp geyser]

I see

Also I got distracted and stopped working on my website

So how do I do animations on click 🤔

Cause when I click something I want it to slide out in a transition

[lyric mountain]

a la powerpoint

[sharp geyser]

👀

[ancient nova]

how do I import the freaking esm module

so annoying

TypeError: fetch is not a function

[sharp geyser]

thats VERY helpful

instead you could show how you do everything as well

[winter pasture]

https://github.com/node-fetch/node-fetch#commonjs

[ancient nova]

SyntaxError: Cannot use import statement outside a module

[sharp geyser]

My god

SHOW

[sharp geyser]

CODE

[ancient nova]

OK RELAX

I WAS GETTING THE SCREENSHT

[sharp geyser]

Why not use require

[winter pasture]

node-fetch does not use commonjs

ESM only

[sharp geyser]

if you use v3 sure

[ancient nova]

it used to be able to be used with require

[sharp geyser]

v2 is still available

and it still gets criticle fixes

[winter pasture]

Yep. That’s why I sent the link above

[sharp geyser]

npm install node-fetch@v2

easy

[ancient nova]

alright how do I install the v2? what's the actual version code?

[ancient nova]

bet

[winter pasture]

Look at the link I sent above

[ancient nova]

didn't know it was called just v2 but ok

[sharp geyser]

Works wonders when you read

[winter pasture]

You could also enable "type": "module", in package json. Or make it a .mjs file. But let’s not get started with that now xD

[ancient nova]

I hope it overrides the old modules

[winter pasture]

It should yeah

[sharp geyser]

That is a can of worms on its own

[winter pasture]

Yeah 🙈

[sharp geyser]

he shouldn't touch esm at all

[ancient nova]

SyntaxError: Unexpected token o in JSON at position 1

god damn

so many errors

[sharp geyser]

Show your package.json

[ancient nova]

{
"dependencies": {
"express": "^4.18.1",
"node-fetch": "^1.0"
}
}

[sharp geyser]

or is this after you installed node-fetch

[ancient nova]

that's literally it

lmao

[sharp geyser]

why is it using 1.0

👀

[ancient nova]

I installed it on my PC and then moved the files to my VPS

[sharp geyser]

well thats not a good idea

[earnest phoenix]

That error is coming from the the URL you're making a request to

It returns an invalid response to consume as JSON

[ancient nova]

uh then what exactly is wrong ?

    res.setHeader("Content-Type", "application/json");
    
    const TOPGG_FETCH = fetch(`${TOPGG_BASE}/bots/973306610501947423`, {                                  
        method: 'GET',                       
        headers: {      
            'Authorization': TOPGG_HOOK,            
        }
    }).then(resp => resp.json());
    
    res.json(JSON.parse(TOPGG_FETCH));

[earnest phoenix]

Uh, you're not supposed to call the JSON.parse() method on the response, and the fetch() function returns a promise, resolve it

When you call the json() method on the response, it already gets consumed and converted to a JSON, if the response is valid and returns a JSON response of course

[ancient nova]

    res.setHeader("Content-Type", "application/json");
    
    const TOPGG_FETCH = await fetch(`${TOPGG_BASE}/bots/973306610501947423`, {                                  
        method: 'GET',                       
        headers: {      
            'Authorization': TOPGG_HOOK,            
        }
    }).then(resp => resp.json());
    
    res.json(Promise.resolve(TOPGG_FETCH));

I assume that's fine then?

[earnest phoenix]

what are you doing

[boreal iron]

From worse to worser

[earnest phoenix]

Remove the Promise.resolve() call, because the promise is already resolved by the await keyword

[ancient nova]

ok..

now what?

[earnest phoenix]

Try it

[boreal iron]

I mean if you would have looked into the docs once you could have easily just copied the example

That would at least make things a bit better

[ancient nova]

https://butler.scarlex.org/api/topgg

works

[boreal iron]

Are you going to call the request whenever a client loads the site?

I feel like I have to spam the F5 key once I’m back home to try it out

[ancient nova]

-_-

doesn't return the guild count so hold on

[lyric mountain]

LMAO didn't even think of that

the sheer amount of refreshes will make ur bot get listed out of the api

[boreal iron]

I feel like I’m horribly right with my guess

[ancient nova]

https://butler.scarlex.org/api/topgg

uhhh it doesn't return guild count bruhh 😭

https://docs.top.gg/api/bot/#find-one-bot

[lyric mountain]

but it is an api access

and any api transaction includes a ratelimit

[ancient nova]

just please don't, don't make my life harder

[lyric mountain]

unless it's ur own api

[lyric mountain]

I don't need to, u already do that willingly

[boreal iron]

Don’t worry, the internet is a save place, nothing bad happens if you let your door open

[ancient nova]

bruh why does it only return the shard count

https://top.gg/api/bots/973306610501947423/stats

[boreal iron]

Maybe because you’re accessing the wrong property

[ancient nova]

I'm not

[sharp geyser]

Notice how there is a ? at the end of server_count

if no server_count is present it will show null or smth

[boreal iron]

Why do you send a screenshot of the api fields?

[ancient nova]

how do I get the server_count to show then?

[boreal iron]

And not the code you wrote

[sharp geyser]

Show your code

what are you doing

this is basics to getting help

why do people fail so hard at it

[ancient nova]

the api code or the one in the html?

[boreal iron]

Do you even post your guild count?

[sharp geyser]

Show both if ou have to

either one will eventually be helpful

[ancient nova]

oh hell no I need to actually post the guild count to the top.gg api? I thought top.gg was getting the guild count automatically

[lyric mountain]

cant u simply use top.gg widgets?

[sharp geyser]

You

🤦‍♂️

[boreal iron]

I knew it

🤦‍♂️

[ancient nova]

omfg if I wanted to do that I would've integrated my damn bot into the website

[sharp geyser]

How the hell is top.gg going to get your guild count

there is no endpoint on discord's api for that

[boreal iron]

Magic

[sharp geyser]

If only

[dry imp]

you can even cheat the guild count

[boreal iron]

Shhh

[sharp geyser]

sure but it only promotes bad growth

[dry imp]

im just sayin

[boreal iron]

Jumping from 500 to 1000000

[ancient nova]

bruh 😭 ok I'll do the post on the "ready" event

[boreal iron]

Organic growth

[lyric mountain]

sudden #mod-logs notification

[ancient nova]

where do I even post the guild count to

[wheat mesa]

just post like every 3-12 hours

[solemn latch]

in the once ready event set an interval yeah.

[boreal iron]

[eternal osprey]

ncaught ZodError ZodError: [
  {
    "code": "invalid_type",
    "expected": "array",
    "received": "object",
    "path": [],
    "message": "Expected array, received object"
  }
]```huh

Copy\node_modules\@discordjs\builders\dist\index.js:3:7535)coming from the builders

[winter pasture]

What’s your code?

And DJS versjon

[boreal iron]

Wut

That’s no djs error

[eternal osprey]

djs v13.3.1

[boreal iron]

WUT

[eternal osprey]

I am not running anything, it comes from my index file

[winter pasture]

I mean the error must come from somewhere 🧐

If your not running anything, does it just pop open when you open your terminal?

Or do you run a node command?

[eternal osprey]

Ahaa i caught it and it's apparently coming from an Addchoices method!

[winter pasture]

Aha

[eternal osprey]

I only passed the {} instead of wrapping it in []

[boreal iron]

What sort of weird error logger is that