chore: stop webpack compiler when ctrl+c is pressed while executing tns preview --bundle command

Author: Fatme

lib/common

@@ -66,6 +66,7 @@ interface ILiveSyncProcessInfo {
 	isStopped: boolean;
 	deviceDescriptors: ILiveSyncDeviceInfo[];
 	currentSyncAction: Promise<any>;
+	syncToPreviewApp: boolean;
 }
 
 interface IOptionalOutputPath {

lib/definitions/livesync.d.ts

@@ -51,6 +51,17 @@ export class LiveSyncService extends EventEmitter implements IDebugLiveSyncServi
 		const liveSyncProcessInfo = this.liveSyncProcessesInfo[projectDir];
 
 		if (liveSyncProcessInfo) {
+			const projectData = this.$projectDataService.getProjectData(projectDir);
+
+			if (liveSyncProcessInfo.syncToPreviewApp) {
+				await this.$hooksService.executeAfterHooks('watch', {
+					hookArgs: {
+						projectData
+					}
+				});
+				await this.$previewAppLiveSyncService.stopLiveSync();
+			}
+
 			// In case we are coming from error during livesync, the current action is the one that erred (but we are still executing it),
 			// so we cannot await it as this will cause infinite loop.
 			const shouldAwaitPendingOperation = !stopOptions || stopOptions.shouldAwaitAllActions;
@@ -80,7 +91,6 @@ export class LiveSyncService extends EventEmitter implements IDebugLiveSyncServi
 				liveSyncProcessInfo.deviceDescriptors = [];
 
 				// Kill typescript watcher
-				const projectData = this.$projectDataService.getProjectData(projectDir);
 				await this.$hooksService.executeAfterHooks('watch', {
 					hookArgs: {
 						projectData
@@ -350,6 +360,7 @@ export class LiveSyncService extends EventEmitter implements IDebugLiveSyncServi
 		this.liveSyncProcessesInfo[projectDir].actionsChain = this.liveSyncProcessesInfo[projectDir].actionsChain || Promise.resolve();
 		this.liveSyncProcessesInfo[projectDir].currentSyncAction = this.liveSyncProcessesInfo[projectDir].actionsChain;
 		this.liveSyncProcessesInfo[projectDir].isStopped = false;
+		this.liveSyncProcessesInfo[projectDir].syncToPreviewApp = liveSyncData.syncToPreviewApp;
 
 		const currentDeviceDescriptors = this.getLiveSyncDeviceDescriptors(projectDir);
 		this.liveSyncProcessesInfo[projectDir].deviceDescriptors = _.uniqBy(currentDeviceDescriptors.concat(deviceDescriptors), deviceDescriptorPrimaryKey);
@@ -744,13 +755,6 @@ export class LiveSyncService extends EventEmitter implements IDebugLiveSyncServi
 			this.liveSyncProcessesInfo[liveSyncData.projectDir].timer = timeoutTimer;
 
 			this.$processService.attachToProcessExitSignals(this, () => {
-				if (liveSyncData.syncToPreviewApp) {
-					// Do not await here, we are in process exit's handler.
-					/* tslint:disable:no-floating-promises */
-					this.$previewAppLiveSyncService.stopLiveSync();
-					/* tslint:enable:no-floating-promises */
-				}
-
 				_.keys(this.liveSyncProcessesInfo).forEach(projectDir => {
 					// Do not await here, we are in process exit's handler.
 					/* tslint:disable:no-floating-promises */