updates for NS 3.4 & angular 5.1

Author: PeterStaev

angular/grid-view-comp.ts

@@ -21,7 +21,6 @@ import {
     AfterContentInit,
     AfterViewInit,
     ChangeDetectionStrategy,
-    ChangeDetectorRef,
     Component,
     ContentChild,
     DoCheck,
@@ -120,7 +119,7 @@ export class GridViewComponent implements DoCheck, OnDestroy, AfterContentInit,
         }
         if (needDiffer && !this._differ && isListLikeIterable(value)) {
             this._differ = this._iterableDiffers.find(this._items)
-                .create(this._cdr, (_index, item) => item);
+                .create((_index, item) => item);
         }
 
         this.gridView.items = this._items;
@@ -132,8 +131,7 @@ export class GridViewComponent implements DoCheck, OnDestroy, AfterContentInit,
     private itemTemplate: TemplateRef<GridItemContext>;
 
     constructor(@Inject(ElementRef) _elementRef: ElementRef,
-                @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers,
-                @Inject(ChangeDetectorRef) private _cdr: ChangeDetectorRef) {
+                @Inject(IterableDiffers) private _iterableDiffers: IterableDiffers) {
         this.gridView = _elementRef.nativeElement;
 
         this.gridView.on(GridView.itemLoadingEvent, this.onItemLoading, this);

demo-ng/app/app.module.ngfactory.d.ts

@@ -0,0 +1 @@
+export const AppModuleNgFactory: any;

demo-ng/app/vendor-platform.android.ts

@@ -1,9 +1,9 @@
 require("application");
 if (!global["__snapshot"]) {
-    /* 
-    In case snapshot generation is enabled these modules will get into the bundle but will not be required/evaluated. 
-    The snapshot webpack plugin will add them to the tns-java-classes.js bundle file. This way, they will be evaluated on app start as early as possible.
-    */
+    // In case snapshot generation is enabled these modules will get into the bundle
+    // but will not be required/evaluated.
+    // The snapshot webpack plugin will add them to the tns-java-classes.js bundle file.
+    // This way, they will be evaluated on app start as early as possible.
     require("ui/frame");
     require("ui/frame/activity");
 }

demo-ng/app/vendor-platform.ios.ts

@@ -0,0 +1,3 @@
+// There is a bug in angular: https://github.com/angular/angular-cli/pull/8589/files
+// Legendary stuff, its webpack plugin pretty much doesn't work with empty TypeScript files in v1.8.3
+void 0;

demo-ng/app/vendor.ts

@@ -1,3 +1,10 @@
+// Snapshot the ~/app.css and the theme
+const application = require("application");
+require("ui/styling/style-scope");
+const appCssContext = require.context("~/", false, /^\.\/app\.(css|scss|less|sass)$/);
+global.registerWebpackModules(appCssContext);
+application.loadAppCss();
+
 require("./vendor-platform");
 
 require("reflect-metadata");

demo-ng/package.json

@@ -2,10 +2,10 @@
   "nativescript": {
     "id": "com.tangrainc.nggridviewsample",
     "tns-android": {
-      "version": "3.2.0"
+      "version": "3.4.1"
     },
     "tns-ios": {
-      "version": "3.2.0"
+      "version": "3.4.1"
     }
   },
   "scripts": {
@@ -18,42 +18,45 @@
     "build-ios-bundle": "npm run ns-bundle --ios --build-app"
   },
   "dependencies": {
-    "@angular/animations": "~4.2.5",
-    "@angular/common": "~4.2.5",
-    "@angular/compiler": "~4.2.5",
-    "@angular/core": "~4.2.5",
-    "@angular/forms": "~4.2.5",
-    "@angular/http": "~4.2.5",
-    "@angular/platform-browser": "~4.2.5",
-    "@angular/platform-browser-dynamic": "~4.2.5",
-    "@angular/router": "~4.2.5",
-    "nativescript-angular": "4.2.0",
+    "@angular/animations": "~5.1.0",
+    "@angular/common": "~5.1.0",
+    "@angular/compiler": "~5.1.0",
+    "@angular/core": "~5.1.0",
+    "@angular/forms": "~5.1.0",
+    "@angular/http": "~5.1.0",
+    "@angular/platform-browser": "~5.1.0",
+    "@angular/platform-browser-dynamic": "~5.1.0",
+    "@angular/router": "~5.1.0",
+    "nativescript-angular": "5.1.0",
     "nativescript-grid-view": "file:../bin/dist",
     "nativescript-theme-core": "^1.0.4",
     "reflect-metadata": "~0.1.8",
-    "rxjs": "~5.2.0",
-    "tns-core-modules": "3.2.0",
-    "zone.js": "~0.8.2"
+    "rxjs": "^5.5.0",
+    "tns-core-modules": "^3.4.0",
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "~4.2.5",
-    "@ngtools/webpack": "~1.6.0",
+    "@angular/compiler-cli": "~5.1.0",
+    "@ngtools/webpack": "~1.9.1",
     "babel-traverse": "6.24.1",
     "babel-types": "6.24.1",
     "babylon": "6.17.0",
-    "copy-webpack-plugin": "~4.0.1",
-    "extract-text-webpack-plugin": "~3.0.0",
+    "copy-webpack-plugin": "~4.3.0",
+    "extract-text-webpack-plugin": "~3.0.2",
     "lazy": "1.0.11",
     "nativescript-css-loader": "~0.26.0",
     "nativescript-dev-sass": "^1.3.2",
     "nativescript-dev-typescript": "0.4.2",
-    "nativescript-dev-webpack": "^0.8.0",
+    "nativescript-dev-webpack": "^0.9.0",
     "nativescript-worker-loader": "~0.8.1",
     "raw-loader": "~0.5.1",
-    "resolve-url-loader": "~2.1.0",
-    "typescript": "~2.2.0",
-    "webpack": "~3.2.0",
-    "webpack-bundle-analyzer": "^2.8.2",
-    "webpack-sources": "~1.0.1"
+    "resolve-url-loader": "~2.2.1",
+    "typescript": "~2.4.2",
+    "webpack": "~3.10.0",
+    "webpack-bundle-analyzer": "^2.9.1",
+    "webpack-sources": "~1.1.0",
+    "css-loader": "~0.28.7",
+    "uglifyjs-webpack-plugin": "~1.1.6",
+    "sass-loader": "~6.0.6"
   }
 }

demo-ng/tsconfig.aot.json

@@ -21,7 +21,6 @@
     },
     "exclude": [
         "node_modules",
-        "platforms",
-        "**/*.aot.ts"
+        "platforms"
     ]
 }