chore: update cloudly dependency stack

Align Cloudly with the current typedserver, smartconfig, smartstate, and Docker tooling releases so builds and Docker output stay compatible with the upgraded stack.

ts_web/elements/cloudly-dashboard.ts

@@ -38,8 +38,8 @@ declare global {
 
 @customElement('cloudly-dashboard')
 export class CloudlyDashboard extends DeesElement {
-  @state() private identity: plugins.interfaces.data.IIdentity;
-  @state() private data: appstate.IDataState = {
+  @state() private accessor identity: plugins.interfaces.data.IIdentity | null = null;
+  @state() private accessor data: appstate.IDataState = {
     secretGroups: [],
     secretBundles: [],
     clusters: [],
@@ -188,10 +188,11 @@ export class CloudlyDashboard extends DeesElement {
     `;
   }
   public async firstUpdated() {
-    const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
-    simpleLogin.addEventListener('login', (e: CustomEvent) => {
-      console.log(e.detail);
-      this.login(e.detail.data.username, e.detail.data.password);
+    const simpleLogin = this.shadowRoot!.querySelector('dees-simple-login') as any;
+    simpleLogin.addEventListener('login', (eventArg: Event) => {
+      const loginEvent = eventArg as CustomEvent;
+      console.log(loginEvent.detail);
+      this.login(loginEvent.detail.data.username, loginEvent.detail.data.password);
     });
     this.addEventListener('contextmenu', (eventArg) => {
       plugins.deesCatalog.DeesContextmenu.openContextMenuWithOptions(eventArg, [
@@ -205,8 +206,8 @@ export class CloudlyDashboard extends DeesElement {
               menuOptions: [
                 {
                   name: 'close',
-                  iconName: null,
-                  action: async (modalArg) => {
+                  iconName: undefined,
+                  action: async (modalArg: any) => {
                     await modalArg.destroy();
                   },
                 },
@@ -221,14 +222,14 @@ export class CloudlyDashboard extends DeesElement {
     const domtools = await this.domtoolsPromise;
     const loginState = appstate.loginStatePart.getState();
     console.log(loginState);
-    if (loginState.identity) {
+    if (loginState?.identity) {
       this.identity = loginState.identity;
       try {
         appstate.apiClient.identity = loginState.identity;
         if (!appstate.apiClient['typedsocketClient']) {
           await appstate.apiClient.start();
         }
-        try { appstate.apiClient.typedsocketClient.addTag('identity', appstate.apiClient.identity); } catch {}
+        try { await appstate.apiClient.typedsocketClient.setTag('identity', appstate.apiClient.identity); } catch {}
       } catch (e) { console.warn('Failed to initialize API client WS', e); }
       await simpleLogin.switchToSlottedContent();
       await appstate.dataState.dispatchAction(appstate.getAllDataAction, null);
@@ -238,14 +239,14 @@ export class CloudlyDashboard extends DeesElement {
   private async login(username: string, password: string) {
     const domtools = await this.domtoolsPromise;
     console.log(`attempting to login...`);
-    const simpleLogin = this.shadowRoot.querySelector('dees-simple-login');
-    const form = simpleLogin.shadowRoot.querySelector('dees-form');
+    const simpleLogin = this.shadowRoot!.querySelector('dees-simple-login') as any;
+    const form = simpleLogin.shadowRoot.querySelector('dees-form') as any;
     form.setStatus('pending', 'Logging in...');
     const state = await appstate.loginStatePart.dispatchAction(appstate.loginAction, {
       username,
       password,
     });
-    if (state.identity) {
+    if (state?.identity) {
       console.log('got jwt');
       this.identity = state.identity;
       form.setStatus('success', 'Logged in!');