se-dev-env

This app aims to bridge the gap between efficient development and StreamElements. Create an overlay, add a widget, and start coding right in your preferred editor.

---

---

Installation

1. Run this command in the terminal

git clone https://github.com/Redo7/se-dev-env
cd se-dev-env
npm install
npm run dev

2. Open http://localhost:5173/
3. Then just run npm run dev in the app's directory whenever you want to start the server

Configuration

1. You can add your own widget templates and create them on any overlay by simply putting your html.html, css.css, js.js, fields.json, and data.json inside of /templates/user/{your template name}. The app is going to scan that directory, and will automatically add them to the + button on the overlay.

2. Create a .env file in the root directory with these values:

• VITE_GOOGLE_FONTS_API_KEY = your-api-key-here

1.0 Release Roadmap

• SE_API storage persistance
• On-screen console toasts
• widget.io import/export
• Finish home screen design
  • Display relative time on recents
• Overlay and widget renaming
• Fields
  • Movable
  • Field Creator
  • Field Group redesign
• Events emulation
  • Basic implementation
  • Custom events
  • Update data/onSessionUpdate and data/onWidgetLoad when related events happen
• Chat emulation
• Finish light mode