GitVita
New repositoryImport repositoryNew issue
Your repositories Your dashboard Sign in

microsoft/vscode-react-native

Public

mirrored from https://github.com/microsoft/vscode-react-nativeAvailable

Watch0Fork0Star0
CodeCommitsIssuesPull requestsActionsInsightsSecurity
25854cef8fb6b33264eb59d46e473c4ac43a5f2a

Branches

Tags

  • No tags available.
0Branches0Tags
Go to file
Add file
Code

Clone

HTTPS

Download ZIP

vscode-react-native/src/extension

src/extension/commandPaletteHandler.ts

127lines · modecode

RawDownload
Latest commit unavailable.
1// Copyright (c) Microsoft Corporation. All rights reserved.
2// Licensed under the MIT license. See LICENSE file in the project root for details.
3
4import * as vscode from "vscode";
5import * as Q from "q";
6import {CommandExecutor} from "../common/commandExecutor";
7import {DeviceHelper, IDevice} from "../common/android/deviceHelper";
8import {Log} from "../common/log/log";
9import {Packager} from "../common/packager";
10import {Package} from "../common/node/package";
11import {PackageNameResolver} from "../common/android/packageNameResolver";
12import {PackagerStatus, PackagerStatusIndicator} from "./packagerStatusIndicator";
13import {ReactNativeProjectHelper} from "../common/reactNativeProjectHelper";
14import {TelemetryHelper} from "../common/telemetryHelper";
15import {IOSDebugModeManager} from "../common/ios/iOSDebugModeManager";
16
17export class CommandPaletteHandler {
18 private reactNativePackager: Packager;
19 private reactNativePackageStatusIndicator: PackagerStatusIndicator;
20 private workspaceRoot: string;
21
22 constructor(workspaceRoot: string, reactNativePackager: Packager, packagerStatusIndicator: PackagerStatusIndicator) {
23 this.workspaceRoot = workspaceRoot;
24 this.reactNativePackager = reactNativePackager;
25 this.reactNativePackageStatusIndicator = packagerStatusIndicator;
26 }
27
28 /**
29 * Starts the React Native packager
30 */
31 public startPackager(): Q.Promise<void> {
32 return this.executeCommandInContext("startPackager", () => this.reactNativePackager.start())
33 .then(() => this.reactNativePackageStatusIndicator.updatePackagerStatus(PackagerStatus.PACKAGER_STARTED));
34 }
35
36 /**
37 * Kills the React Native packager invoked by the extension's packager
38 */
39 public stopPackager(): Q.Promise<void> {
40 return this.executeCommandInContext("stopPackager", () => this.reactNativePackager.stop())
41 .then(() => this.reactNativePackageStatusIndicator.updatePackagerStatus(PackagerStatus.PACKAGER_STOPPED));
42 }
43
44 /**
45 * Executes the 'react-native run-android' command
46 */
47 public runAndroid(): Q.Promise<void> {
48 /* If there are multiple devices available, the run-android command will install the application on each and then print a warning.
49 The command will succeed but the application will not be launched on any device.
50 We fix this behavior by checking if there are more than one devices available and running the application on each. */
51 return this.executeCommandInContext("runAndroid", () => this.executeReactNativeRunCommand("run-android"))
52 .then(() => {
53 let deviceHelper = new DeviceHelper();
54 let pkg = new Package(this.workspaceRoot);
55
56 return Q.all<any>([
57 pkg.name().then((appName) => new PackageNameResolver(appName).resolvePackageName(this.workspaceRoot)),
58 deviceHelper.getConnectedDevices(),
59 ]).spread<any>((packagName: string, devices: IDevice[]) => {
60 if (devices.length > 1) {
61 let result = Q<void>(void 0);
62 /* if we have more than one device, launch the application on each */
63 devices.forEach((device: IDevice) => {
64 if (device.isOnline) {
65 result = result.then(() => deviceHelper.launchApp(this.workspaceRoot, packagName, device.id));
66 }
67 });
68 return result;
69 } else {
70 return Q.resolve(void 0);
71 }
72 });
73 });
74 }
75
76 /**
77 * Executes the 'react-native run-ios' command
78 */
79 public runIos(): Q.Promise<void> {
80 return this.executeCommandInContext("runIos", () => {
81 // Set the Debugging setting to disabled, because in iOS it's persisted across runs of the app
82 return new IOSDebugModeManager(this.workspaceRoot).setSimulatorJSDebuggingModeSetting(/*enable=*/ false)
83 .catch(() => { }) // If setting the debugging mode fails, we ignore the error and we run the run ios command anyways
84 .then(() => this.executeReactNativeRunCommand("run-ios"));
85 });
86 }
87
88 /**
89 * Executes a react-native command passed after starting the packager
90 * {command} The command to be executed
91 * {args} The arguments to be passed to the command
92 */
93 private executeReactNativeRunCommand(command: string, args?: string[]): Q.Promise<void> {
94 // Start the packager before executing the React-Native command
95 Log.logMessage("Attempting to start the React Native packager");
96
97 return this.reactNativePackager.start()
98 .then(() => {
99 return new CommandExecutor(this.workspaceRoot).spawnReactCommand(command,
100 args, /*waitForExit*/true, /*options*/null).outcome;
101 });
102 }
103
104 /**
105 * Ensures that we are in a React Native project and then executes the operation
106 * Otherwise, displays an error message banner
107 * {operation} - a function that performs the expected operation
108 */
109 private executeCommandInContext(rnCommand: string, operation: () => void): Q.Promise<void> {
110 let reactNativeProjectHelper = new ReactNativeProjectHelper(vscode.workspace.rootPath);
111 return TelemetryHelper.generate("RNCommand", (generator) => {
112 generator.add("command", rnCommand, false);
113 return reactNativeProjectHelper.isReactNativeProject().then(isRNProject => {
114 generator.add("isRNProject", isRNProject, false);
115 if (isRNProject) {
116 // Bring the log channel to focus
117 Log.setFocusOnLogChannel();
118
119 // Execute the operation
120 return operation();
121 } else {
122 vscode.window.showErrorMessage("Current workspace is not a React Native project.");
123 }
124 });
125 });
126 }
127}
128