Update to angular 9

.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see http://editorconfig.org
+# Editor configuration, see https://editorconfig.org
 root = true
 
 [*]

.gitignore

@@ -1,46 +1,47 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/packages/angular-playground/dist/
-/packages/angular-playground/build/
-/src/**/*.ngfactory.ts
-*.ngsummary.json
-**/.idea/*
+/dist
+/tmp
+/out-tsc
+/_stage
+# Only exists if Bazel was run
+/bazel-out
 
 # dependencies
-node_modules
-/bower_components
+/node_modules
+
+# profiling files
+chrome-profiler-events*.json
+speed-measure-plugin*.json
 
 # IDEs and editors
 /.idea
-/.vscode
 .project
 .classpath
 .c9/
 *.launch
 .settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
 
 # misc
 /.sass-cache
 /connect.lock
-/coverage/*
+/coverage
 /libpeerconnection.log
-npm-debug.log*
+npm-debug.log
+yarn-error.log
 testem.log
 /typings
-/packages/angular-playground/output.json
-/packages/angular-playground/sandboxes_modified.js
-
-# e2e
-/e2e/*.js
-/e2e/*.map
-
-# schematics
-/packages/angular-playground/schematics/**/*.js
-/packages/angular-playground/schematics/**/*.d.ts
-/packages/angular-playground/schematics/**/*.map
 
-#System Files
+# System Files
 .DS_Store
 Thumbs.db
-/debug.log

.travis.yml

@@ -1,6 +1,4 @@
 language: node_js
 node_js:
   - "node"
-env:
-  - TEST_DIR=packages/angular-playground
-script: cd $TEST_DIR && npm install && npm test
+script: npm install && npm test

packages/angular-playground/CHANGELOG.md → CHANGELOG.md

@@ -1,3 +1,47 @@
+# 7.0.0 (2020-3-6)
+
+<a name="7.0.0"></a>
+
+### Features
+* **angular:** Upgrade to be compatible with Angular version 9 and work with Ivy compiler
+* **verify sandboxes:** Change verify sandboxes to not load an new page for every scenario error check to improve performance
+* **verify sandboxes:** Add ability to filter based on a path to only check a subset of sandboxes
+* **embeding:** Add ability to add a uniqueId to sandboxes to allow for URL not to be tied to the file location of the sandbox file
+* **visual regressions:** Make visual regression sleep duration configurable
+
+### Bug Fixes
+* **navigation menu:** Fixed issue with overlay not hiding when set to embed mode
+* **verify sandboxes:** Fix issue with verify sandboxes not catching compilation errors
+* **schematics:** Fix issue upgrading Angular Playground not updating dependent files
+
+# 7.0.0-rc.1 (2020-3-5)
+
+<a name="7.0.0-rc.1"></a>
+
+### Features
+* **angular:** Upgrade to be compatible with Angular version 9 and work with Ivy compiler
+* **verify sandboxes:** Change verify sandboxes to not load an new page for every scenario error check to improve performance
+* **verify sandboxes:** Add ability to filter based on a path to only check a subset of sandboxes
+* **embeding:** Add ability to add a uniqueId to sandboxes to allow for URL not to be tied to the file location of the sandbox file
+* **visual regressions:** Make visual regression sleep duration configurable
+
+### Bug Fixes
+* **navigation menu:** Fixed issue with overlay not hiding when set to embed mode
+* **verify sandboxes:** Fix issue with verify sandboxes not catching compilation errors
+
+# 7.0.0-rc.0 (2020-3-4)
+
+<a name="7.0.0-rc.0"></a>
+
+### Features
+* **angular:** Upgrade to be compatible with Angular version 9 and work with Ivy compiler
+* **verify sandboxes:** Change verify sandboxes to not load an new page for every scenario error check to improve performance
+* **embeding:** Add ability to add a uniqueId to sandboxes to allow for URL not to be tied to the file location of the sandbox file
+
+### Bug Fixes
+* **navigation menu:** Fixed issue with overlay not hiding when set to embed mode
+* **verify sandboxes:** Fix issue with verify sandboxes not catching compilation errors
+
 # 6.2.0 (2020-1-8)
 
 <a name="6.2.0"></a>

README.md

@@ -14,13 +14,11 @@ fix broken UI.
 
 ## Documentation (<http://www.angularplayground.it/>)
 
