SEDK
A simple Development Kit for creating StreamElements Custom Widgets locally, with more cleaner and intuitive workflow. It's goal is to make a simpler and more fun development of custom widgets for SE without annoying copy/paste workflow.
Install / Use
/learn @Santoryo/SEDKREADME
StreamElements Development Kit
</a>
A simple Development Kit for creating StreamElements Custom Widgets locally, with more cleaner and intuitive workflow. It's goal is to make a simpler and more fun development of custom widgets for SE without annoying copy/paste workflow. Made with love by @santowyo.
Disclaimer: This project is heavily still under WIP. Many things will change until 1.0 release. Contributions are open for code structure and general help to make the best tool as possible.
Need help with code? Join our Discord https://discord.gg/MgFbfkNDPY
Features
- Live Development Server that reloads on any file save and changes.
- Auto SVG to CSS to handle StreamElements no storage limitation.
- Simple building into .zip folder that can be imported directly into StreamElements Overlays Feature by using ShrigmaCW widget.io Chrome Extension
- Auto Components creation to allow cleaner codebase (.html into .js embedded function)
Setup
- Clone the repo with
git clone https://github.com/Santoryo/SEDK(or download the zip file from GitHub / Ko-Fi) - Open the folder with Visual Studio Code and run
npm installto install the dependencies - Your Widget code lives inside the
widgetdirectory with following .html, .css. .js and .json files. - Run
npm run devto enter development mode. - We provide you with basic template for messages, subs, alerts. You can add anything you want with the specific StremElements. If you would like to add more buttons to test edit the
.sdk/index.html. - You can attach custom stylesheets, packages and more by adding it to the
<head>element inwidget.html - You can run
npm run buildto build your project intowidget.zipthat you can use to import files directly using ShrigmaCW widget.io Chrome Extension
