stage-discussion

[finite monolith]

if this is what you mean

[unkempt hill]

like it only works well if you actually interupt the scroll first

otherwise it does that

like it gets stuck

only on chrome

[daring gale]

yeah so i guess to support emojis we gotta add like half a meg to the extension bundle

pogchamp

[unkempt hill]

tbf its not like other extensions dont have this

[finite monolith]

aware

[torn geode]

This could be compressed a lot with a custom format tho

[unkempt hill]

the old twemoji package probably had this too

[torn geode]

Also it's distributed "offline" so meh

[daring gale]

yeah its prob like 200KB in json format

[unkempt hill]

we can preprocess this obv

yeah

[daring gale]

do u have it melo,

or where they publis h these

[unkempt hill]

https://unicode.org/Public/emoji/15.0/

[daring gale]

i found the one for the old extension on some random gist i think

[unkempt hill]

all specs

https://unicode.org/Public/emoji/

(we only need the latest)

[daring gale]

any json file prepublished or do we gotta make one

[unkempt hill]

nah i dont think so

[shell schooner]

all this stuff should be in a separate subcategory, it gets really cancer if you have like a whole ass category for just one emote

[unkempt hill]

pajbot has like a shitty python one but other than that i dont think so

[shell schooner]

subs > global > events

[unkempt hill]

im sure you could find a script

but probably not too hard to make one

[finite monolith]

also

[daring gale]

yeah i mean its fine easy to just process it into a json file

[twilit halo]

treuks, reminder from: zneix - https://www.youtube.com/watch?v=-EAvFIkEK08 (1m, 40s ago)

[daring gale]

tbh

the only emoji we need

is 🫃

the rest are useless

[finite monolith]

oh oops i broke something

[daring gale]

logs?

[unkempt hill]

not a bug

bttv users

[finite monolith]

[unkempt hill]

also tho

do we even load bttv globals

[finite monolith]

no errors?

[unkempt hill]

is a good question

[daring gale]

we do

[daring gale]

f12

not these

and enable verbose level

[shell schooner]

also can the emote menu be resizable

like you could extend it vertically

[unkempt hill]

no\

now go away

[shell schooner]

[daring gale]

D:

[unkempt hill]

you and your resizable requests

make chat resizable

make the emote menu resizable

make the chat box resizable

make the video player resizable

[daring gale]

make your cock resizable

[finite monolith]

oh wtf

[unkempt hill]

[finite monolith]

i didn't even do anything special?

[daring gale]

wat

[finite monolith]

Rollup failed to resolve import "@vueuse/core"

[daring gale]

can u screenshot the goddamn LOGS

[unkempt hill]

new ui helper just dropped

[daring gale]

NOW

⚡

[unkempt hill]

UiResizable

[daring gale]

[finite monolith]

give me a second it might be an issue on my end

[daring gale]

oh wait no ur self compiling

[quasi carbon]

Beauty! firefox addon loaded fine when i loaded it in about:debugging

[finite monolith]

yeah i am

[unkempt hill]

this is why

[daring gale]

did u even yarn

[unkempt hill]

we dont use devdependancies

[finite monolith]

yep i did

[unkempt hill]

make them regular deps

otherwise pepegas

will compile it wrong

[finite monolith]

ok wtf

[unkempt hill]

vueuse will have nothing to do with emotes not loading

[daring gale]

dev deps are installed though

[unkempt hill]

idk why you keep screenshotting that

[unkempt hill]

uhhh

not if you do a regular build with npm

without setting up the env

i dont think

like if you just clone then build

maybe it does

idk

[daring gale]

ur on master arent you

you should swap to my branch

[finite monolith]

H

[daring gale]

i changed like everything

[finite monolith]

fuck

[unkempt hill]

h

[daring gale]

h

[unkempt hill]

git nerd question

do you guys ever prune

or do you just leave archaeic branches

[finite monolith]

which branch

[daring gale]

feat/cosmetics

i prune sometimes

only once i know i cleared all my active branches

[unkempt hill]

i only prune when i actually need to fetch

[daring gale]

cause once i did that and fucking nuked a branch i was working on

[unkempt hill]

like if im super behind

[daring gale]

that i hadnt pushed

[unkempt hill]

and just want to fetch all branches

prune shouldnt do that tho

prune only deletes the origin/ copies

you have to manually delete the tracked branches

unless theres another command, there probably is

