feat(deployment): Implement Deployment and DeploymentManager classes with CRUD operations and service integration

ts_web/elements/cloudly-view-clusters.ts

@@ -15,10 +15,7 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-clusters')
 export class CloudlyViewClusters extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();

ts_web/elements/cloudly-view-deployments.ts

@@ -15,10 +15,7 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-deployments')
 export class CloudlyViewDeployments extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();

ts_web/elements/cloudly-view-images.ts

@@ -8,10 +8,7 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-images')
 export class CloudlyViewImages extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();

ts_web/elements/cloudly-view-secretbundles.ts

@@ -15,10 +15,7 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-secretbundles')
 export class CloudlyViewSecretBundles extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();
@@ -44,7 +41,7 @@ export class CloudlyViewSecretBundles extends DeesElement {
       <dees-table
         .heading1=${'SecretBundles'}
         .heading2=${'decoded in client'}
-        .data=${this.data.secretBundles}
+        .data=${this.data.secretBundles || []}
         .displayFunction=${(itemArg: plugins.interfaces.data.ISecretBundle) => {
           return {
             name: itemArg.data.name,

ts_web/elements/cloudly-view-secretgroups.ts

@@ -8,18 +8,16 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-secretsgroups')
 export class CloudlyViewSecretGroups extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();
-    appstate.dataState
+    const subscription = appstate.dataState
       .select((stateArg) => stateArg)
       .subscribe((dataArg) => {
         this.data = dataArg;
       });
+    this.rxSubscriptions.push(subscription);
   }
 
   public static styles = [
@@ -36,7 +34,7 @@ export class CloudlyViewSecretGroups extends DeesElement {
       <dees-table
         heading1="SecretGroups"
         heading2="decoded in client"
-        .data=${this.data.secretGroups}
+        .data=${this.data.secretGroups || []}
         .displayFunction=${(secretGroup: plugins.interfaces.data.ISecretGroup) => {
           return {
             name: secretGroup.data.name,

ts_web/elements/cloudly-view-services.ts

@@ -15,10 +15,7 @@ import * as appstate from '../appstate.js';
 @customElement('cloudly-view-services')
 export class CloudlyViewServices extends DeesElement {
   @state()
-  private data: appstate.IDataState = {
-    secretGroups: [],
-    secretBundles: [],
-  };
+  private data: appstate.IDataState = {};
 
   constructor() {
     super();