-* Angular 6.x and up
 * [CLI quick-start](http://www.angularplayground.it/docs/getting-started/angular-cli)
 
 ## Articles
 
 * [Developing and Running Components in a Sandbox!](https://blog.codewithdan.com/2017/11/21/angular-playground-developing-and-running-components-in-a-sandbox/)
-* [Front-end Workflows: Re-envisioned](https://hackernoon.com/front-end-workflow-re-envisioned-43f800bb01bd)
 
 ## Contributing
 
@@ -37,4 +35,4 @@ Angular Playground is [MIT licensed](./LICENSE).
 
 ## Latest Changes
 
-[Playground Changelog](./packages/angular-playground/CHANGELOG.md)
+[Playground Changelog](./CHANGELOG.md)

angular.json

@@ -0,0 +1,47 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "playground": {
+      "projectType": "library",
+      "root": "projects/playground",
+      "sourceRoot": "projects/playground/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "projects/playground/tsconfig.lib.json",
+            "project": "projects/playground/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/playground/tsconfig.lib.prod.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/playground/src/test.ts",
+            "tsConfig": "projects/playground/tsconfig.spec.json",
+            "karmaConfig": "projects/playground/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "projects/playground/tsconfig.lib.json",
+              "projects/playground/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }},
+  "defaultProject": "playground"
+}

examples/cli-example/.editorconfig

@@ -1,4 +1,4 @@
-# Editor configuration, see http://editorconfig.org
+# Editor configuration, see https://editorconfig.org
 root = true
 
 [*]

examples/cli-example/angular.json

@@ -17,7 +17,8 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
+            "tsConfig": "tsconfig.app.json",
+            "aot": true,
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -40,10 +41,21 @@
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": true
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
             }
           }
         },
@@ -69,7 +81,7 @@
           "options": {
             "main": "src/test.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
+            "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
               "styles.css"
@@ -85,8 +97,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
+              "tsconfig.app.json",
+              "tsconfig.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -109,7 +121,7 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": "e2e/tsconfig.e2e.json",
+            "tsConfig": "e2e/tsconfig.json",
             "exclude": [
               "**/node_modules/**"
             ]
@@ -129,7 +141,8 @@
             "index": "src/index.html",
             "main": "src/main.playground.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
+            "tsConfig": "tsconfig.playground.json",
+            "aot": false,
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -152,10 +165,9 @@
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": false,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": false
+              "buildOptimizer": true
             }
           }
         },
@@ -169,4 +181,4 @@
     }
   },
   "defaultProject": "cli-example"
-}
+}

examples/cli-example/browserslist

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

examples/cli-example/e2e/protractor.conf.js

@@ -1,15 +1,19 @@
+// @ts-check
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
 const { SpecReporter } = require('jasmine-spec-reporter');
 
+/**
+ * @type { import("protractor").Config }
+ */
 exports.config = {
   allScriptsTimeout: 11000,
   specs: [
     './src/**/*.e2e-spec.ts'
   ],
   capabilities: {
-    'browserName': 'chrome'
+    browserName: 'chrome'
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
@@ -21,7 +25,7 @@ exports.config = {
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.e2e.json')
+      project: require('path').join(__dirname, './tsconfig.json')
     });
     jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
   }

examples/cli-example/e2e/src/app.e2e-spec.ts

@@ -1,4 +1,5 @@
 import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
 
 describe('workspace-project App', () => {
   let page: AppPage;
@@ -9,6 +10,14 @@ describe('workspace-project App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('Welcome to app!');
+    expect(page.getTitleText()).toEqual('test-ang-nine app is running!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
   });
 });

examples/cli-example/e2e/src/app.po.ts

@@ -1,11 +1,11 @@
 import { browser, by, element } from 'protractor';
 
 export class AppPage {
-  navigateTo() {
-    return browser.get('/');
+  navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl) as Promise<unknown>;
   }
 
-  getParagraphText() {
-    return element(by.css('app-root h1')).getText();
+  getTitleText(): Promise<string> {
+    return element(by.css('app-root .content span')).getText() as Promise<string>;
   }
 }

examples/cli-example/e2e/tsconfig.e2e.json → examples/cli-example/e2e/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "outDir": "../out-tsc/app",
+    "outDir": "../out-tsc/e2e",
     "module": "commonjs",
     "target": "es5",
     "types": [
@@ -10,4 +10,4 @@
       "node"
     ]
   }
-}
+}