Merge pull request #11 from ciderapp/next

Cider 2.5.x
ciderapp · Aug 13, 2024 · 73bef02 · 73bef02
2 parents 137e971 + dce9171
commit 73bef02
Show file tree

Hide file tree

Showing 7 changed files with 379 additions and 485 deletions.
diff --git a/.hintrc b/.hintrc
@@ -0,0 +1,8 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/forms": "off"
+  }
+}
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ Using CiderDeck you can do the following
 - Cross-Platform (macOS, Windows)
 
 ## Requirements
-- [Cider 2.3+ (Sabiiro)](https://cider.sh)
+- [Cider 2.5+](https://cider.sh)
 - Stream Deck (MK.1, MK.2, SD+, XL)
 - Computer running Windows or macOS
 

diff --git a/src/sh.cider.streamdeck.sdPlugin/actions/authorization/inspector.html b/src/sh.cider.streamdeck.sdPlugin/actions/authorization/inspector.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <meta
+          name="viewport"
+          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <title>CiderDeck Settings</title>
+    <link rel="stylesheet" href="../../libs/css/sdpi.css" />
+</head>
+
+<body>
+    <div class="sdpi-wrapper">
+        <hr class="tab-separator">
+        <form id="property-inspector">
+            <div id="tab1" class="tab-container">
+                <div class="sdpi-item">
+                    <div data-localize class="sdpi-item-label" title="RPC Key">RPC Key</div>
+                    <input data-localize class="sdpi-item-value" name="authkey" id="authKey" type="password" />
+                </div>
+            </div>
+        </form>
+        <div class="sdpi-item">
+            <button
+                    class="sdpi-item-value"
+                    value="authorize"
+                    data-localize
+                    id="authorize">
+                Authorize
+            </button>
+        </div>
+    </div>
+
+    <div class="sdpi-info-label hidden" style="top: -1000" value=""></div>
+
+    <!-- Stream Deck Libs -->
+    <script src="../../libs/js/constants.js"></script>
+    <script src="../../libs/js/prototypes.js"></script>
+    <script src="../../libs/js/timers.js"></script>
+    <script src="../../libs/js/utils.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/dynamic-styles.js"></script>
+
+    <!-- Property Inspector Source -->
+    <script src="inspector.js"></script>
+</body>
+
+</html>
diff --git a/src/sh.cider.streamdeck.sdPlugin/actions/authorization/inspector.js b/src/sh.cider.streamdeck.sdPlugin/actions/authorization/inspector.js
@@ -0,0 +1,22 @@
+/// <reference path="../../libs/js/property-inspector.js" />
+/// <reference path="../../libs/js/utils.js" />
+
+$PI.onConnected((jsn) => {
+    const {actionInfo, appInfo, connection, messageType, port, uuid} = jsn;
+    const {payload, context} = actionInfo;
+    const {settings} = payload;
+    $PI.getGlobalSettings();
+});
+
+let form = document.querySelector('#property-inspector');
+
+$PI.onDidReceiveGlobalSettings(({payload}) => {
+    console.log('onDidReceiveGlobalSettings', payload);
+    form.querySelector('#authKey').value = payload.settings.authkey;
+})
+
+document.querySelector('#authorize').addEventListener('click', () => {
+    let authKey = Utils.getFormValue(form);
+    $PI.setGlobalSettings(authKey);
+    console.log('button clicked yo!', authKey);
+});
diff --git a/src/sh.cider.streamdeck.sdPlugin/app.html b/src/sh.cider.streamdeck.sdPlugin/app.html
@@ -21,9 +21,11 @@
 	<script src="libs/js/api.js"></script>
     <script src="libs/js/stream-deck.js"></script>
 	<script src="libs/js/action.js"></script>
+    <script src="https://cdn.socket.io/4.7.5/socket.io.min.js" integrity="sha384-2huaZvOR9iDzHqslqwpR87isEmrfxqyWOF7hr7BY6KG0+hVKLoEXMPUJw3ynWuhO" crossorigin="anonymous"></script>
 
 	<!-- Plugin Source -->
     <script src="app.js"></script>
+
 </body>
 
 </html>