Wled-client NPM

WLED Client

A friendly JS interface for controlling your WLED devices from Node.js or the browser.

Note: This is under early active development and may be subject to breaking changes until it reaches a stable version 1.0.0.

About

This is a JS/TS client library for the control of WLED devices. It offers a friendly simplified interface to send commands and receive data from your device, either piecemeal via WLED's JSON API or in real time via the WebSocket API. The full power of WLED's JSON API can also be harnessed through WLED Client by using updateState.

Installation

WLED Client is isomorphic, meaning it will behave identically in both the browser and Node.js.

Browser

For a fast and traditional start, you can include the CDN script for WLED Client in your HTML:

<script src="https://unpkg.com/wled-client/dist/browser/wled-client.js"></script>

Or you can also download this script directly to use it locally where you please. Either way, the WLEDClient class will now be available globally.

For a more modern approach, you can use the ES Module version of WLED Client provided by the CDN:

<script src="https://unpkg.com/wled-client/dist/browser/wled-client.mjs" type="module"></script>

See usage for next steps.

Node

Install with your favorite Node.js package manager:

# NPM
$ npm install wled-client

# Yarn
$ yarn add wled-client

Then you can require or import WLED Client:

import { WLEDClient } from 'wled-client'

const { WLEDClient } = require('wled-client')

See usage for next steps.

Other Environments

Under the hood, WLED Client uses the fetch, WebSocket, and EventTarget APIs to achieve the desired behavior. WLED Client is primarily meant to be used in the browser where these APIs are provided by the browser's execution environment. In order to work on node, each API has been polyfilled.

If your execution environment includes these APIs, you can use the browser script out of the box. Otherwise you'll need to add your own polyfills to make WLED Client work in your desired environment.

Usage

Create a new instance of the WLEDClient class and pass in the IP of your WLED device:

const wled = new WLEDClient('192.168.0.123')

Once the class is constructed, WLED Client will immediately try to fetch the full device context (state, info, effects, and palettes) via the JSON API. If WebSocket is enabled, then at the same time WLED Client will also try to establish a connection via the WebSocket API.

When WLED Client has successfully fetched the device context, the promise at wled.isReady will resolve. Then the device's state, info, effects, and palettes will be accessible. As long as the WebSocket API is connected updates to the device context will be received asynchronously, so changes made from outside WLED Client (like the WLED App) will be automatically applied to the client instance. You can always manually refetch the context using the wled.refreshContext() method.

async function init() {
	const wled = new WLEDClient('192.168.0.123')
	await wled.init()

	console.log(wled.info.version) // 0.12.0
}
init().catch(console.error)

If you're familiar with WLED's JSON API, you can make an update to the device state in a similar way using the wled.updateState() method. This method accepts an object with a friendly (verbose) interface that matches 1:1 with the WLED JSON API.

async function init() {
	const wled = new WLEDClient('192.168.0.123')
	await wled.init()

	console.log(wled.state.brightness) // 255
	await wled.updateState({
		brightness: 128
	})
	console.log(wled.state.brightness) // 128
}
init().catch(console.error)

If you'd rather be more direct, WLED Client offers simple methods to execute common commands as well.

async function init() {
	const wled = new WLEDClient('192.168.0.123')
	await wled.init()

	console.log(wled.state.brightness) // 255
	await wled.setBrightness(128)
	console.log(wled.state.brightness) // 128
}
init().catch(console.error)

See the WLEDClient class page for a list of methods. At any point you can run any method that updates the device's state, regardless of WLED Client's ready state. If the WebSocket is not connected, state updates will be sent via the JSON API over HTTP.

Examples

Twitch integration example using tmi.js. Contains detailed instructions if you're new to Node.js.

To see how WLED Client handles various use cases, there are several example scripts in the official examples repository.

Documentation

There is a wonderfully done documentation for the WLED JSON API to be found at the WLED knowledge base. WLED Client implements this with only slightly more verbose key names.

See the API documentation page for a detailed run down of WLED Client's structure. The WLEDClient class docs has a quick list of properties and methods you can use. It may also help to check out the type definitions for WLED Client and compare them to the type definitions for WLED itself.

Versioning

In order to adhere to the NPM ecosystem, WLED Client follows semantic versioning. WLED Client will bump major versions when there is a breaking change in the API that you consume in your projects. This may happen when WLED introduces a breaking change in its API, or if there comes a need to restructure parts of WLED Client.

Otherwise, we will bump minor versions every time we introduce support for new WLED features as the WLED project progresses. WLED Client aims to support whatever the latest stable version of WLED is.