elements-editor-widgets20

[silver spade]

Hihi! I've been trying to use the new elements editor as I really adore the astrology theme it has, but I can't seem to test any elements are working. I've already signed in and out, even made sure everything was updated - and I'm still having issues on my end.

Oh, and is there a way to quickly copy alignment from one element to another (the actual position properties?)

[marble hamlet]

The TTS from the new overlays still reads out "empty" messages which only contain the cheer amount, for ex. "cheer100". Also, if the message is actually empty, like from donations or resubs, it reads out the last TTS message. When there wasn't a TTS before an empty message it reads out the "{event.data.message}". Sometimes it also reads out the "X is gifting X Tier 1 Subs to X's community! They've gifted a total of X in the channel!", even though we never let this read out by TTS.

Is there any chance that this could get fixed? Reading out the "cheerXXX" can be really distracting in certain moments, and the repeating of the last TTS always confuses the streamer.

[compact tendon]

Quick food for thought:

305 characters (spaces included if used) is a bit too much to user before overflow/word wrapping of the name.
Should note this is maximized windows on 3440x1440 monitor.

You can still scroll over as indicated by the bar at the bottom but definitely not the nicest thing to see if you venture out that far.

[compact tendon]

Something else that I had previously mentioned regarding the overlay system was a more easy way to "import" overlays into OBS without the user having to fidget much with the settings.

Currently most people manually add the browser source along with whatever settings they want for their needs. This for the most part makes the 2 easiest parts automated (Resolution and Source name) though other parts will need to be done manually.

https://obsproject.com/tools/browser-drag-and-drop

This is part of the reason why I was wanting to get this added. Does get confusing why an overlay/widget isn't properly showing because the default settings don't match what you need it and you don't know it's wrong.
https://cdn.discordapp.com/attachments/374636015396192257/1264463476043026452/image.png?ex=669df6e1&is=669ca561&hm=c5817888f5964dd7b601fc0c8a8b91a3dda6a572812122a7d7238b8ef06b5814&

[coral citrus]

OBS drag and drop is really useful. I use it myself on my overlay share page.

[compact tendon]

And yes I know that's from the overlays and not elements.

[worldly ridge]

what's the proper way to interpolate text for a TTS composite field in the elements editor? applyHtmlElementTextContent seems like a roundabout way to do it given I want to play audio and not update displayed text. interpolateTextContentComponents works but it provides an array rather than the fully formed input field. I feel like I'm missing something obvious.

[sterile heart]

applyHtmlElementTextContent is a helper function which uses interpolateTextContentComponents internally

[worldly ridge]

yes, but I'm not rendering a text component because this is an audio element for TTS. is interpolateTextContentComponents all that's available to me and I have to .map().join()? or use applyHtmlElementTextContent and grab the text it added to the element?

[sterile heart]

Either one will work for you. It all depends on your use case.

[worldly ridge]

I'm confused why this is happening. I'm creating a TTS composite field following the example template shown on the composite fields documentation page. everything worked fine while testing, but after publishing, the editor complains about my config.

I get the error "Invalid enum value. Expected 'text/plain' | 'text/multiline', received 'audio/*'". is the documentation out of date or what's going on here?

[worldly ridge]

so everything works just fine if I change the baseType to text and baseMimeType to text/multiline and then just play audio. it seems like something is messed up with the internal SE config for tts fields.

[sterile heart]

@obtuse ruin

[obtuse ruin]

@worldly ridge try adding a TTS field from the ui. I cant check immediately but the mime type or base mime type would be audio/tts or something like that.

[worldly ridge]

changing the type on MyTTS to be "tts" fixes the error, but I can't set that at element creation because of image #2

[sterile heart]

Set your baseType to tts then

baseType determines the field schema

[worldly ridge]

it is. this setup creates the above JSON. that's why I think something is messed up.

it's also what's shown in the example in the documentation

[worldly ridge]

btw, regarding those composite field examples, they all include loadCompositeFieldResourcesAndRenderIntoHtmlElement which doesn't exist, so I think some things are out of date, but it was the only place I could find with information on the schema for a TTS field.

[obtuse ruin]

What are you trying to do? Are you trying to implement a custom tts field?

[worldly ridge]

yes, this is just a TTS custom composite field. I can still play audio with any other type and mimeType, but setting up TTS correctly causes these issues.

