dev-chat

[severe shell]

I checked on your stream channel and it seems you had another bot configured with custom name (maybe a previous configuration), which is answering the same !followage command. Definitely that's not on the custom command you created on Streamelements. But unfortunately I am not able to know which bot or program you have (or had) that is triggering the second response on chat with your name.
If you disable the !followage command from SE, your user will still replying to the command, right?

[quartz crater]

ive only used SE commands so ive never seen if there was another followage one in my stream chat

[viral patrol]

Unfortunately with hooks system that display patreon events only (the cumulative numbers are not stored) it is not possible to make reliable goal bar unfortunately.

[stiff ore]

Hey fellas, prolly a basic question but can't figure it out: if i use the ${urlfetch https://api.chucknorris.io/jokes/random } example in the SE docs in a custom command, this outputs the entire JSON response in twitch chat.. how can I only output the "value" field that contains the joke? Asking here cause maybe this is something that requires setting up another service. Thank you!

[lofty gale]

Hi all, I have tried to use the "One Bar Goal by Bananeen" which was posted a while ago in #widget-share. Can seem to figure out how to enable it to count both gifted sub and normal subscribers to the goal. I have set both points as "1" but it only want to count the gifted. Any suggestions? #widget-share message

[jolly scroll]

Hello! Is there a way to whitelist words for the spam filter Paragraph Protection? Someone just cheered with bits and they got bonked

[teal osprey]

Thank you for the response! I appreciate it. One of my mods who is wise in the ways of bots is tinkering with it, and might be able to come up with a semi-auto/semi-manual workaround that won't be perfect will do in a pinch. We'll see if there is anything worthwhile we can create.

[gentle dune]

Hey, quick question: i have the awesome widget configured, but when people pop in and trigger the VIPs; it's a weird broken loop, that only fixes when i recache

[rose vapor]

Hi, I saw trovo being added and loged in with account (created brand new se profile)... now I want to add that trovo acc to exiting se profile and I got message "it's being already claimed", can someone help me?

[worthy mango]

anyone?

[elfin arch]

i guess i don't understand the question; so i skipped over it; can you give an example of what you are trying to do?

[worthy mango]

custom widget where people can select the value they want to donate, and set the message to transfer that to SE to handle the payment

[elfin arch]

are you talking like SE loyalty points, or like real money?

[worthy mango]

tips

so real money

[elfin arch]

that's a something i've never got into; i'd defer to staff for that ... just because it involves real money and there are laws with how a payment processor works

[worthy mango]

thats true, thats why i'd ike to use a post request to transfer the data to SE to handle the payment part still is there a specific channel to contact staff or does staff occassionally check here?

[knotty thorn]

if you're after the post part, this is it here: https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1tips~1{channel}/post

[worthy mango]

thanks miztic, but does that create a payment url where ppl can access the SE payment environment, or will this create a "custom" insert into the activity feed and dashboard?

[knotty thorn]

the latter

[worthy mango]

than its partialy what i'd like to do

[knotty thorn]

otherwise just direct them to your tip page?

[worthy mango]

yeah wanted to make a widget where ppl can preset everything before entering the payment environment

[elfin arch]

i'll see if a payment staff is around; i just know that the part of the API and what is allowed.

[worthy mango]

kk

im just looking for some post values i can use to set the data in SE when the user enters the page or a pre-set payment url i can redirect the user to

[elfin arch]

Are you talking like a Twitch extension or like or your own website? or?

[worthy mango]

either

[elfin arch]

or ... oh like a like that prefills like $0.69 to the tip page? or is it a tip page outside of the SE website?

[worthy mango]

i'd be cool to for example make a twitch widget that will redirect the user when they have entered the values in the widget to redirect to SE for the payment, and to integrate it in a custom streaming site or a java / android / ios plugin for apps

on SE page

but for example i go to a streamers site and have the option to prefill the information before entering the SE page environment

im bad at explaining stuff

thanks

[elfin arch]

🤣 it flagged me like an hour ago fro saying console.log

[worthy mango]

lets rephrase that since i think it got deleted xD

[worthy mango]

i dont think i could explain it more than this tbf

but than on the streamer site they can pre-set the value and fill in the message, which will be posted to SE to generate a "payment url" i could send the user to, to handle the payment

[elfin arch]

i guess the question; is it and API thing, where you want to make a POST to the SE API to make tip ... which i think is going to be a big Nope. ... or a link query .... seDOTcom/tip/amount=$5

[worthy mango]

yeah something like the latter

would be awesome enough

?type=tip&amount=(int)1&message=(string:urlEncoded)msg

[elfin arch]

i did a quick chat with someone more familiar with the tipping page; and nope ....

but there are Preset values .... like

but; can't query link to them directly to auto fill

[worthy mango]

hmm

might contact SE directly about this

thanks so far Pjonp

[elfin arch]

ya; no problem 🙂 it might be hidden in there somewhere, but i was told it doesn't exist, so as long as it links back to the SE tip page then maybe someone* knows the web routes and queries.

[uneven oxide]

@worthy mango ⤵️

Check out the StreamElements ideas board: https://strms.net/ideas. You'll be able to add ideas, upvote ideas you agree with and track their progress with email notifications. Adding and upvoting ideas also helps the staff know which ideas should be prioritized so please take some time to upvote.

[worthy mango]

thanks bot =] i added my idea

[stiff ore]

I'd also bump my question.. 🙂

[elfin arch]

there are hidden secrets in this channel 🙂 ... #dev-chat message

