feat(HMR): expose context (#724)

The context consists of an object with `type` and `module` properties:
- `type` could be `markup`, `script` or `style`
- `module` is the path to the module

Author: vchimev

bundle-config-loader.js

@@ -19,12 +19,12 @@ module.exports = function (source) {
                     require("nativescript-dev-webpack/hot")(__webpack_require__.h(), (fileName) => applicationFiles.getFile(fileName));
                 };
 
-                global.__hmrRefresh = function(type) {
+                global.__hmrRefresh = function({ type, module }) {
                     global.__hmrNeedReload = true;
                     setTimeout(() => {
                         if(global.__hmrNeedReload) {
                             global.__hmrNeedReload = false;
-                            global.__hmrLivesyncBackup();
+                            global.__hmrLivesyncBackup({ type, module });
                         }
                     });
                 }
@@ -45,9 +45,9 @@ module.exports = function (source) {
     if (loadCss) {
         source = `
             require("${
-                angular ?
-                    'nativescript-dev-webpack/load-application-css-angular' :
-                    'nativescript-dev-webpack/load-application-css-regular'
+            angular ?
+                'nativescript-dev-webpack/load-application-css-angular' :
+                'nativescript-dev-webpack/load-application-css-regular'
             }")();
             ${source}
         `;

hot-loader-helper.js

@@ -1,9 +1,9 @@
-module.exports.reload = function(type) { return `
+module.exports.reload = function ({ type, module }) {
+    return `
     if (module.hot) {
         module.hot.accept();
         module.hot.dispose(() => {
-            global.__hmrRefresh('${type}');
+            global.__hmrRefresh({ type: '${type}', module: '${module}' });
         })
     }
 `};
-

markup-hot-loader.js

@@ -1,5 +1,7 @@
 const { reload } = require("./hot-loader-helper");
 
 module.exports = function (source) {
-    return `${source};${reload('markup')}`;
+    const typeMarkup = "markup";
+    const modulePath = this.resourcePath.replace(this.context, ".");
+    return `${source};${reload({ type: typeMarkup, module: modulePath })}`;
 };

script-hot-loader.js

@@ -1,5 +1,7 @@
 const { reload } = require("./hot-loader-helper");
 
 module.exports = function (source) {
-    return `${source};${reload('script')}`;
+    const typeScript = "script";
+    const modulePath = this.resourcePath.replace(this.context, ".");
+    return `${source};${reload({ type: typeScript, module: modulePath })}`;
 };

style-hot-loader.js

@@ -1,5 +1,7 @@
 const { reload } = require("./hot-loader-helper");
 
 module.exports = function (source) {
-    return `${source};${reload('style')}`;
+    const typeStyle = "style";
+    const modulePath = this.resourcePath.replace(this.context, ".");
+    return `${source};${reload({ type: typeStyle, module: modulePath })}`;
 };