[full drum]

Am I the only one where the Fourthwall merch rotator widget seems to be broken? I just get a white box now, with no merch items...

[compact spoke]

Hi. Our developers confirmed a bug with this widget. It is being worked on, I would recommend to avoid using it at the moment (as it does not display the items) and check if it is resolved after 1-2 weeks.

[hoary plover]

I was using the wheel of fortune last night and when i use the !spinwheel in chat, it's very hit and miss if it spins fully or stops after sometimes 3 sections or maybe 7 sections but doesn't go round fully.
If i use the spin the wheel button on the control panel it works every time but not always using the chat command

[compact spoke]

Thank you for the report. Can you record this on video, how it behaves via command VS via control panel?
Any specific details you notice can help us to fix it 🙂

[hoary plover]

Weirdly enough i can't replicate it now.
I removed the source from OBS earlier, i've re-added it but also updated my OBS so not sure which of those fixed it but it's working flawlessly now
Will try and get video showing it if it happens again

I was doing a subathon so added it while live last night

[compact spoke]

Sounds good, thank you for the update.
Try to record it if you bump into some weird behavior that is hard to replicate 🙂

[worldly ridge]

was a bug created for this? or am I deeply misunderstanding the schemas for these? it currently doesn't seem possible to make a TTS composite field without modifying the JSON after it's created. image 1 is caused by setting type to a custom type name, but the error goes away if type is tts. image 2 is caused by using tts for the type in getCompositeFieldMetadata. I believe something in the SE code isn't properly allowing extending the tts type.

[primal aurora]

can i link more than one channel for sponsors?

[compact spoke]

In general the campaigns are channel specific. You can share the link on other channels, but the sponsored stream has to be done on the main channel that has the campaign.

[compact spoke]

Hi.

I saw the ticket that was sent, it is reported to our developers. We will try to update you as soon as it is resolved (or if we have any other information).

[marble ginkgo]

need help converting a working custom widget into an element, for a wishlist site that many people will be using

[compact spoke]

We have found the issue. The TTS settings have moved to the Sound section. In the ticket you have sent us we have provided you a more detailed update and we will adjust the documentation accordingly.

[delicate berry]

Issue: I'm assisting someone with setting up their overlay, however, when someone sends Bits or Subs to the channel it's not showing on stream or in their Activity Feed. We've even created new overlays and it's still not working. Any suggestions?

[compact tendon]

their channel name? No links.

[delicate berry]

strikergaming420

[onyx quest]

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

[compact tendon]

They need to do that.

[delicate berry]

They are logged out now.

They are now logging back in

that worked... thank you!

[vagrant ridge]

I'm trying to follow the Elements Setup Guide on the SE website. Using the VS Code Live Server extension (linked on that page) I can't find a way to set the required headers, so I'm getting CSP-related console errors. Any advice on setting these using the Live Server recommended in the Setup Guide?

[delicate shadow]

Wanted to check just in case I missed something. Randomized varients aren't available yet for the Elements beta, right?

[sterile heart]

Not yet, no. CC @tight spade

[frozen prism]

its my first time using the new elements sdk
i'm following the instructions to load the examples from the github (https://dev.streamelements.com/docs/widgets-elements-sdk/bult8ogswaeu2-setup-guide)
but this is all I see?

[frozen prism]

did you figure this out? im having the same issue

even using the Five Server extension with the headers set im still getting CSP errors

[vagrant ridge]

Nope. Would love some staff input on this, but in the meantime I've pivoted to implementing things with other tools.

[drifting ravine]

@frozen prism @vagrant ridge So I was running into this issue today too where setting the right headers wasn't working correctly. Then I added this file (fiveserver.config.cjs) with the following code to the root of my server:

const customHeaders = (req, res, next) => {
    res.header('Allow-CSP-From', '*')
    res.header('Access-Control-Allow-Origin', '*')
    next()
}

