From e99482156b772be2ce746d636f37fd5a701ed20d Mon Sep 17 00:00:00 2001
From: Tom Coleman <tom@chromatic.com>
Date: Mon, 8 Aug 2022 21:53:03 +1000
Subject: [PATCH] Add build-sandboxes job

---
 .circleci/config.yml         | 27 ++++++++++++++++++++++++++-
 scripts/once-per-template.ts |  7 +++++--
 2 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index c71502fb062..6936176eba0 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -506,6 +506,29 @@ jobs:
             cd code
             yarn once-per-template --step "Smoke Testing" --cadence ci \
               --junit test-results/smoketest.xml --script "yarn storybook --smoke-test --quiet"
+      - store_test_results:
+          path: code/test-results
+  build-sandboxes:
+    executor:
+      class: medium+
+      name: sb_node_14_browsers
+    parallelism: 2
+    steps:
+      - git-shallow-clone/checkout_advanced:
+          clone_options: '--depth 1 --verbose'
+      - attach_workspace:
+          at: .
+      - run:
+          name: Building Sandboxes
+          command: |
+            BUILD_DIR="$PWD/../built-sandboxes"
+            mkdir $BUILD_DIR
+            cd code
+            yarn once-per-template --step "Building" --cadence ci --junit test-results/build.xml \
+              --script "yarn build-storybook --quiet --output-dir='$BUILD_DIR/$TEMPLATE_DIR'"
+      - store_test_results:
+          path: code/test-results
+
 
 workflows:
   test:
@@ -558,4 +581,6 @@ workflows:
       - smoke-test-sandboxes:
           requires:
             - create-sandboxes
-      
\ No newline at end of file
+      - build-sandboxes:
+          requires:
+            - create-sandboxes
\ No newline at end of file
diff --git a/scripts/once-per-template.ts b/scripts/once-per-template.ts
index 5dac1c8b3be..99f0464f8b8 100644
--- a/scripts/once-per-template.ts
+++ b/scripts/once-per-template.ts
@@ -169,10 +169,13 @@ async function run() {
     }
 
     // Do some simple variable substitution
-    toRun = toRun.replace('TEMPLATE_ENV', template.toUpperCase().replace(/\/-/, '_'));
+    const templateEnv = template.toUpperCase().replace(/\/-/, '_');
+    toRun = toRun.replace('TEMPLATE_ENV', templateEnv);
+    const templateDir = template.replace('/', '-');
+    toRun = toRun.replace('TEMPLATE_DIR', templateDir);
     toRun = toRun.replace('TEMPLATE', template);
 
-    const execaOptions = cd ? { cwd: join(sandboxDir, template.replace('/', '-')) } : {};
+    const execaOptions = cd ? { cwd: join(sandboxDir, templateDir) } : {};
     if (parallel) {
       toAwait.push(runCommand(toRun, execaOptions, { step, template }));
     } else {