feat(preview-api): expose public method for getting qr code of playground app

Author: Fatme

lib/bootstrap.ts

@@ -135,7 +135,7 @@ $injector.require("previewAppLiveSyncService", "./services/livesync/playground/p
 $injector.require("previewAppPluginsService", "./services/livesync/playground/preview-app-plugins-service");
 $injector.require("previewSdkService", "./services/livesync/playground/preview-sdk-service");
 $injector.requirePublicClass("previewDevicesService", "./services/livesync/playground/devices/preview-devices-service");
-$injector.require("previewQrCodeService", "./services/livesync/playground/preview-qr-code-service");
+$injector.requirePublic("previewQrCodeService", "./services/livesync/playground/preview-qr-code-service");
 $injector.requirePublic("sysInfo", "./sys-info");
 
 $injector.require("iOSNotificationService", "./services/ios-notification-service");

lib/common/declarations.d.ts

@@ -969,6 +969,21 @@ interface IQrCodeGenerator {
 	generateDataUri(data: string): Promise<string>;
 }
 
+interface IQrCodeImageData {
+	/**
+	 * The original URL used for generating QR code image.
+	 */
+	originalUrl: string;
+	/**
+	 * The shorten URL used for generating QR code image.
+	 */
+	shortenUrl: string;
+	/**
+	 * Base64 encoded data used for generating QR code image.
+	 */
+	imageData: string;
+}
+
 interface IDynamicHelpProvider {
 	/**
 	 * Checks if current project's framework is one of the specified as arguments.

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

@@ -23,9 +23,14 @@ declare global {
 	}
 
 	interface IPreviewQrCodeService {
+		getPlaygroundAppQrCode(options?: IPlaygroundAppQrCodeOptions): Promise<IDictionary<IQrCodeImageData>>;
 		printLiveSyncQrCode(options: IGenerateQrCodeOptions): Promise<void>;
 	}
 
+	interface IPlaygroundAppQrCodeOptions {
+		platform?: string;
+	}
+
 	interface IGenerateQrCodeOptions extends IHasUseHotModuleReloadOption {
 		/**
 		 * If set to true, a link will be shown on console instead of QR code

lib/services/livesync/playground/preview-qr-code-service.ts

@@ -1,25 +1,37 @@
 import * as util from "util";
 import { EOL } from "os";
 import { PlaygroundStoreUrls } from "./preview-app-constants";
+import { exported } from "../../../common/decorators";
 
 export class PreviewQrCodeService implements IPreviewQrCodeService {
-	constructor(private $previewSdkService: IPreviewSdkService,
+	constructor(
+		private $config: IConfiguration,
 		private $httpClient: Server.IHttpClient,
+		private $logger: ILogger,
+		private $mobileHelper: Mobile.IMobileHelper,
+		private $previewSdkService: IPreviewSdkService,
 		private $qrCodeTerminalService: IQrCodeTerminalService,
-		private $config: IConfiguration,
-		private $logger: ILogger) {
+		private $qr: IQrCodeGenerator
+	) { }
+
+	@exported("previewQrCodeService")
+	public async getPlaygroundAppQrCode(options?: IPlaygroundAppQrCodeOptions): Promise<IDictionary<IQrCodeImageData>> {
+		const result = Object.create(null);
+
+		if (!options || !options.platform || this.$mobileHelper.isAndroidPlatform(options.platform)) {
+			result.android = await this.getQrCodeImageData(PlaygroundStoreUrls.GOOGLE_PLAY_URL);
+		}
+
+		if (!options || !options.platform || this.$mobileHelper.isiOSPlatform(options.platform)) {
+			result.ios = await this.getQrCodeImageData(PlaygroundStoreUrls.APP_STORE_URL);
+		}
+
+		return result;
 	}
 
 	public async printLiveSyncQrCode(options: IGenerateQrCodeOptions): Promise<void> {
-		let url = this.$previewSdkService.getQrCodeUrl(options);
-		const shortenUrlEndpoint = util.format(this.$config.SHORTEN_URL_ENDPOINT, encodeURIComponent(url));
-		try {
-			const response = await this.$httpClient.httpRequest(shortenUrlEndpoint);
-			const responseBody = JSON.parse(response.body);
-			url = responseBody.shortURL || url;
-		} catch (e) {
-			// use the longUrl
-		}
+		const qrCodeUrl = this.$previewSdkService.getQrCodeUrl(options);
+		const url = await this.getShortenUrl(qrCodeUrl);
 
 		this.$logger.info();
 		const message = `${EOL} Generating qrcode for url ${url}.`;
@@ -38,5 +50,28 @@ To scan the QR code and deploy your app on a device, you need to have the \`Nati
 	Google Play (Android): ${PlaygroundStoreUrls.GOOGLE_PLAY_URL}`);
 		}
 	}
+
+	private async getShortenUrl(url: string): Promise<string> {
+		const shortenUrlEndpoint = util.format(this.$config.SHORTEN_URL_ENDPOINT, encodeURIComponent(url));
+		try {
+			const response = await this.$httpClient.httpRequest(shortenUrlEndpoint);
+			const responseBody = JSON.parse(response.body);
+			url = responseBody.shortURL || url;
+		} catch (e) {
+			// use the longUrl
+		}
+
+		return url;
+	}
+
+	private async getQrCodeImageData(url: string): Promise<IQrCodeImageData> {
+		const shortenUrl = await this.getShortenUrl(url);
+		const imageData = await this.$qr.generateDataUri(shortenUrl);
+		return {
+			originalUrl: url,
+			shortenUrl,
+			imageData
+		};
+	}
 }
 $injector.register("previewQrCodeService", PreviewQrCodeService);