Angular 15 Support

.editorconfig

@@ -8,6 +8,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.gitignore

@@ -1,46 +1,42 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
-# compiled output
+# Compiled output
 /dist
 /tmp
 /out-tsc
-# Only exists if Bazel was run
 /bazel-out
 
-# dependencies
+# Node
 /node_modules
-
-# profiling files
-chrome-profiler-events*.json
-speed-measure-plugin*.json
+npm-debug.log
+yarn-error.log
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
 .history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 
-# System Files
+# System files
 .DS_Store
 Thumbs.db

README.md

@@ -1,10 +1,9 @@
-# ngx-microsoft-bot-framework
+# ngx-microsoft-bot-framework-15
 [Why ngx-microsoftbot-framework?](#why-ngx-microsoft-bot-framework?) | [Table of Contents](#table-of-contents) | [Installation](#installation) | [Advanced Installation](#advanced-installation)
 
 <div>
-    <a href="https://badge.fury.io/js/ngx-microsoft-bot-framework"><img src="https://badge.fury.io/js/ngx-microsoft-bot-framework.svg" alt="npm version" height="18"></a>
-    <a href="https://npmjs.org/ngx-microsoft-bot-framework"><img alt="npm" src="https://img.shields.io/npm/dm/ngx-microsoft-bot-framework?color=blue&style=flat-square" alt="npm downloads"></a>
-    <a href="https://david-dm.org/xtianus79/ngx-microsoft-bot-framework"><img alt="npm" src="https://david-dm.org/xtianus79/ngx-microsoft-bot-framework.svg" alt="npm dependencies"></a>
+    <a href="https://badge.fury.io/js/ngx-microsoft-bot-framework-15"><img src="https://badge.fury.io/js/ngx-microsoft-bot-framework-15.svg" alt="npm version" height="18"></a>
+    <a href="https://npmjs.org/ngx-microsoft-bot-framework-15"><img alt="npm" src="https://img.shields.io/npm/dm/ngx-microsoft-bot-framework-15?color=blue&style=flat-square" alt="npm downloads"></a>
 </div>
 
 <a target="_blank" href="https://github.com/xtianus79/ngx-microsoft-bot-framework"><img src="https://i.imgur.com/UZVFXHS.png"/></a>
@@ -59,15 +58,15 @@ ngx-microsoft-botframework does not contain any core build files. It uses the di
 ## Installation
 
 ##### Scenario 1
-Install `ngx-microsoft-bot-framework` via `npm`:
+Install `ngx-microsoft-bot-framework-15` via `npm`:
 ```bash
-npm i ngx-microsoft-bot-framework --save
+npm i ngx-microsoft-bot-framework-15 --save
 ```
 
 ##### Scenario 2
 Use the Angular-Cli ng add command to update the Angular project:
 ```bash
-ng add ngx-microsoft-bot-framework
+ng add ngx-microsoft-bot-framework-15
 ```
 
 ##### Continuing...
@@ -406,7 +405,7 @@ directLine.connectionStatus$
 ```
 
 ## Bot Demo
-The demo is live bot on the repository's `github.io` page here: <a href="https://xtianus79.github.io/ngx-microsoft-bot-framework/" target="_blank">https://xtianus79.github.io/ngx-microsoft-bot-framework</a>
+The demo is live bot on the repository's `github.io` page here: <a href="https://xtianus79.github.io/ngx-microsoft-bot-framework/" target="_blank">https://xtianus79.github.io/ngx-microsoft-bot-framework </a>
 
 ## API
 Below is a short list of api properties if you choose to pass through the `renderObject` in the `bot.renderWebChat()` method. A full list can be found here: <a href="https://github.com/microsoft/BotFramework-WebChat#web-chat-api-reference" target="_blank">https://github.com/microsoft/BotFramework-WebChat#web-chat-api-reference</a>
@@ -422,7 +421,7 @@ Below is a short list of api properties if you choose to pass through the `rende
 | styleSet             | The non-recommended way of overriding styles. |
 
 ## Compatiblity
-Comaptible as of Angular 8 ivy with botframework-webchat 4.5.1 for `ngx-microsoft-bot-framework` 1.0.0 - 1.1.0
+Comaptible as of Angular 8 ivy with botframework-webchat 4.5.1 for `ngx-microsoft-bot-framework-15` 2.0.0
 
 ## Troubleshooting
 Report issues for help

angular.json

@@ -16,9 +16,10 @@
             "outputPath": "dist/ngx-microsoft-bot-framework",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "zone.js"
+            ],
             "tsConfig": "tsconfig.app.json",
-            "aot": true,
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -30,41 +31,42 @@
           },
           "configurations": {
             "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
                 }
-              ]
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "ngx-microsoft-bot-framework:build"
-          },
           "configurations": {
             "production": {
               "browserTarget": "ngx-microsoft-bot-framework:build:production"
+            },
+            "development": {
+              "browserTarget": "ngx-microsoft-bot-framework:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
@@ -75,10 +77,11 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -88,31 +91,6 @@
             ],
             "scripts": []
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json",
-              "e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        },
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "ngx-microsoft-bot-framework:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "ngx-microsoft-bot-framework:serve:production"
-            }
-          }
         }
       }
     },
@@ -123,33 +101,32 @@
       "prefix": "lib",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
-            "tsConfig": "projects/ngx-microsoft-bot-framework/tsconfig.lib.json",
             "project": "projects/ngx-microsoft-bot-framework/ng-package.json"
-          }
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ngx-microsoft-bot-framework/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/ngx-microsoft-bot-framework/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/ngx-microsoft-bot-framework/src/test.ts",
             "tsConfig": "projects/ngx-microsoft-bot-framework/tsconfig.spec.json",
-            "karmaConfig": "projects/ngx-microsoft-bot-framework/karma.conf.js"
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "projects/ngx-microsoft-bot-framework/tsconfig.lib.json",
-              "projects/ngx-microsoft-bot-framework/tsconfig.spec.json"
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "karmaConfig": "projects/ngx-microsoft-bot-framework/karma.conf.js"
           }
         }
       }
-    }},
-  "defaultProject": "ngx-microsoft-bot-framework"
-}
+    }
+  }
+}