1. Change region input to select element

2. Make Build command to sh file

Author: PhantasWeng

CHANGELOG.md

@@ -0,0 +1,10 @@
+# v1.0.2
+1. Change region input to select element.
+2. Make Build command to sh file.
+
+# v1.0.1
+- Update event from onchange to oninput.
+> The setting UI used to save value after input blur, now will save on type immediately.
+
+# v1.0.0
+Initialize plugin.

README.md

@@ -2,12 +2,19 @@
 # Stream Deck - AWS CodePipeline
 Stream Deck Plugin - With this plugin, you can simply click a button to get the AWS CodePipeline status.
 
+  - [Button Status](#button-status)
+  - [Supported Stage](#supported-stage)
+  - [Install](#install)
+  - [Feature](#feature)
+  - [Setting up](#setting-up)
+  - [CHANGELOG](#changelog)
+
 ## Button Status
-Status | Screenchot
----|---
-Default | ![preview-default](./doc/preview-default.png)
-Fetching | ![preview-fetching](./doc/preview-fetching.png)
-Result | ![preview-result](./doc/preview-result.png)
+| Status   | Screenchot                                      |
+| -------- | ----------------------------------------------- |
+| Default  | ![preview-default](./doc/preview-default.png)   |
+| Fetching | ![preview-fetching](./doc/preview-fetching.png) |
+| Result   | ![preview-result](./doc/preview-result.png)     |
 
 ---
 
@@ -28,10 +35,13 @@ Result | ![preview-result](./doc/preview-result.png)
 - Long Press to open aws codepipeline webpage.
 
 ## Setting up
-Config | Description
----|---
-Pipeline | uuid of code pipeline
-Access Key Id | AWS IAM access key
-Secret Access Key | AWS IAM secret access key
-Region | AWS Region id. `ap-northeast-1`
+| Config            | Description                     |
+| ----------------- | ------------------------------- |
+| Pipeline          | uuid of code pipeline           |
+| Access Key Id     | AWS IAM access key              |
+| Secret Access Key | AWS IAM secret access key       |
+| Region            | AWS Region id. `ap-northeast-1` |
+
 
+## CHANGELOG
+See [CHANGELOG.md](./CHANGELOG.md)

build.sh

@@ -0,0 +1 @@
+rm ./dist/tw.phantas.aws-codepipeline-status.streamDeckPlugin; DistributionTool -b -i ../tw.phantas.aws-codepipeline-status.sdPlugin -o ./dist

dist/tw.phantas.aws-codepipeline-status.streamDeckPlugin

@@ -55,9 +55,14 @@
       <div class="sdpi-item-label">Secret Access Key</div>
       <input id="secretAccessKey" class="sdpi-item-value" type="text" value="" required />
     </div>
-    <div class="sdpi-item">
+    <!-- <div class="sdpi-item">
       <div class="sdpi-item-label">Region</div>
       <input id="regionId" class="sdpi-item-value" type="text" value="" required />
+    </div> -->
+    <div class="sdpi-item" id="select_single">
+      <div class="sdpi-item-label">Region</div>
+      <select class="sdpi-item-value select" id="regionId">
+      </select>
     </div>
   </div>
   <!-- <div class="sdpi-item">
@@ -81,6 +86,8 @@
   </div>
 
   <div class="sdpi-info-label hidden" style="top: -1000;" value=""></div>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/aws-sdk/2.1119.0/aws-sdk.min.js" integrity="sha512-m485HaWlvDQFzqGDHQGXUlqmypssaICQ+/oga6TVxYCUrztIudbOCBIyH5yJTPQGMqGDzW4aMn0ciHki1XCdKQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <script src="js/constants.js"></script>
   <script src="js/common.js"></script>
   <script src="js/common_pi.js"></script>
   <script src="js/index_pi.js"></script>

pi/index.html

@@ -0,0 +1,40 @@
+const regionsList = {
+  US: {
+    'US West (N. California)': 'us-west-1',
+    'US West (Oregon)': 'us-west-2',
+  },
+  Africa: {
+    'Africa (Cape Town)': 'af-south-1',
+  },
+  AsiaPacific: {
+    'Asia Pacific (Hong Kong)': 'ap-east-1',
+    'Asia Pacific (Jakarta)': 'ap-southeast-3',
+    'Asia Pacific (Mumbai)': 'ap-south-1',
+    'Asia Pacific (Osaka)': 'ap-northeast-3',
+    'Asia Pacific (Seoul)': 'ap-northeast-2',
+    'Asia Pacific (Singapore)': 'ap-southeast-1',
+    'Asia Pacific (Sydney)': 'ap-southeast-2',
+    'Asia Pacific (Tokyo)': 'ap-northeast-1',
+  },
+  Canada: {
+    'Canada (Central)': 'ca-central-1',
+  },
+  China: {
+    'China (Beijing)': 'cn-north-1',
+    'China (Ningxia)': 'cn-northwest-1',
+  },
+  Europe: {
+    'Europe (Frankfurt)': 'eu-central-1',
+    'Europe (Ireland)': 'eu-west-1',
+    'Europe (London)': 'eu-west-2',
+    'Europe (Milan)': 'eu-south-1',
+    'Europe (Paris)': 'eu-west-3',
+    'Europe (Stockholm)': 'eu-north-1',
+  },
+  MiddleEast: {
+    'Middle East (Bahrain)': 'me-south-1',
+  },
+  SouthAmerica: {
+    'South America (São Paulo)': 'sa-east-1'
+  }
+}

pi/js/constants.js

@@ -67,7 +67,17 @@ $SD.on('connected', (jsn) => {
      *
      * const foundObject = Utils.getProp(JSON-OBJECT, 'path.to.target', defaultValueIfNotFound)
      */
-
+    for (const group of Object.keys(regionsList)) {
+        const child = document.createElement('optgroup')
+        child.label = group
+        document.querySelector('#regionId').appendChild(child)
+        for (const region of Object.keys(regionsList[group])) {
+            const child = document.createElement('option')
+            child.innerHTML = `${regionsList[group][region]}: ${region}`
+            child.value = regionsList[group][region]
+            document.querySelector(`optgroup[label=${group}]`).appendChild(child)
+        }
+    }
     settings = Utils.getProp(jsn, 'actionInfo.payload.settings', false);
     if (settings) {
         updateUI(settings);