stage-discussion

[eternal iron]

Where?

[daring gale]

i comitted

at the glob import

[unkempt hill]

Yes that's not a thing

Registering components

You needed to do what anatole did

Glob imports the whole module

But the component is in the exports

This is abstracted by regular import syntax

Since you specify the exports to import explicitly, or in this case the name for the default export

Define component is just a helper really

Not what you want here

[eternal iron]

Can i name the types like this to have sorting? @daring gale

[daring gale]

sure but use dots instead of underscores

and lowercase

[eternal iron]

I guess they actually need to be all uppercase

to match the enum

Unless we can modify what glob uses as the key

[unkempt hill]

I don't understand what the fuck you are doing

Why does it need to match?

Are you like

Hard coding by index

Or something

[eternal iron]

By the messagetype yes

[unkempt hill]

Just have a named export or something

[eternal iron]

like what i did in the index?

[unkempt hill]

You can export out some metadata

As a named export

That you pickup when you iterate the glob import

[eternal iron]

I feel like my solution wasnt too bad

Since the types are static

The index also nicely displays which types we have renderers for

[daring gale]

@eternal iron hows the msgtype stuff

i started my cosmetics branch back up now

[eternal iron]

I havent had much time the last few hours

So not gonna be ready before I go away for the weekend

[daring gale]

[eternal iron]

I might be able to write some from the car tho

[daring gale]

i can probably finish it off over the weekend

looking to go beta on tuesday

[eternal iron]

Im probably gonna revert the change to the glob import

Since the msg types are static

[unkempt hill]

of course the guy with a spreadsheet as his namesake

wants to hardcode everything

typical, they never change

[daring gale]

glob import is good

[eternal iron]

But the messagetypes are hardcoded already

[forest pawn]

Anatole is there a reason I have 2 personal emote sets?

[unkempt hill]

extra good boy

[daring gale]

you still have the test set apparently

[forest pawn]

I mean I happily take 10 slots

[daring gale]

not anymore

[forest pawn]

I mean would that test set showed up when it launched anyway

[unkempt hill]

@eternal iron woa

I just looked at this

this is probably

the newest feature

in the extension

your pushing the edge

support for this was added like less than months ago

and firefox still doesnt have it

[eternal iron]

Sounds like an issue for firefox users

[unkempt hill]

[daring gale]

pushing the "edge"

except edge has support

aware

firefox

[unkempt hill]

Aware

[daring gale]

yeah this should probs be changed

we should aim to support chrome 100+

[unkempt hill]

its not even really neccissary tbh

[daring gale]

below that we dont care too much

[unkempt hill]

like that can be done easily other ways

plus

:has is very slow

I beleive

this was actually the reason

its taken so long

to be added in the first place

alot of browser devs and w3c people were very against it

[daring gale]

yeah just make mentions part of tokenization

[unkempt hill]

but I guess it made it anyways now that browsers dont really care

[daring gale]

and set a class

[unkempt hill]

about perf or resource usage

[eternal iron]

They are

[unkempt hill]

because it basically requires them

to change the way the layout engine works

it cant work top down anymore

[eternal iron]

But the tokenization is part of the usermessage

Which dosnt really have access to its parent container

[unkempt hill]

can we not

just like set a field

on the message itself

[daring gale]

literally just do that

[unkempt hill]

because this is better

anyways

you need to do that

if you want other types

of highlights

[eternal iron]

Yea i can change it

The current commits are very wip

[daring gale]

should be build dev4 later tonight with initial cosmetics support

• maybe personal emotes

[shell schooner]

later tonight

It’s almost morning

[daring gale]

morning for eu frogs

but theyre all asleep rn unless degen

so im talking to NA people

[shell schooner]

[woeful stirrup]

aNAtole

[vapid veldt]

[daring gale]

i went to bed

had to think about some edge cases but I think I got it now

[peak shuttle]

Edge cases are the best cases

[full marten]

paint doesnt work and the emote extension button isnt visable

yes the other version is disabled. yes i restarted my browser

[quasi carbon]

[daring gale]

there are no cosmetics on build dev3

[full marten]

what does it support

[daring gale]

?

[full marten]

the extension doesnt do anything since the emote menu isnt even visable

[daring gale]

wdym?

[full marten]

