Example Plugin in JavaScript

• This is an example plugin in JavaScript.

• This plugin has been stripped down to it's most basic functionality so that it is easier to get started creating your own plugins.

• After installation, the plugin code can be found on Windows here: %appdata%\Elgato\StreamDeck\Plugins\com.krabs.example.sdPlugin

• After installation, the plugin code can be found on Mac here: ~/Library/Application Support/com.elgato.StreamDeck/Plugins/com.krabs.example.sdPlugin

Debugging your JavaScript plugin

You can debug your JavaScript plugin and/or Property Inspector using Google Chrome's web developer tools. In order to do so, you first need to enable the HTML remote debugger in Stream Deck.

• on macOS, you will need to run the following command line in the Terminal:

defaults write com.elgato.StreamDeck html_remote_debugging_enabled -bool YES

• on Windows, you will need to add a DWORD html_remote_debugging_enabled with value 1 in the registry @ HKEY_CURRENT_USER\Software\Elgato Systems GmbH\StreamDeck.

After you relaunch the Stream Deck app, you can open http://localhost:23654/ in Chrome, where you will find a list of 'Inspectable pages' (plugins). Inspecting your plugin is pretty straightforward: Click the reverse DNS name of your plugin and Chrome shows it's developer tools, where you can further inspect used components and log messages.