Build and store DevTools artifacts in Circle CI

Author: Brian Vaughn

.circleci/config.yml

@@ -193,6 +193,60 @@ jobs:
             - dist
             - sizes/*.json
 
+  build_devtools:
+    docker: *docker
+    environment: *environment
+    parallelism: 20
+    steps:
+      - checkout
+      - attach_workspace: *attach_workspace
+      - *restore_yarn_cache
+      - *run_yarn
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: |
+            cd packages/react-devtools
+            npm pack
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: |
+            cd packages/react-devtools-core
+            npm pack
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: |
+            cd packages/react-devtools-inline
+            npm pack
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: |
+            cd packages/react-devtools-extensions
+            yarn build
+      - persist_to_workspace:
+          root: .
+          paths:
+            - packages/react-devtools-extensions/chrome/build/ReactDevTools.zip
+            - packages/react-devtools-extensions/firefox/build/ReactDevTools.zip
+            - packages/react-devtools/react-devtools*.tgz
+            - packages/react-devtools-core/react-devtools-core*.tgz
+            - packages/react-devtools-inline/react-devtools-inline*.tgz
+
+  process_artifacts_devtools:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace: *attach_workspace
+      - *restore_yarn_cache
+      - *run_yarn
+      - run: ./scripts/circleci/pack_and_store_devtools_artifacts.sh
+      - store_artifacts:
+          path: ./build/devtools.tgz
+
   # These jobs are named differently so we can distinguish the stable and
   # and experimental artifacts
   process_artifacts: *process_artifacts
@@ -267,7 +321,7 @@ jobs:
             RELEASE_CHANNEL: experimental
           command: yarn test-build --maxWorkers=2
 
-  test_build_devtools:
+  test_devtools:
     docker: *docker
     environment: *environment
     steps:
@@ -402,9 +456,15 @@ workflows:
       - lint_build:
           requires:
             - build_experimental
-      - test_build_devtools:
+      - test_devtools:
           requires:
             - build_experimental
+      - build_devtools:
+          requires:
+            - build_experimental
+      - process_artifacts_devtools:
+          requires:
+            - build_devtools
 
   fuzz_tests:
     triggers:

scripts/circleci/pack_and_store_devtools_artifacts.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+
+set -e
+
+mkdir -p build/devtools
+
+# Move built extensions
+mv ./packages/react-devtools-extensions/chrome/build/ReactDevTools.zip ./build/devtools/chrome-extension.zip
+mv ./packages/react-devtools-extensions/firefox/build/ReactDevTools.zip ./build/devtools/firefox-extension.zip
+
+# Move NPM packed artifacts
+mv ./packages/react-devtools/react-devtools*.tgz ./build/devtools/
+mv ./packages/react-devtools-core/react-devtools-core*.tgz ./build/devtools/
+mv ./packages/react-devtools-inline/react-devtools-inline*.tgz ./build/devtools/
+
+# Compress all DevTools artifacts into a single tarball for easy download
+tar -zcvf ./build/devtools.tgz ./build/devtools