Modernize Angular sample (#96)

Author: adams85

samples/angular-sample/.browserslistrc

@@ -1,47 +1,42 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-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
+# Miscellaneous
 /.angular/cache
-/.sass-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

samples/angular-sample/.gitignore

@@ -0,0 +1,4 @@
+{
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+ "recommendations": ["angular.ng-template"]
+}

samples/angular-sample/.vscode/extensions.json

@@ -0,0 +1,20 @@
+{
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "name": "ng serve",
+ "type": "chrome",
+ "request": "launch",
+ "preLaunchTask": "npm: start",
+ "url": "http://localhost:4200/"
+ },
+ {
+ "name": "ng test",
+ "type": "chrome",
+ "request": "launch",
+ "preLaunchTask": "npm: test",
+ "url": "http://localhost:9876/debug.html"
+ }
+ ]
+}

samples/angular-sample/.vscode/launch.json

@@ -0,0 +1,42 @@
+{
+ // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+ "version": "2.0.0",
+ "tasks": [
+ {
+ "type": "npm",
+ "script": "start",
+ "isBackground": true,
+ "problemMatcher": {
+ "owner": "typescript",
+ "pattern": "$tsc",
+ "background": {
+ "activeOnStart": true,
+ "beginsPattern": {
+ "regexp": "(.*?)"
+ },
+ "endsPattern": {
+ "regexp": "bundle generation complete"
+ }
+ }
+ }
+ },
+ {
+ "type": "npm",
+ "script": "test",
+ "isBackground": true,
+ "problemMatcher": {
+ "owner": "typescript",
+ "pattern": "$tsc",
+ "background": {
+ "activeOnStart": true,
+ "beginsPattern": {
+ "regexp": "(.*?)"
+ },
+ "endsPattern": {
+ "regexp": "bundle generation complete"
+ }
+ }
+ }
+ }
+ ]
+}

samples/angular-sample/.vscode/tasks.json

@@ -5,96 +5,96 @@
  "projects": {
  "angular-sample": {
  "projectType": "application",
- "schematics": {},
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ }
+ },
  "root": "",
  "sourceRoot": "src",
  "prefix": "app",
  "architect": {
  "build": {
- "builder": "@angular-devkit/build-angular:browser",
+ "builder": "@angular-devkit/build-angular:application",
  "options": {
  "outputPath": "dist/angular-sample",
  "index": "src/index.html",
- "main": "src/main.ts",
- "polyfills": "src/polyfills.ts",
+ "browser": "src/main.ts",
+ "polyfills": [
+ "zone.js"
+ ],
  "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
  "assets": [
  "src/favicon.ico",
  "src/assets"
  ],
  "styles": [
- "src/styles.css"
+ "src/styles.scss"
  ],
- "scripts": [],
- "vendorChunk": true,
- "extractLicenses": false,
- "buildOptimizer": false,
- "sourceMap": true,
- "optimization": false,
- "namedChunks": true
+ "scripts": []
  },
  "configurations": {
  "production": {
- "fileReplacements": [
- {
- "replace": "src/environments/environment.ts",
- "with": "src/environments/environment.prod.ts"
- }
- ],
- "optimization": true,
- "outputHashing": "all",
- "sourceMap": false,
- "namedChunks": false,
- "extractLicenses": true,
- "vendorChunk": false,
- "buildOptimizer": true,
  "budgets": [
  {
  "type": "initial",
- "maximumWarning": "2mb",
- "maximumError": "5mb"
+ "maximumWarning": "500kB",
+ "maximumError": "1MB"
  },
  {
  "type": "anyComponentStyle",
- "maximumWarning": "6kb",
- "maximumError": "10kb"
+ "maximumWarning": "2kB",
+ "maximumError": "4kB"
  }
- ]
+ ],
+ "outputHashing": "all"
+ },
+ "development": {
+ "optimization": false,
+ "extractLicenses": false,
+ "sourceMap": true
  }
  },
- "defaultConfiguration": ""
+ "defaultConfiguration": "production"
  },
  "serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
- "options": {
- "browserTarget": "angular-sample:build"
- },
  "configurations": {
  "production": {
- "browserTarget": "angular-sample:build:production"
+ "buildTarget": "angular-sample:build:production"
+ },
+ "development": {
+ "buildTarget": "angular-sample:build:development"
  }
- }
+ },
+ "defaultConfiguration": "development"
  },
  "extract-i18n": {
- "builder": "@angular-devkit/build-angular:extract-i18n",
- "options": {
- "browserTarget": "angular-sample:build"
- }
+ "builder": "@angular-devkit/build-angular:extract-i18n"
  },
- "e2e": {
- "builder": "@angular-devkit/build-angular:protractor",
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
  "options": {
- "protractorConfig": "e2e/protractor.conf.js",
- "devServerTarget": "angular-sample:serve"
- },
- "configurations": {
- "production": {
- "devServerTarget": "angular-sample:serve:production"
- }
+ "polyfills": [
+ "zone.js",
+ "zone.js/testing"
+ ],
+ "tsConfig": "tsconfig.spec.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ {
+ "glob": "**/*",
+ "input": "public"
+ }
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": []
  }
  }
  }
  }
- },
- "defaultProject": "angular-sample"
+ }
 }