MeldStudio · zv1n · Sep 8, 2023 · Sep 1, 2023 · Sep 2, 2023 · Sep 2, 2023
diff --git a/README.md b/README.md
@@ -15,3 +15,26 @@ Which should yield you:
 ![](images/debug.png)
 
 From: https://streamdecklabs.com/debugging-your-javascript-plugin/
+
+# Packaging
+
+Elgato provides a CLI packaging tool. The files are just zipfiles, but the tool does some validation before packaging it all up.
+
+[https://docs.elgato.com/sdk/plugins/packaging]
+
+```
+$ DistributionTool -b -i co.meldstudio.streamdeck.sdPlugin -o ./
+```
+
+This outputs a file `co.meldstudio.streamdeck.streamDeckPlugin` which is the file we upload to S3 and link with our publish request.
+The CloudFront cache for the file should be invalidated after uploading to ensure that the Elgato crew downloads the correct plugin file.
+
+Publish request should be sent to `streamdeck.elgato@corsair.com` with the following information:
+
+* Download: https://packages.streamwithmeld.com/co.meldstudio.streamdeck.streamDeckPlugin
+* User:  Meld Studio, Inc.
+* Release Notes: _What changed with the new version of your plugin? (features/bug fixes)_
+* Support: hi@meldstudio.co
+* Category: Video
+
+Include the content from `co.meldstudio.streamdeck.streamDeckPlugin/README.md` in the email including the plugin and plugin 2x icons so that our store entry gets updated with all the desired information. 
diff --git a/co.meldstudio.streamdeck.sdPlugin/README.md b/co.meldstudio.streamdeck.sdPlugin/README.md
@@ -4,16 +4,16 @@
 Meld Studio 💙 Stream Deck. Take your stream to new heights with powerful new capabilities at your fingertips. Trigger transitions, manage audio tracks, toggle filter effects on and off, and much more. 
 
 1. **Now you see me, now you don’t**: Things getting weird on the cat-cam? Quickly toggle visibility on any layer.
-2. **What the \*\*\*\*\*?** Mute your microphone in a millisecond.
-3. **End your 24 hour streamathon with a bang.** Or just press the button to go offline.
-4. **Want to post your victorious boss battle (and not the 13 times you died trying)?** Start and stop recordings at the touch of a button - as many as you want.
+2. **What the \*\*\*\*\*?** Mute your microphone in a millisecond or precision adjust your audio inputs using the StreamDeck+.
+4. **End your 24 hour streamathon with a bang.** Or just press the button to go offline.
+5. **Want to post your victorious boss battle (and not the 13 times you died trying)?** Start and stop recordings or take a screenshot with the touch of a button - as many as you want.
 
 And we're not done yet! We are continually working to bring you even more capabilities for this integration, so stay tuned for updates and new features.
 
 ## What's New
 
-Version 0.2.0
-Now you can fine-tune your audio levels in Meld Studio using your StreamDeck+.
+Version 0.3.0
+Now you can take screenshots for thumbnails at the touch of a button.
 
 ## Helpful Links
 
@@ -34,6 +34,12 @@ hi@meldstudio.co
 # Change History:
 ------------
 
+## 2023-09-01 (v0.3.0)
+### Changes:
+-----------
+- Added support for taking screenshots in MeldStudio with the StreamDeck.
+
+
 ## 2023-05-31 (v0.2.0)
 ### Changes:
 -----------

diff --git a/co.meldstudio.streamdeck.sdPlugin/actions/screenshot/inspector.html b/co.meldstudio.streamdeck.sdPlugin/actions/screenshot/inspector.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <title>co.meldstudio.streamdeck.screenshot Property Inspector</title>
+    <link rel="stylesheet" href="../../libs/css/sdpi.css">
+</head>
+
+<body>
+    <div class="sdpi-change-scene sdpi-wrapper">
+    </div>
+</body>
+
+<!-- libs -->
+<script src="../../libs/js/utils.js"></script>
+<script src="../../libs/js/constants.js"></script>
+<script src="../../libs/js/events.js"></script>
+<script src="../../libs/js/api.js"></script>
+<script src="../../libs/js/property-inspector.js"></script>
+<script src="../../libs/js/timers.js"></script>
+<script src="../../libs/js/qwebchannel.js"></script>
+<script src="../../libs/js/meldstudio.js"></script>
+<script src="../../libs/js/inspector.js"></script>
+</html>
diff --git a/co.meldstudio.streamdeck.sdPlugin/actions/screenshot/plugin.js b/co.meldstudio.streamdeck.sdPlugin/actions/screenshot/plugin.js
@@ -0,0 +1,12 @@
+class Screenshot extends MeldStudioPlugin {
+  constructor() {
+    super("co.meldstudio.streamdeck.screenshot");
+
+    this.action.onKeyUp(({ action, context, device, event, payload }) => {
+      if ($MS.meld?.sendEvent)
+        $MS.meld.sendEvent("co.meldstudio.events.screenshot");
+    });
+  }
+}
+
+const screenshot = new Screenshot();
diff --git a/co.meldstudio.streamdeck.sdPlugin/actions/show-scene/inspector.html b/co.meldstudio.streamdeck.sdPlugin/actions/show-scene/inspector.html
@@ -35,7 +35,6 @@
     $PI.on('connected', () => {
       $MSPI.watchConnections('loading');
       $MSPI.initializeSelection("co.meldstudio.streamdeck.show-scene", ["scene"]);
-      $PI.sendToPlugin({content: "what"});
     });
 </script>
 </html>
diff --git a/co.meldstudio.streamdeck.sdPlugin/app.html b/co.meldstudio.streamdeck.sdPlugin/app.html
@@ -28,6 +28,7 @@
 
     <!-- actions -->
     <script src="actions/show-scene/plugin.js"></script>
+    <script src="actions/screenshot/plugin.js"></script>
     <script src="actions/toggle-layer/plugin.js"></script>
     <script src="actions/toggle-effect/plugin.js"></script>
     <script src="actions/toggle-mute/plugin.js"></script>

diff --git a/co.meldstudio.streamdeck.sdPlugin/assets/iconScreenshot.svg b/co.meldstudio.streamdeck.sdPlugin/assets/iconScreenshot.svg
diff --git a/co.meldstudio.streamdeck.sdPlugin/assets/iconScreenshot@2x.svg b/co.meldstudio.streamdeck.sdPlugin/assets/iconScreenshot@2x.svg
diff --git a/co.meldstudio.streamdeck.sdPlugin/assets/screenshot.png b/co.meldstudio.streamdeck.sdPlugin/assets/screenshot.png
diff --git a/co.meldstudio.streamdeck.sdPlugin/assets/screenshot@2x.png b/co.meldstudio.streamdeck.sdPlugin/assets/screenshot@2x.png
diff --git a/co.meldstudio.streamdeck.sdPlugin/de.json b/co.meldstudio.streamdeck.sdPlugin/de.json
@@ -14,6 +14,10 @@
         "Name": "Szene zeigen",
         "Tooltip": "Zeigt eine bestimmte Szene an."
     },
