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
0c20a0a2cd365df3bf6ae3ebec62c7c68ffe61d1

Branches

Tags

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

Clone

HTTPS

Download ZIP

vscode-react-native/src/common

src/common/packager.ts

153lines · 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 {ChildProcess} from "child_process";
5import {CommandExecutor} from "./commandExecutor";
6import {Log, LogLevel} from "./log";
7import {Node} from "./node/node";
8import {OutputChannel} from "vscode";
9import {Package} from "./node/package";
10import {PromiseUtil} from "./node/promise";
11import {Request} from "./node/request";
12
13import * as Q from "q";
14import * as path from "path";
15
16export class Packager {
17 // TODO: Make the port configurable via a launch argument
18 public static PORT = "8081";
19 public static HOST = `localhost:${Packager.PORT}`;
20
21 private projectPath: string;
22 private packagerProcess: ChildProcess;
23
24 private static JS_INJECTOR_FILENAME = "opn-main.js";
25 private static JS_INJECTOR_FILEPATH = path.resolve(path.dirname(path.dirname(__dirname)), "js-patched", Packager.JS_INJECTOR_FILENAME);
26 private static NODE_MODULES_FODLER_NAME = "node_modules";
27 private static OPN_PACKAGE_NAME = "opn";
28 private static REACT_NATIVE_PACKAGE_NAME = "react-native";
29 private static OPN_PACKAGE_MAIN_FILENAME = "index.js";
30
31 constructor(projectPath: string) {
32 this.projectPath = projectPath;
33 }
34
35
36 public start(outputChannel?: OutputChannel): Q.Promise<void> {
37 let executedStartPackagerCmd = false;
38 return this.isRunning()
39 .then(running => {
40 if (!running) {
41 return this.monkeyPatchOpnForRNPackager()
42 .then(() => {
43 let args = ["--port", Packager.PORT];
44 let childEnvForDebugging = Object.assign({}, process.env, { REACT_DEBUGGER: "echo A debugger is not needed: " });
45
46 Log.logMessage("Starting Packager", outputChannel);
47 // The packager will continue running while we debug the application, so we can"t
48 // wait for this command to finish
49
50 let spawnOptions = { env: childEnvForDebugging };
51
52 // TODO #83 - PROMISE: We need to consume the result of this spawn
53 new CommandExecutor(this.projectPath).spawnReactPackager(args, spawnOptions, outputChannel).then((packagerProcess) => {
54 this.packagerProcess = packagerProcess;
55 executedStartPackagerCmd = true;
56 });
57 });
58 }
59 })
60 .then(() =>
61 this.awaitStart())
62 .then(() => {
63 if (executedStartPackagerCmd) {
64 Log.logMessage("Packager started.", outputChannel);
65 } else {
66 Log.logMessage("Packager is already running.", outputChannel);
67 if (!this.packagerProcess) {
68 Log.logWarning("Debugging is not supported if the React Native Packager is not started within VS Code. "
69 + "If debugging fails, please kill other active React Native packager processes and retry.", null, outputChannel);
70 }
71 }
72 });
73 }
74
75 public stop(outputChannel?: OutputChannel): Q.Promise<void> {
76 return new CommandExecutor(this.projectPath).killReactPackager(this.packagerProcess, outputChannel).then(() =>
77 this.packagerProcess = null);
78 }
79
80 public prewarmBundleCache(platform: string) {
81 let bundleURL = `http://${Packager.HOST}/index.${platform}.bundle`;
82 Log.logInternalMessage(LogLevel.Info, "About to get: " + bundleURL);
83 return new Request().request(bundleURL, true).then(() => {
84 Log.logMessage("The Bundle Cache was prewarmed.");
85 }).catch(() => {
86 // The attempt to prefetch the bundle failed.
87 // This may be because the bundle is not index.* so we shouldn't treat this as fatal.
88 });
89 }
90
91 private isRunning(): Q.Promise<boolean> {
92 let statusURL = `http://${Packager.HOST}/status`;
93
94 return new Request().request(statusURL)
95 .then((body: string) => {
96 return body === "packager-status:running";
97 },
98 (error: any) => {
99 return false;
100 });
101 }
102
103 private awaitStart(retryCount = 30, delay = 2000): Q.Promise<boolean> {
104 let pu: PromiseUtil = new PromiseUtil();
105 return pu.retryAsync(() => this.isRunning(), (running) => running, retryCount, delay, "Could not start the packager.");
106 }
107
108 private findOpnPackage(): Q.Promise<string> {
109 try {
110 let flatDependencyPackagePath = path.resolve(this.projectPath, Packager.NODE_MODULES_FODLER_NAME,
111 Packager.OPN_PACKAGE_NAME, Packager.OPN_PACKAGE_MAIN_FILENAME);
112
113 let nestedDependencyPackagePath = path.resolve(this.projectPath, Packager.NODE_MODULES_FODLER_NAME,
114 Packager.REACT_NATIVE_PACKAGE_NAME, Packager.NODE_MODULES_FODLER_NAME, Packager.OPN_PACKAGE_NAME, Packager.OPN_PACKAGE_MAIN_FILENAME);
115
116 let fsHelper = new Node.FileSystem();
117
118 // Attempt to find the 'opn' package directly under the project's node_modules folder (node4 +)
119 // Else, attempt to find the package within the dependent node_modules of react-native package
120 let possiblePaths = [flatDependencyPackagePath, nestedDependencyPackagePath];
121 return Q.any(possiblePaths.map(path =>
122 fsHelper.exists(path).then(exists =>
123 exists
124 ? Q.resolve(path)
125 : Q.reject<string>("opn package location not found"))));
126 } catch (err) {
127 console.error("The package \'opn\' was not found." + err);
128 }
129 }
130
131 private monkeyPatchOpnForRNPackager(): Q.Promise<void> {
132 let opnPackage: Package;
133 let destnFilePath: string;
134
135 // Finds the 'opn' package
136 return this.findOpnPackage()
137 .then((opnIndexFilePath) => {
138 destnFilePath = opnIndexFilePath;
139 // Read the package's "package.json"
140 opnPackage = new Package(path.resolve(path.dirname(destnFilePath)));
141 return opnPackage.parsePackageInformation();
142 }).then((packageJson) => {
143 if (packageJson.main !== Packager.JS_INJECTOR_FILENAME) {
144 // Copy over the patched 'opn' main file
145 return new Node.FileSystem().copyFile(Packager.JS_INJECTOR_FILEPATH, path.resolve(path.dirname(destnFilePath), Packager.JS_INJECTOR_FILENAME))
146 .then(() => {
147 // Write/over-write the "main" attribute with the new file
148 return opnPackage.setMainFile(Packager.JS_INJECTOR_FILENAME);
149 });
150 }
151 });
152 }
153}