[rc] Add support for Angular 9, TypeScript ~3.6

.eslintrc.json

@@ -28,6 +28,7 @@
     "prefer-arrow-callback": "off",
     "prefer-const": "off",
     "prefer-destructuring": "off",
+    "prefer-object-spread": "off",
     "prefer-rest-params": "off",
     "prefer-spread": "off",
     "prefer-template": "off",

cli/utils/browser.js

@@ -80,14 +80,16 @@ function browser(argv, skyPagesConfig, stats, port) {
 
       logger.info(`Launching Local URL: ${localUrl}`);
       open(localUrl, {
-        app: argv.browser
+        app: argv.browser,
+        url: true
       });
       break;
 
     case 'host':
       logger.info(`Launching Host URL: ${hostUrl}`);
       open(hostUrl, {
-        app: argv.browser
+        app: argv.browser,
+        url: true
       });
       break;
 

config/protractor/protractor-dev.conf.js

@@ -35,7 +35,7 @@ let config = {
       } else {
 
         const url = 'https://github.com/blackbaud/skyux-sdk-template';
-        const branch = 'master';
+        const branch = 'rc-4.0.0';
 
         console.log('Running command using full install.');
         common.rimrafPromise(common.tmp)

config/webpack/build-public-library.webpack.config.js

@@ -74,15 +74,15 @@ function getWebpackConfig(skyPagesConfig) {
         },
         {
           test: /\.html$/,
-          use: 'raw-loader'
+          use: 'html-loader'
         },
         {
-          test: /\.scss$/,
-          use: ['raw-loader', 'sass-loader']
-        },
-        {
-          test: /\.css$/,
-          use: ['raw-loader', 'style-loader']
+          test: /\.s?css$/,
+          use: [
+            'to-string-loader',
+            'css-loader',
+            'sass-loader'
+          ]
         }
       ]
     }

config/webpack/common.webpack.config.js

@@ -160,13 +160,14 @@ function getWebpackConfig(skyPagesConfig, argv = {}) {
         {
           test: /\.s?css$/,
           use: [
-            'raw-loader',
+            'to-string-loader',
+            'css-loader',
             'sass-loader'
           ]
         },
         {
           test: /\.html$/,
-          loader: 'raw-loader'
+          loader: 'html-loader'
         },
         {
           // Mark files inside `@angular/core` as using SystemJS style dynamic imports.

config/webpack/test.webpack.config.js

@@ -90,11 +90,15 @@ function getWebpackConfig(skyPagesConfig, argv) {
 
         {
           test: /\.s?css$/,
-          use: ['raw-loader', 'sass-loader']
+          use: [
+            'to-string-loader',
+            'css-loader',
+            'sass-loader'
+          ]
         },
         {
           test: /\.html$/,
-          loader: 'raw-loader'
+          loader: 'html-loader'
         },
         {
           // Mark files inside `@angular/core` as using SystemJS style dynamic imports.

lib/sky-pages-module-generator.js

@@ -77,7 +77,6 @@ function getSource(skyAppConfig) {
   let nodeModuleImports = [
     `import { NgModule } from '@angular/core';`,
     `import { CommonModule } from '@angular/common';`,
-    `import { HttpModule } from '@angular/http';`,
     `import { FormsModule, ReactiveFormsModule } from '@angular/forms';`,
     `import { RouterModule } from '@angular/router';`,
     `import { SkyAppAssetsService } from '@skyux/assets';`,
@@ -93,7 +92,6 @@ function getSource(skyAppConfig) {
 
   let runtimeModuleImports = [
     'CommonModule',
-    'HttpModule',
     'FormsModule',
     'ReactiveFormsModule',
     'AppExtrasModule',
@@ -123,16 +121,6 @@ function getSource(skyAppConfig) {
 
   runtimeProviders.push(authTokenProvider);
 
-  if (skyAppConfig.skyux.auth) {
-    nodeModuleImports.push(`import { XHRBackend, RequestOptions } from '@angular/http';`);
-    nodeModuleImports.push(`import { SkyAuthHttp } from '@skyux/http';`);
-    runtimeProviders.push(`{
-      provide: SkyAuthHttp,
-      useClass: SkyAuthHttp,
-      deps: [XHRBackend, RequestOptions, SkyAuthTokenProvider, SkyAppConfig]
-    }`);
-  }
-
   if (skyAppConfig.skyux.help) {
     nodeModuleImports.push(`import { BBHelpModule } from '@blackbaud/skyux-lib-help';`);
     runtimeModuleImports.push('BBHelpModule');