feat(solace-message-client): add support for Angular 22

.github/workflows/workflow.yml

@@ -1,7 +1,7 @@
 name: Continuous Integration and Delivery
 on: [push, pull_request]
 env:
-  NODE_VERSION: 24.11.0
+  NODE_VERSION: 26.3.0
   PUPPETEER_CACHE_DIR: ${{ github.workspace }}/node_modules/.cache/puppeteer
 permissions:
   contents: read
@@ -10,12 +10,12 @@ jobs:
     name: 'Installing NPM modules'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Running npm ci (if node_modules not cached)'
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         id: node-modules-cache
         with:
           path: ./node_modules
@@ -29,8 +29,8 @@ jobs:
     outputs:
       version: ${{ steps.solace-message-client-package-json.outputs.version }}
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Reading package.json version of solace-message-client'
@@ -39,19 +39,19 @@ jobs:
         with:
           path: projects/solace-message-client/package.json
       - name: 'Restoring NPM modules from cache'
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: ./node_modules
           key: node_modules-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
       - name: 'Building solace-message-client'
         run: npm run solace-message-client:build
       - name: 'Building API Documentation (TypeDoc)'
         run: npm run solace-message-client:typedoc
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         with:
           name: solace-message-client
           path: dist/@solace-community/angular-solace-message-client
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         with:
           name: solace-message-client-api
           path: dist/solace-message-client-api
@@ -60,17 +60,17 @@ jobs:
     needs: build-solace-message-client
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Restoring NPM modules from cache'
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: ./node_modules
           key: node_modules-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
       - name: 'Downloading solace-message-client'
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v7
         with:
           name: solace-message-client
           path: dist/@solace-community/angular-solace-message-client
@@ -80,23 +80,23 @@ jobs:
     needs: build-solace-message-client
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Restoring NPM modules from cache'
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: ./node_modules
           key: node_modules-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
       - name: 'Downloading solace-message-client'
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v7
         with:
           name: solace-message-client
           path: dist/@solace-community/angular-solace-message-client
       - name: 'Building TryMe App'
         run: npm run solace-message-client-testing-app:build
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         with:
           name: tryme-app
           path: dist/solace-message-client-testing-app/browser
@@ -105,12 +105,12 @@ jobs:
     needs: install
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Restoring NPM modules from cache'
-        uses: actions/cache@v4
+        uses: actions/cache@v5
         with:
           path: ./node_modules
           key: node_modules-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