module.exports = {
    middleware: [customHeaders],
    // other settings
}```

Also switching to a chromium based browser worked for me.

[vagrant ridge]

Huh... I tried this with Vivaldi (Chromium-Based) and I could see the Hello World widget on the right, but I still had the black screen of doom in the preview window and couldn't simulate anything. Even vanilla widgets wouldn't show.

Then I tried Edge and I wasn't even able to get that far. Depending on the view I was in, it seemed to lose it's state. Several views showed the correct name and that the widget had been published, others don't and I can't get the developer settings to stick. It keeps defaulting to "No Custom Code"

Will give Chrome a shot in a bit.

[drifting ravine]

Hmm interesting, it was giving me a lot of inconsistent results today as well... Did you find any errors in your console?

[vagrant ridge]

Looks like edge is having a hard time talking to api.streamelements.com. Tons of 404 errors. Weird thing is Vivaldi connected fine (once I exempted SE from their slightly overaggressive built-in blocking).

Either way, black screen of doom.

Also... a question related to the use of Elements... Is this currently only for alerts? If this is replacing the overlay system, what about persistent screen elements?

[ashen lava]

Hey guys I got a problem with my subathon widget. It doesn't count Gift Subs in the way it should. 5 Gift Subs were counted as 2 Subs and I found a line in the code that could be the reason for this:
case 'subscriber':
if (activity.bulkGifted) { // Ignore gifting event and count only real subs
return;
}
https://github.com/StreamElements/elements-sdk-examples/tree/master/subathon
That's the code I use and the line is found under widget-main.js Line 205-208

[tight spade]

Thanks @ashen lava that code example is out of date with the subathon widget, but i did find a similar issue in the actual code.

[ashen lava]

Where can I find the code which is up to date?

[austere wasp]

Hey guys, @frozen prism @vagrant ridge I started my trek into these murky waters yesterday and ran into, I believe, the same problem. At least... I hit a speedbump at the same place in the tutorial. I don't know what I have is ideal yet, but I figured I'd share in case it helps you.

The problem I seemed to run into was specifically with the "Allow-CSP-From: *" header. I haven't followed up yet so not sure why, meaning don't know if it's a non-standard or early adopter implementation... but this header didn't seem to have great support from any of the simple servers I tried to use (even ones labelled as supporting CORS).

For the moment, I've unstuck myself by using a python server snippet I found and modified to include the relevant header, and it seems to be working (please note, I had a false negative with this approach on first implementation because the editor, it seems, can be a bit glitchy, and the builtin "reload" doesn't always seem to work. You may need to reload the widget after changes). The code I used is here [redacted*] save for the the addition of:

self.send_header('Allow-CSP-From','*')

which I inserted on line 15. I'm running on windows, so I'm then running that file in WSL (Windows Subsystem for Linux) to serve the relevant directory.

One further note, the "test" button in the Developers section (where you specify your server address), seems to be, at least partially, useful in diagnosing this. My guess is that it validates the server file interaction, MINUS some of the cors interaction. If the test fails, your server is probably not accessible; if it says "Looks good 👍!" then the server file is probably there but you may still have a cors issue. If you check the browser console on the widget view (f12 in chrome) you should see some red text about the Content Security Policy if that's the case.

Don't know if that helps, but good luck! 🙂

*The address needed to be redacted to saftisfy moderation rules. A google search of "fpira cors python server" shoult probably give the page as the first result. "Python http.server for a CORS world." [this code is not my own, use at your own discretion].

[compact tendon]

For context their message got ate by the bot but link was approved in the same https://fpira.com/blog/2020/05/python-http-server-with-cors

[austere wasp]

@compact tendon thanks for that.

@frozen prism @vagrant ridge I just now noticed on re-reading that the discord formatting ate a couple characters. Please observe that the actual line of code I added was:

self.send_header('Allow-CSP-From', '*');

(An asterisk and a quote was removed in formatting)

[rain tartan]

I found this alert widget

https://nerdordie.com/product/naughty-or-nice-free-christmas-alerts/

The widget is normally activated via the classic alerts follow, sub, resub, cheer, donation etc... but how can I make it work the same way but via a command? (also taking the name of the user who redeems it from the chat) what should i add on the editor?

I would like to use this idea (activate a widget via command) also for other overlays so I would be grateful for your support so that I can understand how it works and act independently in the future ❤️

[strong jungle]

Is AthenaAI integration working with YouTube? I created an alert and added Subscriber (YouTube) to my video alerts. Everything is set up correctly and when I do a custom test from AthenaAI I see the AI character in OBS. Works great. But when I simulate an event from OBS nothing happens. I know streamelements is receiving the simulated subscriber event because it fires my legacy subscriber alert widget, but the AetheaAI element doesn't fire.

[left vigil]

Hello, would anyone be available to help me create a webcam frame that could edit the colors? It is not for me but for someone on the server who offered to help me, I would be very grateful if someone could tell me if in elements editor I can do what I am asking

[craggy jewel]

Does the Elements Editor - Charity donation Event support DonorDrive (Extra Life) alerts that are added to Integrations? Or what charity events are supported? I am not getting anything when testing an actual donation, but it works when I use the Simulate function.

[deft stream]

Hi everyone! I'm new here and just getting started with the new SE SDK. I'm experimenting with Node and Webpack to have a bit more control over my project, but l'm running into some errors (probably related to how the loader handles modules) when try to control elements in the SE Editor.
Has anyone else tried something like this? Am
attempting something impossible?

[polar cedar]

Hello! I've set myself the ambitious first project of making one of those reactive stream pet elements, and I want to make sure I've correctly wrapped my head around the intended structure of the beta widgets SDK.
I think everything collectively should be the pet widget, and it doesn't all get stuffed into a custom composite field. Instead, the custom composite field would be a single, unique pet reaction. It could store the configuration for the animation or image, positional data, bark text, etc. Then the streamer would add the composite field to each trigger and variant they wanted. Does that sound right?

[brittle thorn]

+++

[sterile heart]

Hello. A single pet reaction should be a widget event (the list on the left) and not a composite field. A composite field represents a visual or audio element on screen in each state (event).

[little minnow]

I had a curious question. Im looking into setting up Multi-streaming to Twitch and Youtube (With twitch being the primary), and I was curious, how does Alerts work with both platforms? Or can I set it up so that my alerts work with both platforms?

[noble brook]

Something you gotta be aware of is that even though twitch allows multistrean they don't allow alerts or chat messages or anything advertising another platform (kick YouTube etc) if I rever the details all correctly. As a result theirs no way of having combined alerts from both platforms unless you add two sources of your alerts from both se. YouTube and se. twitch. But I don't recommend that.

[little minnow]

Ah, I see. Thank ya.

[noble brook]

Another strategy that you can do is use Aitum and it will allow you to create a canvas that can be a 1 on 1 copy of your twitch scene but it will be for YouTube and the send two streams out one going to twitch other to youtube

https://help.twitch.tv/s/article/simulcasting-guidelines?language=en_US

For your reference in regards of multi/sinulcasting

[little minnow]

Ill think on it. Ive been doing twitch alone since march, and Im super iffy about multi-streaming, since I got limited bandwith.

[noble brook]

It Def will eat more bandwidth

[zealous fog]

Would you happen to know why my Streamelements Elements Alert is looping? I created an alert in the "Elements" beta for Community gifted subs, but for some reason, it plays close to 12-15 times when I preview the alert in OBS and it is the only alert that does this. Is there a setting or selection I have to use to make this stop?

[marble hamlet]

What's currently the easiest solution for a local http server for element development? I couldn't find any VScode extension or also other small local test servers which support setting the needed CSP headers. Next option would probably to just spin up a local nginx server

[marble hamlet]

I quickly created a simple http server which serves static files with golang and added the needed headers there. It works with this. I could probably make it a bit more flexible and release it on github if some are interested.

[marble hamlet]

If I remember correctly, "Community gifted subs" are the individual subs from a gift sub, so if somone gifts 10 subs, this would trigger for each one who got a sub. "Community gift" is the event we use for the combined alert, like "xxx gifted xx subs".

There is also a "Single sub gift", which would be "xxx gifted xxx a sub"

[quasi totem]

Hello. Been toying around with StreamElements for a while now, and couldn't get through the Elements SDK tutorial until I came here and found this fix for an apparently known bug.

Since it's apparently an old issue that hasn't been fixed, it might be helpful to at least update the SDK documentation (https://dev.streamelements.com/docs/widgets-elements-sdk/bult8ogswaeu2-setup-guide) to at least mention refreshing the page after setting the localhost mode. Save others a lot of potential pain.

[sterile heart]

@tight spade

[brisk crow]

howdy howdy, looking for a little help/conversation with the new SE LIVE plugin for OBS with regards to the new multi streaming dock. i'm getting a request failed error code 500.

[silent lion]

Hey I am having a bit of an issue with the SE live multi stream does the ticket system still work

[trim oar]

It would be really cool is someone who's super creative to create a multi-input donation goal. And what I mean by that is, Subs/Gifts/Bits/Dono's all contribute towards the same 1 goal bar widget. That way people don't need to have several bar goals per support type. I have no idea if that's too complex or what, but I'm probably going to ask chat gpt to make it with code or something. Idk I think it'd be cool.

[coral citrus]

Not an Elements widget, but it seems you are looking for One Bar to Rule Them All: #widget-share message

[trim oar]

Holy shitake mushrooms, this is it, what a find! Thank you so much!

[trim oar]

oh, it seems to be broken and not work with any SE event emulation. Bar wont go up and text doesn't display. Oh well lmao

[coral citrus]

The issue is on the emulation itself, it doesn't trigger real event updates.

[light hare]

Is there a way to edit the sizes of the bars inside elements? I want to make the background bar smaller so I can make the inside bits bigger

[bronze crag]

I'm not sure if this is the right channel but I'm looking for a sub goal widget. Is there a place where I can go to find some good ones other than the text I'm using? Free or purchase

[frozen prism]

where is the documentation for the new elements editor?

[frozen prism]

Also, is this elements editor even being supported anymore? Seems like the support and documentation for it has fallen behind. I possibly want to convert my custom overlay widgets to the elements editor but it seems very complex. It also doesn't help almost all the sdk examples are broken.

[coral citrus]

Documentation is here:
https://dev.streamelements.com/docs/widgets-elements-sdk/fc33kohieg2y6-the-elements-editor

[coral citrus]

Yes, it is supported and that's the "default" one, as Overlays won't receive updates anymore (unfortunately).
Conversion is indeed complex and not directly compatible as some features aren't (or weren't, I don't know as I'm not using it) available on Elements.

[frozen prism]

Thanks. I really really like how we can code a custom control panel so that's one of the main reasons I want to switch to Elements, but I've tried a handful of times to learn it since it was released and have not made it far each time before giving up

We really need the sdk examples to be fixed, I prefer to learn by tweaking an example but they're almost all broken

[coral citrus]

I know how you feel... I had the same feeling when I tried to do something on Elements. Sometimes it seems too much to learn and the examples are not that good

[bleak epoch]

Emulate for store redemption does not work?

[frozen prism]

so lets say i had an element that would be made visible via a couple different events, like chat command, raid, sub.
would i add those events and then have to add the widget to each event?

trying (again) to learn this elements editor

also, how do i even make a widget visible via a chat command? is it "widget event"?

[frozen prism]

i guess this is what i would need for the chat command. so its not even possible now? https://dev.streamelements.com/docs/widgets-elements-sdk/8se2hgbc5lw7v-custom-triggers

[frozen prism]

nvm. it can be done via a widget event

[frozen prism]

i added a fade in / fade out to the element but it is not fading in or out. do i need to do anything else other than

    function renderPlayingState() {
      const field = configState.settings.compositeFields[compositeFieldId]; // get the data for this specific field

      window.widget.compositeFields.applyHtmlElementTextContent({
        htmlElement,
        textContent: `${field.text?.[0]?.content} (Hello World Playing)`,
        style: field.style,
        highlightStyle: field.highlightedStyle,
      });
    }

[frozen prism]

yep. totally lost on how im supposed to apply the user supplied animation to the element.
i suppose i could manually style the element but it seems like it should be built in?
also. why does configState.settings.compositeFields[compositeFieldId].animation
return:

    "enter": {
        "animationName": "fade-in",
        "animationDuration": "0.5s",
        "opacity": "0"
    },
    "static": {
        "animationDuration": "60s",
        "opacity": "1"
    },
    "exit": {
        "animationName": "fade-out",
        "animationDuration": "0.5s",
        "opacity": "0"
    }
}```

