• This repository has been archived on 02/Mar/2023
  • Stars
    star
    228
  • Rank 175,267 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Stream Deck SDK: Plugin Template

Stream Deck Plugin Template

PLEASE NOTE:

THIS PLUGIN TEMPLATE IS OUTDATED!!

PLEASE USE THE CURRENT ONE HERE:

https://github.com/elgatosf/streamdeck-plugin-template


The Stream Deck Plugin Template is a boilerplate template to let you get started quickly when writing a Javascript plugin for Stream Deck.

Stream Deck Plugin Template requires Stream Deck 4.1 or later.

Description

Stream Deck Plugin Template is a complete plugin that shows you how to

  • load and save settings using Stream Deck's persistent store
  • setup and communicate with the Property Inspector
  • pass messages directly from Property Inspector to the plugin (and vice versa)
  • localize your Property Inspector's UI to another language

If you think about creating a Stream Deck plugin, it's a good idea to start with this template, because it already implements all code required to communicate from your plugin to the Property Inspector and to your Stream Deck.

There are also a bunch of utility helpers included, which makes it easy to process messages sent and received via Websockets.

Together with the PISamples library it helps you create your full-fledged Stream Deck plugin fast.

Features:

Features:

  • code written in Javascript
  • cross-platform (macOS, Windows)
  • localization support
  • styled Property Inspector included
  • Property Inspector contains all required boilerplate code to let you instantly work on your plugin's code.

Quickstart: From Template to Plugin in under a minute

A short guide to help you getting started quickly.

Pre-requisites

  • Download or clone the template plugin.

Do a search/replace on strings in the template's files:

Use your utility of choice (or your terminal) to do a full string replace using:

Replace all occurences of:

com.elgato.template with your.identifier.plugin

and:

Stream Deck Template with Your Plugin Name

Fire up your preferred code-editor and open app.js.

Remove what you don't need and start coding (e.g. in the onKeyDown method)

Happy coding...

More Repositories

1

streamdeck-philipshue

Stream Deck SDK: Philips Hue sample plugin
JavaScript
196
star
2

streamdeck-plugin-template

A starting place for a new JavaScript Stream Deck plugin.
HTML
193
star
3

streamdeck-javascript-sdk

A library for plugins used for connecting to Stream Deck.
CSS
125
star
4

streamdeck-cpu

Stream Deck SDK: CPU sample plugin
C++
125
star
5

streamdeck-numberdisplay

Stream Deck SDK: NumberDisplay sample plugin
CSS
91
star
6

streamdeck

Stream Deck SDK.
TypeScript
76
star
7

streamdeck-pisamples

Stream Deck SDK: PISamples sample plugin
HTML
69
star
8

streamdeck-counter

Stream Deck SDK: Counter sample plugin
HTML
48
star
9

streamdeck-analogclock

Stream Deck SDK: Analog Clock sample plugin
JavaScript
47
star
10

streamdeck-applemail

Stream Deck SDK: AppleMail sample plugin
Objective-C
45
star
11

streamdeck-obs-plugin

OBS Plugin to communicate with the Stream Deck app
C
44
star
12

streamdeck-obs-plugin2

Stream Deck - OBS Studio plugin 2.0
C++
36
star
13

gamecapture

Game Capture HD open source components.
C++
35
star
14

jonah

Develop, Test, and Deploy Django inside Docker
Python
24
star
15

streamdeck-memorygame

Stream Deck SDK: Memory Game sample plugin
C++
23
star
16

cli

CLI tool for building with Stream Deck.
TypeScript
22
star
17

streamdeck-kit-ipad

Swift library for controlling Stream Deck hardware from an iPadOS application.
Swift
21
star
18

capture-device-support

C++
15
star
19

sample-clock-plugin

Stream Deck SDK sample to show how to create a plugin which uses SD+ panels
JavaScript
12
star
20

streamdeck-timerfix

Stream Deck SDK: Demonstrate how to have a reliable Javascript timer in a Stream Deck plugin
JavaScript
11
star
21

sample-customlayout

Stream Deck SDK sample to show how to create and use custom layouts on SD+ panels
JavaScript
7
star
22

sample-indicator-plugin

Stream Deck SDK sample to show how to update indicator-bars on Stream Deck + panels
JavaScript
7
star
23

sample-doubleindicator-plugin

Stream Deck SDK sample to show how to use double-indicator-bars on Stream Deck + panels
JavaScript
6
star
24

sample-layouts

Stream Deck SDK sample to show how to create and use layouts on SD+ panels
JavaScript
5
star
25

streamdeck-sample-plugins

Collection of Sample Plugins for Stream Deck
JavaScript
3
star
26

streamdeck-kit-macros

Macros for the Stream Deck Kit library.
Swift
2
star
27

schemas

JSON schemas, and TypeScript declarations, for building with Stream Deck.
TypeScript
2
star
28

prettier-config

Prettier configuration used by Elgato projects.
2
star
29

elgato

1
star
30

sample-textlayout

StreamDeck + sample plugin that demonstrates how to create a list of strings as a `layout` shown on Stream Deck's touch-panel and how to update those strings efficiently.
JavaScript
1
star