aside from no cosmetics

[daring gale]

the emote menu is just on the normal button

[full marten]

yeah its

[daring gale]

?

no like on the actual emote menu button from twitch

[full marten]

looks so much diffferent

[daring gale]

yes we redid everything

including twitch chat itself

it's all custom

[full marten]

i like it. it looks more simplistic

[daring gale]

@eternal iron can you push your branch before you go btw

if there was anything new

[eternal iron]

Left this morning, so havent done anything new

[daring gale]

ok

have fun with wherever youre going

[eternal iron]

Skiing and beer

[daring gale]

[daring gale]

me optimizing the backend fanout process for cosmetics v3

[vapid veldt]

[daring gale]

i think i got it

[inner sorrel]

btw did anyone talk about the @ not working yet

[eternal iron]

We should be able to hook/implement our own @wicked cypresstion could even use cosmetics presence?

[unkempt hill]

@wicked cypress

[unkempt hill]

very easily

its basically already hooked

just need to change it

[finite monolith]

@wicked cypress

[unkempt hill]

we modify it already

to make it not auto tab

so it doesnt conflict with our tab complete

would probably be basically the same impl as the emote provider

[daring gale]

@finite monolith wheres the tooltips PR mr badge farmer

[finite monolith]

vietnam

is there some kind of a good way to automatically sync the remote fork origin to the actual origin

[eternal iron]

Just do all the ui stuff, basically free badge

[daring gale]

ayo i made ui work a breeze

should be enjoyable if anything

plus you get a badge

dont ask me about those weird dollar things though

[eternal iron]

"You should be paying me"

[daring gale]

👍

[finite monolith]

[shell schooner]

[unkempt hill]

yeah just dont work on a fork

just setup with two remotes

and pull from upstream

push to fork

[finite monolith]

[unkempt hill]

what

[finite monolith]

your mother is a paperbag

[unkempt hill]

atleast she doesnt have to wear one in bed

unlike someone else in this chat room

[finite monolith]

best anatole line

2023

[random patrol]

[finite monolith]

oh btw

[unkempt hill]

btw

[finite monolith]

nvm

[random patrol]

[finite monolith]

does hmr not work with actual vue components

[unkempt hill]

no it only works with actual vue components

[finite monolith]

ok

i'm donk

is there a way to get the emote provider from the Emote interface

[eternal iron]

Which type?

Emote provider primarily only exists at the top of the set objects

[unkempt hill]

jesus what the fuck

huh

why do you have your vscode

setup like that

[finite monolith]

what's wrong

[unkempt hill]

refrence counts every line

[finite monolith]

[unkempt hill]

almost as bad as the people who make their vscode turn certain characters into symbols

[eternal iron]

No, there are no provider data on the emote objects

[unkempt hill]

like <= and ==

[eternal iron]

But you should probably assign some

[finite monolith]

fuck

[eternal iron]

All the set getters are in the workets i believe

[finite monolith]

is there a way i can set up volar so it tells me all of the errors in the project

[eternal iron]

Eslint and prettier

[finite monolith]

already have both

they only tell me the errors in the currently open files

*

[daring gale]

[unkempt hill]

you has to run it

[eternal iron]

You should only see errors from files youve edited anyway

[unkempt hill]

or theres probably

a vscode comm

[eternal iron]

Can always do yarn lint if you want to check

[daring gale]

make prod to see all errors

[eternal iron]

All tips should be taken with a grain of salt

[finite monolith]

i did something and it worked

oh fucking shit that actually worked

[daring gale]

. o O ( what is he talking about )

[unkempt hill]

anal fluids

[finite monolith]

or not

apparently all of the Transform functions return an Emote

[daring gale]

what

[eternal iron]

They all map the emote yea

[unkempt hill]

your mom returns an emote

specifically pagballs

after she's done with it

[finite monolith]

so this way i conveniently put some provider fields and that works fine but this way, the only provider which doesn't return the actual field is 7tv

[unkempt hill]

because she's just courteous like that

[eternal iron]

Not a happy one

[finite monolith]

[unkempt hill]

steven tv

[unkempt hill]

PagBallsHappy?

[eternal iron]

I guess we could assign provider to seventv aswell?

[wintry rampart]

font ligatures hater 😔