why is fade-in and fade-out duration set to 0.5 when i have 60s set in the editor? it applied that duration to static??

at this point im probably just going to have the user set all the styling in the control panel. plus that gives me ability to use more than just fade and slide

[hasty stump]

Hello, I came here to know if anyone had already made a soccer overlay and if so if they could share it with me, thanks in advance.

[verbal ferry]

Would anyone know how outdated https://github.com/StreamElements/elements-sdk-examples/tree/master/subathon is ?
I was making a variant of it today and while working on it found a few issues with this version, I know that the official element in the element gallery uses some version of that, but not sure if it'd have the same issues

I'd also like to not regress on any features if possible since I'm just making a simple extended feature of the existing element

nvm I've answered my own question 👍

[turbid orchid]

Anyone know if there is a marathon timer widget that I can have work simultaniously with YouTube and Twitch?

I see what looks like a good one for Twitch, but I want it to also work off my Youtube members/superchats

[random lagoon]

I think I may have posted this in the wrong channel, reposting here.

[sterile heart]

Composite fields represent editable visual (and audio) elements on screen. They are the proper way of adding HTML into the widget.

[zinc marlin]

Does Elements have an option to save state between streams? Like SE_API in custom widget?

I mean, some variables

Because SE API works tragically

[coral citrus]

