added webpack

Author: PeterStaev

.gitignore

@@ -55,3 +55,4 @@ node_modules
 platforms
 demo/lib
 *.log
+!webpack.*.js

.vscode/settings.json

@@ -4,6 +4,7 @@
         "**/.git": true,
         "**/.DS_Store": true, 
         "demo": true, 
+        "demo-ng": true, 
         "bin/**": true
     }
 }

.vscode/tasks.json

@@ -12,13 +12,8 @@
 			"args": [], 
 			"isBuildCommand": true, 
 			"problemMatcher": ["$tsc", {
-                "owner": "tslint",
-                "fileLocation": [
-                    "relative",
-                    "${workspaceRoot}"
-                ],
-                "severity": "warning",
-                "pattern": "$tslint4"
+                "base": "$tslint4",
+                "fileLocation": "relative"
             }]
 		}	
 	]

README.md

@@ -209,3 +209,28 @@ dd.selectedIndex = itemSource.getIndex("FL");
 ```TypeScript
 let selectedValue = itemSource.getValue(dd.selectedIndex);
 ```
+
+## Working with Webpack+Uglify
+In case you are uing webpack and also are minifying/uglifying your code, there are some specific names that should be excluded from the uglification for the widget to work properly. The DropDown widget export those and you need to add them to the mangle exclude option of the uglifyjs plugin in the `webpack.common.js` file:
+```js
+var dropDownMangleExcludes = require("nativescript-drop-down/uglify-mangle-excludes").default;
+//......
+module.exports = function (platform, destinationApp) {
+    //......
+    if (process.env.npm_config_uglify) {
+        plugins.push(new webpack.LoaderOptionsPlugin({
+            minimize: true
+        }));
+
+        //Work around an Android issue by setting compress = false
+        var compress = platform !== "android";
+        plugins.push(new webpack.optimize.UglifyJsPlugin({
+            mangle: {
+                except: nsWebpack.uglifyMangleExcludes.concat(dropDownMangleExcludes),
+            },
+            compress: compress,
+        }));
+    }
+   //......
+}
+```

demo/app/app.ts

@@ -1,3 +1,5 @@
+import "./bundle-config";
+
 import application = require("application");
 
 application.start({ moduleName: "main-page" });

demo/app/bundle-config.ts

@@ -0,0 +1,10 @@
+if ((global as any).TNS_WEBPACK) {
+    // registers tns-core-modules UI framework modules
+    // tslint:disable-next-line:no-var-requires
+    require("bundle-entry-points");
+
+    global.registerModule("nativescript-drop-down", () => require("nativescript-drop-down"));
+    
+    // Views
+    global.registerModule("main-page", () => require("./main-page"));
+}

demo/app/vendor-platform.android.ts

@@ -0,0 +1,25 @@
+// Resolve JavaScript classes that extend a Java class, and need to resolve
+// their JavaScript module from a bundled script. For example:
+// NativeScriptApplication, NativeScriptActivity, etc.
+//
+// This module gets bundled together with the rest of the app code and the
+// `require` calls get resolved to the correct bundling import call.
+//
+// At runtime the module gets loaded *before* the rest of the app code, so code
+// placed here needs to be careful about its dependencies.
+
+require("application");
+require("ui/frame");
+require("ui/frame/activity");
+
+if (global.TNS_WEBPACK) {
+    global.__requireOverride = function (name, dir) {
+        if (name === "./tns_modules/application/application.js") {
+            return require("application");
+        } else if (name === "./tns_modules/ui/frame/frame.js") {
+            return require("ui/frame");
+        } else if (name === "./tns_modules/ui/frame/activity.js") {
+            return require("ui/frame/activity");
+        }
+    };
+}

demo/app/vendor-platform.ios.ts

@@ -0,0 +1,3 @@
+require("./vendor-platform");
+
+require("bundle-entry-points");

demo/app/vendor.ts

@@ -1,30 +1,44 @@
 {
   "nativescript": {
     "id": "com.tangrainc.dropdownsample",
-    "tns-ios": {
+    "tns-android": {
       "version": "3.0.0-rc.1"
     },
-    "tns-android": {
+    "tns-ios": {
       "version": "3.0.0-rc.1"
     }
   },
   "scripts": {
     "android": "npm uninstall nativescript-drop-down && tns platform remove android && tns platform add android@rc && tns run android",
     "ios": "npm uninstall nativescript-drop-down && tns run ios --emulator",
-    "debug-ios": "npm uninstall nativescript-drop-down && tns debug ios --emulator"
+    "debug-ios": "npm uninstall nativescript-drop-down && tns debug ios --emulator",
+    "ns-bundle": "ns-bundle",
+    "start-android-bundle": "npm run ns-bundle --android --start-app",
+    "start-ios-bundle": "npm run ns-bundle --ios --start-app --uglify",
+    "build-android-bundle": "npm run ns-bundle --android --build-app",
+    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
   },
   "dependencies": {
     "nativescript-drop-down": "file:../bin/dist",
     "tns-core-modules": "rc"
   },
   "devDependencies": {
+    "awesome-typescript-loader": "~3.0.0-beta.9",
     "babel-traverse": "6.10.4",
     "babel-types": "6.11.1",
     "babylon": "6.8.2",
+    "copy-webpack-plugin": "~3.0.1",
+    "extract-text-webpack-plugin": "~2.0.0-beta.4",
     "filewalker": "0.1.3",
     "lazy": "1.0.11",
+    "nativescript-css-loader": "~0.26.0",
     "nativescript-dev-typescript": "^0.4.0",
+    "nativescript-dev-webpack": "^0.3.7",
+    "raw-loader": "~0.5.1",
+    "resolve-url-loader": "~1.6.0",
+    "tns-platform-declarations": "rc",
     "typescript": "^2.2.2",
-    "tns-platform-declarations": "rc"
+    "webpack": "2.2.0",
+    "webpack-sources": "~0.1.3"
   }
 }