Move desktop-related code to "desktop" subfolder (#872)

Summary: Pull Request resolved: https://github.com/facebook/flipper/pull/872 Move all the JS code related to desktop app to "desktop" subfolder. The structure of "desktop" folder: - `src` - JS code of Flipper desktop app executing in Electron Renderer (Chrome) process. This folder also contains all the Flipper plugins in subfolder "src/plugins". - `static` - JS code of Flipper desktop app bootstrapping executing in Electron Main (Node.js) process - `pkg` - Flipper packaging lib and CLI tool - `doctor` - Flipper diagnostics lib and CLI tool - `scripts` - Build scripts for Flipper desktop app - `headless` - Headless version of Flipper app - `headless-tests` - Integration tests running agains Flipper headless version Reviewed By: passy Differential Revision: D20249304 fbshipit-source-id: 9a51c63b51b92b758a02fc8ebf7d3d116770efe9
2020-03-14 14:26:07 -07:00
parent a60e6fee87
commit 85c13bb1f3
607 changed files with 103 additions and 142 deletions
--- a/desktop/pkg/src/commands/bundle.ts
+++ b/desktop/pkg/src/commands/bundle.ts
@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import {Command, flags} from '@oclif/command';
+import {promises as fs} from 'fs';
+import {mkdirp, pathExists, readJSON, ensureDir} from 'fs-extra';
+import * as inquirer from 'inquirer';
+import * as path from 'path';
+import * as yarn from '../utils/yarn';
+import cli from 'cli-ux';
+import runBuild from '../utils/runBuild';
+
+async function deriveOutputFileName(inputDirectory: string): Promise<string> {
+  const packageJson = await readJSON(path.join(inputDirectory, 'package.json'));
+  return `${packageJson.name || ''}-${packageJson.version}.tgz`;
+}
+
+export default class Bundle extends Command {
+  public static description =
+    'bundle a plugin folder into a distributable archive';
+
+  public static examples = [`$ flipper-pkg bundle path/to/plugin`];
+
+  public static flags = {
+    output: flags.string({
+      char: 'o',
+      default: '.',
+      description:
+        "Where to output the bundle, file or directory. Defaults to '.'.",
+    }),
+  };
+
+  public static args = [{name: 'directory', required: true}];
+
+  public async run() {
+    const {args, flags: parsedFlags} = this.parse(Bundle);
+
+    const stat = await fs.lstat(args.directory);
+    if (!stat.isDirectory()) {
+      this.error(`Plugin source ${args.directory} is not a directory.`);
+    }
+
+    let output;
+    if (await pathExists(parsedFlags.output)) {
+      const outputStat = await fs.lstat(parsedFlags.output);
+      if (outputStat.isDirectory()) {
+        output = path.resolve(
+          path.join(
+            parsedFlags.output,
+            await deriveOutputFileName(args.directory),
+          ),
+        );
+      } else {
+        output = parsedFlags.output;
+      }
+    } else {
+      let dir;
+      let file = null;
+      // Treat this as a
+      if (parsedFlags.output.slice(-1) === '/') {
+        dir = parsedFlags.output;
+      } else {
+        dir = path.dirname(parsedFlags.output);
+        file = path.basename(parsedFlags.output);
+      }
+
+      if (!(await pathExists(dir))) {
+        const answer: {confirm: boolean} = await inquirer.prompt({
+          default: true,
+          message: `Output directory '${dir}' doesn't exist. Create it?`,
+          name: 'confirm',
+          type: 'confirm',
+        });
+
+        if (answer.confirm) {
+          mkdirp(dir);
+        } else {
+          this.error(`Output directory ${dir} not found.`);
+        }
+      }
+
+      if (file === null) {
+        file = await deriveOutputFileName(args.directory);
+      }
+      output = path.join(dir, file);
+    }
+
+    const inputDirectory = path.resolve(args.directory);
+    const outputFile = path.resolve(output);
+
+    this.log(`⚙️  Bundling ${inputDirectory} to ${outputFile}...`);
+
+    cli.action.start('Installing dependencies');
+    await yarn.install(inputDirectory);
+    cli.action.stop();
+
+    cli.action.start('Reading package.json');
+    const packageJson = await readJSON(
+      path.join(inputDirectory, 'package.json'),
+    );
+    const entry =
+      packageJson.main ??
+      ((await pathExists(path.join(inputDirectory, 'index.tsx')))
+        ? 'index.tsx'
+        : 'index.jsx');
+    const bundleMain = packageJson.bundleMain ?? path.join('dist', 'index.js');
+    const out = path.resolve(inputDirectory, bundleMain);
+    cli.action.stop(`done. Entry: ${entry}. Bundle main: ${bundleMain}.`);
+
+    cli.action.start(`Compiling`);
+    await ensureDir(path.dirname(out));
+    await runBuild(inputDirectory, entry, out);
+    cli.action.stop();
+
+    cli.action.start(`Packing to ${outputFile}`);
+    await yarn.pack(inputDirectory, outputFile);
+    cli.action.stop();
+
+    this.log(`✅  Bundled ${inputDirectory} to ${outputFile}`);
+  }
+}