Create a canary from current Git branch and revision

packages/create-subscription/package.json

@@ -6,6 +6,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/"
   ],

packages/eslint-plugin-react-hooks/package.json

@@ -7,6 +7,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs"
   ],

packages/jest-react/package.json

@@ -22,6 +22,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/"
   ]

packages/react-art/package.json

@@ -31,6 +31,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/",
     "umd/",

packages/react-cache/package.json

@@ -7,6 +7,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/",
     "umd/"

packages/react-debug-tools/package.json

@@ -12,6 +12,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/"
   ],

packages/react-dom/package.json

@@ -24,6 +24,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "profiling.js",
     "server.js",

packages/react-is/package.json

@@ -15,6 +15,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/",
     "umd/"

packages/react-noop-renderer/package.json

@@ -18,6 +18,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "persistent.js",
     "cjs/"

packages/react-reconciler/package.json

@@ -11,6 +11,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "persistent.js",
     "reflection.js",

packages/react-test-renderer/package.json

@@ -26,6 +26,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "shallow.js",
     "cjs/",

packages/react/package.json

@@ -11,6 +11,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "cjs/",
     "umd/"

packages/scheduler/package.json

@@ -19,6 +19,7 @@
   "files": [
     "LICENSE",
     "README.md",
+    "build-info.json",
     "index.js",
     "tracing.js",
     "tracing-profiling.js",

scripts/circleci/add_build_info_json.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+set -e
+
+node ./scripts/release/ci-add-build-info-json.js

scripts/circleci/test_entry_point.sh

@@ -25,6 +25,8 @@ if [ $((1 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
 fi
 
 if [ $((2 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
+  COMMANDS_TO_RUN+=('./scripts/circleci/add_build_info_json.sh')
+  COMMANDS_TO_RUN+=('./scripts/circleci/update_package_versions.sh')
   COMMANDS_TO_RUN+=('./scripts/circleci/build.sh')
   COMMANDS_TO_RUN+=('yarn test-build --maxWorkers=2')
   COMMANDS_TO_RUN+=('yarn test-build-prod --maxWorkers=2')

scripts/circleci/update_package_versions.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+set -e
+
+node ./scripts/release/ci-update-package-versions.js

scripts/release/build-commands/print-post-build-summary.js

@@ -43,9 +43,9 @@ module.exports = ({cwd, dry, path, version}) => {
     1. Open {yellow.bold ${standaloneFixturePath}} in the browser.
     2. It should say {italic "Hello world!"}
     3. Next go to {yellow.bold ${packagingFixturesPath}} and run {bold node build-all.js}
-    4. Install the "serve" module ({bold npm install -g serve})
-    5. Go to the repo root and {bold serve -s .}
-    6. Open {blue.bold http://localhost:5000/fixtures/packaging}
+    4. Install the "pushstate-server" module ({bold npm install -g pushstate-server})
+    5. Go to the repo root and {bold pushstate-server -s .}
+    6. Open {blue.bold http://localhost:9000/fixtures/packaging}
     7. Verify every iframe shows {italic "Hello world!"}
 
     After completing the above steps, resume the release process by running:

scripts/release/build.js

@@ -6,14 +6,12 @@ const {exec} = require('child_process');
 
 // Follows the steps outlined in github.com/facebook/react/issues/10620
 const run = async () => {
-  const chalk = require('chalk');
-  const logUpdate = require('log-update');
-  const {getPublicPackages, getPackages} = require('./utils');
+  const {getPublicPackages, getPackages, handleError} = require('./utils');
 
   const addGitTag = require('./build-commands/add-git-tag');
-  const buildArtifacts = require('./build-commands/build-artifacts');
+  const buildArtifacts = require('./create-release-commands/build-artifacts');
   const checkCircleCiStatus = require('./build-commands/check-circle-ci-status');
-  const checkEnvironmentVariables = require('./build-commands/check-environment-variables');
+  const checkEnvironmentVariables = require('./shared-commands/check-environment-variables');
   const checkNpmPermissions = require('./build-commands/check-npm-permissions');
   const checkPackageDependencies = require('./build-commands/check-package-dependencies');
   const checkUncommittedChanges = require('./build-commands/check-uncommitted-changes');
@@ -55,18 +53,7 @@ const run = async () => {
     await addGitTag(params);
     await printPostBuildSummary(params);
   } catch (error) {
-    logUpdate.clear();
-
-    const message = error.message.trim().replace(/\n +/g, '\n');
-    const stack = error.stack.replace(error.message, '');
-
-    console.log(
-      `${chalk.bgRed.white(' ERROR ')} ${chalk.red(message)}\n\n${chalk.gray(
-        stack
-      )}`
-    );
-
-    process.exit(1);
+    handleError(error);
   }
 };
 

scripts/release/ci-add-build-info-json.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const {exec} = require('child_process');
+const {existsSync} = require('fs');
+const {join} = require('path');
+
+const run = async () => {
+  const {writeJson} = require('fs-extra');
+  const {getBuildInfo, getPackages} = require('./utils');
+
+  const cwd = join(__dirname, '..', '..');
+
+  const {checksum, commit, branch} = await getBuildInfo();
+
+  const packages = getPackages(join(cwd, 'packages'));
+  const packagesDir = join(cwd, 'packages');
+
+  const buildInfoJSON = {
+    branch,
+    checksum,
+    commit,
+    environment: 'ci',
+  };
+
+  for (let i = 0; i < packages.length; i++) {
+    const packageName = packages[i];
+    const packagePath = join(packagesDir, packageName);
+
+    // Add build info JSON to package
+    if (existsSync(join(packagePath, 'npm'))) {
+      const buildInfoJSONPath = join(packagePath, 'npm', 'build-info.json');
+      await writeJson(buildInfoJSONPath, buildInfoJSON, {spaces: 2});
+    }
+  }
+};
+
+// Install (or update) release script dependencies before proceeding.
+// This needs to be done before we require() the first NPM module.
+exec('yarn install', {cwd: __dirname}, (error, stdout, stderr) => {
+  if (error) {
+    console.error(error);
+    process.exit(1);
+  } else {
+    run();
+  }
+});

scripts/release/ci-update-package-versions.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const {exec} = require('child_process');
+const {join} = require('path');
+
+const run = async () => {
+  const {getBuildInfo, updateVersionsForCanary} = require('./utils');
+
+  const cwd = join(__dirname, '..', '..');
+
+  const {version} = await getBuildInfo();
+
+  await updateVersionsForCanary(cwd, version);
+};
+
+// Install (or update) release script dependencies before proceeding.
+// This needs to be done before we require() the first NPM module.
+exec('yarn install', {cwd: __dirname}, (error, stdout, stderr) => {
+  if (error) {
+    console.error(error);
+    process.exit(1);
+  } else {
+    run();
+  }
+});

scripts/release/create-build-commands/add-build-info-json.js

@@ -0,0 +1,35 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const {existsSync} = require('fs');
+const {writeJson} = require('fs-extra');
+const {join} = require('path');
+const {getPackages, logPromise} = require('../utils');
+
+const run = async ({branch, checksum, commit, tempDirectory}) => {
+  const packages = getPackages(join(tempDirectory, 'packages'));
+  const packagesDir = join(tempDirectory, 'packages');
+
+  const buildInfoJSON = {
+    branch,
+    checksum,
+    commit,
+    environment: 'local',
+  };
+
+  for (let i = 0; i < packages.length; i++) {
+    const packageName = packages[i];
+    const packagePath = join(packagesDir, packageName);
+
+    // Add build info JSON to package
+    if (existsSync(join(packagePath, 'npm'))) {
+      const buildInfoJSONPath = join(packagePath, 'npm', 'build-info.json');
+      await writeJson(buildInfoJSONPath, buildInfoJSON, {spaces: 2});
+    }
+  }
+};
+
+module.exports = async params => {
+  return logPromise(run(params), 'Adding build metadata to packages');
+};

scripts/release/create-build-commands/build-artifacts.js

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const {exec} = require('child-process-promise');
+const {join} = require('path');
+const {logPromise} = require('../utils');
+
+const run = async ({cwd, dry, tempDirectory}) => {
+  const defaultOptions = {
+    cwd: tempDirectory,
+  };
+
+  await exec('yarn install', defaultOptions);
+  await exec('yarn build -- --extract-errors', defaultOptions);
+
+  const tempNodeModulesPath = join(tempDirectory, 'build', 'node_modules');
+  const buildPath = join(cwd, 'build');
+
+  await exec(`cp -r ${tempNodeModulesPath} ${buildPath}`);
+};
+
+module.exports = async params => {
+  return logPromise(run(params), 'Building artifacts', true);
+};

scripts/release/create-build-commands/copy-repo-to-temp-directory.js

@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+
+'use strict';
+
+const chalk = require('chalk');
+const {exec} = require('child-process-promise');
+const {join} = require('path');
+const {tmpdir} = require('os');
+const {logPromise} = require('../utils');
+
+const run = async ({commit, cwd, tempDirectory}) => {
+  const directory = `react-${commit}`;
+  const temp = tmpdir();
+
+  if (tempDirectory !== join(tmpdir(), directory)) {
+    throw Error(`Unexpected temporary directory "${tempDirectory}"`);
+  }
+
+  await exec(`rm -rf ${directory}`, {cwd: temp});
+  await exec(`git archive --format=tar --output=${temp}/react.tgz ${commit}`, {
+    cwd,
+  });
+  await exec(`mkdir ${directory}`, {cwd: temp});
+  await exec(`tar -xf ./react.tgz -C ./${directory}`, {cwd: temp});
+};
+
+module.exports = async params => {
+  return logPromise(
+    run(params),
+    `Copying React repo to temporary directory (${chalk.gray(
+      params.tempDirectory
+    )})`
+  );
+};