feat(curriculum): add dev-playground superblock and daily challenge types (freeCodeCamp#60439)

Co-authored-by: Kolade Chris <[email protected]>
Co-authored-by: Huyen Nguyen <[email protected]>

Author: 3 people

client/i18n/locales/english/intro.json

@@ -4264,6 +4264,20 @@
       }
     }
   },
+  "dev-playground": {
+    "title": "Dev Playground",
+    "intro": ["Playground for creating and testing challenges"],
+    "blocks": {
+      "daily-coding-challenges-javascript": {
+        "title": "Daily Coding Challenges JavaScript",
+        "intro": ["Place to create JavaScript daily coding challenges."]
+      },
+      "daily-coding-challenges-python": {
+        "title": "Daily Coding Challenges Python",
+        "intro": ["Place to create Python daily coding challenges."]
+      }
+    }
+  },
   "misc-text": {
     "browse-other": "Browse our other free certifications",
     "courses": "Courses",

client/src/assets/superblock-icon.tsx

@@ -45,7 +45,8 @@ const iconMap = {
   [SuperBlocks.B1English]: B1EnglishIcon,
   [SuperBlocks.A2Spanish]: A2EnglishIcon,
   [SuperBlocks.RosettaCode]: RosettaCodeIcon,
-  [SuperBlocks.PythonForEverybody]: PythonIcon
+  [SuperBlocks.PythonForEverybody]: PythonIcon,
+  [SuperBlocks.DevPlayground]: Code
 };
 
 type SuperBlockIconProps = {

client/src/pages/learn/dev-playground/daily-coding-challenges-javascript/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Daily Coding Challenges JavaScript
+block: daily-coding-challenges-javascript
+superBlock: dev-playground
+---
+
+## Introduction to the Daily Coding Challenges JavaScript
+
+JavaScript daily coding challenges.

client/src/pages/learn/dev-playground/daily-coding-challenges-python/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Daily Coding Challenges Python
+block: daily-coding-challenges-python
+superBlock: dev-playground
+---
+
+## Introduction to the Daily Coding Challenges Python
+
+Python daily coding challenges.

client/src/pages/learn/dev-playground/index.md

@@ -0,0 +1,9 @@
+---
+title: Dev Playground
+superBlock: dev-playground
+certification: dev-playground
+---
+
+## Introduction to the Dev Playground
+
+Playground for creating and testing new challenges

client/src/templates/Challenges/classic/desktop-layout.tsx

@@ -232,7 +232,9 @@ const DesktopLayout = (props: DesktopLayoutProps): JSX.Element => {
     challengeType === challengeTypes.multifilePythonCertProject ||
     challengeType === challengeTypes.lab ||
     challengeType === challengeTypes.jsLab ||
-    challengeType === challengeTypes.pyLab;
+    challengeType === challengeTypes.pyLab ||
+    challengeType === challengeTypes.dailyChallengeJs ||
+    challengeType === challengeTypes.dailyChallengePy;
   const isProjectStyle = projectBasedChallenge || isMultifileProject;
   const displayPreviewPane = hasPreview && showPreviewPane;
   const displayPreviewPortal = hasPreview && showPreviewPortal;

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

@@ -286,7 +286,8 @@ const Editor = (props: EditorProps): JSX.Element => {
       highlightActiveIndentation:
         props.challengeType === challengeTypes.python ||
         props.challengeType === challengeTypes.multifilePythonCertProject ||
-        props.challengeType === challengeTypes.pyLab
+        props.challengeType === challengeTypes.pyLab ||
+        props.challengeType === challengeTypes.dailyChallengePy
     },
     minimap: {
       enabled: false
@@ -309,7 +310,8 @@ const Editor = (props: EditorProps): JSX.Element => {
     tabSize:
       props.challengeType !== challengeTypes.python &&
       props.challengeType !== challengeTypes.multifilePythonCertProject &&
-      props.challengeType !== challengeTypes.pyLab
+      props.challengeType !== challengeTypes.pyLab &&
+      props.challengeType !== challengeTypes.dailyChallengePy
         ? 2
         : 4,
     dragAndDrop: true,

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

@@ -173,7 +173,8 @@ const StepPreview = ({
 }) => {
   return challengeType === challengeTypes.python ||
     challengeType === challengeTypes.multifilePythonCertProject ||
-    challengeType === challengeTypes.pyLab ? (
+    challengeType === challengeTypes.pyLab ||
+    challengeType === challengeTypes.dailyChallengePy ? (
     <XtermTerminal dimensions={dimensions} xtermFitRef={xtermFitRef} />
   ) : (
     <Preview disableIframe={disableIframe} previewMounted={previewMounted} />

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

@@ -292,7 +292,8 @@ export function* previewChallengeSaga(action) {
           challengeData.challengeType === challengeTypes.python ||
           challengeData.challengeType ===
             challengeTypes.multifilePythonCertProject ||
-          challengeData.challengeType === challengeTypes.pyLab
+          challengeData.challengeType === challengeTypes.pyLab ||
+          challengeData.challengeType === challengeTypes.dailyChallengePy
         ) {
           yield updatePython(challengeData);
         } else {
@@ -326,7 +327,8 @@ function* updatePreviewSaga(action) {
   if (
     challengeData.challengeType === challengeTypes.python ||
     challengeData.challengeType === challengeTypes.multifilePythonCertProject ||
-    challengeData.challengeType === challengeTypes.pyLab
+    challengeData.challengeType === challengeTypes.pyLab ||
+    challengeData.challengeType === challengeTypes.dailyChallengePy
   ) {
     yield updatePython(challengeData);
   } else {

client/src/templates/Challenges/redux/selectors.js

@@ -97,7 +97,9 @@ export const challengeDataSelector = state => {
     challengeType === challengeTypes.js ||
     challengeType === challengeTypes.jsProject ||
     challengeType === challengeTypes.jsLab ||
-    challengeType === challengeTypes.pyLab
+    challengeType === challengeTypes.pyLab ||
+    challengeType === challengeTypes.dailyChallengeJs ||
+    challengeType === challengeTypes.dailyChallengePy
   ) {
     const { required = [], template = '' } = challengeMetaSelector(state);
     challengeData = {