feat: Update to Angular 17

BREAKING CHANGE: Angular 15 and 17 no longer supported

Author: szuperaz

.eslintrc.json

@@ -1,7 +1,6 @@
 {
   "root": true,
   "ignorePatterns": ["projects/**/*"],
-  "plugins": ["unused-imports"],
   "overrides": [
     {
       "files": ["*.ts"],
@@ -11,16 +10,30 @@
       },
       "extends": [
         "eslint:recommended",
-        "plugin:@typescript-eslint/recommended-requiring-type-checking",
+        "plugin:@typescript-eslint/eslint-recommended",
         "plugin:@angular-eslint/all",
-        "plugin:prettier/recommended" // This should always be the last in the extends array
+        "plugin:prettier/recommended"
       ],
       "rules": {
         "@angular-eslint/sort-ngmodule-metadata-arrays": "off",
         "@angular-eslint/prefer-on-push-component-change-detection": "off",
-        "unused-imports/no-unused-imports": "error",
-        "no-console": ["error", { "allow": ["warn", "error"] }],
-        "@typescript-eslint/unbound-method": "off"
+        "no-console": [
+          "error",
+          {
+            "allow": ["warn", "error"]
+          }
+        ],
+        "@typescript-eslint/unbound-method": "off",
+        "@angular-eslint/sort-lifecycle-methods": "off",
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          { "argsIgnorePattern": "^_" }
+        ],
+        "@typescript-eslint/restrict-template-expressions": "off",
+        "@angular-eslint/prefer-standalone": "off",
+        "@angular-eslint/prefer-standalone-component": "off",
+        "@angular-eslint/consistent-component-styles": "off"
       }
     },
     {
@@ -33,23 +46,34 @@
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended-requiring-type-checking",
         "plugin:@angular-eslint/all",
-        "plugin:prettier/recommended" // This should always be the last in the extends array
+        "plugin:prettier/recommended"
       ],
       "rules": {
         "@angular-eslint/sort-ngmodule-metadata-arrays": "off",
         "@angular-eslint/prefer-on-push-component-change-detection": "off",
-        "unused-imports/no-unused-imports": "error",
-        "no-console": ["error", { "allow": ["warn", "error"] }],
+        "no-console": [
+          "error",
+          {
+            "allow": ["warn", "error"]
+          }
+        ],
         "@typescript-eslint/unbound-method": "off",
         "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/ban-types": "off"
+        "@typescript-eslint/ban-types": "off",
+        "@angular-eslint/prefer-standalone": "off",
+        "@angular-eslint/prefer-standalone-component": "off",
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          { "argsIgnorePattern": "^_" }
+        ]
       }
     },
     {
       "files": ["*.html"],
       "extends": [
         "plugin:@angular-eslint/template/all",
-        "plugin:prettier/recommended" // This should always be the last in the extends array
+        "plugin:prettier/recommended"
       ],
       "rules": {
         "@angular-eslint/template/i18n": "off",
@@ -59,8 +83,11 @@
         "@angular-eslint/template/no-interpolation-in-attributes": "off",
         "@angular-eslint/template/button-has-type": "off",
         "@angular-eslint/template/no-inline-styles": "off",
-        "@angular-eslint/template/accessibility-interactive-supports-focus": "off",
-        "@angular-eslint/template/attributes-order": "off"
+        "@angular-eslint/template/attributes-order": "off",
+        "@angular-eslint/template/interactive-supports-focus": "off",
+        "@angular-eslint/template/prefer-ngsrc": "off",
+        "@angular-eslint/template/prefer-control-flow": "off",
+        "@angular-eslint/template/prefer-self-closing-tags": "off"
       }
     }
   ]

.github/workflows/workflow.yml

@@ -3,7 +3,7 @@ on:
   push:
     branches:
       - master
-      - polls
+      - v7
   pull_request:
     branches:
       - master

README.md

@@ -52,43 +52,37 @@ Check out our current openings and apply via [Stream's website](https://getstrea
 
 ### Install with NPM
 
-Supported Angular versions: **Angular 15-20**
+Supported Angular versions: **Angular 17-21**
 
-Run this command if you are using **Angular 20**:
-
-```shell
-# Not all dependencies support Anglar 20 yet, so --force is required
-npm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@19 --force
-```
-
-Run this command if you are using **Angular 19**:
+Run this command if you are using **Angular 21**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@19
+# Not all dependencies support Anglar 21 yet, so --force is required
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@20 --force
 ```
 
-Run this command if you are using **Angular 18**:
+Run this command if you are using **Angular 20**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@18
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@20
 ```
 
-Run this command if you are using **Angular 17**:
+Run this command if you are using **Angular 19**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@17
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@19
 ```
 
-Run this command if you are using **Angular 16**:
+Run this command if you are using **Angular 18**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@16
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@18
 ```
 
-Run this command if you are using **Angular 15**:
+Run this command if you are using **Angular 17**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@17
 ```
 
 Supported node verisons: 18+

angular.json

@@ -135,18 +135,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "sample-app:build:production"
+              "buildTarget": "sample-app:build:production"
             },
             "development": {
-              "browserTarget": "sample-app:build:development"
+              "buildTarget": "sample-app:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "sample-app:build"
+            "buildTarget": "sample-app:build"
           }
         },
         "test": {
@@ -283,18 +283,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "customizations-example:build:production"
+              "buildTarget": "customizations-example:build:production"
             },
             "development": {
-              "browserTarget": "customizations-example:build:development"
+              "buildTarget": "customizations-example:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "customizations-example:build"
+            "buildTarget": "customizations-example:build"
           }
         },
         "test": {