[finite monolith]

[eternal iron]

Now make the cusom onEmoteClick menu

[unkempt hill]

literal masochist

[polar magnet]

One thing I sorely miss about using Mac OS is the ability to type those kinds of characters easily

[inner sorrel]

ok this is hot

but why doesnt the 3x/4x show anymore

[unkempt hill]

Not a massive fan of that capitalized platform, unless it gets like bolded or something

[unkempt hill]

No you don't see... Those aren't special characters

Those psychomaniacs use those ligatures in place

Of regular sequences of chars

[daring gale]

lets avoid that "shared" terminology as well it's bttv nonsense

just icons for provider instead of text

[polar magnet]

@unkempt hill Yeah you can't type ligatures like that

but the characters for not-equal, the "greater/less than" variants, and other common math stuff is useful

[unkempt hill]

any compose/dead key users

Compose key is actually based

Expecially in distros where they don't compile out the custom per user keys

Canonical

I have a key combo for invisible chars

That I actually use pretty often weirdly

Alt, ., Space

[polar magnet]

Mac OS still better 🥱

[unkempt hill]

Apple stans

Go eat a pear

[polar magnet]

I don't stan apple

I only stan the good features

[finite monolith]

None

[half glade]

this is a good feature, don't see a need to remove it either

maybe will get added later

[wet talon]

@daring gale say, how are you planning to realize the animated offline screen/banner? mp4? webm?