https://dev.streamelements.com/docs/widgets-elements-sdk/vapgzqada82a9-persistent-storage

[zinc marlin]

Nice, thank u

[tawdry furnace]

is there a way to make stream labels move

[willow rune]

When is elements coming to kick, want to use all my elemements alerts for kick

[sterile heart]

@tight spade

[true brook]

Hello world! I appreciate in advance anyone who is able to help me out with this! I'd really like to start moving my custom Overlay widgets over to the Elements Editor. Thank you for your time!

TL;DR → ISSUE #3 • Why isn't SE's 'Hello World' composite loading in the Elements Editor nor browser preview?

ISSUE #1 • CORS/CSP

• I read up on everything I could about CORS and CSP thinking that was the misstep, but I found that they seem to be enabled in my browsers just fine already. (Fingers crossed this keeps up but mentioning in case it is part of the issue.)

ISSUE #2• Localhost Mode

• The Localhost server address in Elements displays 'Server unreachable' most of the time. I tried multiple combinations of browsers and found a pretty consistent rate of success when I run the live preview in Safari from VS Code and the Localhost address is accepted with 'Looks good 👍!' in Chrome. (Again, mentioning just in case.)

ISSUE #3 • I'm now stuck on step 8 of ‘Test your element on Localhost’:

• Sometimes, when I click on 'Add Element' (for the default follower event) an empty div gets displayed
• Sometimes, when I click on 'Add Element' only the standard 'Video/Text/Image' is displayed
• (I can not determine any patterns when either of these occurs) ^
• The Hello World composite is never displayed
• Every time, my live preview from VS Code is a white/empty page.
• Every time, the Designer view is a black screen with either a spinning blue circle or a tiny white pixel

