Generate qr code

Author: Fatme

lib/bootstrap.ts

@@ -175,3 +175,4 @@ $injector.require("iOSLogParserService", "./services/ios-log-parser-service");
 $injector.require("iOSDebuggerPortService", "./services/ios-debugger-port-service");
 
 $injector.require("pacoteService", "./services/pacote-service");
+$injector.require("qrCodeTerminalService", "./services/qr-code-terminal-service");

lib/definitions/preview-app-livesync.d.ts

@@ -10,6 +10,7 @@ declare global {
 	interface IPreviewAppLiveSyncData extends IProjectDataComposition, IAppFilesUpdaterOptionsComposition, IEnvOptions { }
 
 	interface IPreviewSdkService extends NodeJS.EventEmitter {
+		qrCodeUrl: string;
 		connectedDevices: DeviceConnectedMessage[];
 		initialize(): void;
 		applyChanges(files: FilePayload[]): Promise<void>;

lib/definitions/qr-code.d.ts

@@ -0,0 +1,3 @@
+interface IQrCodeTerminalService {
+	generate(url: string): void;
+}

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

@@ -9,7 +9,8 @@ export class PreviewAppLiveSyncService implements IPreviewAppLiveSyncService {
 		private $platformService: IPlatformService,
 		private $platformsData: IPlatformsData,
 		private $previewSdkService: IPreviewSdkService,
-		private $projectFilesManager: IProjectFilesManager) { }
+		private $projectFilesManager: IProjectFilesManager,
+		private $qrCodeTerminalService: IQrCodeTerminalService) { }
 
 	public async initialSync(data: IPreviewAppLiveSyncData): Promise<void> {
 		this.$previewSdkService.initialize();
@@ -31,12 +32,15 @@ export class PreviewAppLiveSyncService implements IPreviewAppLiveSyncService {
 	}
 
 	private async generateQRCode(): Promise<void> {
-		console.log("QR Code was generated!!!");
+		this.$qrCodeTerminalService.generate(this.$previewSdkService.qrCodeUrl);
 	}
 
 	private async trySyncFilesOnDevice(data: IPreviewAppLiveSyncData, device: DeviceConnectedMessage, files?: string[]): Promise<void> {
+		this.$logger.info(`Start syncing changes on device ${device.deviceId}.`);
+
 		try {
 			await this.syncFilesOnDevice(data, device, files);
+			this.$logger.info(`Successfully synced changes on device ${device.deviceId}.`);
 		} catch (err) {
 			this.$logger.warn(`Unable to apply changes on device ${device.deviceId}. Error is ${err.message}.`);
 		}

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

@@ -12,6 +12,10 @@ export class PreviewSdkService extends EventEmitter implements IPreviewSdkServic
 		super();
 	}
 
+	public get qrCodeUrl(): string {
+		return `nsplay://boot?instanceId=${this.instanceId}&pKey=${PubnubKeys.PUBLISH_KEY}&sKey=${PubnubKeys.SUBSCRIBE_KEY}&template=play-ng`;
+	}
+
 	public initialize(): void {
 		const initConfig = this.getInitConfig();
 		this.messagingService = new MessagingService();
@@ -39,8 +43,7 @@ export class PreviewSdkService extends EventEmitter implements IPreviewSdkServic
 			pubnubPublishKey: PubnubKeys.PUBLISH_KEY,
 			pubnubSubscribeKey: PubnubKeys.SUBSCRIBE_KEY,
 			callbacks: this.getCallbacks(),
-			getInitialFiles: async () => [],
-			instanceId: "qhOOo1lqK"
+			getInitialFiles: async () => []
 		};
 	}
 

lib/services/qr-code-terminal-service.ts

@@ -0,0 +1,16 @@
+const qrcode = require("qrcode-terminal");
+
+export class QrCodeTerminalService implements IQrCodeTerminalService {
+	constructor(private $logger: ILogger) { }
+
+	public generate(url: string): void {
+		this.$logger.info(`Generating qrcode for url ${url}.`);
+
+		try {
+			qrcode.generate(url);
+		} catch(err) {
+			this.$logger.trace(`Failed to generate QR code for ${url}`, err);
+		}
+	}
+}
+$injector.register("qrCodeTerminalService", QrCodeTerminalService);