(pls don't fucking say gif)

[daring gale]

bmp, displaying each frame individually

[wet talon]

[woeful stirrup]

gonna hire someone to hand draw each frame live?

[wet talon]

people already draw each frame live. how do you think cartoons are made?

[woeful stirrup]

[finite monolith]

good question

[daring gale]

decent data structure for presences now i think

by referencing entitlements i can emit entitlement.delete events when the user changes their stuff to remove previous cosmetics

[woeful stirrup]

EMOTE_SET refers to all emote sets including personal emotes?

[daring gale]

it refers to active entitled emote sets

also known as personal emote sets

[woeful stirrup]

so entitlements are basically sub only stuffs

[daring gale]

not necessarily

just refs to what the user has equipped

but stored at presence time so that during the next presence, if those values have changed the server can emit events telling clients to dereference previous cosmetics

[woeful stirrup]

am curious
when sub runs out, things are still equipped in entitlements but just not shown?

[daring gale]

no what you see here is live data

entitlements have role conditions

if you dont have the sub role, sub entitlements become inactive

[woeful stirrup]

[daring gale]

this is a full entitlement

[daring gale]

it works

got it to a point where it never sends duplicate data, but also expires the dedupe cache when switching back and forth with the same entitlements

[daring gale]

ok actually new build tonight

for real for real this time

no cap

[finite monolith]

[polar magnet]

[livid fern]

is that on 7tv

It's pretty good

[sinful schooner]

holy

im excited

[polar magnet]

no idea. It would be easier to find if we could search for tags.

"PogChamp 3D head spin" would probably turn up at least some of the tags

[sinful schooner]

reverse image search on 7tv when

[polar magnet]

7tv unironically needs some kind of image detection

reuploads are one of the bad things about BTTV

[finite monolith]

ai-based emote deduplication

[polar magnet]

if there was some infrastructure for detecting duplicate emotes, and allowing merges and alias transfers, that would be pog

different languages all call the same emote different things

there needs to be some way to deal with that

rather than just having someone upload an emote in each language so it's searchable

[devout veldt]

perceptual hashing is a thing but it would need to be robust enough to only send through images with a 95%+ similarity otherwise i could imagine it generating a lot of false positives since i assume smaller image sizes = less pixels = less accurate detection

you'd need a ui for mods to tell it which one is the "correct" emote, and a way to undo it if a mistake is made or its used differently (example: people prefer the low-quality version of an emote but there are high-quality renditions of it on 7tv called "<emotename>HD" or something)

[polar magnet]

Yeah it wouldn't be trusted to autonomously merge emotes or anything

(unless the uploaded file hashes are identical or something)

[devout veldt]

i found a site a while ago that does similarity-sorting for pepes and it lists images that are the same as the source image but with jpeg artifacting as less similar than completely different images, that being said though the site isnt for finding duplicates as much as it is a 4chan pepe dump

[polar magnet]

It would just be an extremely helpful tool for mods

[devout veldt]

but its an example of the tech in use

site for reference https://bbwroller.com/search/ef8cf62b5d3745639af9c941555cf6321be9531dfed9aa56ad25d4b9ec6f62ae
cw: nsfw, bigoted, and otherwise disturbing pepes exist as images on the site, and won't be filtered or blurred

[polar magnet]

Jason

[devout veldt]

i could also see something as simple as a 1 or 2-pixel shift or transparent padding tripping it up

[sinful schooner]

collab with commanderroot

[polar magnet]

I’m too busy collabing with Nymn

[barren widget]

[finite monolith]

i collab with your mom

[shell schooner]

what happened to the new emote

I swear it had a nymn face hours ago

[daring gale]

almost

[finite monolith]

[quasi carbon]

[finite monolith]

anatole is a 7tv translator

[daring gale]

ok

it works alright

[quasi carbon]

help me anatole chat is lagging

[daring gale]

wdym?

is it actually?

[quasi carbon]

Since it's so singletrhreaded cpu2 goes to 100% and video stops playing due to fast chat

[daring gale]

with the new extension?

[quasi carbon]

Oh no this is before testing the new one so you bet im waiting.

[daring gale]

it shouldnt lag with the new extension

[quasi carbon]

THats what im about to compare

[daring gale]

ok so reactivity needs some work , you need to post twice after swapping badge, but cosmetics v3 is live

gonna be packing a new build

[eternal iron]

Dosnt it update immediately if you concat it in the computed?

[daring gale]

not sure

vue is a bit weird with push and pop at the same time

[finite monolith]

rewrite it in rust

[daring gale]

like the array is correct but it doesnt render properly

[finite monolith]

🔔

[teal knoll]

i’ll check when i’m not at work

[finite monolith]

the emote menu looks nice

[obsidian phoenix]

very nice

[quasi carbon]

Indeed thats pretty

[dull siren]

this bug was completly gone with the other builds but it seems that it's back

[obsidian phoenix]

assuming we'll eventually be able to change the order of this list?

[finite monolith]

actual good idea

[obsidian phoenix]

thats not already planned?

[finite monolith]

idk

lol

i'm not a dev

[shell schooner]

I’ve said multiple times it should prioritize subs

[obsidian phoenix]

yh chuck all this to the bottom plz

[barren widget]

[sinful forum]

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

This normal?

[daring gale]

yes

[sinful forum]

Oh

https://cdn.discordapp.com/emojis/1005994332823760967.webp?size=48

[shell schooner]

are you gonna add it before the beta ?

[finite monolith]

i tried to get it to say what provider the emote came from and etc

but i'm awful at navigating foreign code

[obsidian phoenix]

idk if i can ever move on from my precious chatterino extension

[woeful stirrup]

YOU WILL USE THE NEW EXTENSION
YOU WILL LOVE TO USE IT

[woeful stirrup]

#stage-discussion message
so this issue hasnt been resolved yet

[daring gale]

chromium bug

[eternal iron]

Is there a cd for switching badges right now?

[daring gale]

no

[eternal iron]

Should badges be reactive?

[daring gale]

yeah probably

[inner sorrel]

classic

that thing where the chat dissapears when you use colon completion is back

[daring gale]

it's not back

it's just a thing now

but it was bc of this

prettier cucked it

this is meant to be two $ symbols but prettier decided to make it only 1

[woeful stirrup]

make that $$ 💸

[inner sorrel]

please fix it i cant stand it anymore i hate tab completion cuz im pepeg

[daring gale]

just for u

[inner sorrel]

thank you

OH MY GOD I CAN ACTUALLY USE IT NOW

[woeful stirrup]

4 U

[inner sorrel]

[delicate robin]

[naive hatch]

not sure if expected. OperaGX when I try to use colon to put an emote in my message the chatbox disappears entirely and doesn't comeback until I refresh the page.

NVM scrolled up and saw the answer

[inner sorrel]

[empty dawn]

Clicking on links in chat opens them in the same tab, instead of a new one.

This still happens. Just a reminder

[empty dawn]

Raid of a user to a streamer I was watching happened 7:00 PM and was displayed in Chatterino at the same time. It appeared at 7:11 PM in twitch chat with the dev 3 build. I know, those things are scuffed atm, but wanted to report in anyways. Seems weird that it still appeared after 11 minutes instead of not showing up at all.

Happened again today. Raid happened at <t:1673186580:t> (Chatterino). Message appeared in chat at <t:1673187120:t> (Dev4). Let me know if already acknowledged and I'll stop reporting it

[finite monolith]

:ft:

anatole casually sneaking in some unrelated changes

anyways um

[inner sorrel]

badge farmer

[finite monolith]

#general message

can we get it cherry-picked

[finite monolith]

@shell schooner what do you think would be a good solution to tooltips for emotes with super long names

[shell schooner]

not sure

[finite monolith]

my idea is to have the width be limited to some value and have the text break at some width

so it would be kinda like this

[shell schooner]

yeah

this is the best option imo

and just keep the emote in the middle i guess?

[finite monolith]

i guess

[daring gale]

@finite monolith done

rebase master

[finite monolith]

okay egg

oh my fucking god

the hot reloading is broken again

[daring gale]

why

[eternal iron]

You may need to clear some stuff when switching branches

[delicate robin]

What badge is that?

[eternal iron]

translator

[finite monolith]

what do i need to clear

beside dist/

and killing the workers if there are any

[daring gale]

check that the js files are being pulled from localhost and not chrome-extension

in network tab

if they are not you are doing something wrong

[finite monolith]

ok wlel

idk why its ipv6

but this should be a local address

its kinda like

if no matter what files i edit nothing happens

oh wtf

ok

nvm

[gleaming dagger]

[finite monolith]

some donkery is happening though

[delicate robin]

Idk if this been reported already but I have problems with Chat appearance

[eternal iron]

What kind of problems?

[delicate robin]

Like I have them turned on but don’t work

[daring gale]

you have what turned on?

[finite monolith]

HOLY FUCKING SHIT IM STUPID

[eternal iron]

?

[finite monolith]

i was

i was setting the font weight to 16 px

and not the font size

sleep deprivation moment

[delicate robin]

Let me get on my pc rq

[daring gale]

[delicate robin]

Timestamps, readable color, and replies in chat dont work

Also doesn’t let me click on my username

After refreshing 2-3 times it starts to work

[daring gale]

what's concerning here is that last bit really it shouldn't start to work, because timestamps, replies and user cards are not implemented

so if those things work it means the extension isn't loading

[unkempt hill]

That literally is a local address

[finite monolith]

i don't have ipv6 though

so im surprised it used ipv6

[unkempt hill]

Wdym don't have

[finite monolith]

as in my isp doesn't have ipv6

[unkempt hill]

But it's a loopback device

[delicate robin]

The extension also works lol

[unkempt hill]

That doesn't mean anything

[finite monolith]

i mean yeah but

why would it use ipv6

[unkempt hill]

Why wouldn't it?

[finite monolith]

good point

[unkempt hill]

It's just as fit as using ipv4

It doesn't matter it just loops back to your local machine

No routing even happens

[unkempt hill]

Pretty sure something might be wrong with the shared worker impl

At some point while testing a while ago I had to clear the local storage key

To get anything to even load at all

[gleaming dagger]

is this known

[unkempt hill]

Didn't really look into why

[daring gale]

@gleaming dagger

[unkempt hill]

Yes

[finite monolith]

yeah

it was fixed

[gleaming dagger]

ty

[finite monolith]

its coming along ladies and gentlemen

[inner sorrel]

its tilted

fix it

[finite monolith]

fucking hell man

fix the icons already

[shell schooner]

is it gonna say whether its global or channel

Or event

[finite monolith]

@daring gale

[daring gale]

?

[finite monolith]

should it say if its global or channel and how

if so

[shell schooner]

It should

[finite monolith]

i made it look like my figma mockup

[inner sorrel]

emote could be bigger

[finite monolith]

yeah

pretty nice

if we get the cooler icons which have the same sort of size it will look even better

time to get out the big guns

monkalaugh

very cool

NOW THIS

oh oops

wrong transparency level

[shell schooner]

yes this one is the best

[finite monolith]

fuck man

i just made the edges slightly roundier

and it looks so good

[shell schooner]

are we not gonna add the little arrow at the bottom

[finite monolith]

i need to figure out a way to not make it go off screen first

uhh

i wonder if vueuse has something for this

@daring gale

hjelp

[daring gale]

disregard

will fix this later

we have a utility for it

[finite monolith]

okay nice

the only problem is that i just cvpasted the get srcset utility from the ChatEmote.vue file and the sizes are a bit inconsistent

good enough

[sinful schooner]

i like this one the most too

[finite monolith]

fuck man

i made it and even i think it looks pretty hot

[daring gale]

this is too rounded

0.25em maximum on border radius

[finite monolith]

ok

I created a PR btw

If you got any nitpicks

[finite monolith]

Let me know

[polar jackal]

new extension not working for me

[finite monolith]

In what way

[daring gale]

new build later with paints support and transitory cosmetics v2 implementation (so that you can see cosmetics of users still on v2 clients)

[unkempt hill]

padding seems too big to me

like theres double inner padding

around the emote

instead of just a lower margin to the text

and equal padding around the whole container

[finite monolith]

i mean yeah

i added some extra padding to the emotes themselves

to make them look less shit

[unkempt hill]

looks worse to me imo

[finite monolith]

having too little padding will make it look uglier though

[unkempt hill]

i dont think so I think the container padding is enough

• margin to text

[finite monolith]

let's see here

[unkempt hill]

most emotes wont even push the padding anyways

so they'll fall in regardless

because usually the name will be longer

I imagine

[finite monolith]

um actually!!! the average length for all emotes is around 14 letters!!!!!!!!!

[unkempt hill]

also did you test if the behavior is correct

around screen border

or if the tooltip ui placement method needs to be tweaked

[finite monolith]

one sec

[unkempt hill]

it shouldnt resize the box but it might if its not configured correctly

it should just shift

[finite monolith]

asd

scroll up there

[unkempt hill]

oh

not even impl

well he's right there is utility for this

its easy to do

[finite monolith]

i'm

[unkempt hill]

dont worry about trying to implement it yourself, if thats what you were planning to do

[finite monolith]

oh

you're right it does look better

[unkempt hill]

yeah I think even just a little more padding

on the container

would be perfect

[unkempt hill]

around 75% the margin between text

lgtm

[finite monolith]

uhhh

honestly

i'm gonna sneak in the icons

[unkempt hill]

committing non atomically

[finite monolith]

okay egg

oh wtf

omegal

hot reloading caused the previous svgs to still stay there but just smaller

so it looked donk

you think i should make the icons bigger

because they're all the same size now

pick which one looks best

[unkempt hill]

somethings not quite right there

its too far down

[finite monolith]

what is

[unkempt hill]

is it being placed with a flexbox?

or is it inline

[finite monolith]

grid

[unkempt hill]

why

flexbox is grid

but on crack

[finite monolith]

to make it so i can put text on the left and the icon on the right

[unkempt hill]

no reason to really ever use grid

its basically obsolete

unless

[finite monolith]

😳

[unkempt hill]

you actually want to place in a very strict grid

ie equal spacing equal placement

[sinful schooner]

theres so much padding

it looks awkward

[unkempt hill]

there are ways to do this that would be better

I would do flexbox but you could also just do float:right

[finite monolith]

hmm

and those are?

[unkempt hill]

or right: 0

position: absolute

flexbox is best imo

because then you can explicitly

vertically align them

so the mid point of the icon

and of the text

are exactly aligned

always

just make a flexbox with align-items: center;

and then a spacer element

in the middle

with flex: 1

and it should put the icon on the right

[finite monolith]

oh right

this now uses flexbox

[unkempt hill]

PagMan

is justify content set too

its still bugging me

unless

some pepega

made the icons

and added height to the top

justify-content: center;
align-items: center;

[finite monolith]

add that to the icon or?

[unkempt hill]

add it to the container around it

the box containing the text and the icon

wherever display: flex; is

[finite monolith]

oh in that way

[unkempt hill]

that looks good still a little offset i'd have to see the layout myself then

[finite monolith]

[unkempt hill]

but that looks nice

actually

I think that is right

[finite monolith]

we should ideally have someone recreate the icons at a pixel perfect size

so they dont look fuzzy

[unkempt hill]

perhaps

[finite monolith]

ok i'm commeeeeeeeeeeting

i'm not sure if i did it right

but it looks fine

gotta check huge emote texts to see if it looks okay

[unkempt hill]

whatd you do

just max-width

should work

[finite monolith]

yeah i did

just checking

[unkempt hill]

it might

[finite monolith]

[unkempt hill]

collapse the spacer

if you didnt add a bit of forced margin

and push the icon too close

just set a min-width

on the spacer

if it does that

[finite monolith]

one sec

oh god fucking dammit

the env dev file reset again

[unkempt hill]

kek

just stash it

and apply every time

better than editing it i suppose

[finite monolith]

it's literally like

out of git

i have no clue what happens

[unkempt hill]

well yeah its in tree though so its probably a vscode warning that you told to not show or something

[finite monolith]

nope

[unkempt hill]

normally git wont let you switch branches

with that kind of thing

because you would loose modification

[finite monolith]

git update-index --assume-unchanged .env.dev

[unkempt hill]

well thats why its reseting then

because youve just told it that it shouldnt care

[finite monolith]

[unkempt hill]

uhh

interesting

whats the markup?

[finite monolith]

wdym

[unkempt hill]

like just screenshot the component

or commit and fix later thats fine too

just wanted to see the html

layout

[finite monolith]

how do i make the icon go down

[daring gale]

if its flex then align-items: center?

[finite monolith]

ok

i just added display: flex to the spacer and that worked

is it better when its centered to the text

or at the end

okay dumb question

this looks donk

[daring gale]

no

[finite monolith]

aligning them to center makes them look great at a single line

but sorta bad if the text is huge

this looks better

[daring gale]

do align end for the logo

so it aligns at the bottom of the text

[finite monolith]

this looks

[daring gale]

on the logo

do align at end

[finite monolith]

oh that worked

[daring gale]

better

[finite monolith]

okay egg

[sinful schooner]

are u not gonna include where the emote is from and by who?

[unkempt hill]

this was close

this is really what i meant

[daring gale]

it should say the creator under the text

[unkempt hill]

then inbetween

the text

and the icon

add a div

with flex: 1

or flex-grow: 1

doesnt matter one is just shorthand

[finite monolith]

another div?

[unkempt hill]

yep div goes in the middle

not around

its a spacer

it just expands to fill the space

whatever space there may be

• an optional minimum width too

to keep a set distance no matter what

[daring gale]

this doesnt look good

[daring gale]

keep it close to this

[unkempt hill]

nah you neet to get rid of

[daring gale]

this is fine

[unkempt hill]

justify-content

[shell schooner]

Emote name has to be in the middle

[shell schooner]

Otherwise it’s gonna look uneven

[unkempt hill]

nah emote name should be on the left

in the middle would look wierd I think

[finite monolith]

it does

[daring gale]

this is good https://cdn.discordapp.com/attachments/857280795256422411/1061790582990700754/image.png

keep it that way

[finite monolith]

okay egg

[unkempt hill]

yeah that is fine if you dont care about the icon

being centered

then keep it like that

[daring gale]

the icon should be at the bottom right always

[unkempt hill]

[finite monolith]

okay

i think removing justify content worked

[unkempt hill]

yeah thats generally how i do layout like this

[unkempt hill]

in the modern era

looks good to me

[shell schooner]

how are you gonna show that an emote is a global/sub/follower then

[unkempt hill]

we can add another line not a big deal

[daring gale]

labels

[unkempt hill]

just add another div

more divs always equals more better

[shell schooner]

icon seems pretty useless then

[daring gale]

y

[shell schooner]

If it’s gonna say for example Twitch global

[unkempt hill]

not the same as something else = useless

bubus design strategy

[shell schooner]

Or 7tv channel

[unkempt hill]

strikes again

[daring gale]

no itll just say global emote

[unkempt hill]

we dont need to be exactly like

ffz's tooltips\

we can have our own style

[daring gale]

itll say "global emote" or "personal emote", "sub emote" etc

doesnt repeat the provider

[finite monolith]

also

[shell schooner]

Oke

[finite monolith]

the new icons look nice

with the emote menu

[daring gale]

7TV has all of channel, personal, sub and global types

[unkempt hill]

wish we could do set display too like native twitch but not possible

like i mean show what channel an emote is from

since that just gets fetched from gql on card open

not suitable for tooltip

[daring gale]

we can issue a gql request on hover prob

i think thatd be fine

[finite monolith]

[unkempt hill]

inb4 dm

from a twitch staff

hey

uh

your making too many logs

again

[daring gale]

we'll just do the thing about remote controls in the extension

where an api endpoint can disable stuff

make everything remotely manageable

[eternal iron]

Hover dosnt need to display that much tbh

[sinful schooner]

📈 blur and transparency and boxes

[unkempt hill]

i want it to show everything

make it show me the time of day

[eternal iron]

We can just implement cards for 3rd party emotes

[unkempt hill]

and my calander

ok cool idea that nobody wants to implement

but

we should transition

from hover card

to emote card

on click

[eternal iron]

[unkempt hill]

like resize the box and transition the positions

anatole

pay for gsap

so all the design people can make pog animations

[daring gale]

isnt gsap like

gigabloat

[unkempt hill]

a little

[finite monolith]

BloatChest

[unkempt hill]

its basically

the jquery

of animation

[daring gale]

yea

its kinda dogshit

[unkempt hill]

makes everything syntactic sugar

[daring gale]

vue animation framework is enough tbh

[unkempt hill]

vue animations

arent even animations

[daring gale]

its css

[unkempt hill]

theyre just fucking triggers

they suck

[daring gale]

ye

[unkempt hill]

i want cool stagger effects and custom timeline controls

[daring gale]

but it does have hooks and stuff

[unkempt hill]

and automatic FLIP calculation

[daring gale]

so you can run code when the animation starts or ends

[unkempt hill]

for moving between states

[finite monolith]

we need like

[unkempt hill]

but honestly your right

the web animation api

[finite monolith]

the old linux window closing and opening animations

[unkempt hill]

now that it exists

[finite monolith]

with explosions and shit

[unkempt hill]

actually obsoletes things like gsap

now that you dont need to store into a css animation

just to animate off thread

[daring gale]

its not as pretty but its def better than a bloated proprietary framework

[unkempt hill]

actually not that bad

worse if you include all the plugins tho

[eternal iron]

Maybe i can finish types tomorrow

[daring gale]

gn sheet guy

[unkempt hill]

oh yeah btw i was kinda disapointed actually

when I looked at the docs for vue animations

and it literally just provides hooks

[daring gale]

yeah

[unkempt hill]

and the docs tell you to use something like gsap

oh ok great

[daring gale]

i mean its very limited

like

i wish more frameworks would have the one angular has

that shit is like the only good thing angular had going for it

[unkempt hill]

yeah angular animations are good but kinda donk

in the same way

that all of angluar

is donk

how it reimplements the wheel

[vapid veldt]

anatole do you know why clicking on different channels on the emote menu still doesn't go directly to the channel?

[daring gale]

true

[vapid veldt]

this

[daring gale]

chromium issue

[unkempt hill]

talk about bloat

[vapid veldt]

[daring gale]

angular is the definition of bloat

[unkempt hill]

yeah

[daring gale]

but it had a good idea for animations

[unkempt hill]

have you seen

not just how bloated

the angular core is

but have you actually looked

at an angular project

[daring gale]

its bad

[unkempt hill]

and how many

[daring gale]

i mean

[unkempt hill]

deps

[finite monolith]

dont they use an internal framework

[unkempt hill]

it brings in

[daring gale]

the minimum is like 2 megabytes

[finite monolith]

for the framework itself

[unkempt hill]

i love

[daring gale]

for base bundle

[unkempt hill]

downloading

40k

packages

from npm

[daring gale]

that too

its so bad

[unkempt hill]

not even

exaggurating

[daring gale]

i know

[unkempt hill]

the base core brings in like 33k

[daring gale]

i made the old website with angular

i know how much bloat it has

also

[finite monolith]

why

[daring gale]

it takes so long to build

for like no good reason

[vapid veldt]

so by default are emotes bigger than 1:1 just set to a 1:3 box?

[unkempt hill]

no theres another box size isnt there

[finite monolith]

yeah

there's 1x 2x and 3x

[vapid veldt]

sorted by box size, makes sense