V5

.eslintrc.json

@@ -1,10 +1,7 @@
 {
   "root": true,
   "ignorePatterns": ["projects/**/*"],
-  "plugins": ["unused-imports", "cypress", "jasmine"],
-  "env": {
-    "jasmine": true
-  },
+  "plugins": ["unused-imports"],
   "overrides": [
     {
       "files": ["*.ts"],
@@ -16,19 +13,38 @@
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended-requiring-type-checking",
         "plugin:@angular-eslint/all",
-        "plugin:cypress/recommended",
-        "plugin:jasmine/recommended",
         "plugin:prettier/recommended" // This should always be the last in the extends array
       ],
       "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"] }],
-        "jasmine/no-spec-dupes": [1, "branch"],
         "@typescript-eslint/unbound-method": "off"
       }
     },
+    {
+      "files": ["*.spec.ts", "**/mocks/*.ts"],
+      "parserOptions": {
+        "project": ["tsconfig.json"],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "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
+      ],
+      "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",
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/ban-types": "off"
+      }
+    },
     {
       "files": ["*.html"],
       "extends": [
@@ -39,7 +55,12 @@
         "@angular-eslint/template/i18n": "off",
         "@angular-eslint/template/cyclomatic-complexity": "off",
         "@angular-eslint/template/no-call-expression": "off",
-        "@angular-eslint/template/no-autofocus": "off"
+        "@angular-eslint/template/no-autofocus": "off",
+        "@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"
       }
     }
   ]

.github/workflows/workflow.yml

@@ -4,18 +4,18 @@ on:
     branches:
       - master
       - beta
-      - angular-18
+      - v5
   pull_request:
     branches:
       - master
       - beta
-      - angular-18
+      - v5
 jobs:
   workflow:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
 
     steps:
       - uses: actions/checkout@v2
@@ -45,13 +45,6 @@ jobs:
       - name: Unit tests
         run: |
           npm run test:ci
-      # - name: E2e tests
-      #   env:
-      #     STREAM_API_KEY: ${{ secrets.API_KEY }}
-      #     STREAM_USER_ID: ${{ secrets.USER_ID }}
-      #     STREAM_USER_TOKEN: ${{ secrets.USER_TOKEN }}
-      #   run: |
-      #     npm run e2e:ci
       - name: Release
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -70,13 +63,13 @@ jobs:
           yarn vercel build ${{ github.ref == 'refs/heads/master' && '--prod' || '' }} --token=${{ secrets.VERCEL_TOKEN }} &&
           yarn vercel deploy ${{ github.ref == 'refs/heads/master' && '--prod' || '' }} --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
       - name: Copy docs from stream-chat-css
-        run: npm run ${{ (github.ref == 'refs/heads/beta' || contains(github.head_ref, 'beta')) && 'copy-css-docs:v5' || 'copy-css-docs' }}
+        run: npm run ${{ (github.ref == 'refs/heads/v5' || contains(github.head_ref, 'v5')) && 'copy-css-docs:v5' || 'copy-css-docs' }}
       - name: Generate docs
         run: |
-          npm run ${{ (github.ref == 'refs/heads/beta' || contains(github.head_ref, 'beta')) && 'generate-docs:v5' || 'generate-docs' }}
+          npm run ${{ (github.ref == 'refs/heads/v5' || contains(github.head_ref, 'v5')) && 'generate-docs:v5' || 'generate-docs' }}
       - name: Push to docusaurus
         uses: GetStream/push-stream-chat-docusaurus-action@main
         with:
-          target-branch: ${{ (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/beta') && 'production' || 'staging' }}
+          target-branch: ${{ (github.ref == 'refs/heads/master' || github.ref == 'refs/heads/v5') && 'production' || 'staging' }}
         env:
           DOCUSAURUS_GH_TOKEN: ${{ secrets.DOCUSAURUS_GH_TOKEN }}

.gitignore

@@ -31,6 +31,7 @@ chrome-profiler-events*.json
 .history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage
@@ -56,3 +57,4 @@ Thumbs.db
 
 # Encapsulated stream-chat-css
 projects/stream-chat-angular/src/assets/styles
+projects/stream-chat-angular/src/assets/assets

README.md

@@ -10,10 +10,10 @@
 
 - [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat
 - [Angular Chat Tutorial](https://getstream.io/chat/angular/tutorial/)
-- [Demo Apps](https://getstream.io/chat/demos/)
 - [Docs](https://getstream.io/chat/docs/sdk/angular/)
 - [Chat UI Kit](https://getstream.io/chat/ui-kit/)
 - [Demo application](https://angular-chat-demo-getstreamio.vercel.app/)
+- [Codesandbox](https://codesandbox.io/p/devbox/stream-chat-angular-sample-app-gkczc5?file=%2Fsrc%2Fapp%2Fapp.component.ts%3A11%2C32)
 
 With our component library, you can build a variety of chat use cases, including:
 
@@ -52,41 +52,13 @@ Check out our current openings and apply via [Stream's website](https://getstrea
 
 ### Install with NPM
 
-Run the following command if you are using **Angular 17**
+Supported Angular versions: **Angular 15-18**
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core
+npm install stream-chat-angular
 ```
 
-Run the following command if you are using **Angular 16**:
-
-```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core
-```
-
-Run the following command if you are using **Angular 15**:
-
-```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-popperjs@15
-```
-
-Run the following command if you are using **Angular 14**:
-
-```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-popperjs@14
-```
-
-Run the following command if you are using **Angular 13**:
-
-```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@14 [email protected] ngx-popperjs@13 --legacy-peer-deps
-```
-
-Run this command if you are using **Angular 12**:
-
-```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core@14 [email protected] ngx-popperjs@12 --legacy-peer-deps
-```
+Supported node verison: 18+
 
 ## Sample App
 
@@ -108,8 +80,6 @@ Run `npm install` to install dependencies.
 
 Run `npm start` and navigate to `http://localhost:4200/`.
 
-Preferred Node version: v16.
-
 ## Customization examples
 
 This repository includes a sample app that showcases how you can provide your own template for different components within the SDK:
@@ -128,8 +98,6 @@ Run `npm install` to install dependencies.
 
 Run `npm run start:customizations-example` and navigate to `http://localhost:4200/`.
 
-Preferred Node version: v16.
-
 ## Local development
 
 This repository includes a sample app to test our library.
@@ -151,5 +119,3 @@ A note about the documentation:
 - Documentations for Angular services are generated from doc comments in the source files (not under source control)
 - Documentations for inputs and outputs of Angular components are generated from doc comments in the source files (not under source control)
 - Everything else in the documentation is written in `mdx` files located in the `docusaurus` folder
-
-Preferred Node version: v16.

angular.json

@@ -1,7 +1,8 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "cli": {
-    "defaultCollection": "@angular-eslint/schematics"
+    "schematicCollections": ["@angular-eslint/schematics"],
+    "analytics": false
   },
   "version": 1,
   "newProjectRoot": "projects",
@@ -323,5 +324,12 @@
       }
     }
   },
-  "defaultProject": "stream-chat-angular"
+  "schematics": {
+    "@angular-eslint/schematics:application": {
+      "setParserOptionsProject": true
+    },
+    "@angular-eslint/schematics:library": {
+      "setParserOptionsProject": true
+    }
+  }
 }

copy-generated-service-docs.ts

@@ -31,7 +31,10 @@ fs.readdir(sourcePath, (err: any, files: string[]) => {
       }
 
       // Remove the thre prefix from the title
-      const result = data.replace(/# Class:/g, '#').replace('<T\\>', '');
+      const result = data
+        .replace(/# Class:/g, '#')
+        .replace('<T\\>', '')
+        .replace('\\', '');
 
       fs.writeFile(`${sourcePath}/${file}`, result, 'utf8', (err: any) => {
         if (err) {