${customapi https://seapitest.pjonp.repl.co/api/objectkey?link=${queryescape https://api.chucknorris.io/jokes/random}&key1=value}

[stiff ore]

Thank you @elfin arch and sorry I wasn't thorough with searching, will do better next time

[barren lintel]

i got some money when iwas streaming but i dont see the money in paypal and on streamelements

[elfin arch]

hahah no worries; it's buried deep.... it took me a while to find my own post 🤣

[elfin arch]

that's best asked asked in the helpdesk for the service you use; like #helpdesk-twitch or #helpdesk-youtube

[barren lintel]

thx

[pulsar willow]

Did https://api.chucknorris.io/jokes/random always return a JSON structure?
I think that might confuse a lot of people that go through the examples for the command variables. 😅

[elfin arch]

please tell me that is not the example for using customapi .....

🤣 .... big oooff

[fading basalt]

Hello

Is there any way to set a global cooldown for "OnScreen Commands By Zanzer" overlay?

I can set a cooldown for each media, but they can be spammed separately one after antoehr with no delay

[stiff ore]

it is

[elfin arch]

i've requested a different example that doesn't require finding a hidden message in the Discord to get it to work

[acoustic osprey]

There is a global cooldown on the fields menu

[acoustic osprey]

Can anyone help me out on how can i share an overlay i made with a friend?

[tepid basalt]

Not sure if this is the propper channel, but im developing a custom overlay that reacts to a rendemption on the SE store. I have only one doubt, in the item at the store, you can add a field requirement to be sent along the redemption, how can i have access to that field at the rendemption event on the event listener at the custom widget? Currently i cannot find that extra data.

[rapid pumice]

Hello guys, how do I get the name of the recent sub plus the number of months he was sub next to it? example: nahtanoj x2 ( indicating 2 months of sub )

??

[nocturne aurora]

Hey folks. How can I remove the Mixer integration from my account? lol

[hardy walrus]

@nocturne aurora if you have more than just the mixer account this applies

[uneven oxide]

There is no easy way to unlink 2 owner-type accounts from each other. The only way is to make a closure request from here: https://streamelements.com/dashboard/account/security

WARNING: In submitting a closure request, all linked channels within the account will be deleted and you will lose all associated data. This includes overlays, custom commands, timers and past data (tips, subs, etc). You can still reconnect with the deleted account, but you are essentially starting fresh.

[uneven oxide]

@pseudo talon, posting multiple links will result in not being able to post again.

[fading basalt]

hello,
do you have a JS code for an overlay to send msg to the chat, announcing the cooldown on reedemed product?
I have a cooldown of 90 sec and if a user triggers it before I need an announcement to the chat how many time passed or how much time is left untill he can trigger it again

I have found this, but I don't knwo what should I modify

https://stackoverflow.com/questions/61982637/error-while-sending-a-message-to-twitch-chat-with-javascript-streamelements

Is this jebaited api link?

I can see only brVsdfsdf7c81SDFfsdf23wH as a token

[elfin arch]

that image is a full API call. the Bearer TOKEN is the JWT. this is not a jebaited API call.

i'm not aware of a way to check an item's cooldown ... it just seem's extra 'spammy' to chat; which is part of the reason for the cooldowns

[fading basalt]

hm

how about onscreen timer?

Like once media is redeemed a timer pops out

on the screen

[elfin arch]

ya; you could do that with the 'redemption' event* and have it spawn a timer.

[wintry quiver]

Hey, I have a quick question, after I completed my widget, how can I share it with a link?

[simple rain]

Hey there, I'm currently building an app and would like to integrate it with the StreamElements API. Unfortunately, the application form for OAuth2 credentials is not working anymore. Is there any chance to get access to the API?

[hardy walrus]

https://strms.net/se_developers @simple rain

[strong socket]

Hey guys I'm looking to sell some premium streamelements overlays, does anyone know how to get access to the dashboard share links so they install automatically?

[hardy walrus]

@strong socket it's limited to certain individuals (those that have made custom widgets here) or brands like NoD or Own3d. The person responsible for handling that was gone last week and not quite sure when he'll be back (if this week)

[balmy loom]

hi guys need help on cocahh's boxed alerts, I copy it but when I do the event itself the default animation shows not the customized ones

[merry ice]

Hi, I have a question about having my name changed on my streamelements account

[olive wasp]

Hi, I'm wanting to get the client id of stream elements, in which I'm developing an app, can you help me how can I and where can I ask for this support?

[olive wasp]

https://docs.google.com/forms/d/e/1FAIpQLSf0QppxXBTG1Qbuh2ylZyLtsZK-1b3-kEz1ofwipSNcjwOlOA/closedform

How do I create an application and collect the client id, this is just missing for my streamers platform to be ready

[strong socket]

Do you know if there’s anyone else that is handling this now?

[uneven oxide]

@mystic cloak, posting multiple links will result in not being able to post again.

[cinder moat]

Hey guys I'm having some trouble emulating the Emote Event in the widget editor. It looks like it is trying to return something, but the console is just returning a TypeError whenever I click the button.

Is this a known issue? I'm not even sure what the Emote event does or what it's related to. Is it related to Kappagen or is it its own thing? Sorry if this is the wrong helpdesk

[uneven oxide]

@thick radish, posting suspicious links will result in not being able to post again.

[mild abyss]

Do the POST tips/channel, triggers an alert on the stream?

And also, how do I apply for an OAUTH2 token now if the form is closed?

[elfin arch]

@thick radish just saw your question that got flagged:

 - Is this correct formatting for the command response if I want a user to submit '!colour red' and have red be added to the url parameter?

`$(urlfetch [link]`

 - Right now I just have a HTML page that has some JS on it that takes the colour URL parameter, outputs a string as a message and builds the correct POST request for my HA server to change the light. When I run my command above through SE outputs the raw HTML of the page including the JS rather than the final output. How would I go about working things so chat message is just the string I want to display?

#1 yes; myserver/endpoint.html?colour=${1} is correct; if you middleman if looking for "colour"

#2: the command is expecting just a 'text' response; so anything that is on the page when call will be sent back to the bot to post to chat.

[balmy loom]

hi guys need help on cocahh's boxed alerts, I copy it but when I do the event itself the default animation shows; not the cocahh's alerts, is there any thing that I need to config?

[thick radish]

thanks @elfin arch, variable is working for me. I think for the response I just need to change my middleman page from a basic html/js page to a php page so that the code gets run before the response gets generated

[elfin arch]

i'm not familiar with PHP; it will work 100% in js depending on how you have your website set up

like an easy fix would be to add a parameter 'text' myserver/endpoint.html?colour=${1}&text=true then for your server code; check if the text parameter is there and then create a text response

[thick radish]

the problem was it being a .html file. It just prints the contents of the file instead of executing it. As soon as I made it a php file it executed first and works great now

[maiden haven]

Hi I am having an issue with the webpage. No matter what i click i get rerouted to the frontpage... Cant access my dashboard - any ideas?

[uneven oxide]

@maiden haven ⤵️

Please logout of StreamElements at https://streamelements.com/logout and then login again to your account (Twitch/YouTube/Facebook).

[maiden haven]

I will try thanks

[elfin arch]

click that link and see if it works

[maiden haven]

i just manually logged out, it worked instantly, old token i suppose? thank you very much

[elfin arch]

no problem 🙂

[olive wasp]

Some information?

[hardy walrus]

@olive wasphttps://strms.net/se_developers

[olive wasp]

I've already sent it, but with no answers, my streamers platform just lacks this to be ready :/ because streamelements is the best today! @hardy walrus

[hardy walrus]

Unfortunately that's the place to ask.

This is geared towards lower end API things.

[olive wasp]

All right, thank you very much, what matters is that you were willing to respond, thank you.

[wild hawk]

Is getting access to the API closed?

[hardy walrus]

Click the link from my other message. That's where you can inquire about that.

[balmy loom]

hi guys need help on cocahh's boxed alerts, I copy it but when I do the event itself the default animation shows; not the cocahh's alerts, is there any thing that I need to config?

[agile yew]

Hello gurus. Do you know if there's a StreamElements user/profile link I can send users to if they request their point status rather than getting chat point status back? (I think it was !points in chat that responds in chat). I was thinking a place to monitor points while also having that tip link nearby. If not, I suppose I could make one. 🙂

[nova rock]

You mean like !leaderboard

[agile yew]

Yes @nova rock that might do it! 😄 Do you know if giveaway entries show here as well? (just getting started here and will launch one as early as today). (trying it now...)

It looks like the giveaway page shows the entries and stats that are also shown on leaderboard (leaderboard no show entries). I'm catching up. Thanks again @nova rock

[tepid basalt]

This is still a struggle. No ideas about it?

[echo drift]

Is there an easy way I can set up a development environment locally for developing overlays?

[hollow ledge]

${user} - you have added ${1:} XP giving you a total of ${count xp +${1:}}

What is wrong with this command?

Returns like this

[pulsar willow]

Seems that the leading + sign "escapes" the count expression?

Is this the behaviour you were looking for?
${user} - you have added ${1} XP giving you a total of ${count xp $(customapi.http://api.mathjs.org/v4/?expr=${getcount xp}%2B${1})}

[hollow ledge]

Yes that works too but I found a Reddit thread and 'SE Devs' recommended the people try '+${1}' and that works

ty!

[pulsar willow]

nice 👍 I didn't know that. ty too 😄

[severe shell]

You can try this one:
#dev-chat message

[jagged pivot]

Hello there, i wanted a progress bar on stream that shows the amount of points of the streamers account has collected.
I just have found donation goal bars, follow boars n stuff but no bar that shows me points from the bot. Someone knows a way to get this Point progress bar ? Please help 🙂

[echo drift]

what is this?

[severe shell]

You asked for a local development environment. That's something you can use

[gray mulch]

So this also works for YT?

[broken coyote]

that would be correct

[barren token]

Hello ! is it possible to replace the "0" by the current progress of the goal ?

[warped spear]

Yes, this is possible! find the "session data" button on the right side of the screen then change the target value from 26 to 0

[barren token]

What I want is to delete the "0" of the goal to replace it with the current progress, not change my goal progress

[warped spear]

oh sorry. in this case, I'm not sure if that's possible. one way to not show the "0" is to use the condensed version, but this changes the layout. to use the condensed version, go to your layout > settings > condensed

[gray mulch]

Thanks!

[gray mulch]

Do I need to change anything for this to work or just add the widget and start streaming? Like plug and play?

[broken coyote]

nope. just duplicate it over to your YT and thats it

[gray mulch]

Sweet! Thanks!

[torn light]

so looking at the Loyalty Points for Subs, and was wondering how Gifted Subs works. Looks like there was a response in a ticket from 3 years ago saying it was given to the person gifting the subs, but everything else I found said that it goes to the person receiving the gifted sub. Which one is awarded the loyalty points?

[sour compass]

Hello guys! I'm trying to make a custom chat overlay and I'm trying to achieve something like this

where the background of the username is the same color as his chat name
and make so the name stays white, and the background colored
would anyone know the code for the chat name color in css? Or is it more complicated than that?

[lone hazel]

I thing i can help you, youre brazilian ?

[lone hazel]

Hi, can you share this overlay ? its look so beauty! I'm trying to make something like this, but its hard since i dont know much about the streamelements

[sour compass]

Yes I am, but the image I used as an example is not my overlay. I want mine to look like the one I showed here

The name background color, I mean.

I don't have the overlay for the one in the image

[lone hazel]

Aah, melhor pra se comunicar então

Eu não sei como está o teu HTML do chat e como tá linkado ao css, mas tenho o css, html e JS desse estilo de chat

[lone hazel]

@sour compass Seria algo assim né ? https://i.imgur.com/yle1Lxl.png

[sour compass]

Isso mesmo

[sour compass]

Eu peguei a base de uma pessoa que compartilhou o overlay aqui nesse discord e fui modificando

Eu não sei muito bem como compartilhar o jeito que o meu tá pra poder te mandar

[lone hazel]

Manda o código no inbox da parte de HTML, eu fiz aqui assim
<div data-from="{from}" data-id="{messageId}">
<div class="meta" style="background-color: {color};">
<span class="badges"></span>
<span class="name">{from}</span>
</div>

[pulsar willow]

Poef

[fading basalt]

I am looking for a plugin or an overlay, not sure what it will be called like, but my task is following:

• pick a random viewer among people how are saying something to the chat when the process of random person selecting is iniciated
  I saw something similar long time ago when a streamer was gifting away something, it was a separated window where he was pressing the button and selecting a person from the chat who was spamming "12312 124124 1 24". In that window he could talk to that person, basically it was needed to make sure that the "picked guy" is there and not afk and if he is the streamer can press the "pick" button again to select next random guy.

[echo scaffold]

Running into this issue where I cant change any information for subscriber text message settings for the secondary text area. Cant edit anything for the secondary text

[viscid igloo]

how do i delete my account?

on streamelements. i have two accounts

[pulsar willow]

The StreamElements website says:

Should you ever decide to delete your Account, you may do so by emailing [e-mail]. If you terminate your Account, any association between your Account and information we store will no longer be accessible through your Account. However, given the nature of sharing on the Services, any public activity on your Account prior to deletion will remain stored on our servers and will remain accessible to the public. In addition to our normal procedure for stored data deletion, you can revoke our access to your data via the Google security settings page, at https://security.google.com/settings/security/permissions.

https://streamelements.com/privacy (Bulletpoints 7)

[wintry sparrow]

is there any function in the streamelements api to make the bot send a message in the chat? Via code

[pulsar willow]

I used the jebaited middleware in the past for that. (At least for widgets)

Can be seen in this widget from lx
#widget-share message

[wintry sparrow]

Nice, i trying to make a gacha xD

works, but only appears on screen.

YEY

[uneven oxide]

@vivid prairie, posting multiple links will result in not being able to post again.

@vivid prairie, posting suspicious links will result in not being able to post again.

[pulsar willow]

Hi anyone know the regex in Hebrew to add it in the StreamElements language filter?

tried already google and some Israeli forums but didnt find

[steel gale]

resgatei minha conta hoje e n consigo entar

[warped spear]

#🇵🇹︱português

[karmic olive]

Hi, I’m not sure if this is the right place to put this, so feel free to delete if I’m wrong. I’m wondering whether anyone can help me. Someone designed some new custom alerts for me and sent me some css code - which he said will help the text align up properly. However, I can’t get it to work. Another friend who knows a bit about coding took a look and said he thinks it won’t work because the code is CSS for HTML that doesn't exist, there's no 'widget-Alertbox' class in the HTML. I have NO CLUE. Any advice / help gratefully received.

[ocean fractal]

you might have to dig into the js, since the html might be getting generated dynamically there

[karmic olive]

I have no idea about this stuff 😂

[dull dune]

How do I pull the hypeboss name, can I create as a just a text label, without the bar graphic?

[hollow briar]

Is there anyone who can help me with SEPAY Problems?

[uneven oxide]

@hollow briar ⤵️

Please contact us via email for support with SE.Pay. You can use our contact form here: https://streamelements.com/contact Thank you.

[safe torrent]

I am trying to query watchtime from the API, but am unable to acquire an access token. I did some searching and I saw a comment that API access may only be allowed by 3rd party professionals, and I was curious what the criteria is to be recognized for being allowed to use the API. Or, is there some way to query the watchtime without an Oauth access token?

[summer geyser]

Is it possible to toggle DOM elements in the HTML file by using a checkbox value?

[elfin arch]

the checkbox toggle doesn't trigger the widget refresh; use a dropdown with yes/no 😉

[fossil pawn]

My viewers are trying to donate to me but I am not getting anything and i am connected to my paypal

not sure if this is the right channel for that but help plz

[summer geyser]

Pro tip right here. I was like "Why the hell is the UI not refreshing?"

[elfin arch]

you will want to post in the helpdesk for your service; such as #helpdesk-twitch. and make sure you are using the se tip link so it is sent to your alerts.

[elfin arch]

i think everyone does that at some point and comes here to ask; i did myself 🤣

[hexed cave]

Would anyone be able to tell me how I can export a widget that I have made in StreamElements so that other people can use it too?

[uneven oxide]

@hexed cave ⤵️

Follow these steps to grant managers/moderators access to your dashboard:

1. Click on your channel name at the top of the dashboard
2. Create a new invite at one of three access levels (Bot Supervisor, Editor, Full Control)
3. Send this invite to a mod/manager to give them access to your dashboard. The link is one-time-use and expires after 72 hours if not accepted

Video tutorial: https://youtu.be/zl_h-ttZDF0

[hexed cave]

That's not what I asked, but good try bot

[hardy walrus]

That's the only way unfortunately.

Having a actual link is only available to certain users/brands.

[safe torrent]

can anyone help me with a way to automate checking the watchtime of a channel's users, please?

Trying to find a programmatic way to see this information:

[native shore]

hello, is there a way i can apply for the 1 click installs? or no?

[manic thicket]

thanks dumb bot, delete my message

I can't get SE Filters Regex to work properly.

(?<!\w)(?=\w)(\bterm1|term2|term3|\p{L}\p{Lm})

This works when I try it out on Regex101, but in SE Filters it fails to match any terms that are listed.

I just want to create a regex that can catch certain words, even if they're using encoded UTF-16/UTF-8 characters in a message that tries to bypass the filters.

[brave snow]

I've inserted a custom font to my css. In browser, it looks fine. Once transferred to OBS it's giving me a different font/basic font. I have the font installed. What am I missing?

[gray badger]

hello, may anyone help me with se.pay? it says that it's locked even though i have way more then 100 followers

[pseudo siren]

@gray badger Hello! It's not for this channel, but for what platform?

oh, you're in #helpdesk-youtube

[gray badger]

it's for youtube, but i already asked this question in the youtube channel, but the bot isn't helping me

[surreal frost]

Hello! Is there any way i can "unclaim" my twitch channel from an account? I want to put my yt and twitch integrations on the same account- right now they are split

[uneven oxide]

@surreal frost ⤵️

Account Merging - Please note:

• Merging accounts only allow faster ways to switch between accounts
• Merging accounts does not allow data sharing between accounts - different streaming platforms, different type of events
• Merging accounts allows duplicating/sharing overlays between the accounts

If you understand the limitations of merging and want to proceed, please find the JWT tokens (!jwt) from both accounts you want to merge and fill out the form here: https://streamelements.com/contact with each token correctly labelled

[surreal frost]

How long does it usually take for an inquiry sent via the contact form to get a reply?

[stone pilot]

hey, i cant seem to login into streamelements on Firefox. my console is showing the following errors:

[uneven oxide]

@stone pilot ⤵️

Please logout of StreamElements at https://streamelements.com/logout and then login again to your account (Twitch/YouTube/Facebook).

[elfin arch]

Then try in Chrome 🙂

[stone pilot]

cant even do that, it also errors out with a blank page

and i dont have chrome 😛

[broken coyote]

Download it?

[digital magnet]

Hello,
I got a complex problem which isn't really easy to convey by a text message. Is there anyone with good API knowledge I could talk to?

[spark cypress]

Does anyone know how to get Tiltify donations to show up in the activity feed of Streamelements?

[tidal kiln]

Hey all, anyone here who could help me figure out how to code up a simple chat widget? I want to create a widget that displays chat messages by randomly spawning them in a vertical location and scrolling them from the right to the left. Ideally this would also style the messages to include emojis, properly color the usernames, etc.

[gaunt bridge]

Like a typewriter sort of effect?

Hi there folks. How does one get started with the Stream Elements API? Where do you get your Client ID to be able to get the initial OAuth request to then start posting api calls?

Or is there a guide to get started with this sort of thing

[tidal kiln]

Yea sort of, basically like a RTL chat marquee but each individual message can appear at a random vertical location

[gaunt bridge]

That's a bit tricky. How do you mean "random vertical location"? From what point?

[tidal kiln]

like all the messages come from off the right side of the screen and scroll to off the left side of the screen. i don't really know how else to explain it other than the message being at any vertical location between the top and the bottom of the screen

[gaunt bridge]

Ah

[tidal kiln]

i think i can figure out the random placement and the movement with JS/CSS but idk how to actually get and display chat messages (with proper colors and emojis)

[gaunt bridge]

Well you'd have to have your chatbox be the entire canvas, then you'd have to randomly choose a point between {message height} and {screen height - message height}, and then you'd have to have an animation that would essentially animate them across the horizontal axis until off screen

Would it be single-line?

[broken coyote]

I have a side scrolling chat widget in #widget-share

[tidal kiln]

yeah i was thinking to make the message a single line to make things easier lol

[tidal kiln]

oh sick, i was searching that channel but couldn't find anything like it. do you have a link?

[gaunt bridge]

Would anyone be able to tell me how I could get started with using this API call? I legit do not know how to get started in terms of authentication https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1points~1{channel}~1{user}~1{amount}/put

[broken coyote]

https://strms.net/minimal_chat_by_mrboost

[gaunt bridge]

There's not much in terms of tutorial documentation out there that goes through the process of setting up your first api call

For the channel string, is that your Twitch token or a Stream Elements token? If it's a Stream Elements token, where do you get that?

I added the JWT to that parameter, and I still got

{
  "statusCode": 401,
  "error": "Unauthorized",
  "message": "jwt must be provided"
}

[broken coyote]

What are you wanting to achieve?

[gaunt bridge]

I want to create a widget that reads a specific command such as !hf and then spits out a random fun message, while adding points to a user

[broken coyote]

I've not messed with it. But I believe you'd need OAuth to do that.

[gaunt bridge]

Alright, how do I get started with OAuth?

Not sure where I find client_id

And when I try to use the "Apply for OAuth2 credentials" link in the docs, I get an error

[broken coyote]

I don't believe they are accepting oauth requests currently. But I have zero idea

[gaunt bridge]

Well damn

I just want to have fun messages in chat and add meaningless points, since Streamlabs Chatbot is giving me issues right now

Goddamn thing keeps crashing with a .NET error

So I thought "Screw it, I'll program my own with blackjack and hookers", but alas I'm finding the Stream Elements API docs very hard to follow on how to get started in utilizing the API 😛

[tidal kiln]

This wasn't quite what I was looking for, but the code will definitely help for my own widget if there's nothing else I can use.

[gaunt bridge]

I have a Typewriter widget effect that you could use, but I'm not sure it would be what you're looking for

It breaks up the entire string into individual characters and then setTimeouts recursively until the string has been typed to completion

[tidal kiln]

no the effect i want is the full message scrolls from one side of the screen to the other, like a marquee

[tribal zenith]

https://reboot0.de/se-tools might help you. The ChatMessage object should give you all necessary values

[tidal kiln]

Thank you, I'll let you guys know if need any further help :)

[severe shell]

• OAuth applications are closed and only companies which are partnered with Streamelements are able to have it at the moment. As an individual you can use your JWT Token.
• Client ID is your account ID and you will find it on Streamelements Dashboard > Your avatar > Settings
• JWT token will be in the same place, but you have to click on "Show secrets" and it will shown. Take extremely care of your JWT Token as it allows you to do all API calls to your SE account.

[severe shell]

You can use https://jebaited.net/ to add points to an user. Go to the jebaiteed webpage, connect with Streamelements > API Tokens. On Scopes click on the blue button which says None selected and select addPoints and addToken after that.
The right below the button you will see your current tokens. Click on the button addPoints in green on the right side and a URL will popup with the link to use. Just add that link to the chat command you want to create ( !hf ) with ${customapi} tag.

I don't know if I understand exactly your command, but I think it would be something like that:

Here is a funny message and it was ${customapi.https://api.jebaited.net/addPoints/AFUIjk2b43n34dsfaio7uh/${sender}/100}

In the case above, the command will add 100 points to the sender of the command. The response message will be:

Here is a funny message and it was Added 100 points to user c4ldas

I think there is a way to personalize the message on jebaited for "Added 100 points to user", but I don't remember exactly.
I also recommend that you hide the command from public pages to avoid the token being leaked (if it happens you can delete the token and create a new one on jebaited.net again and update the command).

[gaunt bridge]

@severe shell So what I have it set up as in Streamlabs Chatbot is a $readrandline to a txt, which has a bunch of lines containing an $addpoints string. Their $addpoints chat variable is of form $addpoints( minValue, maxValue, success message, fail). So I would have a bunch of different lines with form of $addpoints(30, 50, "With the sound of a ringing smack, $username got $value high fives!", "fail") or something to that effect

[wintry sparrow]

Does anyone know of any functions / or api that can be used on elements that return the last clips or clips in the session?

[digital magnet]

Hello
Is there a way to store data in a custom widget that still persists after I change the data of a JSON field?

[tribal zenith]

Either use other variables or the SE_API store https://github.com/StreamElements/widgets/blob/master/CustomCode.md#se-api

[normal stone]

Hey just wondering if we are able to download the overlays as I is to hard to do custom animation. Happy to pay form them to export them into OBS

because I really like one the designs and can't find anything that good else were

[echo drift]

I'm having trouble with my custom widget. It works with emulated donations but not real donations.

ANyone know why that would happen?

[soft pulsar]

hi, I'm still kinda stuck on this problem. I need to check if they contain data before I compare them, but I don't know how to do that 😪

[ocean fractal]

you would do an if statement.

something like

if (a) {
  // do the thing
}

that will check if the data is 'truthy' or has some sort of usable data. Then you can do your comparison

replace a with whatever value you're trying to check

and // do the thing with your comparisons

[soft pulsar]

Ah okay, thank you so much! Going to try that!

[echo drift]

I posted this yesterday and I'm reposting it in the hopes that someone can answer my question: I have a widget which reacts and works with emulated donations but does not work with real donations. Does anyone know why this would be happening?

[lapis olive]

Does StreamElements support multiple redirect URIs? Is there a place to edit the application?

[digital magnet]

Hello,
If I'm using EventListener "onSessionUpdate" will this run for every follow, sub etc. or can it run once for two follows that where at the same time?

[tribal zenith]

We can't really help you without seeing any code. Emulated events can differ from real events, but name and amount should be consistent

[tribal zenith]

You probably want to use onEventReceived (https://github.com/StreamElements/widgets/blob/master/CustomCode.md#on-event) instead to listen for events and no each event gets triggered separately

[tribal zenith]

what redirect URI and application are you talking about?

[lapis olive]

My developer application with StreamElements

[tribal zenith]

So, you already have one and want to edit the redirect URI?

[lapis olive]

Yes, I already have an application with a set redirect url but it's just for production. I'd like a separate [redirect url] for local development.

[echo drift]

I pushed it up to github but this channel doesn't allow for links. How do you want me to send you the repo?

[hardy walrus]

Post again. It was "whitelisted".

[echo drift]

https://github.com/amamut/widgets

[tribal zenith]

Is it the src/index.ts file?

[echo drift]

yes

[tribal zenith]

I think TypeScript is a bit overkill for widgets, but line 189 doesn't look right

that should probably just be const event = (<CustomEvent<StreamElementEventObject>>evt).detail;

[echo drift]

That's the structure of an EventListener

    /**
     * Returns any custom data event was created with. Typically used for synthetic events.
     */
    readonly detail: T;
    initCustomEvent(typeArg: string, canBubbleArg: boolean, cancelableArg: boolean, detailArg: T): void;
}```

[tribal zenith]

yeah, but listener and event are properties of evt.detail not of evt.detail.event (that is already scoped to event)

[echo drift]

detail is my encapsulated type

which holds my data

    channel: any;
    currency: any;
    fieldData: FieldData;
}```

I always use TS since it has all the typings for me already.

[tribal zenith]

but that makes it waay more complicated than it has to be 😄
the general structure is just this:

window.addEventListener("onEventReceived", function(e)
{
  const listener = e.detail.listener;
  const event = e.detail.event;
});

[hardy walrus]

@echo drift Yeah... Bot is a little aggressive with "links".

[echo drift]

it wasn't a link

it was code lol

[hardy walrus]

Bot can't tell that unfortunately.

[echo drift]

can you whitelist me?

so I can post it?

[hardy walrus]

window.addEventListener('onWidgetLoad', function (obj) {
    const fieldData = obj.detail.fieldData;
    someVariable=fieldData["someText"];
    // OR
    magicNumber=fieldData.someNumber;    
});```

[echo drift]

I'm not sure why this makes a difference. Wouldn't this not work with emulated subs either?

yeah that's the code sample I was given

it references obj (the event) <dot>detail<dot>fieldData

[hardy walrus]

The way the bot "interprets" links it takes things appearing as links literally and we have to manually add/adjust those accordingly.

Unfortunately us users don't have access to that atm.

[tribal zenith]

that is for the initial load

[echo drift]

right

[tribal zenith]

events trigger onEventReceived

[echo drift]

and that's where I'm referencing that field

<dot>event is referenced in onEventReceived

just like in your code

except I'm calling it evt

and you're calling it e

The junk ahead of it is setting the type so TS knows what it is

typings never make it over to the final js

[tribal zenith]

the parameter can have any name, I just chose e because it's shorter 😄
the point is that you set the parameter to Event (which is a build-in type I assume) to then cast it back to StreamElementEventObject and then access detail.event

[echo drift]

correct

but again it works with emulated donations / subs / cheers. Just not real ones

Can I post the compiled js?

because that may be easier and you'll see that it doesn't matter

[tribal zenith]

is it in the repo?

[echo drift]

I don't upload the compiled code, just source

I could though, one sec

ok pushed

in the tmp folder you'll see the compiled index.js

const event = evt<dot>detail<dot>event;

[tribal zenith]

yes and evt.detail.event.listener doesn't exist and it just returns

unless the awaiter function changes the structure of parameters

[echo drift]

This is what event looks like in the console

I just did console.log(event)

are emulated subs structured differently?

Also the docs given to me by SE staff has listener

[tribal zenith]

what do you get when you do console.log(evt); as first line in the function?

[echo drift]

all awaiter does is wrap the function in a promise to support async/await in TS

[tribal zenith]

that is interesting, how are you emulating your alerts? via Overlay Editor?

[echo drift]

in streamelements widget editor

I'm copying over the js code to the widget

yeah I guess the overlay editor

[plush juniper]

Good Morning, I want to set up the bot trivia that was shared in #widget-share but im having difficulty understanding how to set up. Is there anyone that can help me with it?

[echo drift]

didn't know the name of it

[tribal zenith]

okay, so the compiler does change the structure, because when I test tips with vanilla js I get this structure

your event is basically another detail object

[echo drift]

hmmm

[tribal zenith]

you have to get a token from https://jebaited.net

[echo drift]

can you show from the root of the object?

[tribal zenith]

the rest was pretty identical

[echo drift]

ahh it was my types

in types.ts

[tribal zenith]

yeah, that's why I said TS makes things way harder for widgets 😄

[plush juniper]

I added a token on the website. am I suppose to copy the code and put it somewhere. that part im stuck on

[echo drift]

but why does it work with emulated subs?

also I removed the nested type and I'm still getting detail<dot>event<dot>event

[tribal zenith]

yes, the widget has settings if you click on it in the overlay editor

[echo drift]

which browser are you using @tribal zenith ?

[tribal zenith]

this seems to be a TS related problem. I can't really help with that

and the browser doesn't change parameters 😄

[echo drift]

its not TS

I used the JS from my first version in the backup folder

same structure

You can't tell me which browser?

I want to test in the same browser and version

[tribal zenith]

what if you just use

window.addEventListener('onEventReceived', function(obj)
{
  if(obj.detail.listener === "tip-latest") { console.log(obj); }
});

the browser is just Chrome

[echo drift]

version?

[tribal zenith]

newest

but again that doesn't change parameters

[echo drift]

Were you logging in my code or another widget?

[tribal zenith]

a new one

[echo drift]

I created a brand new widget

logging out event in the JS of the template code that was already there:

same

[plush juniper]

Sorry if im slow. do i paste it here. theres two codes so do i put both here?

[tribal zenith]

you can create one token with both permissions, then you only post the single code in there, yes

[tribal zenith]

did you try copy&paste the code above?

[echo drift]

no this is brand new widget

brand new overlay

added new custom widget

logged out event

and that is what I got

[tribal zenith]

yeah I meant this piece of code
#dev-chat message

you can just copy&paste it in the new overlay

[echo drift]

I just clicked "custom widget"

[tribal zenith]

yes

[echo drift]

I just did console.log(obj)

[tribal zenith]

then you can delete all of the HTML, CSS and JS and just paste the code above in the JS tab

[echo drift]

ok that gave me the structure I needed

why are the other events structured differently?

[tribal zenith]

they are basically different types, but the one you want for real events is tip-latest

[echo drift]

well that's whyI was checking for indexOf("-latest")

is that not enough?

[tribal zenith]

maybe https://reboot0.de/se-tools makes your life easier 😄

though this probably won't work with TS

[echo drift]

it will work but I will have to cast it to any type for everything

but I think I figured out the problem

one sec

[fallow bolt]

does anyone know if you can make a command for Latest TikTok Upload ?

[echo drift]

ok my code is catching the correct events now

[hardy walrus]

From what it appears not without manually linking the latest one

[fallow bolt]

what do u mean latest one ?

[hardy walrus]

the link to the latest video.

[echo drift]

@tribal zenith Now that my object looks correct, you're saying it should process real subs now?

[abstract jetty]

You could always do
!TikTok
and point it to
https:// www. tiktok. com/ @INSERTUSERNAMEHERE

Without the spaces and such.
That's the homepage of the profile. 🤷‍♂️

[tribal zenith]

if the structure is correct now, it should

[echo drift]

ok I'll give it a try, thanks

[tribal zenith]

also your isResub function should be changed to return data.amount > 1;

count is only available on emulated subs

[plush juniper]

I got the code in. Not sure what to do next. & how its going to pull the questions from the other site.

[echo drift]

why does emulation have a different structure?

it makes testing very difficult

[tribal zenith]

the rest can be configured in the other Games Settings tab and started via !question command in chat

[tribal zenith]

the emulated event just randomize possible parameters without any logic.
for more realistic structures see: https://reboot0-de.github.io/se-tools/module-Events.html#~BotCounterEvent and the other events below

[plush juniper]

Do i need to add it to obs or is it link to my account

[tribal zenith]

it's also in the Overlay Editor below the field you pasted your token in

[plush juniper]

I did all the settings but its not popping up in the chat when i do !question

not sure what im doing wrong

[hardy walrus]

@digital magnet Should be good now. Sorry about that.

Actually was gonna say link it from elsewhere

Because that "link" is on the blacklist.

[digital magnet]

Sorry, xD I thought it was the markdown

[tribal zenith]

I didn't get the SE_API to work. This is how my basic JS code looks like:

number = 0; //initialize
SE_API.store.get('randomname').then(number => { //get the saved number
      number = parseInt(number.value);
});

if (number == 10) { success(); }

number = 10; //change the number
SE_API.store.set('randomname', number); //save the number


After the second time I run the code the function success() should be executed but it doesn't work

[digital magnet]

wait how?

[tribal zenith]

we can still see the messages

[digital magnet]

oh, makes sense then I don't need to post it again, that's at least something xD

[tribal zenith]

this is probably just a classic race condition. At the time you check number === 10 it is still initialized as 0

put the if inside the then

[digital magnet]

ok, imma try it, thanks 🙂

Yup works ^^

[plush juniper]

do I need to add it to obs as a browser source? I tried and the !question command is not working. idk if I am missing another step

[primal nexus]

Is there any way to nest a SE Overlay into another SE overlay? 🤔

[hardy walrus]

Nope.

[primal nexus]

iframe wouldn't work?

[hardy walrus]

Nope.

For security reasons.

[primal nexus]

that's a shame

[scarlet bolt]

Hello there

how do i authenticate in api?

[scarlet bolt]

the form to apply for it doesn't exists anymore

[pulsar willow]

Afaik the standard procedure is rn to ask at https://strms.net/se_developers
(based on answers like: #dev-chat message)

[drifting dome]

hi!

i was wondering if there's offical documentation for streamelements REST api

all i could fine is code snippets

oh wait nvm i found it

it doesnt show up on search engines

https://dev.streamelements.com/docs/kappa/api.yaml

[storm dirge]

Good Evening! I was curious if it was possible to enable and disable commands in a group or in a quick fashion? My idea is to have a section of the stream where I allow dueling, gambling and such and it is only allowed in that portion of the stream. Say, in a gambling den. Then once the stream transitions out of the "gambling den" the commands could be disabled en mass to prohibit them from being utilized. Whether this is accomplished via custom command to control other commands or using a custom command to disable individual commands. Any thoughts?

[digital magnet]

Well in theory, I can't wrap my "OnWidgetLoad" code in the then, because it calls another function. Sadly the initialised as 0 error still persists. Is there another way to solve the error?

[barren kayak]

am i doing something wrong with youtube subscriber alerts? emulate is working fine, but it's not working if someone subscribed to the channel

[tribal zenith]

There is no command grouping as far as I know, but you could use the API to disable/enable each command:
https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1bot~1commands~1{channel}~1{commandId}/put

[tribal zenith]

you can also just pass a function to then to only execute that, when the store promise fulfills

[tribal zenith]

No, it's a limitation by YouTube. Unfortunately YT events can be very delayed

[ember sigil]

hey all, I'm putting together an overlay that lists all followers, tips, bits and subs, and I'm using the onWidgetLoad event which brings up the latest 30 events - how can I have it bring up all of them?

[hardy walrus]

Considering you just pinged them they might see it but any particular reason why?

[tranquil steeple]

You could use the API(https://dev.streamelements.com/docs/kappa/api.yaml/paths/~1activities~1{channel}/get) and grab the data for each specific type, and offset the start/end time if you need more. (Limited to a maximum of 100 activities per call)

[digital magnet]

I still didn't get it to work sadly. Could I send a link to the code in JS fiddle?
(it is pretty long I'll try my best to explain everything in comments)

[tender bear]

hi, i have question i dont see songrequest on my dashboard where ist the problem? Trovo is not suport songrequest?

[hardy walrus]

@tender bear currently does not. ATM there aren't plans for it as I was told recently.

[tender bear]

commands for songrequest I also have a bot set there, but when I add a song with a command, it writes the bot that the music plays but nowhere plays

[hardy walrus]

I understand. Unfortunately those are added already for whatever reason.

[pulsar willow]

my bot isn't working it just does't send messenges

[rose knot]

Hello, could someone help me? I am trying to create a command that accepts a predefined list of values ​​in text, for example: !Play rock/paper/scissors. how could I create it? Thx for your time 😊

[pulsar willow]

You could use the fyre API for that: https://thefyrewire.com/docs/api/twitch/pastebin/#return-filtered-lines

It utilizes a corresponding pastebin document in which you define the valid options.
For example something like that might work, in your case: https://pastebin.com/tSKyhMPL

The :[...] structure defines the trigger word(s) for the line in the pastebin.
If there a multiple matches, it chooses randomly.
Sentences that dont't start with :[...] are used when there are no matches at all.

The command would be something like:
$(customapi.https://api.thefyrewire.com/twitch/pastebin/tSKyhMPL?filter='${1}')

• '${1}' is replaced with the first word after the command.
• tSKyhMPL must be changed if you use a different pastebin (it matches the ending of the pastebin URL)

[rose knot]

@pulsar willow thx a lot! It might work for what I intend

[pulsar willow]

Do you use a custom bot name? If so, I would recommend to reset the name.
I assume you did try already the standard procedure? (part bot from channel, log out from SE, log back in, rejoin the bot to the channel)

[echo drift]

If anyone cares, I created an npm module with types for handling SE events. I tried posting the link but it got deleted so if you want to use it just message me. Also feedback is encouraged.

[hardy walrus]

@echo drift relink. Bot said it's fine now.

[echo drift]

https://www.npmjs.com/package/@amamut/streamelementsevents

[tribal zenith]

You should also mention, that it is TypeScript only and not usable in custom widgets without compiling it first

[echo drift]

The source is Typescript but the npm module should work with js

[tribal zenith]

there is no compiled script in the repo

[echo drift]

yeah it doesn't need it in the repo

you use npm install @amamut/streamelementsevents

and then import the Events class and use it

this is an example: https://github.com/amamut/widgets/blob/master/src/index.ts#L2

[tribal zenith]

for NodeJS yes, but custom widgets can't use that

[echo drift]

I'm using it now

for one of mine

that repo I just linked is a widget

If you're wondering how I get it into my final widget code, I use webpack to transpile the TS and then pack it with webpack: https://github.com/amamut/widgets/blob/master/webpack.config.js

[tribal zenith]

yeah, that's what I said. You'll need NodeJS and a compiler for it 😄

[echo drift]

yeah this will require a local env

but I don't find the widget editor useful without intellisense

[dawn trail]

I think this might be the right channel. Looking to build a command to pull horror scope data from an api. Anyone know if something like this is possible?

[ember sigil]

Hi, thanks for pointing me in the right direction, next issue is that it requires a Bearer token and I can't find where I'm supposed to get one of those, though it could be that my Google fu is not strong. Any ideas?

[tranquil steeple]

If it is for your own SE-account you will find it by going into settings in the upper right corner if I remember correctly.
Then "Show secrets"

[ember sigil]

lol how did I miss that. thanks!

[tranquil steeple]

No problem. 🙂

[ashen swift]

Are there are any coders who are capable of creating a custom alert for our stream elements overlay from a WooCommerce webhook?
If you are able to do this, could you please DM me to discuss what we are after and a cost involved?
We want an alert to say Someone just bought ITEM NAME on TheGamerLobby.com

[north prism]

is there a way i can add my tiktok to my porfile page

[late carbon]

Is there a way to create a command that stores a string variable similar to how ${count var} works?

[faint granite]

Good evening how I can share my creation on streamelements with my colleagues ?

[primal nexus]

Is there any way to make a latest subscriber label know the difference between a normal sub months and gifted subs?

"ImChrisP x3 Months"
"ImChrisP x1 Gifted"

[wintry sparrow]

how i force this function send a response?

[hardy walrus]

@echo drift you're unmuted.

I'll post so bot doesn't snipe you

[echo drift]

lol thanks

[hardy walrus]

      .then(result => result)
      .catch(err) {
        console.error(err);
      });
  });
}```

[echo drift]

see above

[wintry sparrow]

this code have some "}"

[echo drift]

oh yeah I combined TS and JS lol

[wintry sparrow]

oh no

👀

[wintry sparrow]

This code return an object like this. But i can't get the array

[hardy walrus]

I just pasted it. I know shit about it

[wintry sparrow]

https://tenor.com/view/fine-this-is-fine-fine-dog-shaking-intensifies-im-ok-gif-15733726

[tribal zenith]

Promises are asynchronous. With the above b will have that value at a later point in time.
For a synchronous call do let b = await SE_API.store.get('teste');

[hardy walrus]

Play nice with the bot @echo drift

[wintry sparrow]

but,if i use await all of my other functioons need to async ?

[hardy walrus]

[tribal zenith]

the surrounding function needs to be flagged as async yes.
Or do what you need to do with the value inside the then function

[echo drift]

You also don’t have top level await

So you’ll need to wrap your main code in a function.

[tribal zenith]

Just use onWidgetLoad for that, as that is the main entry point for most scenarios

[wintry sparrow]

Ok

thanks :3

[wintry sparrow]

Another question

i can have a event like "onWidgetLoad"

for end stream?

[tribal zenith]

you mean you want an event for when you stop streaming?

[primal nexus]

Hey just wanna repost incase anyone can help;

"ImChrisP x3 Months"
"ImChrisP x1 Gifted"```

or if there's an alternative solution let me know! - Don't necessarily need to use a label, but as long as it doesn't throw out "NAN Months" for gifted subs it'll be good haha

[wintry sparrow]

yes!

[scenic prism]

Hi! Has anyone created a custom widget that detects when someone on the chat exchanges channel points for a reward (Twitch)??? I saw one on #widget-share but it only detects rewards that require text input (like highlight). I saw a thing called PubSub on Twitch's API that might do that but I don't know how to consume that API on Streamelements JS side on my custom widget. Any ideas?

[young shard]

unfortunately the SE javascript doesn't have anything that listens for channel point redemptions yet

really wish it didddddd

[tribal zenith]

While these are not SE specific events, OBS itself injects some JS events and properties: https://github.com/obsproject/obs-browser#available-events

window.addEventListener('obsStreamingStopped', function() {

});

[tribal zenith]

you mean for the default labels or do you want to make your own?

[primal nexus]

Either haha, just need it to differentiate between gifted subs and regular subs/resubs. Thanks!

[tribal zenith]

I don't have any subscribers, so I can't really test the default labels, but I would assume that they already differentiate those events 🤔

This gives you NaN for gifted subs?

[primal nexus]

Hmm I think I’m using the top one… is there a difference?

is what the latest subscriber one comes back with, I'll try the resubscriber label see what it says

I guess I need a custom one because there's no variable for "months"

[tribal zenith]

it should be {amount}

[primal nexus]

amount only does the number :/

and looks like "latest resubscriber" doesn't support gifted subs/new subs

[tribal zenith]

{amount} Months

[primal nexus]

Yup that's what we got at the moment, but doesn't make sense if it updates to someone who gifted 10 subs for example it'd say 10 months

[tribal zenith]

okay, so gift subs trigger the resubsciber label with the amount of gifted subs?

yeah, then you would either need to do your own custom label or look in #widget-share if there already is a fitting one

[primal nexus]

alright, thanks! I'll check it out 🙏 - Would be cool if there was a variable for the event... {event} and it just uses what type of event it is, so could be follow, subscribe, gift, etc!

[tribal zenith]

I think all-in-one solutions were never the purpose for labels, but you can always submit feedback and ideas here: https://strms.net/ideas

[primal nexus]

Thanks I'll submit feedback but just to throw the idea out there for sure!

[placid kettle]

hey what is the "pending" for the get route "/store/{channel}/redemptions" ?

because rn I don't see anything that changes

[echo drift]

If you're talking about API calls, those methods return a Promise which show as "pending" in the console. You have to wait for the Promise to resolve by using .then(response => console.log(response))

[sonic mulch]

Hey guys, I'm having a problem when I test an overlay for Twitch stream

In the session data, the key "subscriber-session" doesn't exist

Despite it being in the documentation

Is it because I'm testing it off-stream or is the documentation outdated?

[tribal zenith]

what are you trying to build?

[wintry quiver]

Hey, do CodeGuru members have the ability to share widget's link?

[placid kettle]

@echo drift it wasn't this but found it anyway 🙂

thanks for trying to help

[native shore]

hey guys i wasnt sure where to post or ask about this, but i got accepted into the community and im not sure if it was throught the form i filled out or if it was just for introducing myself. Im asking this because the message said if i need anything to ask and staff will get back to me when available and im interested in the one click install feature

appreciate any feedback also im sorry if this is the wrong channel for it

[sonic mulch]

Just a simple overlay that shows the info like subscriber count in this stream session etc

The other parts of the overlay works, but I can't get the session sub count

[tribal zenith]

I just tested this and it still gives back the amount

window.addEventListener('onWidgetLoad', function(obj)
{
  const sessionCount = obj.detail.session.data["subscriber-session"].count;
  console.log(sessionCount);
});

[sonic mulch]

Did you test it while streaming or just emulated the subs on the overlay editor?

The overlay shows the number in else bracket always

I'm quite new to java script so I might have written it wrong idk

This is also in 'onWidgetLoad' event

Also I'm only testing on overlay editor and not actually on stream, could it be the reason?

[tribal zenith]

what happens if you just copy&paste the two lines above without the if-else?

[sonic mulch]

Lemme check

Um, is there a place to check console log in overlay editor?

[tribal zenith]

most browsers have F12 to open dev-tools

and there in the console tab

[sonic mulch]

Thanks I'll try it out

Hmm....

[tribal zenith]

also there is a slight structure difference between the data in onWidgetLoad and onSessionUpdate

onWidgetLoad has obj.detail.session.data["subscriber-session"].count while onSessionUpdate has obj.detail.session["subscriber-session"].count

[sonic mulch]

This is in onWidgetLoad though, so it sould be the one with data

But it's not loading

[tribal zenith]

can you show the whole onWidgetLoad function?

[sonic mulch]

It's pretty long since I'm changing stuff inside an existing overlay

How do I paste code in Discord?

[tribal zenith]

inside the backticks ``

[sonic mulch]

Hmm... yeah it's too long

Is this okay?

The indent's a bit off for some reason

[tribal zenith]

yeah, I indented it myself. I'm personally not a big fan of the "brackets at the end of a line"-syntax 😄

but if you do console.log(obj.detail.session); at the start of that block you see the other data entries?

[sonic mulch]

Lemme check

Yes

There are other entries such as subscriber-month and subscriber-total

But no subscriber-session

Hmm... in fact there is nothing about session in this data

[tribal zenith]

In the top right there should be this icon

[sonic mulch]

All the keys I see in documentation, as long as it's related to "session" it isn't there

[tribal zenith]

if you click on that and then got to session you should see some values

[sonic mulch]

Yes

[tribal zenith]

you could either try to alter some values and save or to reset the session

[sonic mulch]

Hmm... okay when I alter the value it worked

I'll try if it works on stream later, thanks for the help :D

[tribal zenith]

np 😄

[sonic mulch]

When I reset the session, the keys about sessions disappeared again

Do they only appear when there are data inside the session?

I guess they appear when in stream?

[tribal zenith]

technically a session starts when you go live, yeah

but you could set them to 0 manually for testing

[sonic mulch]

Understood, I guess I can test it by changing the number in else bracket to -2000 or something and see if it's correctly updating

Thanks again!

[tribal zenith]

or just -1, but yes 😄

also onWidgetLoad gets only called once. So the value will not automatically update

[sonic mulch]

Yeah I have another listener for subscriber event and that will update the count

I think

I hope :P

[tribal zenith]

onSessionUpdate also gives you just the number, without manually counting

[sonic mulch]

Hmm.... I'll try if the code doesn't work

But I think it should

[tribal zenith]

👍

[ashen swift]

Are there are any coders who are capable of creating a custom alert for our stream elements overlay from a WooCommerce webhook?
If you are able to do this, could you please DM me to discuss what we are after and a cost involved?
We want an alert to say Someone just bought ITEM NAME on TheGamerLobby.com

[tribal zenith]

This #widget-share message has a similar approach. Basically your server posts a custom event to the SE API when receiving the webhook notification. Then your SE overlay can listen for that custom event

[ashen swift]

Thanks, I'll take a look at that! Appreciate the response

[uncut current]

Hello everyone

So I'm trying to keep my text for my alerts inside of my box, I've set the size/position to where I need it, but I want to restrain the text in a given area so that if someone with a long name follows, etc, it doesn't go outside the area.

Now I understand in html you can do with with;

<textarea> 
    Your text
</textarea>

However, everytime I put this into the custom css/html part, it doesn't work.

[wild ingot]

Textarea is an entry field, not sure what you're trying to achieve

You should use <div> <p> or <span> and limit the size in css

[uncut current]

Thanks!

[glass kettle]

Hi, do you have updated widget documentation? bc this:

window.addEventListener('onEventReceived', function (obj) {
const data = obj.detail.event;
        console.log("data.listener",data.listener);
});

return data.listener undefined

https://github.com/StreamElements/widgets/blob/master/CustomCode.md

[hardy walrus]

@glass kettle Since the bot yoinked mastader's message: obj.detail.listener

[sonic mulch]

Thanks, didn't know that's considered a link by the bot lol

[hardy walrus]

http://obj.detail.li

[uncut current]

Why is it everytime I edit the css I get this...

[flint raptor]

if you want to keep the text from overflowing, use the text-overflow property:
text-overflow: ellipsis;

[uncut current]

As I do like that, how do I make the container smaller?

[flint raptor]

if you have your text in some element like a span or div or p,
then you can set the height of the element.

in line:
<p style="height: 2em;">text in the element</p>

css:
p {
height: 2em;
}

if you use 'em' as the unit for height, you can sort of control how many lines of text you want

[little minnow]

just curious is there a loyalty store overlay that cycles through the items in it?

[uncut current]

Wait... does the custom CSS not adopt the changes you've already made in the presets?

[quick sapphire]

Hi! I'm trying to integrate my api to a command in streamelements and it's working quiet well so far. The only thing that bother me is that it outputs the entire json file in the twitch chat: "message":"example message"
Is there a way to only get the property of message and not the entire response?
My Current command looks like this:
$(urlfetch example-url)

[calm wind]

Hey I need some help with the social media rotation widget. Whenever I try to add a fade in or fade out animation, it never applies for some reason

[uncut current]

For the life of me, I can't expand the box for the subscriber message... could someone help me with this? 😅

I have two separate variations, identical in settings, yet one shows and one doesn't. Yes, all of their settings are identical

In fact, one was working, so I figured, fuck it, I'll copy it and just adjust all of them accordingly, now that one won't display either.

[young shard]

yea... it really should be called "Override with Custom Code" instead idk why it's called "Custom CSS"

[hardy walrus]

NGL that's a damn good idea. I've poked someone about it.

[sonic mulch]

Hi, a question regarding session data

[hardy walrus]

Does obj.detail.session.data["subscriber-session"] include the gifted subs?

Since that was their yeeted message.

[sonic mulch]

Hmm.... I thought `` would deny the detection but oh well

Yeah that's my question because the data acted a bit weirdly, between overlay resets the number is different

And the difference is (I think) the same as the number of gifted sub so I want to ask if it could be the cause

[kindred orchid]

Yeah I wanna know about this too, if I submit a custom widget to widget-share and become a “Code Guru” will I be able to create one-click installation links for widgets I’m selling?

[hardy walrus]

No. This is geared for ones strictly in #widget-share

[kindred orchid]

Oh so if I wanna sell my widgets I’ll have to submit them to widget-share which makes them public and free, correct?

[hardy walrus]

correct

[kindred orchid]

[solemn zephyr]

Hey everyone so im having issues when i try to use the awsome shoutout widget for custom pop ups. I have 6 different streamers i'm wanting to use just a video for, so no text or sound. each one would have their !so command but for some reason its not rending the specific videos. can someone please help me #widget-share help

[final stone]

Hi, I am wondering how to connect streamelements for my application via Oauth. I could not find out where to register an application for oauth.

[hardy walrus]

@final stone It is currently not possible arm. Plans to open are being worked on.

[final stone]

Thank you!

[pulsar willow]

It looks like Facebook made another huge update on their "Graph API"
Could development give us an ETA when they updated SE so it is able to read in real time:

• post shares
• post reactions (Like, Dislikes stuff like that)
  Some content creators want to set Goals per session, so please communicate if SE will be able to provide this.
  (Please tag me so I'll get pinged)

[rapid zealot]

fix plz

[gloomy kestrel]

https://obsproject.com/visual-studio-2019-runtimes

[rapid zealot]

same for the outher 1

just get dev to fix plz

[uneven oxide]

@rapid zealot ⤵️

Obs.live is a plugin for OBS Studio for the best OBS support, please join their Official Discord @ https://discord.gg/obsproject

[sonic mulch]

Is there a way to get the monthly top gifter in the onWidgetLoad object?

Would be weird if there is a leaderboard extension in StreamElements but no data, but I don't see it inside the data keys

[sonic mulch]

Since I probably haven't made it clear, I'm trying to build a custom overlay in the editor. Pretty new to this stuff so if anyone can help please let me know, thanks a lot

[kindred orchid]

Look at the "CustomTopList" made by lx, You can find it in the streamelements github

It uses the /sessions/{channel}/top endpoint from the Stream Elements Kappa API

idk if you can get subs from it but you can try

@sonic mulch

[sonic mulch]

Thank you, I'll check it out when I'm at my pc tomorrow :D

[kindred orchid]

/sessions/{channel}/top?limit=1&offset=0&interval=monthly&type=subscription so this is what the endpoint might look like for your specific use

[sonic mulch]

I hope it'll work, thanks!

[kindred orchid]

You're welcome! Happy to help

[marble sky]

Hey guys, I am looking to add the sound redemption to my stream but I cant find the store redemption in the widgets any clue on where I should look?

[safe torrent]

This is great news. I look forward to OAUTH. I want to help a streamer with stuff, but I'd rather not be asking for their JWT.

[bitter ocean]

I cant seem to get the Follower TTS to work for Alerts in the Overlays. Anyone know how i could fix this?

[indigo flume]

Are you custom coding the TTS into your alerts?

[bitter ocean]

No I am not

nvm I think i figured out why. apperently TTS wasnt activated int he Variations.

[sonic mulch]

Sadly it looks like it can only keep track of cheers or donations...

I checked the widgets inside StreamElements github but it seems none of them can get the top gifter :/

[pulsar willow]

someone knows why Partnerships Programs option does not appear in my menu?

[indigo flume]

@pulsar willow 1) check your email, i replied to it
2) this has nothing to do with this channel.

[pulsar willow]

thanks

[kindred orchid]

I checked the Twitch API too looking for a solution to your problem and turns out it doesn't have an endpoint for it, Sorry

[pulsar willow]

Anybody knows why doesn't the Partnership option exist ? 🙂

need some help

[uneven oxide]

@vestal turtle, posting multiple links will result in not being able to post again.

[sonic mulch]

That's unfortunate :/
In it's place, is there a way to see the top custom Streamelement point haver?

[kindred orchid]

I think so, Look around in the github

And here in the widget-share I remember seeing one

#widget-share message

Look at their implementation to see how its done

[sonic mulch]

Thank you! I'll check it out

[pulsar willow]

Two questions - and apologies, I've not looked yet, but...

SRT and NDI support.

[rugged raft]

Hi guys. I tried to find online any API Documentation (JSON) so I can grab certain informations from StreamElements inside a Custom Script. I found that we can't apply for OAuth2 Creds anymore?

[thin thicket]

im having problems with my screen not showing up on stream elements, what do i do?

[young shard]

When using the custom code override for the alert box with the community gifted subs variation, how do you ensure that it's actually triggered as a community gifted sub alert rather than a normal sub alert? Been having an issue where all those gifted subs just come in as normal subs instead, when live. The emulate button handles it just fine, but I guess there's something different between the emulated event and the real event?

[elfin arch]

i'm not sure if using the 'custom css' inside a variation is filtered for that variation or if you need to include your own filter inside the code. I've started using reboot0's tools (https://reboot0-de.github.io/se-tools/tutorial-Events.html) for the gifted subs because it handles them great... but all my testing is with the emulations... but i haven't heard any issues for real events.

[young shard]

The "custom css" works for the emulations so theorectically it should work for real events... otherwise i'll have to write a lot of extra code and put it all in one file >.<

[elfin arch]

if it works in emulation, then yes it will work live, "theoretically" 🙂 ... testing/checking this is a pain in the ass and requires logging a live channel that get's the event and comparing that object back to the emulation object.

[young shard]

hmmm
attempted to use this from the activity feed
but looking at the console, it doesn't seem to fire any event at all, other events triggered this way do work tho
just the community gift subs don't

[elfin arch]

ahhh... so when you use that you don't see any events triggered? ... i hate how the subs work; it triggers a gift then triggers each individual giftee.

but that button doesn't do anything?

[young shard]

nothing for mass gifted subs at least

also, I think I just realized that the client was likely testing the alerts this way
so
that's... probably the issue

[elfin arch]

That might be a product bug that you found; but i have no subs 😦 so testing is very hard.

[young shard]

where should I report the bug?

[elfin arch]

#code-gurus

if you can; do a screen capture video 🙂

[polar hollow]

I am here

[elfin arch]

🙂

so number one; to start STICK TO THE OPTIONS in the menu... once you click that 'custom CSS' button ... that's a commitment.

for your question; i'm am... i don't think i understand it correctly.

we started here:

this was what i was thinking you wanted:

is it the font; the letter spacing ?

You want an "inside" or "outside" option? and for that i will defer to the CSS people 🙂

[polar hollow]

thank you, so normally a stroke feature has 2 options "inward" and "outward" things like photoshop allows the stroke to go into the text or out of the text. SE only goes into the text which is called "inside". it doesnt have the common most popular option "outside"

heres a screenshot from photo shot (which is how i got the "hello" text looking good)

i dont understand why something as simple and popular as a stroke going outward for text is so hard to do that we've been talking about it for over 1 hour now

[elfin arch]

and i don't understand how a stroke can go either outward or inward; so i'ma defer to the CSS people here that do the pretties

[polar hollow]

its a pretty basic common function and i dont know how i can simplify it any more for you after providing visuals and multiple lists with explanations in #helpdesk-twitch

But i appreciate you trying even if you couldnt work it out

[elfin arch]

ya. sorry @polar hollow. i think it is a communication error between us.

[tribal zenith]

images in photoshop with text effects and rendered text in web-applications aren't really comparable. The "inside" blend-mode would be the stroke setting, while "outside" could be the shadow setting in the overlay editor. You can combine both, but the result will never have the quality of photoshop.
Technically the text-stroke setting isn't even standardized yet and will only (kind of) work in Chrome and OBS BrowserSources

[polar hollow]

oh interesting

it seems very common for text to either have nothing, a stroke, a shadow or a glow

heres an example of a streamer using stroke on a chat. it looks great and makes it much easier to read

im not sure what he is using but it is possible for a program to make chat text to go outward

[elfin arch]

i thought we talked about "shadow"

[polar hollow]

a shadow starts strong near text and softens out the further away it goes

im looking for a hard border around text like in the image above (stroke)

heres a zoom in

[tribal zenith]

normally a shadow would fade out at some point, yes. However, in CSS it doesn't have to. You can give an element a non-transparent color and it would look like a stroke

[elfin arch]

in this image; red and white text are "STROKE"

[tribal zenith]

both can work. they just look a bit different

[polar hollow]

ooh interesting, i didnt know shadow can have 0 fade and go around the text like in the image

[polar hollow]

yeah all text looks stroked in the image

[polar hollow]

both stroke and edited shadows? how different are we talking?

and how do I get my text to look like its stroked outward?

[elfin arch]

like the image you just posted above?

this is a text SHADOW

[polar hollow]

?

[tribal zenith]

https://jsfiddle.net/br6gwhdf/

[polar hollow]

combined looks a bit messy, stroked looks good!

i think i understand how the code works with this stuff a bit more now

[elfin arch]

the thickness of the letters is the "stroke"

like mechanical pencil or paint brush.

[tribal zenith]

not necessarily. for example bold would look like this

always depends on the font and font weight

[elfin arch]

ya; i was wrong.

@polar hollow that a 'text shadow' in the image you last posted. \

[polar hollow]

how do i get my text to look like that?

[tribal zenith]

the chat-widget?

or AlertBox?

[polar hollow]

The Chat-widget

[tribal zenith]

under text-settings you should have something like this

then you can just adjust the values until they match what you want. You'll need to experiment a bit 😄

[elfin arch]

i would suggest not using the built in chat widget; and taking a look into #widget-share for a better option.

[polar hollow]

its not possible to get it like in the screenshot

[tribal zenith]

the third number of the shadow determines the radius. So if you put the other values back to 1 and change the last number to 3 for example, you should see a difference

or change all 3 to the same number

[polar hollow]

the 3rd number makes it fade?

[tribal zenith]

basically the syntax of shadow is color horizontal-shadow vertical-shadow blur-radius

yes, the blur-radius makes it fade

[polar hollow]

thats cool and all but i want this

not this

[tribal zenith]

we don't know the exact values of the screenshot, that's why you have to experiment a bit, but stroke and shadow will get you there eventually

[polar hollow]

but then we are back to the start

stroke is going inward

and it doesnt look good

[tribal zenith]

yep, you have to find a balance between both

[polar hollow]

ohh like make the text really big and then the boarder will make it look normal?

because it goes inward

[elfin arch]

this, ^ are you trying to make a chat widget

[polar hollow]

i already have my chat widget, im just editing in a shadow with no fade and on all sides of text (stroke)

[elfin arch]

shadow or stroke?

[polar hollow]

this

the black boarder

[tribal zenith]

these settings

for this

[elfin arch]

let's come to an agreement on the name of the "border"

[tribal zenith]

you can stack shadow declarations

[polar hollow]

can you try making it thicker?

thats where the problems come in

[tribal zenith]

so you can put something like rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px in the shadow field for a more dense effect if you want that

the radius makes it a bit thicker

4 times a radius of 3 would look like this

rgb(0, 0, 0) 1px 1px 3px, rgb(0, 0, 0) 1px 1px 3px, rgb(0, 0, 0) 1px 1px 3px, rgb(0, 0, 0) 1px 1px 3px

[polar hollow]

it still has fade but that could be fixed if the 3rd number was 0 and there were tons of directions for the shadow

is 4 the limit?

[tribal zenith]

you can always add more declarations to decrease the fade effect

there might be character limit at some point, but at that point it should be dark enough 😄

[polar hollow]

iv gotten this with current knowledge

[tribal zenith]

then you changed the horizontal and vertical coordinates 😄

or x and y if you want to call them that

the last number is the radius

[polar hollow]

omg its getting close

rgb(0, 0, 0) 2px 2px 0px, rgb(0, 0, 0) -2px -2px 0px, rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 0px 2px 0px, rgb(0, 0, 0) -2px 0px 0px, rgb(0, 0, 0) 0px -2px 0px

something is still missing

[tribal zenith]

yeah, the radius

[polar hollow]

but then it starts fading

[tribal zenith]

if you set it to >1 yes, but you can just set it to 1

[polar hollow]

rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px

[tribal zenith]

you could also increase the stroke value to 0.85

then it should be close enough 😄

[elfin arch]

that looks pretty slick.

[polar hollow]

turning on stroke makes it look bad because of the inward thing

im struggling with these parts

[tribal zenith]

if you stay under 1 with the stroke it should be fine

[polar hollow]

that 0.85

thats pretty gross

this is 0

much better

[tribal zenith]

make the text bold if you use stroke

[polar hollow]

bold actually makes it not bad

yooooo

[tribal zenith]

the 2 and -2 coordinates for the shadow make it look displaced, if you don't want that you can set these values back to 1

[polar hollow]

rgb(0, 0, 0) 1px 1px 0px, rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px 1px 0px, rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px

this is ok

[polar hollow]

it would be perfect if i could get the shadow only to work

[polar hollow]

it was just these parts that made it look less than ideal

[tribal zenith]

rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px

that's like 10 shadows overlapping 😄

and a stroke of 0.75

0.5 would also work

[polar hollow]

10 overlapping shadows doesnt look like its doing much

rgb(0, 0, 0) 2.8px 2.8px 0px
I wonder if this works

damn

if there was a way to get a shadow in more than 8 directions this would be easy

[tribal zenith]

the coordinates are more important if you want something like a hover effect. for outlines you should keep them at 1 and work more with the radius

the above with 1.5 as radius value would already look different

or 1.25

[polar hollow]

rgb(0, 0, 0) 2px 2px 0px, rgb(0, 0, 0) -2px -2px 0px, rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 0px 2px 0px, rgb(0, 0, 0) -2px 0px 0px, rgb(0, 0, 0) 0px -2px 0px, rgb(0, 0, 0) 2px -2px 0px, rgb(0, 0, 0) -2px 2px 0px, rgb(0, 0, 0) 1px 1px 0px, rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0px 1px 0px, rgb(0, 0, 0) -1px 0px 0px, rgb(0, 0, 0) 0px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px

if this works

OK OK OK

ITS CLOSE

now if i add 1 to blur hopfully that makes it

rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px, rgb(0, 0, 0) 2px -2px 1px, rgb(0, 0, 0) -2px 2px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px
here goes nothing

With current knowledge this is the best i can get it

so theres no way to have shadows go in more than 8 directions?

[tribal zenith]

8 directions?

[polar hollow]

yeah with the code. for example we have
up
up,left
up,right
down
down,left
down,right
left
left,up
left,down
right
right,up
rightdown

thats why theres so much text

is there any way to get any other direction?

it would fix this

[elfin arch]

so; what you have done is great ... but in practice ... um... i'd suggest against it.

[polar hollow]

i could blur it even more but i should find out if theres more than 8 directions first

[polar hollow]

its the best way to have good looking text with a thick border

all the other ways looked disgusting

[elfin arch]

we went over this like 5 hours ago.

i gave you the answer. no one is going to notice the difference of a -2px vs -1px.

[polar hollow]

-1px in the 1st, 2nd or 3rd slot?

im guessing you are talking about the 3rd slot

[tribal zenith]

^

rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px, rgb(0, 0, 0) 1px 1px 2px

[polar hollow]

ohhhhhhhh

the overlapping same code idea makes the fade go away

thats smart

rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px, rgb(0, 0, 0) 2px -2px 1px, rgb(0, 0, 0) -2px 2px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px, rgb(0, 0, 0) 2px -2px 1px, rgb(0, 0, 0) -2px 2px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px, rgb(0, 0, 0) 2px -2px 1px, rgb(0, 0, 0) -2px 2px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 2px 2px 1px, rgb(0, 0, 0) -2px -2px 1px, rgb(0, 0, 0) 2px 0px 1px, rgb(0, 0, 0) 0px 2px 1px, rgb(0, 0, 0) -2px 0px 1px, rgb(0, 0, 0) 0px -2px 1px, rgb(0, 0, 0) 2px -2px 1px, rgb(0, 0, 0) -2px 2px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px

amazing!!

YES!

[tribal zenith]

now try the same without displacements and the blocky pixels should go away

[polar hollow]

the displacements slot 1 and 2 right?

[tribal zenith]

yes

just keep them at 1px

well, technically they are still displaced then, but way less noticeable 😄

[polar hollow]

lol yeah i was gonna say

[kindred orchid]

Hey @polar hollow! Did you try this text-shadow? -2px -2px 0 black, 0 -2px 0 black, 2px -2px 0 black, 2px 0 0 black, 2px 2px 0 black, 0 2px 0 black, -2px 2px 0 black, -2px 0 0 black; I got it from Stack Overflow so it might help you. Looks simpler so it might work

[polar hollow]

Thanks Ab! it looks like the shadow is only going 8 directions which is what my code is doing but a lot more complicated

[tribal zenith]

he kind of had that already, but it creates some blocky artefacts

[polar hollow]

rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px

i think we finally did it

[kindred orchid]

Looks perfect to me

[polar hollow]

its...

PREFECT

LEGENDS

It took 5 hours to get a thick outward stroke effect

its 1 am and i am now going to bed

[kindred orchid]

thats the power of CSS

[polar hollow]

that wasnt even CSS

[kindred orchid]

wait it isnt?

what is it?

[polar hollow]

just your standard box

and crazy code

[kindred orchid]

oh I see but btw thats still css just in the interface of stream elements

[polar hollow]

oh thats still css?

[kindred orchid]

in the css file it would look like this: text-shadow: rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb(0, 0, 0) 1px 1px 1px, rgb(0, 0, 0) -1px -1px 1px, rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) -1px 0px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) 1px -1px 1px, rgb(0, 0, 0) -1px 1px 1px, rgb.........

[polar hollow]

so the text box is a more user friendly css

and then the place with all the code is also css but more advanced?

[kindred orchid]

its more of an input box

So whatever you type in the input box would be the purple here

just makes it easier to edit for people if its outside in an input box

[polar hollow]

ah alright

so both are css, thats good to know

[kindred orchid]

yes exactly

[polar hollow]

ok, that crazy code has me fried

can you guys please do 1 thing

[polar hollow]

when someone wants a stroke on text and not the stroke that goes into the text, please just tell the person to copy paste this into the shadow input box

actually wait

can a mod just put that code as a tick box next to the stroke option

that would save so many people

[tribal zenith]

it's unfortunately not a one-and-done solution and heavily depends on the font

[polar hollow]

damn, fair

thank you guys for putting up with me on this long journey

[kindred orchid]

text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);

what about this? @tribal zenith

[polar hollow]

and Pjonp, I didnt like your laughing and smiling reactions

wasnt very nice

[kindred orchid]

dev.to/codingdudecom/everything-about-stroke-text-in-css-561i - it's taken from here

[tribal zenith]

@kindred orchid design isn't really calculable,so that doesn't change much 😄 but it might work in some cases, sure

[elfin arch]

🙂 i'd just suggest not using a power drill to install a rubber grommet

[kindred orchid]

guess we'll have to wait until paint-order comes to chrome

[elfin arch]

i protest everything in this chat from the last 3 hours. nope. nope.

[polar hollow]

you could have been great 🙂 🤣

thank you guys though

[pulsar willow]

@elfin arch I wanted to give you a huge shout-out for helping out with the AiO Rotating Goal Widget editing it for FB! We're close buddy

[elfin arch]

is it working for fB sessions now?

[pulsar willow]

Looks that way, untill FB decides to try new stuff on the page again🤣
Realtime post shares still not showing in activity feed

[elfin arch]

ugggghhh. it's already half broken

[pulsar willow]

Perhaps the "post-likes" part can be expanded to "post-reactions" to count all

[elfin arch]

these are things we might be able to look into next week or the one after that.

[pulsar willow]

Whenever you want buddy

[lusty wadi]

Heya!

I could use some help with an custom Command that I am currently working on!

So basically I want to create a Command, that the Viewers can use to figure out how many hours they have to wait until a certain point in time and I got everything to work out only Issue that I have is that Stream Elements is veeeeery limited with they're Variables, and I got no clue how to actually change the time to CET including and Argument (Arg).

Input:

!timeuntil 17:00

Output:

Until ${1} you'll have to wait ${time.until ${1}}...

Returns:

Until 17:00 you'll have to wait... hours (NOT IN CET).

Just had an Idea

Could I possibly subtract a value from the Arg or a certain amount of time?

[lusty wadi]

Or can I just make custom variables, etc.?

[pulsar willow]

I think you should create a cmd with urlfetch to your custom api returning the time you need.

@lusty wadi

[lusty wadi]

Create a cmd

Could you explain to me what that is etc.

I read about the url fetch tho

There is a variable for that isn’t there?

[pulsar willow]

for urlfetch yes

[lusty wadi]

Gotcha

[pulsar willow]

you need to write a code (like javascript or something you know) receiving the time by the user and compute the countdown

[lusty wadi]

Yikes

I don’t know if it’s worth it

Cause all really want is just my time to get converted into cet

How much code is it going to take

Or do you have any experience with that?

[pulsar willow]

well, i can code some example for you if you want

[lusty wadi]

I’d appreciate it

Cause I got no clue how to connect the code with Java first off and I got no clue how to return the message in chat seems pretty complicated just to get a time Haha

[uneven oxide]

@flint pollen, posting multiple links will result in not being able to post again.

[pulsar willow]

@lusty wadi sent to you, check pm

[mild cipher]

Feel free to check out the pinned messages in this channel for a customapi that you could also use ☺️

It would be something like

$(customapi.https://api.thefyrewire.com/twitch/datediff/next?time=$(1)&timezone=CST)

!until 17:00 (current time 16:50)
10 minutes

!until 17:00 (current time 17:10)
23 hours 50 minutes

You can also use now instead of next if you'd prefer it to say 10 minutes ago instead of looking ahead to the next upcoming time. Check the pinned message if you need formatting options.

[quick sapphire]

Can you handle json responses in a command? Nightbot has a simple command for that: $(eval ($(urlfetch json "url")).message)

[mighty ferry]

Hi, Just getting my head around overlays (StreamElements). I have put some social icons in a custom widget. Each is linked to their, respective accounts. They are correctly coded in html to open a link in a new window, using the target_blank. However, the links do not work with a left click of a mouse (the standard, use). They do, however, work with a right click (not the preferred way). Does anyone have any suggestions, please?

[young shard]

overlays aren't clickable when watching someone's stream, so I'm not sure what you're trying to achieve here

[kindred orchid]

Look at #widget-share, Those are Stream Elements Widgets, I think what you want is a website that opens links, Correct?

[kindred orchid]

Hey, Is there a way to set the widget's width and height in the json, js, css or html?