+    "co.meldstudio.streamdeck.screenshot": {
+        "Name": "Screenshot",
+        "Tooltip": "Machen Sie einen Screenshot Ihres Livestreams."
+    },
     "co.meldstudio.streamdeck.toggle-effect": {
         "Name": "Sichtbarkeit des Effekts",
         "Tooltip": "Sichtbarkeit des Effekts umschalten."

diff --git a/co.meldstudio.streamdeck.sdPlugin/en.json b/co.meldstudio.streamdeck.sdPlugin/en.json
@@ -14,6 +14,10 @@
         "Name": "Show Scene",
         "Tooltip": "Show a specified scene."
     },
+    "co.meldstudio.streamdeck.screenshot": {
+        "Name": "Screenshot",
+        "Tooltip": "Take a screenshot of your livestream."
+    },
     "co.meldstudio.streamdeck.toggle-effect": {
         "Name": "Effect Visibility",
         "Tooltip": "Toggles the visibility of an effect."

diff --git a/co.meldstudio.streamdeck.sdPlugin/manifest.json b/co.meldstudio.streamdeck.sdPlugin/manifest.json
@@ -3,12 +3,12 @@
   "Category": "Meld Studio",
   "CategoryIcon": "assets/MeldStudio",
   "Name": "Meld Studio",
-  "Icon": "assets/MeldStudio",
+  "Icon": "plugin",
   "Author": "MeldStudio",
   "CodePath": "app.html",
-  "Description": "Control Meld Studio.",
+  "Description": "Meld Studio 💙 Stream Deck. Take your stream to new heights with powerful new capabilities at your fingertips. Trigger transitions, manage audio tracks, toggle filter effects on and off, and much more.",
   "URL": "https://meldstudio.co",
-  "Version": "0.2.0",
+  "Version": "0.3.0",
   "OS": [
     {
       "Platform": "mac",
@@ -35,6 +35,19 @@
       "UUID": "co.meldstudio.streamdeck.show-scene",
       "PropertyInspectorPath": "actions/show-scene/inspector.html"
     },
+    {
+      "Icon": "assets/iconScreenshot",
+      "Name": "Take Screenshot",
+      "States": [
+        {
+          "Image": "assets/screenshot"
+        }
+      ],
+      "SupportedInMultiActions": true,
+      "Tooltip": "Take a screenshot!",
+      "UUID": "co.meldstudio.streamdeck.screenshot",
+      "PropertyInspectorPath": "actions/screenshot/inspector.html"
+    },
     {
       "Icon": "assets/iconAudioTrack",
       "Name": "Mute Track",