startup-test webpack build

Author: hdeshev

startup-test/app/app.js

@@ -1,11 +1,20 @@
 var profiling = require('./profiling');
 profiling.start('application-start');
 
+var reflectMetadata = require("reflect-metadata");
+var global = require("globals");
+var page = require("ui/page");
+console.log('page module: ' + page);
+
 var application = require("application");
 application.on(application.launchEvent, function() {
     //console.log('launched!');
     //profiling.stop('application-start');
 });
-application.mainModule = "main-page";
+
+var moduleLoader = require("utils/module-loader");
+moduleLoader.registerModule("./main-page", function () { return require("./main-page"); });
+
+application.mainModule = "./main-page";
 application.cssFile = "./app.css";
 application.start();

startup-test/app/main-page.js

@@ -1,8 +1,19 @@
 var profiling = require('./profiling');
-var vmModule = require("./main-view-model");
-function pageLoaded(args) {
-    profiling.stop('application-start');
-    var page = args.object;
-    page.bindingContext = vmModule.mainViewModel;
-}
-exports.pageLoaded = pageLoaded;
+console.log('import main-page');
+
+exports.createPage = function() {
+    console.dump(page);
+    var pageModule = require('ui/page');
+    var textView = require('ui/text-view');
+    var page = new pageModule.Page();
+    page.on('loaded', function() {
+        profiling.stop('application-start');
+        console.log('Page loaded');
+
+        var box = new textView.TextView();
+        box.text = "Хуяк хуяк!";
+
+        page.content = box;
+    });
+    return page;
+};

startup-test/app/main-page.xml

@@ -1,6 +1,5 @@
 {
 	"name": "tns-template-hello-world",
-	"main": "app.js",
 	"jsoptions": "--expose_gc",
 	"version": "1.4.0",
 	"author": "Telerik <support@telerik.com>",
@@ -23,4 +22,4 @@
 		"url": "https://github.com/NativeScript/template-hello-world/issues"
 	},
 	"homepage": "https://github.com/NativeScript/template-hello-world"
-}
+}

startup-test/app/main-view-model.js

@@ -0,0 +1,23 @@
+var path = require("path");
+var shelljs = require("shelljs");
+
+module.exports = function (logger, platformsData, projectData, hookArgs) {
+    var platformData = platformsData.getPlatformData(hookArgs.platform.toLowerCase());
+    var outDir = platformData.appDestinationDirectoryPath;
+    console.log('outDir: ' + outDir);
+    console.log('pwd: ' + shelljs.pwd());
+
+    return new Promise(function (resolve, reject) {
+        return shelljs.exec("webpack", function(code, output) {
+            if (code == 0) {
+                //shelljs.rm("-rf", path.join(outDir, "app", "*"))
+                shelljs.mv("bundle.js", path.join(outDir, "app", "index.js"))
+
+                resolve();
+            } else {
+                console.log('webpack failed.');
+                reject();
+            }
+        });
+    });
+}

startup-test/app/package.json

@@ -2,10 +2,19 @@
 	"nativescript": {
 		"id": "org.nativescript.startuptest",
 		"tns-android": {
-			"version": "1.4.0"
+			"version": "1.5.0"
 		}
 	},
 	"dependencies": {
-		"tns-core-modules": "1.4.0"
+		"@reactivex/rxjs": "5.0.0-alpha.7",
+		"parse5": "1.4.2",
+		"punycode": "1.3.2",
+		"querystring": "0.2.0",
+		"url": "0.10.3",
+		"reflect-metadata": "0.1.2",
+		"zone.js": "0.5.8"
+	},
+	"devDependencies": {
+		"shelljs": "^0.5.3"
 	}
 }

startup-test/hooks/after-prepare/webpack.js

@@ -0,0 +1,42 @@
+var path = require("path");
+
+module.exports = {
+    context: "./platforms/android/src/main/assets/app",
+    entry: {
+        app: "./app",
+    },
+    output: {
+        path: __dirname,
+        pathinfo: true,
+        libraryTarget: "commonjs2",
+        filename: "bundle.js"
+    },
+    //externals: {
+    //"crypto": "crypto",
+    //"process/browser.js": "process",
+    //"module.js": "module"
+    //},
+    externals: [
+        function(context, request, callback) {
+            //if (/\/module\.js$/.test(request))
+                //return callback(null, "var module");
+            //else if (/browserify|crypto/.test(request)) {
+            if (/browserify|crypto/.test(request)) {
+                return callback(null, "var {}");
+            } else {
+                callback();
+            }
+        }
+    ],
+    resolve: {
+        extensions: ["", ".js"],
+        packageMains: ["main"],
+        modulesDirectories: [
+            "tns_modules",
+        ]
+    },
+    module: {
+        loaders: [
+        ]
+    }
+}