fix: fix the initial sync to preview app

Author: Fatme

lib/services/livesync/playground/preview-app-livesync-service.ts

@@ -1,5 +1,5 @@
 import { Device, FilesPayload } from "nativescript-preview-sdk";
-import { APP_RESOURCES_FOLDER_NAME, TrackActionNames, FILES_CHANGE_EVENT_NAME } from "../../../constants";
+import { APP_RESOURCES_FOLDER_NAME, TrackActionNames, FILES_CHANGE_EVENT_NAME, INITIAL_SYNC_EVENT_NAME } from "../../../constants";
 import { PreviewAppLiveSyncEvents } from "./preview-app-constants";
 import { HmrConstants } from "../../../common/constants";
 import { stringify } from "../../../common/helpers";
@@ -47,12 +47,15 @@ export class PreviewAppLiveSyncService extends EventEmitter implements IPreviewA
 				}
 
 				await this.$previewAppPluginsService.comparePluginsOnDevice(data, device);
-				this.deviceInitializationPromise[device.id] = this.getInitialFilesForPlatformSafe(data, device.platform);
 
 				this.$platformWatcherService.on(FILES_CHANGE_EVENT_NAME, async (filesChangeData: IFilesChangeEventData) => {
 					await this.onWebpackCompilationComplete(data, filesChangeData.hmrData, filesChangeData.files, device.platform);
 				});
 
+				this.$platformWatcherService.on(INITIAL_SYNC_EVENT_NAME, async (initialSyncData: IInitialSyncEventData) => {
+					this.deviceInitializationPromise[device.id] = this.getInitialFilesForPlatformSafe(data, device.platform);
+				});
+
 				const { nativePlatformData, projectData, preparePlatformData } = this.$workflowDataService.createWorkflowData(device.platform.toLowerCase(), data.projectDir, data);
 
 				// Setup externals

test/services/playground/preview-app-livesync-service.ts

@@ -9,6 +9,7 @@ import { ProjectFilesManager } from "../../../lib/common/services/project-files-
 import { EventEmitter } from "events";
 import { PreviewAppFilesService } from "../../../lib/services/livesync/playground/preview-app-files-service";
 import { WorkflowDataService, PreparePlatformData } from "../../../lib/services/workflow/workflow-data-service";
+import { INITIAL_SYNC_EVENT_NAME } from "../../../lib/constants";
 
 interface ITestCase {
 	name: string;
@@ -96,6 +97,13 @@ class LoggerMock extends LoggerStub {
 	}
 }
 
+class PlatformWatcherServiceMock extends EventEmitter {
+	public startWatchers(platformData: IPlatformData, projectData: IProjectData, preparePlatformData: PreparePlatformData) {
+		isHMRPassedToEnv = preparePlatformData.env.hmr;
+		this.emit(INITIAL_SYNC_EVENT_NAME, {});
+	}
+}
+
 function createTestInjector(options?: {
 	projectFiles?: string[]
 }) {
@@ -157,12 +165,7 @@ function createTestInjector(options?: {
 	injector.register("analyticsService", {
 		trackEventActionInGoogleAnalytics: () => ({})
 	});
-	injector.register("platformWatcherService", {
-		startWatchers: (platformData: IPlatformData, projectData: IProjectData, preparePlatformData: PreparePlatformData) => {
-			isHMRPassedToEnv = preparePlatformData.env.hmr;
-		},
-		on: () => ({})
-	});
+	injector.register("platformWatcherService", PlatformWatcherServiceMock);
 	injector.register("workflowDataService", WorkflowDataService);
 
 	return injector;