@@ -129,7 +129,7 @@ jobs:
     outputs:
       should-release: ${{ steps.tag-release-commit.outputs.is-release-commit }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
       - name: 'If release commit present, add release tag'
         uses: SchweizerischeBundesbahnen/scion-toolkit/.github/actions/tag-release-commit@master
         id: tag-release-commit
@@ -144,9 +144,9 @@ jobs:
     needs: [ release-guard ]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
       - name: 'Downloading API'
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v7
         with:
           name: solace-message-client-api
           path: dist/api
@@ -171,9 +171,9 @@ jobs:
       - test
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
       - name: 'Downloading TryMe App'
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v7
         with:
           name: tryme-app
           path: dist/tryme
@@ -195,12 +195,12 @@ jobs:
     needs: [ build-solace-message-client, release-guard ]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
           node-version: ${{ env.NODE_VERSION }}
       - name: 'Downloading dist/solace-message-client'
-        uses: actions/download-artifact@v4
+        uses: actions/download-artifact@v7
         with:
           name: solace-message-client
           path: dist/@solace-community/angular-solace-message-client

CONTRIBUTING.md

@@ -38,7 +38,7 @@ Before you start development, we recommend that you build all projects using the
 
 **Node Version**
 
-Make sure to use Node.js version `24.11.0` for contributing to this project. We recommend using [Node Version Manager](https://github.com/nvm-sh/nvm) if you need different Node.js versions for other projects.
+Make sure to use Node.js version `26.3.0` for contributing to this project. We recommend using [Node Version Manager](https://github.com/nvm-sh/nvm) if you need different Node.js versions for other projects.
 
 
 **Enable Hot Code Replacement**

apps/solace-message-client-testing-app/src/app/app.component.ts

@@ -1,11 +1,10 @@
-import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {Component} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     RouterOutlet,
   ],

apps/solace-message-client-testing-app/src/app/enter-access-token/enter-access-token.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle} from '@angular/material/dialog';
 import {FormControl, ReactiveFormsModule, Validators} from '@angular/forms';
 import {PromptAccessTokenProvider} from '../prompt-access-token.provider';
@@ -9,7 +9,6 @@ import {MatButton} from '@angular/material/button';
   selector: 'app-enter-access-token',
   templateUrl: './enter-access-token.component.html',
   styleUrls: ['./enter-access-token.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     MatDialogTitle,
     MatDialogContent,

apps/solace-message-client-testing-app/src/app/login/login.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {NonNullableFormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
 import {LocationService} from '../location.service';
 import {SolaceMessageClientConfig} from '@solace-community/angular-solace-message-client';
@@ -18,7 +18,6 @@ import {MatLabel} from '@angular/material/form-field';
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     ReactiveFormsModule,
     MatFormField,

apps/solace-message-client-testing-app/src/app/message-list-item/message-list-item.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, computed, input, output, Signal, untracked} from '@angular/core';
+import {Component, computed, input, output, Signal, untracked} from '@angular/core';
 import {MessageEnvelope} from '@solace-community/angular-solace-message-client';
 import {ungzip} from 'pako';
 import {MessageDumpFlag, MessageType} from 'solclientjs';
@@ -12,7 +12,6 @@ import {MatMiniFabButton} from '@angular/material/button';
   selector: 'app-message-list-item',
   templateUrl: './message-list-item.component.html',
   styleUrls: ['./message-list-item.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     DatePipe,
     StringifyMapPipe,

apps/solace-message-client-testing-app/src/app/publisher/publisher.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, inject} from '@angular/core';
+import {ChangeDetectorRef, Component, DestroyRef, inject} from '@angular/core';
 import {NonNullableFormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
 import {DestinationType, MessageDeliveryModeType, MessageType, SDTField, SDTFieldType, SolclientFactory} from 'solclientjs';
 import {Data, MessageEnvelope, PublishOptions, SolaceMessageClient} from '@solace-community/angular-solace-message-client';
@@ -19,7 +19,6 @@ import {MatCheckbox} from '@angular/material/checkbox';
   selector: 'app-publisher',
   templateUrl: './publisher.component.html',
   styleUrls: ['./publisher.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     ReactiveFormsModule,
     SciViewportComponent,

apps/solace-message-client-testing-app/src/app/session-properties/session-properties.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {MAT_SNACK_BAR_DATA, MatSnackBar} from '@angular/material/snack-bar';
 import {Clipboard} from '@angular/cdk/clipboard';
 import {SessionProperties} from 'solclientjs';
@@ -10,7 +10,6 @@ import {MatIcon} from '@angular/material/icon';
   selector: 'app-session-properties',
   templateUrl: './session-properties.component.html',
   styleUrls: ['./session-properties.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     KeyValuePipe,
     MatIcon,

apps/solace-message-client-testing-app/src/app/subscriber/subscriber.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, inject, output, viewChild} from '@angular/core';
+import {ChangeDetectorRef, Component, DestroyRef, inject, output, viewChild} from '@angular/core';
 import {NonNullableFormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
 import {MessageEnvelope, SolaceMessageClient} from '@solace-community/angular-solace-message-client';
 import {Observable, Subscription} from 'rxjs';
@@ -19,7 +19,6 @@ import {MatButton} from '@angular/material/button';
   selector: 'app-subscriber',
   templateUrl: './subscriber.component.html',
   styleUrls: ['./subscriber.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     ReactiveFormsModule,
     MessageListItemComponent,

apps/solace-message-client-testing-app/src/app/subscribers/subscribers.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {Component} from '@angular/core';
 import {Arrays} from '@scion/toolkit/util';
 import {MatCard, MatCardContent, MatCardHeader} from '@angular/material/card';
 import {MatDivider} from '@angular/material/divider';
@@ -13,7 +13,6 @@ import {MatTooltip} from '@angular/material/tooltip';
   selector: 'app-subscribers',
   templateUrl: './subscribers.component.html',
   styleUrls: ['./subscribers.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     SciViewportComponent,
     SubscriberComponent,

apps/solace-message-client-testing-app/src/app/try-me/try-me.component.ts

@@ -1,4 +1,4 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {SolaceMessageClient} from '@solace-community/angular-solace-message-client';
 import {MatSnackBar} from '@angular/material/snack-bar';
 import {SessionPropertiesComponent} from '../session-properties/session-properties.component';
@@ -19,7 +19,6 @@ import {MatIcon} from '@angular/material/icon';
   selector: 'app-try-me',
   templateUrl: './try-me.component.html',
   styleUrls: ['./try-me.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     AsyncPipe,
     SciSashboxComponent,