chore: update to angular 5 and nativescript-dev-webpack@0.9.0 (#31)

* chore: update to angular 5 and nativescript-dev-webpack@0.9.0

* chore: add app.module.ngfactory.d.ts file

Author: Vasil Chimev

app/app.module.ngfactory.d.ts

@@ -0,0 +1,4 @@
+/*
+* A dynamically generated module when compiled with AoT.
+*/
+export const AppModuleNgFactory: any;

app/vendor-platform.ios.ts

@@ -1,2 +1,3 @@
-// Workaround for bug in angular: https://github.com/angular/angular-cli/pull/8589/files
-(<any>global).noOp;
+// 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;

app/vendor.ts

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

package.json

@@ -6,10 +6,10 @@
   "nativescript": {
     "id": "org.nativescript.testsappng",
     "tns-ios": {
-      "version": "3.1.0"
+      "version": "next"
     },
     "tns-android": {
-      "version": "3.3.0"
+      "version": "next"
     }
   },
   "dependencies": {
@@ -25,9 +25,9 @@
     "nativescript-intl": "~3.0.0",
     "nativescript-theme-core": "^1.0.4",
     "reflect-metadata": "~0.1.8",
-    "rxjs": "5.5.2",
+    "rxjs": "^5.5.0",
     "tns-core-modules": "next",
-    "zone.js": "0.8.4"
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
     "@angular/compiler-cli": "~5.0.0",
@@ -37,21 +37,21 @@
     "babylon": "6.17.0",
     "codelyzer": "^3.0.1",
     "copy-webpack-plugin": "~4.0.1",
+    "css-loader": "~0.28.7",
     "extract-text-webpack-plugin": "~3.0.0",
     "filewalker": "^0.1.3",
     "lazy": "1.0.11",
     "nativescript-css-loader": "~0.26.0",
-    "nativescript-dev-typescript": "^0.4.5",
-    "nativescript-dev-webpack": "next",
+    "nativescript-dev-typescript": "^0.6.0-2017-12-14-01",
+    "nativescript-dev-webpack": "^0.10.0-2017-12-19-02",
+    "nativescript-worker-loader": "~0.8.1",
     "raw-loader": "~0.5.1",
     "resolve-url-loader": "~2.1.0",
     "tslint": "^5.4.3",
     "typescript": "~2.4.2",
     "webpack": "~3.8.1",
-    "webpack-sources": "~1.0.1",
     "webpack-bundle-analyzer": "^2.8.2",
-    "nativescript-worker-loader": "~0.8.1",
-    "css-loader": "~0.28.7"
+    "webpack-sources": "~1.0.1"
   },
   "scripts": {
     "tslint": "tslint --config tslint.json 'app/**/*.ts'",

tsconfig.json

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

webpack.config.js

@@ -14,7 +14,6 @@ module.exports = env => {
         throw new Error("You need to provide a target platform!");
     }
     const platforms = ["ios", "android"];
-    const mainSheet = "app.css";
     const { snapshot, uglify, report, aot } = env;
     const ngToolsWebpackOptions = { tsConfigPath: aot ? "tsconfig.aot.json" : "tsconfig.json"};
 
@@ -59,14 +58,17 @@ module.exports = env => {
         module: {
             rules: [
                 { test: /\.html$|\.xml$/, use: "raw-loader" },
-                // Root stylesheet gets extracted with bundled dependencies
-                { test: new RegExp(mainSheet), use: "css-loader?url=false" },
-                // Other CSS files get bundled using the raw loader
-                { test: /\.css$/, exclude: new RegExp(mainSheet), use: "raw-loader" },
-                // SASS support
-                { test: /\.scss$/, use: ["raw-loader", "resolve-url-loader", "sass-loader"] },
+
+                // tns-core-modules reads the app.css and its imports using css-loader
+                { test: /\/app\.css$/, use: "css-loader?url=false" },
+                { test: /\/app\.scss$/, use: ["css-loader?url=false", "sass-loader"] },
+
+                // Angular components reference css files and their imports using raw-loader
+                { test: /\.css$/, exclude: /\/app\.css$/, use: "raw-loader" },
+                { test: /\.scss$/, exclude: /\/app\.scss$/, use: ["raw-loader", "resolve-url-loader", "sass-loader"] },
+
                 // Compile TypeScript files with ahead-of-time compiler.
-                { test: /.ts$/, loader: "@ngtools/webpack" },
+                { test: /.ts$/, use: ["nativescript-dev-webpack/moduleid-compat-loader", "@ngtools/webpack"] },
             ],
         },
         plugins: [