https://github.com/yeonv/blade-wled-extension-react
https://github.com/yeonv/blade-wled-extension-react
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yeonv/blade-wled-extension-react
- Owner: YeonV
- License: mit
- Created: 2020-05-14T19:40:55.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T05:55:30.000Z (almost 3 years ago)
- Last Synced: 2025-04-17T12:31:15.269Z (8 months ago)
- Language: JavaScript
- Size: 1.61 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blade's WLED HTTP/JSON API-Tester
## *now in Chrome WebStore starting with v0.8.x!!*
During beta only available via this [link](https://chrome.google.com/webstore/detail/blades-wled-api-tester/foeecfbflpljollbdmemelnmmihmlglf)
### Features
- Built with react
- State management handled by redux & chrome-localStorage
- HTTP-API Tester (incl. fully customizable FX-List)
- Active State
- Countdown on NL-Effects
- proper state-handling even on close/reopen
- JSON-API Tester (incl. JSON-Editor and Stored List)
- InfoButton to toggle "Helper-Bubbles"
### Manual Install (git-release)
Click to expand
> git-releases can contain newer features, which are not published to store yet
1. [Download Extension](https://github.com/YeonV/Blade-WLED-Extension-React/releases/latest/download/Blade_WLED.zip) & unzip
2. GoTo Chrome-Extensions: `chrome://extensions`
3. Toggle Developer mode -> Load unpacked -> select Folder
### How To
Click to expand
click on the info-icon at the topper right corner.
> please don't use the app while helper-bubbles are opened, might lead to a visual bug. you can also repress the info-button after the visual-bug to fix it.
### Notes
Click to expand
- "add new effect"- and "IP"-inputs can also be confirmed with "Enter"-key
- clicking the icon of an effect-parameter toggles the whole parameter (i.e. the sun-icon at the brightness sliders toggles if whole brightness-parameter)
---
### Development
Click to expand
> cloning the latest will contain chrome-release + git-release + non-released-commits
```
git clone https://github.com/YeonV/Blade-WLED-Extension-React.git
cd Blade-WLED-Extension-React
```
---
Starting DEV-Server (with hotReload):
```
yarn
yarn start
```
=> use `build` folder as Chrome-Extension
---
Building Extension (Production):
```
yarn
yarn build
```
=> use `build` folder as Chrome-Extension
# Credits
brother in arms and mentor: https://github.com/monestereo
wled: https://github.com/Aircoookie/WLED
wled's creator Aircookie and the community
extension's react-base used: https://github.com/lxieyang/chrome-extension-boilerplate-react
okok, that noob of past's blade also did things... https://github.com/YeonV/Blade-WLED-Extension