chore: update examples to TS2.0 (#2329)

Author: filipesilva

.gitignore

@@ -2,7 +2,6 @@ node_modules
 _temp
 bower_components
 jspm_packages
-typings
 **/packages
 build
 pubspec.lock

README.md

@@ -89,7 +89,7 @@ take the following extra steps to prepare the environment:
 1. cd back up to `angular.io` root: `cd ../../..`
 
 1. run `gulp add-example-boilerplate` (elevate to admin on Windows) 
-to copy canonical files to the sample directories and create symlinks there for node_modules and typings. 
+to copy canonical files to the sample directories and create symlinks there for node_modules. 
 
 Now cd into any particular sample's language directory (e.g., `public/docs/_examples/quickstart/ts`) and try:
 - `npm start`  to simultaneously compile-with-watch and serve-in-browser-with-watch

gulpfile.js

@@ -82,7 +82,7 @@ var _apiShredOptionsForDart =  {
   logLevel: _dgeniLogLevel
 };
 
-var _excludePatterns = ['**/node_modules/**', '**/typings/**', '**/packages/**'];
+var _excludePatterns = ['**/node_modules/**', '**/packages/**'];
 
 var _excludeMatchers = _excludePatterns.map(function(excludePattern){
   return new Minimatch(excludePattern)
@@ -96,7 +96,7 @@ var _exampleBoilerplateFiles = [
   'systemjs.config.js',
   'tsconfig.json',
   'tslint.json',
-  'typings.json'
+  'wallaby.js'
  ];
 
 var _exampleDartWebBoilerPlateFiles = ['a2docs.css', 'styles.css'];
@@ -444,13 +444,6 @@ gulp.task('add-example-boilerplate', function(done) {
     fsUtils.addSymlink(realPath, linkPath);
   });
 
-  realPath = path.join(EXAMPLES_PATH, '/typings');
-  var typingsPaths = excludeDartPaths(getTypingsPaths(EXAMPLES_PATH));
-  typingsPaths.forEach(function(linkPath) {
-    gutil.log("symlinking " + linkPath + ' -> ' + realPath)
-    fsUtils.addSymlink(realPath, linkPath);
-  });
-
   return buildStyles(copyExampleBoilerplate, done);
 });
 
@@ -509,11 +502,6 @@ gulp.task('remove-example-boilerplate', function() {
     fsUtils.removeSymlink(linkPath);
   });
 
-  var typingsPaths = getTypingsPaths(EXAMPLES_PATH);
-  typingsPaths.forEach(function(linkPath) {
-    fsUtils.removeSymlink(linkPath);
-  });
-
   deleteExampleBoilerPlate();
 });
 
