Problems with Angular 12 and 13

[szuperaz]

Background
https://stackoverflow.com/questions/75452137/unable-to-build-with-angular-12-13

Problem
It seems that there are two problems happening when someone is using stream-chat-angular with Angular@12 (or 13):

• Angular mentions incorrectly states their supported Angular version: Incorrect peer dependency range dmacfarlane/angular-mentions#238
• npm incorrectly installs ngx-popperj@14 instead of ngx-popperjs@12 which seems to be a derivative of this issue: [BUG] failed to resolve peer dependencies (conflict) when peer dependencies are in range. npm/cli#3152

Workaround
For Angular 12 (tested with node v16):
npm install stream-chat-angular stream-chat @ngx-translate/core [email protected] ngx-popperjs@12 --legacy-peer-deps

For Angular 13 (tested with node v16):
npm install stream-chat-angular stream-chat @ngx-translate/core [email protected] ngx-popperjs@13 --legacy-peer-deps

Proper solution

• Make angular-mentions and ngx-popperjs peer dependencies
• Fix angular-mentions version to 1.4.0
• Update the tutorial with the correct install statements -> we'd still need some workaround due to the npmbug
• Ideally we should have automated tests for the tutorial for each supported Angular version

[szuperaz]

Fixed in version 5 (in beta)