but I usually just do fetch --prune

then manually delete the branches that were tracking the pruned ones

[finite monolith]

ok i switched to the cosmetics branch and i yarn ed again

and it's still the same

[daring gale]

what is the same

[finite monolith]

this

[daring gale]

u might be trying to load from a dev server

change .env.dev to ```NODE_ENV=development
VITE_APP_API_REST="https://7tv.io/v3"
VITE_APP_API_EVENTS="wss://events.7tv.io/v3"

then close out and yarn dev

[finite monolith]

the links were exactly the same

[daring gale]

could be skill issue

[finite monolith]

ok let me just redownload the repo from scratch

[daring gale]

just check the logs

there are sourcemaps

[finite monolith]

okay nice the messages aren't fucked but emotes don't load in

oh

ffs

[eternal iron]

Also make sure you have all twitch windows closed

[finite monolith]

when

[daring gale]

when u want to reload

[finite monolith]

oh right sure

[eternal iron]

Since they share data

[daring gale]

because it uses a shared worker which stays alive until you close out all tabs

[finite monolith]

makes sense

[daring gale]

all tabs are tracked and know of each others

[finite monolith]

OH

i get some 7tv errors but there is absolutely no 7tv ui

the emote picker is the native twitch one

no shit there aren't emotes

[shell schooner]

[daring gale]

[shell schooner]

have you tried blurring the menu

[daring gale]

what for

[finite monolith]

blur fucking everywhere

[shell schooner]

blur the player

[daring gale]

as in frosted glass effect on the background to see chat behind?

[shell schooner]

yes very subtle

[daring gale]

idk that might look dank

could try

[finite monolith]

[shell schooner]

chatsen does it

[daring gale]

it looks decent on tooltips but since emote menu has so much color nuance with the all the images it might be different

[shell schooner]

also there needs to be a universal icon for global emotes

[finite monolith]

[daring gale]

it's my pfp cause it takes the emote set owner's

i was gonna just swap the global set's ownership to the 7tvapp account

[finite monolith]

ok i think i'm retarded

7tv doesn't give me any errors and it doesn't modify the page

[daring gale]

unlucky

[finite monolith]

lets try using something instead of ungoogled chromium i guess

fuck i think i might have to install google chrome

Aware

[quasi carbon]

that actually worked for me the other day with the v2

didnt compile myself though.

[finite monolith]

BRUHHHH

using google chrome just fucking straight up worked

okay now for the actual dankBusiness

[quasi carbon]

goddamn it's so much faster. I can actually watch streams with chat open now and not freeze the video.

[daring gale]

[finite monolith]

there we go

[quasi carbon]

Thanks analtoe!

[daring gale]

this is alright

think it needs the signature shape though

[finite monolith]

what kind of a shape

[daring gale]

[quasi carbon]

[finite monolith]

is that an scss expression

[daring gale]

it's for clip path

ie clip-path: createbevel(0.5em);

[finite monolith]

[polar jackal]

idk why it just stopped working

[finite monolith]

maybe a bit more transparent

i think i like how this looks

[shell schooner]

lovely

[finite monolith]

ok ok

lets try this on an active chat

[eternal iron]

I guess the channel headers should use a transparent background aswell

[finite monolith]

working on it

[shell schooner]

it looks pretty fresh

[finite monolith]

got rid of the ugly shadows

looks pretty drippy

[eternal iron]

Could just have used the branch that already did that

[finite monolith]

[shell schooner]

so clean

looks much better now

just needs the same outline as the tooltip on the edges so it doesnt blend into chat maybe

[odd bone]

i need to download on my laptop

[finite monolith]

ok

i also fixed a small issue i found

along the way

[shell schooner]

its coming together

it looks really professional now

[daring gale]

looks nice

[shell schooner]

im gonna try to make the icons consistent tomorrow

[finite monolith]

ok

any more complaints?

[shell schooner]

i guess we are gonna need a search bar

[finite monolith]

hmm sure

[shell schooner]

holy fuck i cant stop looking at it

[daring gale]

dont add search bar for now

that would have to be its own PR

[finite monolith]

yeah i know

also

[unkempt hill]

search this

THIS

[finite monolith]

do you guys just submit branches directly to the main repo?

[daring gale]

main repo?

[unkempt hill]

only if you have write access

[eternal iron]

Idk how many changes you made, but consider merging with this @finite monolith https://github.com/SevenTV/ExtensionV3/pull/30

[finite monolith]

of the extension

[unkempt hill]

just fork

[daring gale]

ExtensionV3

regular repo is temporarily unmaintained

until the new extension is live

[unkempt hill]

how are you gonna do that

[daring gale]

then this repo will be merged into the old one

[unkempt hill]

git set-remote Extension

git push origin +

KKona

[finite monolith]

hmm

is there some kind of a non kkona way to stash the changes and put them into a different repo

[unkempt hill]

yes

git stash

then add a remote

when you clone

it just auto sets up a remote

called origin

but its not special

if you swap remotes then delete the old one

and clean your branches

you've effectively just switched repos

make sure you do git stash -S

[eternal iron]

Oh, and you can only contribute if your name ends in -ify

[unkempt hill]

to save new files too tho

and stage first

[daring gale]

truckify

[finite monolith]

very dan

k

[unkempt hill]

welcome to git

[finite monolith]

@eternal iron i should use hsla right?

[unkempt hill]

ew gross why

if he says yes

[eternal iron]

idk, i used it for some values and then ended up using it for all

[unkempt hill]

ignore it

[finite monolith]

idk i think in hex colors

[eternal iron]

Since all the values i worked with were scaled from black to white hsla worked quite nice

[unkempt hill]

decimal color ftw

[unkempt hill]

vscode has a one click change type tho

[finite monolith]

ok nice i merged some of your changes with my own changes

[unkempt hill]

it literally converts in place

for you

just tap the color

[unkempt hill]

i hope by this you mean rebase

[eternal iron]

[unkempt hill]

and are not about to commit an octopus merge

for no reason

[finite monolith]

of course i mean rebase

[unkempt hill]

hey i mean go look at the kernel source tree

whats the record now

like a 38 way merge commit

1 commit with 38 parents

[finite monolith]

oh nice

[daring gale]

[finite monolith]

the shadows combined with the outlines look nice

[unkempt hill]

it does but also dont go overboard stacking effects

browsers are nutoriously very bad

at optimizing this

[finite monolith]

65% cpu usage like normal twitch

[eternal iron]

How does it look in light mode?

[finite monolith]

[unkempt hill]

sick

[eternal iron]

[finite monolith]

i haven't done anything for lightmode support

[eternal iron]

The variables i used for the base are from twitchs stuff

so they change according to theme

[finite monolith]

oh

[unkempt hill]

do you set those out to a store

[finite monolith]

fdm

[woeful stirrup]

Great
Fuck light mode users

[shell schooner]

just disable emotes when you switch to light mode

they dont deserve it

[unkempt hill]

we should set vars like this to a store

so every component can use them

just hook some generic component

that has it exposed

[daring gale]

yeah might as well just do a similar theming setup as the site

[eternal iron]

Should use varable names for colors

[finite monolith]

sorry i have no vue experience

[unkempt hill]

no that sucks ass pls no

scss generates 50 million variations

[daring gale]

whats the alternative though

[unkempt hill]

for every fucking thing

i much prefer the css var approach

[daring gale]

i suppose

[unkempt hill]

also if you want to be very dank

you can do color math

right now

[eternal iron]

Switch between 2 root classes that hold the different variables for light/dark mode

[unkempt hill]

just decompose your vars

into ints

and then combine them

into another var

[finite monolith]

what i do is just have color vars and then i have a media query which just switches the vars to a different color

[unkempt hill]

after doing calc

[finite monolith]

normally i mean

but that's unrelated

[unkempt hill]

i mean yeah thats sane

but we want to follow twitch's theme

twitch's approach is not horrible eather

sidestep the math problem and the scss problem

by using scss to pregen

a color scale

instead of a single value

[unkempt hill]

then you just use the right var

[finite monolith]

[unkempt hill]

yeah like this

[finite monolith]

oh wait a second that makes sense

[unkempt hill]

color scale -> color value -> primary/secondary/text -> element var

-> use wherever relevant in component

no math no spaghetti

scss looks nice to the programmer

but thats it

[eternal iron]

We should make a base css with a lot of variables we want to reuse multiple times

[unkempt hill]

yea

[eternal iron]

And it should be possible to define them in the different modules aswell right

[unkempt hill]

do it in a component though

[finite monolith]

yeah

that's what i was confused about

[unkempt hill]

i think doing it in a component is better

and then we can make the stylesheet reactive

[eternal iron]

Yea, but some "global" ones can be nice

[unkempt hill]

just dont make the styles scoped

well yeah

[finite monolith]

all the colors are defined in the components themselves and then there are some random variables out of nowhere

[unkempt hill]

they'll be global

just a global component without scoped styles

[shell schooner]

not sure if it needs shadows it looks clean without them

[daring gale]

there is v-bind

[unkempt hill]

yes

[daring gale]

to set reactive values as css vars

[unkempt hill]

yeah

thats what i mean

I think we should do this

instead of decomposing

into theme classes

[daring gale]

we could actually just do all the color calcs in js

tbh

its an extension

js is always loaded regardless

[unkempt hill]

yeah just have a ThemeController module

or something

[daring gale]

yea

[eternal iron]

.seventv-dark > {
--color-black
}

.seventv-light > {
--color-1: white
}

Could each module define its own colors like this?

and then we just update a class on the root whenever theme changes?

even better if they point to a class i guess

[unkempt hill]

not particularly a fan of this

I dont think themes need to be this seperate

it will be difficult to maintain consistency

[daring gale]

nah we dont need per-component themes

just one global theme

bg color, shades, primary, accent, warning

[eternal iron]

I mean if they want more variety than the global theme

[unkempt hill]

yeah instead of trying to allow ourselves to even become different per component

[eternal iron]

for something specific

[unkempt hill]

we should instead

rethink our designs

to use a consistent scheme

and adapt our global theme

[eternal iron]

Im all for having a well defined global theme

[unkempt hill]

as neccissary to allow

for anything specific

I dont even think it needs to be a css pure thing

just have a store

that has the theme

any component can read it

if it needs more specificity

[finite monolith]

excellify would you be okay with me making a pr to your emote-menu-styling branch

[eternal iron]

sure

[finite monolith]

👍

[unkempt hill]

goodbye credit in the final commit

<Co-Author: [e-mail]>

[finite monolith]

ah fuck that also snucks in the badge changes

[unkempt hill]

git stash is your friend

cherry pick roleback stash

[eternal iron]

git reset ~1

[unkempt hill]

checkout apply

yep

git reset --hard

at any given time i have like 5 stashes open

because i am a schizo

[eternal iron]

Im still kinda new to reactivity in vue

[unkempt hill]

who wont work on one feat at a time

and must do them all in parallel

[eternal iron]

You work on features?

[daring gale]

work on 10 different features
never actually finish a single one of them

melon went and made the best react hacks any extension has then just ditched

[eternal iron]

Is there an elegant way of using them to just await normal htmlelements or am i just an idiot?

[unkempt hill]

no why

why are you doing that

dont do that pls

all the elegancy FbPass 🪟

[daring gale]

why though

why would u want htmlelements at all

[eternal iron]

For example when inserting the settings button

[unkempt hill]

do it in react

you should never need to touch html directly

ReactElements

in a custom render function

or tracked nodes if its anything complex

[finite monolith]

pr created

[eternal iron]

So you want me to hook the entire renderer of the navbar and insert a tracked element every time the render is called?

[unkempt hill]

yes this is how it is supposed to work

[eternal iron]

Feels kinda overkill

[unkempt hill]

it covers all edge cases

[daring gale]

i mean
thats just react

[unkempt hill]

yeah

thats just react

dont worry

about it being dank

because just know

[daring gale]

[unkempt hill]

that all of the twitch site

is much worse

than anything you could do

[eternal iron]

Cant remember what, but think there were some element i couldnt get by climbing down childnodes, i had to climb up

[unkempt hill]

old hooks didnt reach the right nodes always I dont think

it could be modified to go up

but then it becomes much less efficiant

because now basically you search just literally everything

any time anything changes

no specificity because you just go both directions towards the depth traversal limit

also

with these hooks

its not so important

that its on the same node

it doesnt really matter where the class selector is

it just has to be some parent

but if you really dont have a selector

you can omit it, it just wont be nice

because it will initally do a full tree search in react

and then scan the new joined trees

as they come up

on mutations

with no specificity or aim, just checking everything

[finite monolith]

fuck man i love blur

[eternal iron]

I do want to fix it for light mode tho

not that i use it

[finite monolith]

yeah

i think we should make like a central storage for colors first though

[eternal iron]

<style lang="scss">
.tw-root--theme-dark {

}

.tw-root--theme-light {

}

</style>

Super easy solution is to just put this in either App.vue or Twitchsite.vue. Thoughts? @daring gale

And declare the colors there

[finite monolith]

hmm

the question is, what potential issues would that have

because if there are none then i don't see any issues with doing this

[eternal iron]

there is the tiny chance that twitch changes their class names from this, which would break all our colors

But i dont think theyve ever changed it

[rain bolt]

wouldn’t you have to write the same declarations just with different colors if you did this

[eternal iron]

Yes

The point is that you want different colors depending on the theme

[finite monolith]

[rain bolt]

too much repeating

[finite monolith]

no?

[rain bolt]

store the colors in variables and use that one themify library

[finite monolith]

[rain bolt]

then you can do background: themify(backgroundColor)

or whatever

ez

did it on 7tv.io

[eternal iron]

Either way is fine

But for right now there is literally 1 or 2 colors that need to be there

[rain bolt]

ah

idk i just wanted to talk about coding lol

[unkempt hill]

no

thats the fucking scss spaghetti shit

i was talking about

it looks nice to you

but the code it generates

is far from nice

[rain bolt]

gotcha

curious - is it just the fact that it’s an external library AND scss that makes it generate bad code

like when compiled right

or do you even compile extensions

[daring gale]

"themify" isnt a library it's just a sass mixin

the issue is that is that since sass is just a code generator, it has no knowledge of whats happening at runtime, which means it has to generate every possible scenario ahead of time

[finite monolith]

that's a lot of css

[rain bolt]

good to know

and damn

[peak shuttle]

Is the firefox build for the nightly builds?

[peak shuttle]

https://bugzilla.mozilla.org/show_bug.cgi?id=1320796 found the reason. Service workers don't work with some privacy settings c'mon Mozilla

[midnight bison]

Help. I do not understand how to install an extension from a file in the firefox browser. Should I use "install extension from file" option?

[peak shuttle]

Try about:debugging

[midnight bison]

Do I need to install extensions from the. zip archive in firefox?

[peak shuttle]

Install it from there. And make sure to disable any privacy options you have enabled. FYI not all 7TV features are available. You can verify your installation by looking at the new emotes menu. It should contain a 7TV section.

yeah zip

Supported features are announced in #stage-notes . Check and update accordingly.

[daring gale]

If anyone's been using the extension since the latest build, how's it working?

[ruby otter]

idk if it was refereed yet but auto scroll is kinda dank, it stops halfway 🔧
im not sure if the transparency on the hype train thing is part of the extension but if it is looks cool
i guess it will still be changed but the emote preview look a bit for ants

[teal knoll]

only if it was a hoverable thing as well to see the emote(s)

the funny thing was, was that i was about to ask if that was gonna be implemented when next stage tester drops

[vapid veldt]

text + big emote is a lil janky

the buttons for each "channel" on the emote menu don't immediately skip, you have to click them multiple times and only then they only go a little bit at a time

[ruby otter]

ye i noticed this to when doing something like this

[vapid veldt]

yea exactly

really like the idea of the menu tho, just needs to work correctly

[ruby otter]

I really like how the preview works for emote menu

[vapid veldt]

that's fucking sick

you can type with the menu open to search

[ruby otter]

will there be added an option for a drop down emote menu like ffz has?
Even tho I don't mine this like this, but i sometimes like to have it like this

[daring gale]

Good idea

[ruby otter]

[vapid veldt]

idk if i'm missing something but can't send same message twice also

[daring gale]

Not implemented

[vapid veldt]

[shell schooner]

filled bttv logo

[teal knoll]

way better

[daring gale]

Seems fine

Pass me the vector I'll add it

[daring gale]

I asked Anson to try a sharp/low poly edit on the ffz logo so it fits with the rest

might or might not do it id need to pass it by stendec if hes ok with it since that's actually modifying the shape of the logo

But it would look nice I think, since the 3 others have no round corners

[shell schooner]

nah it doesnt need to be changed imo

it would become unrecognizable

[daring gale]

Doubt it, it'd still be upside down frankerz

Just low poly

[shell schooner]

can try i guess

[daring gale]

Might or might not work but worth a try

[shell schooner]

also it would be better if the big areas of the logos were the same size instead of having their whole size fixed

this is how they look like when the whole icon has a fixed width/height

[daring gale]

It's supposed to scale from 1em

So it fits like normal text

[shell schooner]

im just saying this method gives the best results visually

cause currently it looks like the bttv logo is the biggest one

then twitch then 7tv and then ffz

[daring gale]

Well i didn't make the vectors

[sinful schooner]

⬜

[shell schooner]

thats why their size has to be adjusted manually

[daring gale]

K. Kona

[vapid veldt]

why is twitch purple btw

[daring gale]

cock and ball torture (CBT) thats why

[vapid veldt]

[daring gale]

@finite monolith the issue you experienced yesterday with extension loading was bc of this error, it wasnt being exposed in the console

im adding an handler to auto delete the DB in that case

[finite monolith]

👍

DROP TABLE 7tv;

[unkempt hill]

this is a psychopathic svg

[shell schooner]

figma export be like

[unkempt hill]

A SQUARE WITH 4 DECIMAL PRECISION

no 5 decimal

[finite monolith]

https://jakearchibald.github.io/svgomg/

[unkempt hill]

it should warn you

like for settings

drop the other shit auto

but like warn the user to backup settings

before completion

[daring gale]

yeah no im not deleting the db actually ill probably just add a UI warning

and yea

but like not auto delete

this should be a very rare case and in stable releases should never happen

but for people that use betas or dev builds it's more likely and dropping DB would result in the loss of all settings

for now it's a console warning which is enough to warn devs what went wrong

[unkempt hill]

we should also just generally have a way

to backup settings

like ffz has

just dump to json -> import from json

[shell schooner]

sync them with your 7tv account

[finite monolith]

[unkempt hill]

sync them with chrome extension data

sync them with a google drive

sync them with a dropbox

[finite monolith]

sync them with rsync

[unkempt hill]

[peak shuttle]

Sync them via ftp

[unkempt hill]

sync them with rsync

over a ssh conn

[peak shuttle]

[unkempt hill]

for security

[finite monolith]

secure

[ruby otter]

Pag Stick

[daring gale]

Tbh sync to 7tv account can work

i wouldnt be against that

makes it easy to share config per account if youre a multi-device andy

[finite monolith]

anatoleam i sorta managed to fix the grid issue from extensionv3#31

[daring gale]

[finite monolith]

it just made the wide emotes smaller

[daring gale]

ah hell nah

💀

ruins the entire point

[finite monolith]

ok

[daring gale]

just get it back to how it was before

this was fine

dont change the grid in your PR, only the colors

[unkempt hill]

[daring gale]

?

[unkempt hill]

trying to figure out how to spell his stupid name

so i can @ him

@finite monolith

make it like the trainwrecks site

[daring gale]

rename him to trucks

[finite monolith]

you're acting like i know what it fucking looks like

[daring gale]

[finite monolith]

[unkempt hill]

your acting like im gonna go start the dev environment

to show you what it looks like

[daring gale]

the site is defunct

[unkempt hill]

i just want to insite trauma

in anatole

[finite monolith]

ok

[daring gale]

yall mfs

i even suggested this layout for the train site

[unkempt hill]

you did

and I still dont like it

but im quiet about it this time

[daring gale]

[unkempt hill]

because i have no cards in the extension

[daring gale]

no cards?

[unkempt hill]

no cum

[daring gale]

[finite monolith]

this look ok?

[daring gale]

why is it still missing a box

[finite monolith]

im working on that

wait a sec

[unkempt hill]

uhh theres like slightly not enough room

[daring gale]

no fix it now

but the heading is okay

[unkempt hill]

also you better not hardcode it otherwise its gonna look like shit dog ass if we make the chat resizable

[daring gale]

resizing should be in increments then

[finite monolith]

i have no clue what's wrong with this

[daring gale]

but thats for later

[unkempt hill]

you can not fit another card

you need to decrease margins

or something else

theres not enough room on the right

[finite monolith]

[unkempt hill]

for padding + card margin

[daring gale]

might be this

you added a 1px border

this nudges the entire menu by a pixel

[unkempt hill]

are you using border-box?

[finite monolith]

oh my fucking god is this it

[unkempt hill]

if you still want a border

just use outline

it goes on the outside

like it says

[daring gale]

outline is an outline

[unkempt hill]

science

[daring gale]

[finite monolith]

ok

that unfucked it

sorta?

was it like this before

[unkempt hill]

what

why is it like that

those are 1:1 emotes

in the large boxes

[unkempt hill]

AYAYA and gachiBass

and fireworks

[daring gale]

because none of those are actually 1:1

ayaya is 33x32

[unkempt hill]

psychopath

[daring gale]

and so is gachibass

[unkempt hill]

who the fuck

[daring gale]

lule

[unkempt hill]

uploaded those

[finite monolith]

okay classic

[unkempt hill]

i vote make it heuristical then

if its sorta ish 1:1

put it in the square box

[daring gale]

yeah ture

true

treu

[unkempt hill]

treuks

[daring gale]

[unkempt hill]

i still want an emote

thats the emote that is drawing

it looks so fucked up

and cute

Apuepo

[daring gale]

i never noticed

i thought it was random lines

[unkempt hill]

[finite monolith]

oh

those are considered as ratio 2

so they automatically get a width of 2 emotes

this is what happens when you try to squeeze them

looks pretty donk

[shell schooner]

yeah cause the box is now smaller

[finite monolith]

i mean yeah

well at least this looks okay

[unkempt hill]

?

no

this is not what it looks like

you shrunk the box

the box for ayaya is so small

the whole point is that the boxes are all the same size

[finite monolith]

ok well not my problem

i have pushed the changes for the header and the sidebar breaking the wrapping

[daring gale]

make no changes to the grid in this PR

leave as it was before, only change colors

[finite monolith]

yeah i did not touch the grid

[unkempt hill]

anybody feel like cumming

[finite monolith]

[unkempt hill]

[daring gale]

melon

do we remove the behavior: smooth

[unkempt hill]

antnatole

[daring gale]

its buggy

[unkempt hill]

yes

it is very buggy

i could not use it

when you call it multiple times

on chrome

[daring gale]

im gonna remove it on trucks' PR

[unkempt hill]

on firefox its fine

but chrome is just pepega about it

[daring gale]

it'll be non animated

[unkempt hill]

try

[daring gale]

but thats fine i think for now, discord's emote menu is the same

[unkempt hill]

adding a scrollto scrollheight

with no behavior

first

to cancel scroll

then call the smooth to the final position

I beleive that might work

[eternal iron]

The sidebar is shifted to the right by 1 pixel now

[finite monolith]

hm?

[unkempt hill]

but yeah

the same shit happened

when I did the uiscrollable

i wanted to make it behavior smooth and then decrease the poling rate

but i just couldnt on chrome because it did the shit its doing for you now

[eternal iron]

I think my implementation of smooth scroll for the chat works

[unkempt hill]

its kinda dank tho

you really shouldnt be calling getClientRect

[eternal iron]

Yea, but still

[unkempt hill]

every frame

thats very bad

[finite monolith]

is this normal

[unkempt hill]

for perf

scrollHeight and clientHeight are fine

because those are cached

and dont require layout info

but clientrects

is on screen size

so it sometimes causes a reflow

[eternal iron]

Settings menu is usable soon, can wait till after that

[daring gale]

yea actually this scroll issue is weird

it'll have to be a new PR

[unkempt hill]

you should have seen it

[daring gale]

bit more complex

[unkempt hill]

when I did it on the uiscrollable

chrome was like

[daring gale]

i guess trucks' pr is mergeable

[unkempt hill]

scrolling the page all the way up

then all the way down

and like stopping at random spots

it was so dank

their shit is just fucked

[finite monolith]

please note its merged into the SevenTV:fix/emote-menu-styling branch

not in the master branch

[daring gale]

i saw

[finite monolith]

[daring gale]

it'll stay in excelll's PR until theming is fixed i suppose

[eternal iron]

Need this on the sidebar calc(4rem - 1px);

[unkempt hill]

no god why dont please

[finite monolith]

[unkempt hill]

[finite monolith]

i can't see anything wrong

so i'm just gonna stay clueless

[eternal iron]

increase the with of the 1px border and you can see that it pushes the sidebar out

[unkempt hill]

yes this is what border-box is supposed to do

you can still use an outline

and it wont do that

[eternal iron]

But you cant have an outline on a single side?

[unkempt hill]

no you cant

why do you need that

why dont you just set the border

on the inside of the sidebar

instead of on the main area

[vapid veldt]

🤏 smol suggestion: make emojis appear as Twemoji instead of the default microsoft shit

[finite monolith]

this

[vapid veldt]

oh already discussed

[finite monolith]

yeah

[empty dawn]

Just loaded Dev3 - Cool, that channel sub emotes now at the top in the twitch tab

[livid fern]

Anyone here using dev3 in mozilla

Getting this

[daring gale]

did you import the zip directly?

[livid fern]

Yeah

[daring gale]

from about:debugging right?

[livid fern]

no

[livid fern]

Ok I think that worked

[daring gale]

[livid fern]

Damn the new emote menu

Chat rendering almost 1:1 with Chatterino

Very nice

With the new chat would it be possible to make this for 7tv emotes

Show it in the chatbox

[polar magnet]

I think it would be cool if there was a maintained emoji set that didn't bother including every variation of skin tone and gender and sexual orientation in all the different combinations

[twilit halo]

ansonx10 finished their beauty sleep: 🛏💤 (12h, 12m ago)

[polar magnet]

because that adds SO many more emojis

[livid fern]

It's funny seeing the spam with the tiny emojis

[polar magnet]

🤏 🇺🇸

[finite monolith]

but yeah

i think

wysiwyg should be a setting

the issue with twitches wysiwyg was that the chat was super slow and untolerable

with the custom chat it might be not that bad

[polar magnet]

for me it wasn't that it's slow, it's that it's annoying when you hit tab and get the wrong emote

(skill issue tbh)

[finite monolith]

hmm true

ok

this is probably a bad idea

or hard to do

ok no forget about it

[polar magnet]

I'm fine seeing the text of the emote because I'm not a NORMAN

If I use an emote, I know what it looks like

[finite monolith]

yeah

[polar magnet]

(at least in my usual streams. I've been embarrassed plenty of times sending emotes in rando's chats that have unexpected emote differences)

[finite monolith]

[unkempt hill]

i have been down this path

and it is something we will probably do

i did two approaches

patching the native one

and then I realized how truely awful it is

and then I decided to scrap that and replace it

[finite monolith]

thank fuck

[unkempt hill]

and then found a vue bug

that prevents it from working

[finite monolith]

Aware

[unkempt hill]

contenteditable + vue is no

so it'd have to be managed outside of vue

[finite monolith]

that sucks

[unkempt hill]

yeah vue would crash completely

if you ever hit a composition sequence

because the browser

shifts the elements a tiny bit

and vue hates when that happens

and just crashes

[finite monolith]

hmm

so what do we do

[unkempt hill]

you can block composition

but

that means that cjk languages will be impossible to type

and things like emojis with the windows . wont work

and dead keys wont work either

[finite monolith]

that's not good

[unkempt hill]

but you should really see

how awful

the slate chat is

(what its called internally)

[daring gale]

would needs to create a custom slate instance i believe

slate has vue support

[unkempt hill]

it doesnt

[daring gale]

really?

[unkempt hill]

theres a seperate slightly maintained fork

but it suffers

the same issue

remember

I tested the composition there

and it crashes vue too

its just a unavoidable

vue bug

it needs to be managed outside of vue

it cannot be in vue

[daring gale]

strange actually

is there a PR on vue repo

[finite monolith]

time to handwrite some ts

[daring gale]

i was considering forking vite to fix some bug

[unkempt hill]

i dont even know what would be fixable

its a bug with the way vue difs elements

but the browser

changes elements

during composition

so idk if its even really fixable

@finite monolith but anyways the internal one

is very very very bad

there are several components which all have their own input box state

and they trigger eachother

during every keystroke

[finite monolith]

you mean the twitch one?

[unkempt hill]

yep

so when you hit a key

[finite monolith]

aintnoway

[unkempt hill]

it reconstructs t

the entire tree

and reparses the message

[finite monolith]

are you forreal

[unkempt hill]

around 15 times

per keystroke

and it doesnt just stop there

it rerenders

the entire chatbox

as well

[daring gale]

:pepw

[unkempt hill]

each of those times

i decided it wasnt worth

[daring gale]

yeah the twitch slate is something ELSE

[unkempt hill]

touching it at all

because literally

any thing

[finite monolith]

fucking kill me

[unkempt hill]

you put in those functions

will slow it down

tremendously

[finite monolith]

how many engineers do they have again

[unkempt hill]

uhh

1500?

1000?

something like that

[finite monolith]

https://tenor.com/view/aintnoway-gif-27058877

[unkempt hill]

but you have to see the fucking console logs

just put a console log in one of those funcs

and see it spam 100 times

DIESOFCRINGE

[daring gale]

on every keystroke*

[unkempt hill]

yeah

because its retrying

every combo

and reparsing every emote