@@ -802,7 +790,7 @@ gulp.task('_harp-compile', function() {
 
 gulp.task('_shred-devguide-examples', ['_shred-clean-devguide', '_copy-example-boilerplate'], function() {
   // Split big shredding task into partials 2016-06-14
-  var examplePaths = globby.sync(EXAMPLES_PATH+'/*/', {ignore: ['/node_modules', 'typings/', '_protractor/']});
+  var examplePaths = globby.sync(EXAMPLES_PATH+'/*/', {ignore: ['/node_modules', '_protractor/']});
   var promise = Promise.resolve(true);
   examplePaths.forEach(function (examplePath) {
     promise = promise.then(() => docShredder.shredSingleExampleDir(_devguideShredOptions, examplePath));
@@ -862,8 +850,6 @@ gulp.task('lint', function() {
       '!./public/docs/_examples/style-guide/ts/**/*.avoid.ts',
       '!./public/docs/_examples/**/node_modules/**/*',
       '!./public/docs/_examples/_protractor/**/*',
-      '!./public/docs/_examples/**/typings/**/*',
-      '!./public/docs/_examples/**/typings-ng1/**/*',
       '!./public/docs/_examples/**/build/**/*',
       // temporary until codelyzer is fixed mgechev/codelyzer#60
       '!./public/docs/_examples/animations/ts/app/hero.service.ts'
@@ -1113,13 +1099,6 @@ function getNodeModulesPaths(basePath) {
   return paths;
 }
 
-function getTypingsPaths(basePath) {
-  var paths = getExamplePaths(basePath).map(function(examplePath) {
-    return path.join(examplePath, "/typings");
-  });
-  return paths;
-}
-
 function getExamplePaths(basePath, includeBase) {
   // includeBase defaults to false
   return getPaths(basePath, _exampleConfigFilename, includeBase)
@@ -1244,7 +1223,7 @@ function devGuideExamplesWatch(shredOptions, postShredAction, focus) {
   // removed this version because gulp.watch has the same glob issue that dgeni has.
   // var excludePattern = '!' + path.join(shredOptions.examplesDir, '**/node_modules/**/*.*');
   // gulp.watch([includePattern, excludePattern], {readDelay: 500}, function (event, done) {
-  var ignoreThese = [ '**/node_modules/**', '**/_fragments/**', '**/dist/**', '**/typings/**',
+  var ignoreThese = [ '**/node_modules/**', '**/_fragments/**', '**/dist/**',
                       '**/dart/.pub/**', '**/dart/build/**', '**/dart/packages/**'];
   ignoreThese = ignoreThese.concat(_exampleBoilerplateFiles.map((file) => `public/docs/_examples/*/*/${file}`));
   var files = globby.sync( [includePattern], { ignore: ignoreThese });

public/docs/_examples/.gitignore

@@ -7,7 +7,6 @@ package.json
 systemjs.config.js
 tsconfig.json
 tslint.json
-typings.json
 wallaby.js
 
 protractor.config.js

public/docs/_examples/_protractor/e2e.d.ts

@@ -1,5 +1,3 @@
-/// <reference path="typings/index.d.ts" />
-
 // Defined in protractor.config.js
 declare function setProtractorToNg1Mode(): void;
 declare function sendKeys(element: protractor.ElementFinder, str: string): webdriver.promise.Promise<void>;

public/docs/_examples/_protractor/package.json

@@ -3,17 +3,18 @@
   "version": "1.0.0",
   "description": "Manage _protractor folder installations",
   "scripts": {
-    "postinstall": "typings install",
-    "typings": "typings",
     "protractor": "protractor",
-    "webdriver:update": "webdriver-manager update"
+    "webdriver:update": "webdriver-manager update",
+    "tsc": "tsc"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@types/jasmine": "^2.2.33",
+    "@types/node": "^4.0.30",
+    "@types/protractor": "^1.5.18",
     "protractor": "^3.3.0",
-    "typings": "^1.0.4",
     "ts-node": "^1.3.0",
     "typescript": "^2.0.2"
   },

public/docs/_examples/_protractor/tsconfig.json

@@ -8,7 +8,10 @@
     "experimentalDecorators": true,
     "removeComments": false,
     "noImplicitAny": true,
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ]
   },
   "files": [
     "e2e-spec.ts"

public/docs/_examples/_protractor/typings.json

@@ -18,7 +18,6 @@
 /libpeerconnection.log
 npm-debug.log
 testem.log
-/typings
 
 # e2e
 /e2e/*.js

public/docs/_examples/cli-quickstart/e2e-spec.ts.disabled renamed to public/docs/_examples/cli-quickstart/e2e-spec.ts.temporarily-removed

@@ -1 +0,0 @@
-/// <reference path="../typings/index.d.ts" />

public/docs/_examples/cli-quickstart/ts/.gitignore

@@ -9,11 +9,9 @@
     "http-server:e2e": "http-server",
     "http-server:cli": "http-server dist/",
     "lite": "lite-server",
-    "postinstall": "typings install",
     "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
     "tsc": "tsc",
     "tsc:w": "tsc -w",
-    "typings": "typings",
     "protractor": "protractor",
     "webdriver:update": "webdriver-manager update",
     "start:webpack": "webpack-dev-server --inline --progress --port 8080",
@@ -49,7 +47,10 @@
     "zone.js": "^0.6.21"
   },
   "devDependencies": {
-    "angular-cli": "^1.0.0-beta.5",
+    "@types/angular": "^1.5.13",
+    "@types/core-js": "^0.9.32",
+    "@types/jasmine": "^2.2.33",
+    "@types/node": "^4.0.30",
     "angular2-template-loader": "^0.4.0",
     "awesome-typescript-loader": "^2.2.4",
     "canonical-path": "0.0.2",
@@ -79,11 +80,9 @@
     "rimraf": "^2.5.2",
     "rollup-plugin-commonjs": "^4.1.0",
     "style-loader": "^0.13.1",
-    "ts-loader": "^0.8.2",
     "ts-node": "^1.3.0",
     "tslint": "^3.15.1",
     "typescript": "^2.0.2",
-    "typings": "^1.3.2",
     "webpack": "^1.13.0",
     "webpack-dev-server": "^1.14.1",
     "webpack-merge": "^0.14.0"

public/docs/_examples/cli-quickstart/ts/example-config.json renamed to public/docs/_examples/cli-quickstart/ts/example-config.json.temporarily-removed

@@ -4,10 +4,8 @@
   "scripts": {
     "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
     "lite": "lite-server",
-    "postinstall": "typings install",
     "tsc": "tsc",
-    "tsc:w": "tsc -w",
-    "typings": "typings"
+    "tsc:w": "tsc -w"
   },
   "license": "ISC",
   "dependencies": {
@@ -33,7 +31,6 @@
   "devDependencies": {
     "concurrently": "^2.2.0",
     "lite-server": "^2.2.2",
-    "typescript": "^2.0.2",
-    "typings":"^1.3.2"
+    "typescript": "^2.0.2"
   }
 }

public/docs/_examples/cli-quickstart/ts/src/typings.d.ts

@@ -12,9 +12,6 @@ The following changes from vanilla Phonecat are applied:
   in index.html and karma.conf.ng1.js.
 * E2E tests have been moved to the parent directory, where `gulp run-e2e-tests` can
   discover and run them along with all the other examples.
-* Angular 1 typings (from DefinitelyTyped) are added to typings-ng1 so that
-  TypeScript can recognize Angular 1 code. (typings.json comes from boilerplate
-  so we can't add them there).
 * Most of the phone JSON and image data removed in the interest of keeping
   repo weight down. Keeping enough to retain testability of the app.