Other notes:

• All relevant files and sheets are being accessed correctly according browser Dev inspect/tools
• Network Headers show Allow-CSP-From: * as well as Access-Control-Allow-Origin: *
• I ran a basic 'Hello World' code test from VS Code successfully; the Elements package is giving me trouble
• I have tried all the troubleshooting I could find on this Discord (y'all are very helpful!)
• Operating on a Mac M2 and Windows 10 (tried both)

[true brook]

Adding further troubleshooting attempts to keep you updated as I go. No success yet but I've tried:

• Successful implementation of CSP + CORS blocker extensions → no change to Issue #3
• Successfully added CSP + CORS lines to html (head > meta) to clear new Dev errors → no change to Issue #3
• Reset all code to default from StreamElements GitHub → no change to Issue #3
• Added code for controlPanel + endpoints to manifest.json → Control Panel shows up in Elements Editor with "This content is blocked. Contact the site owner to fix the issue." (still no change to Issue #3)

[civic lion]

Hi guys, can someone help me with the currency field on my custom widget?

[civic lion]

I figured that it looks what locale i selected (pt-BR), so it know the label 'BRL' then change to symbol 'R$'. But i need to use a map lookup, but there's a lot of other locales to include in a gigantic map.

And other thing. If someone from France tip me, it will show his or my locale currency? Or will use the one i set in my Tip Page?

[coral citrus]

It shows in what you set in your tipping settings.
SE will convert the value from Euro to BRL using the tipping rates API (it uses USD as a base value) from here: https://api.streamelements.com/kappa/v2/tipping/rates
#dev-chat message

Hmm, editing here, I'm not sure if the conversion is done via Paypal or Streamelements, actually.

[coral citrus]

If it is related to custom widgets, I personally recommend to ask in #dev-chat. This channel is more for Elements widgets (and it seems we don't have many people engaged in this channel).

[sterile heart]

Hey all. Good news for ELEMENTS DEVELOPERS 🎉 🥳

Starting of today we will not apply Content Security Policy when in local development mode, which means that you will no longer have to configure your local webserver to return Allow-CSP-From: * HTTP response header.

Hopefully this will ease up the developer experience for all you amazing folks using the Elements SDK to build great things! 🚀

[sterile heart]

More good ELEMENTS news! We now support Kick login and events! 🎉 🥳

[coral citrus]

But we still don't have access to Elements on left panel when using Kick. I think you guys forgot to add it to the dashboard.

[sterile heart]

Good call! Taken care of! 🚀

[coral citrus]

Hey ilya, thanks!
One more thing, the "Media browser" in Elements doesn't allow us to remove uploaded images/videos . We need to go to Overlays page to have the option to delete them.

[sterile heart]

@tight spade

[frozen mesa]

is there tiltify integration with the elements editor

[frozen mesa]

Why isn't there a raid option for the element editor

[vagrant ridge]

I'm trying to make the jump from the old overlay custom widgets to the Elements editor, and I'd just like to clarify some assumptions I'm making to make sure I start off correctly. So far, I think I understand:

• At a high level, an "element" is the same as an "overlay" in the old system.
• We create one or more composite fields for the elements design and functionality (like the old "Custom Widget").
• We perform long-running tasks and communication between the various fields using a ServiceManager.
• End Users can modify our composite fields in the editor, but we can also provide a control panel that I assume would work for centralized configuration.
• When we publish the Element, we're publishing everything in the element editor, not just our custom code.

Assuming I have all that right, then I guess I have 2 questions:

1. I notice the docs list Publishing as separate from submitting to the gallery (which is coming soon) so does the approval process just give us a link we can share with users for now?
2. Is there a token for the Element, or other means to access the SE API as there is with the old overlay system? I see we can access chat and a few other things, but I'm just curious in case I run across a need for more.

[sterile heart]

You can think of Services as of invisible Composite Fields which are not tied to a certain state (incoming event, background or foreground layer): they always exist in the background and perform whatever tasks are necessary. Usually that means processing incoming events and updating bindable data, or generating widget events, or updating persistent storage, or doing whatever is necessary to maintain state behind the scenes.

Composite Fields exist on either states (Events) or on Background / Foreground layers. Events (states) activate when a corresponding event happens (i.e. follower., subscription, tip, etc.), while Background/Foreground layers are always visible. In that respect, bg/fg layers are similar to an overlay in the sens that they provide bg/fg graphics, and Events (states) are similar to an overlay alert box which only shows up when an event comes in.

Composite Fields are similar to custom widgets, however they are not necessarily responsible for processing events. They can display static graphics, for instance, or always play an audio file in a loop, etc.

As to your questions:

1. Yes. We don't have an automated process to publish into the gallery atm, however, you can create a shareable widget page and share it with others. If it contains custom code, then you'll have to submit it for approval before it can be shared.

2. An Element accesses SE facilities using the available API (window.widget.*). You'll find out we have API calls for pretty much everything you need to work with the SE platform. We do not provide access to the user's token in Elements as it is a security concern.

[tough whale]

I see on the elements (tried to switch from overlays to it) that we have a chat box on most of the available theme packs. I still didnt find how to add the stream chat to that chat box. in the overlays it was easy using stream tools -> chat box but here I am lost. Any help?

Also, ive watched the SE youtube channel. Not much info/presentation for the elements tab, is there any documentation somewhere that could really help how things are going?

[gilded swift]

Hello, I sometimes help friends with custom streamelements overlay code and such, and recently I was asked if there was a no-code way to implement alerts that respond to twitch redeems.

I did some digging around in the elements editor and found that there is a state that responds to "redeems" I assume that might be related to twitch redeems, but UI seems incomplete, only giving me access to the "name" variable, and that just links to the account that made the redemption.

So I was wondering if there exists a way to link twitch redeems to the elements editor yet or if that feature is still being worked on?

[snow jewel]

Q: is this a new (beta) editor ? that is in development ? and how to you get access to it ? 👀

[compact tendon]

This is the "new" overlay system and everyone has access to it already https://streamelements.com/dashboard/alerts-and-widgets?orderBy=updatedAt&sort=-1

[marble hazel]

I have a problem with Community gifts sub ! What is a command ?

[leaden raptor]

Tried search but looks like for some reason donations from the Twitch Charity tool aren't triggering the Charity Donation alert anymore in Elements or the old Overlay Gallery. Simulating the event works and displays in OBS. But when and actual Twitch Charity event shows up (even shows up in the SE activity feed) it doesn't trigger the alert.

[frozen gazelle]

hopw do i add "alerts " to streamelementt obs

[silent arrow]

Is it still possible to send messages to chat with "window.widget.chat.requestSendChatMessage"? I'm getting a 410 error.

[sterile heart]

Unfortunately it was removed due to security concerns

[snow jewel]

How can I delete all the data, in de DATA tab?, deleting all the lines, doesn't do anything, old data gets back in the data tab ?

[coral citrus]

Replace everything with just {}

[meager summit]

Sorry if this isnt the place to ask - but will there ever be an update the element widget that allows us to resize images/gif/ect inside the editor without having to reupload them?

I love how nice it is but it's a bit of a chore to reupload a file repeatedly to try and get the size right ^^;

[stiff breach]

Hello.
I'm creating a custom widget and I have questions.
When I emulate a follower event in stream elements it triggers a bunch of logs, one of them is emulating follower-goal.
I wanted to know if you have a dedicated goal system and where can I get that data?
Should I just get it from a field and save it in state myself?

And another question, if I want to update this goal with a chat command, how would I do that?

[sterile heart]

You can edit corresponding CSS in the JSON editor

[trim shuttle]

Don't know how to stream and get more videos on my channel help me

[meager summit]

what exactly should I be looking for to edit in the editor to change the size?

[lilac vigil]

Hey, quick question: Is it no longer possible to export overlays to share them with other users? The option seems to have disappeared from my menu.

[coral citrus]

If you are talking about Overlays (https://streamelements.com/dashboard/overlays), there was never an option to share in the menu.
In case you are referring to Elements (https://streamelements.com/dashboard/alerts-and-widgets), the option is still there. Change the "View" at the top right from Designer to Publisher, and then click on "Update changes".

[lilac vigil]

But I have installed other people's custom widgets myself. If I want to export a widget, how can I do it?

[coral citrus]

#dev-chat message

[primal grotto]

In the elements editor, when I test being gifted multiple subs, it plays the alert for the sub bomb and then plays a single alert for each sub.. how do I stop that?

[compact tendon]

You mind grabbing a screenshot of the alert types on the left (specifically the sub one) along with them selected and options shown on right?

I'm not at PC ATM so sorta limited wirh helping.

[primal grotto]

Trying to have specific sounds for specific sub bombs but when I test a "20 community gift sub" it does the sound for the 20 gifted subs but then also plays the 1 sub 20 times

[compact tendon]

Sorry about the long wait.

I think it's actually doing both the lumped alert (As intended) along with notifying who got a sub as an individual one.

Gonna poke people about this.

[snow nest]

Hi there! I'm making a custom chat widget and I'm not seeing any events for deleted messages. I'm following the docs here https://docs.streamelements.com/overlays/custom-widget-events#message-deletion

  console.log('EVENT:', obj.detail.listener, obj.detail);
  //nothing is logged when I delete a message in twitch chat
});```

Am I missing something here? Any help would be much appreciated! Thanks!

[coral citrus]

Your code is working fine on my side:

Make sure you are logged to the correct platform and the correct user.

[snow nest]

Ah I missed something on my end! It's working thank you!

[normal cove]

Hi, do you know if it's possible to retrieve the viewers from a session?

[fading seal]

[neon hinge]

https://tenor.com/view/spongebob-ban-pubg-lite-banned-rainbow-gif-16212382

[ebon basin]

I have tried everything under the sun to reset the "Hypeboss" widget including wiping 100% of my site data and things and nothing is working at all.

"Reset" button does quite literally nothing at all

Unchecking the "Boss can heal" doesn't turn off it's ability to heal either.

[compact tendon]

[zenith ocean]

is there a widget or some sort of way you can show the # of tier 2/tier 3 subs with the goal? i just wish there were a way to differentiate tier 2/tier3 subs

[neon hinge]

https://tenor.com/view/spongebob-ban-pubg-lite-banned-rainbow-gif-16212382