feat: show project preview on MultiFile challenges

client/gatsby-node.js

@@ -101,6 +101,7 @@ exports.createPages = function createPages({ graphql, actions, reporter }) {
                 superBlock
                 superOrder
                 template
+                usesMultifileEditor
               }
             }
           }

client/src/templates/Challenges/classic/show.tsx

@@ -96,7 +96,7 @@ interface ShowClassicProps {
   output: string[];
   pageContext: {
     challengeMeta: ChallengeMeta;
-    projectPreview: PreviewConfig & { isFirstChallengeInBlock: boolean };
+    projectPreview: PreviewConfig & { showProjectPreview: boolean };
   };
   t: TFunction;
   tests: Test[];
@@ -255,13 +255,13 @@ class ShowClassic extends Component<ShowClassicProps, ShowClassicState> {
       },
       pageContext: {
         challengeMeta,
-        projectPreview: { isFirstChallengeInBlock }
+        projectPreview: { showProjectPreview }
       }
     } = this.props;
     initConsole('');
     createFiles(challengeFiles ?? []);
     initTests(tests);
-    if (isFirstChallengeInBlock) openModal('projectPreview');
+    if (showProjectPreview) openModal('projectPreview');
     updateChallengeMeta({
       ...challengeMeta,
       title,

client/src/templates/Challenges/redux/execute-challenge-saga.js

@@ -240,8 +240,8 @@ function* previewChallengeSaga({ flushLogs = true } = {}) {
 // TODO: remove everything about proxyLogger here
 function* previewProjectSolutionSaga({ payload }) {
   if (!payload) return;
-  const { isFirstChallengeInBlock, challengeData } = payload;
-  if (!isFirstChallengeInBlock) return;
+  const { showProjectPreview, challengeData } = payload;
+  if (!showProjectPreview) return;
 
   const logProxy = yield channel();
   const proxyLogger = args => logProxy.put(args);

client/utils/gatsby/challenge-page-creator.js

@@ -100,7 +100,7 @@ exports.createChallengePages = function (createPage) {
 };
 
 function getProjectPreviewConfig(challenge, allChallengeEdges) {
-  const { block, challengeOrder } = challenge;
+  const { block, challengeOrder, usesMultifileEditor } = challenge;
 
   const challengesInBlock = allChallengeEdges
     .filter(({ node }) => node.block === block)
@@ -120,7 +120,7 @@ function getProjectPreviewConfig(challenge, allChallengeEdges) {
   );
 
   return {
-    isFirstChallengeInBlock: challengeOrder === 0,
+    showProjectPreview: challengeOrder === 0 && usesMultifileEditor,
     challengeData: {
       challengeType: lastChallenge.challengeType,
       challengeFiles: projectPreviewChallengeFiles,