From 69d6ee32bf108bce29a1a556f84325bab1c68b56 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Fri, 28 Jul 2023 07:36:25 +0200
Subject: [PATCH] feat: python in the browser (#50913)

Co-authored-by: Beau Carnes <1513130+beaucarnes@users.noreply.github.com>
---
 .eslintrc.json                                |   1 +
 .gitignore                                    |   1 +
 client/gatsby-config.js                       |  12 +-
 client/i18n/locales/english/intro.json        |  14 +
 client/package.json                           |   7 +-
 client/src/assets/icons/index.tsx             |   3 +-
 .../src/pages/learn/upcoming-python/index.md  |   9 +
 .../index.md                                  |   9 +
 client/src/resources/cert-and-project-map.ts  |  14 +
 .../Challenges/classic/editor-tabs.tsx        |  13 +-
 .../templates/Challenges/classic/editor.tsx   |   4 +-
 .../Challenges/classic/multifile-editor.tsx   |  18 +-
 .../src/templates/Challenges/classic/show.tsx |   6 +-
 .../Challenges/rechallenge/builders.ts        |   8 +
 .../rechallenge/transform-python.js           | 120 +++
 .../rechallenge/transform-python.test.ts      |  41 +
 .../Challenges/rechallenge/transformers.js    |  19 +
 .../redux/execute-challenge-saga.js           |  40 +-
 .../templates/Challenges/redux/selectors.js   |   3 +-
 .../src/templates/Challenges/utils/build.ts   | 119 ++-
 .../src/templates/Challenges/utils/frame.ts   | 131 ++-
 .../components/cert-challenge.tsx             |   5 +-
 client/utils/gatsby/challenge-page-creator.js |   4 +-
 config/challenge-types.ts                     |  10 +-
 config/superblocks.ts                         |  36 +-
 .../meta.json                                 |  32 +
 .../_meta/python-for-everybody/meta.json      |   2 +-
 .../meta.json                                 |   2 +-
 .../_meta/upcoming-python-project/meta.json   |  16 +
 .../upcoming-python-certification.yml         |   9 +
 .../5daa813381b9e3db6c126b43.md               |  46 +
 .../64a5229b99ff0e8250cd9a72.md               |  40 +
 .../64b163c20e59cbd4a64940b0.md               |  36 +
 .../64b171849f925b0773aa434c.md               |  34 +
 .../64afc37bf3b37856e035b85e.md               |  40 +
 curriculum/schema/challenge-schema.js         |   2 +-
 curriculum/test/test-challenges.js            |  85 +-
 curriculum/utils.js                           |   1 +
 curriculum/utils.test.ts                      |   4 +-
 pnpm-lock.yaml                                | 798 ++++++++++++++----
 pnpm-workspace.yaml                           |   3 +-
 tools/challenge-auditor/index.ts              |   1 +
 .../api/configs/super-block-list.ts           |   8 +
 tools/challenge-editor/client/package.json    |   2 +-
 tools/challenge-helper-scripts/fs-utils.ts    |   1 +
 .../parser/plugins/utils/get-file-visitor.js  |   4 +-
 .../browser-scripts}/frame-runner.ts          |  40 +-
 .../client-plugins/browser-scripts/index.d.ts |  33 +
 .../browser-scripts/package.json              |  60 ++
 .../browser-scripts/python-runner.ts          | 280 ++++++
 .../browser-scripts}/sass-compile.ts          |   0
 .../browser-scripts}/test-evaluator.ts        |   2 +-
 .../browser-scripts/tsconfig.json             |  12 +
 .../browser-scripts/utils/format.js           |  22 +
 .../browser-scripts/webpack.config.js         |  18 +-
 .../gatsby-node.js                            |   4 +-
 .../gatsby-remark-node-identity/package.json  |   4 +-
 .../create-challenge-nodes.js                 |   0
 .../gatsby-source-challenges}/gatsby-node.js  |   0
 .../gatsby-source-challenges}/package.json    |   4 +-
 .../build-external-curricula-data.test.ts     |   1 +
 61 files changed, 1937 insertions(+), 356 deletions(-)
 create mode 100644 client/src/pages/learn/upcoming-python/index.md
 create mode 100644 client/src/pages/learn/upcoming-python/learn-python-by-building-a-blackjack-game/index.md
 create mode 100644 client/src/templates/Challenges/rechallenge/transform-python.js
 create mode 100644 client/src/templates/Challenges/rechallenge/transform-python.test.ts
 create mode 100644 curriculum/challenges/_meta/learn-python-by-building-a-blackjack-game/meta.json
 create mode 100644 curriculum/challenges/_meta/upcoming-python-project/meta.json
 create mode 100644 curriculum/challenges/english/00-certifications/upcoming-python-certification/upcoming-python-certification.yml
 create mode 100644 curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/5daa813381b9e3db6c126b43.md
 create mode 100644 curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64a5229b99ff0e8250cd9a72.md
 create mode 100644 curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b163c20e59cbd4a64940b0.md
 create mode 100644 curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b171849f925b0773aa434c.md
 create mode 100644 curriculum/challenges/english/20-upcoming-python/upcoming-python-project/64afc37bf3b37856e035b85e.md
 rename {client/src/client => tools/client-plugins/browser-scripts}/frame-runner.ts (79%)
 create mode 100644 tools/client-plugins/browser-scripts/index.d.ts
 create mode 100644 tools/client-plugins/browser-scripts/package.json
 create mode 100644 tools/client-plugins/browser-scripts/python-runner.ts
 rename {client/src/client/workers => tools/client-plugins/browser-scripts}/sass-compile.ts (100%)
 rename {client/src/client/workers => tools/client-plugins/browser-scripts}/test-evaluator.ts (98%)
 create mode 100644 tools/client-plugins/browser-scripts/tsconfig.json
 create mode 100644 tools/client-plugins/browser-scripts/utils/format.js
 rename client/webpack-workers.js => tools/client-plugins/browser-scripts/webpack.config.js (79%)
 rename {client/plugins => tools/client-plugins}/gatsby-remark-node-identity/gatsby-node.js (74%)
 rename {client/plugins => tools/client-plugins}/gatsby-remark-node-identity/package.json (86%)
 rename {client/plugins/fcc-source-challenges => tools/client-plugins/gatsby-source-challenges}/create-challenge-nodes.js (100%)
 rename {client/plugins/fcc-source-challenges => tools/client-plugins/gatsby-source-challenges}/gatsby-node.js (100%)
 rename {client/plugins/fcc-source-challenges => tools/client-plugins/gatsby-source-challenges}/package.json (88%)

diff --git a/.eslintrc.json b/.eslintrc.json
index acf94d4ce63..d4abab9718e 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -70,6 +70,7 @@
           "./api/tsconfig.json",
           "./config/tsconfig.json",
           "./tools/ui-components/tsconfig.json",
+          "./tools/client-plugins/browser-scripts/tsconfig.json",
           "./utils/tsconfig.json",
           "./web/tsconfig.json",
           "./curriculum-server/tsconfig.json",
diff --git a/.gitignore b/.gitignore
index f3529f1c73f..e81629eb1ab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -161,6 +161,7 @@ config/env.json
 config/client/sass-compile.json
 config/client/frame-runner.json
 config/client/test-evaluator.json
+config/client/python-runner.json
 config/curriculum.json
 config/i18n.js
 config/misc.js
diff --git a/client/gatsby-config.js b/client/gatsby-config.js
index 53749705d2d..610075b8b3d 100644
--- a/client/gatsby-config.js
+++ b/client/gatsby-config.js
@@ -51,7 +51,9 @@ module.exports = {
       }
     },
     {
-      resolve: 'fcc-source-challenges',
+      resolve: require.resolve(
+        '../tools/client-plugins/gatsby-source-challenges'
+      ),
       options: {
         name: 'challenges',
         source: buildChallenges,
@@ -70,7 +72,9 @@ module.exports = {
       resolve: 'gatsby-transformer-remark'
     },
     {
-      resolve: 'gatsby-remark-node-identity',
+      resolve: require.resolve(
+        '../tools/client-plugins/gatsby-remark-node-identity'
+      ),
       options: {
         identity: 'blockIntroMarkdown',
         predicate: ({ frontmatter }) => {
@@ -83,7 +87,9 @@ module.exports = {
       }
     },
     {
-      resolve: 'gatsby-remark-node-identity',
+      resolve: require.resolve(
+        '../tools/client-plugins/gatsby-remark-node-identity'
+      ),
       options: {
         identity: 'superBlockIntroMarkdown',
         predicate: ({ frontmatter }) => {
diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json
index da157bf0cd4..1e8fbdc9e09 100644
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -1057,6 +1057,20 @@
       }
     }
   },
+  "upcoming-python": {
+    "title": "Upcoming Python",
+    "intro": ["placeholder"],
+    "blocks": {
+      "learn-python-by-building-a-blackjack-game": {
+        "title": "Learn Python by Building a Blackjack Game",
+        "intro": ["Learn Python.", ""]
+      },
+      "upcoming-python-project": {
+        "title": "Upcoming Python Project",
+        "intro": ["placeholder"]
+      }
+    }
+  },
   "example-certification": {
     "title": "Example Certification",
     "intro": ["placeholder"],
diff --git a/client/package.json b/client/package.json
index df990ce4f84..3f741157f2a 100644
--- a/client/package.json
+++ b/client/package.json
@@ -19,11 +19,11 @@
   "author": "freeCodeCamp <team@freecodecamp.org>",
   "main": "none",
   "scripts": {
-    "prebuild": "pnpm -w run create:config && pnpm run build:workers --env production && pnpm run build:components-library",
+    "prebuild": "pnpm -w run create:config && pnpm run build:scripts --env production && pnpm run build:components-library",
     "build": "cross-env NODE_OPTIONS=\"--max-old-space-size=7168\" gatsby build --prefix-paths",
-    "build:workers": "cross-env NODE_OPTIONS=\"--max-old-space-size=7168\" webpack --config ./webpack-workers.js",
+    "build:scripts": "pnpm run -F=browser-scripts build",
     "clean": "gatsby clean",
-    "predevelop": "pnpm run build:workers --env development && pnpm run build:components-library",
+    "predevelop": "pnpm run build:scripts --env development && pnpm run build:components-library",
     "build:components-library": "pnpm run -F=@freecodecamp/ui build",
     "develop": "cross-env NODE_OPTIONS=\"--max-old-space-size=5000\" gatsby develop --inspect=9230",
     "lint": "ts-node ./i18n/schema-validation.ts",
@@ -71,7 +71,6 @@
     "crypto-browserify": "3.12.0",
     "date-fns": "2.30.0",
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.7",
     "final-form": "4.20.9",
     "gatsby": "3.15.0",
     "gatsby-cli": "3.15.0",
diff --git a/client/src/assets/icons/index.tsx b/client/src/assets/icons/index.tsx
index 164d2a8732d..b3f7ef33273 100644
--- a/client/src/assets/icons/index.tsx
+++ b/client/src/assets/icons/index.tsx
@@ -36,7 +36,8 @@ const iconMap = {
   [SuperBlocks.ProjectEuler]: Graduation,
   [SuperBlocks.CollegeAlgebraPy]: CollegeAlgebra,
   [SuperBlocks.FoundationalCSharp]: CSharpLogo,
-  [SuperBlocks.ExampleCertification]: ResponsiveDesign
+  [SuperBlocks.ExampleCertification]: ResponsiveDesign,
+  [SuperBlocks.UpcomingPython]: PythonIcon
 };
 
 const generateIconComponent = (
diff --git a/client/src/pages/learn/upcoming-python/index.md b/client/src/pages/learn/upcoming-python/index.md
new file mode 100644
index 00000000000..fdfca81fe6e
--- /dev/null
+++ b/client/src/pages/learn/upcoming-python/index.md
@@ -0,0 +1,9 @@
+---
+title: Upcoming Python Certification
+superBlock: upcoming-python
+certification: upcoming-python
+---
+
+## Upcoming Python Certification
+
+Learn the basics of Python.
diff --git a/client/src/pages/learn/upcoming-python/learn-python-by-building-a-blackjack-game/index.md b/client/src/pages/learn/upcoming-python/learn-python-by-building-a-blackjack-game/index.md
new file mode 100644
index 00000000000..fde82c07443
--- /dev/null
+++ b/client/src/pages/learn/upcoming-python/learn-python-by-building-a-blackjack-game/index.md
@@ -0,0 +1,9 @@
+---
+title: Introduction to Learn Python by Building a Blackjack Game
+block: learn-python-by-building-a-blackjack-game
+superBlock: scientific-computing-with-python
+---
+
+## Introduction to Learn Python by Building a Blackjack Game
+
+Learn Python!
diff --git a/client/src/resources/cert-and-project-map.ts b/client/src/resources/cert-and-project-map.ts
index 8619f8ff3ca..db826d0514e 100644
--- a/client/src/resources/cert-and-project-map.ts
+++ b/client/src/resources/cert-and-project-map.ts
@@ -28,6 +28,7 @@ const machineLearningPyBase =
 const collegeAlgebraPyBase = '/learn/college-algebra-with-python';
 const takeHomeBase = '/learn/coding-interview-prep/take-home-projects';
 const foundationalCSharpBase = '/learn/foundational-c-sharp-with-microsoft';
+const upcomingPythonBase = '/learn/upcoming-python';
 const exampleCertBase = '/learn/example-certification';
 const legacyFrontEndBase = feLibsBase;
 const legacyFrontEndResponsiveBase = responsiveWebBase;
@@ -769,6 +770,19 @@ const upcomingCertMap = [
         certSlug: 'example-certification-v8'
       }
     ]
+  },
+  {
+    id: '64afc4e8f3b37856e035b85f',
+    title: 'Upcoming Python Certification',
+    certSlug: 'upcoming-python-v8',
+    projects: [
+      {
+        id: '64afc37bf3b37856e035b85e',
+        title: 'Upcoming Python Project',
+        link: `${upcomingPythonBase}/upcoming-python-project`,
+        certSlug: 'upcoming-python-v8'
+      }
+    ]
   }
 ] as const;
 
diff --git a/client/src/templates/Challenges/classic/editor-tabs.tsx b/client/src/templates/Challenges/classic/editor-tabs.tsx
index 4ee838ff61e..89a52572749 100644
--- a/client/src/templates/Challenges/classic/editor-tabs.tsx
+++ b/client/src/templates/Challenges/classic/editor-tabs.tsx
@@ -11,9 +11,8 @@ import {
   challengeFilesSelector
 } from '../redux/selectors';
 
-type VisibleEditors = {
-  [key: string]: boolean;
-};
+import type { VisibleEditors } from './multifile-editor';
+
 interface EditorTabsProps {
   challengeFiles: ChallengeFiles;
   toggleVisibleEditor: typeof toggleVisibleEditor;
@@ -43,7 +42,13 @@ class EditorTabs extends Component<EditorTabsProps> {
         {sortChallengeFiles(challengeFiles).map(
           (challengeFile: ChallengeFile) => (
             <button
-              aria-expanded={visibleEditors[challengeFile.fileKey] ?? 'false'}
+              aria-expanded={
+                // @ts-expect-error TODO: validate challengeFile on io-boundary,
+                // then we won't need to ignore this error and we can drop the
+                // nullish handling.
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                visibleEditors[challengeFile.fileKey] ?? 'false'
+              }
               key={challengeFile.fileKey}
               data-cy={`editor-tab-${challengeFile.fileKey}`}
               onClick={() => toggleVisibleEditor(challengeFile.fileKey)}
diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index 430f398e018..53accdf7553 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -187,7 +187,9 @@ const modeMap = {
   css: 'css',
   html: 'html',
   js: 'javascript',
-  jsx: 'javascript'
+  jsx: 'javascript',
+  py: 'python',
+  python: 'python'
 };
 
 let monacoThemesDefined = false;
diff --git a/client/src/templates/Challenges/classic/multifile-editor.tsx b/client/src/templates/Challenges/classic/multifile-editor.tsx
index 703d40ca919..e65302aa555 100644
--- a/client/src/templates/Challenges/classic/multifile-editor.tsx
+++ b/client/src/templates/Challenges/classic/multifile-editor.tsx
@@ -17,8 +17,12 @@ import { FileKey } from '../../../redux/prop-types';
 import { Themes } from '../../../components/settings/theme';
 import Editor, { type EditorProps } from './editor';
 
-type VisibleEditors = {
-  [key: string]: boolean;
+export type VisibleEditors = {
+  indexhtml?: boolean;
+  indexjsx?: boolean;
+  stylescss?: boolean;
+  scriptjs?: boolean;
+  mainpy?: boolean;
 };
 type MultifileEditorProps = Pick<
   EditorProps,
@@ -36,12 +40,7 @@ type MultifileEditorProps = Pick<
   // We use dimensions to trigger a re-render of the editor
   | 'dimensions'
 > & {
-  visibleEditors: {
-    indexhtml?: boolean;
-    indexjsx?: boolean;
-    stylescss?: boolean;
-    scriptjs?: boolean;
-  };
+  visibleEditors: VisibleEditors;
 };
 const mapStateToProps = createSelector(
   visibleEditorsSelector,
@@ -74,7 +73,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
     isUsingKeyboardInTablist,
     resizeProps,
     title,
-    visibleEditors: { stylescss, indexhtml, scriptjs, indexjsx },
+    visibleEditors: { stylescss, indexhtml, scriptjs, indexjsx, mainpy },
     usesMultifileEditor,
     showProjectPreview
   } = props;
@@ -98,6 +97,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
   if (indexhtml) editorKeys.push('indexhtml');
   if (stylescss) editorKeys.push('stylescss');
   if (scriptjs) editorKeys.push('scriptjs');
+  if (mainpy) editorKeys.push('mainpy');
 
   const editorAndSplitterKeys = editorKeys.reduce((acc: string[] | [], key) => {
     if (acc.length === 0) {
diff --git a/client/src/templates/Challenges/classic/show.tsx b/client/src/templates/Challenges/classic/show.tsx
index 02ff4a012b1..5c93d7c6339 100644
--- a/client/src/templates/Challenges/classic/show.tsx
+++ b/client/src/templates/Challenges/classic/show.tsx
@@ -222,10 +222,14 @@ function ShowClassic({
     `intro:${superBlock}.blocks.${block}.title`
   )}: ${title}`;
   const windowTitle = `${blockNameTitle} | freeCodeCamp.org`;
+  // TODO: show preview should NOT be computed like this. That determination is
+  // made during the build (at least twice!). It should be either a prop or
+  // computed from challengeType
   const showPreview =
     challengeType === challengeTypes.html ||
     challengeType === challengeTypes.modern ||
-    challengeType === challengeTypes.multifileCertProject;
+    challengeType === challengeTypes.multifileCertProject ||
+    challengeType === challengeTypes.python;
 
   const getLayoutState = () => {
     const reflexLayout = store.get(REFLEX_LAYOUT) as ReflexLayout;
diff --git a/client/src/templates/Challenges/rechallenge/builders.ts b/client/src/templates/Challenges/rechallenge/builders.ts
index cc2a5a97067..557f1951658 100644
--- a/client/src/templates/Challenges/rechallenge/builders.ts
+++ b/client/src/templates/Challenges/rechallenge/builders.ts
@@ -42,3 +42,11 @@ A required file can not have both a src and a link: src = ${src}, link = ${link}
     embedSource({ source: contents }) || ''
   }${testRunnerScript}`;
 }
+
+export function createPythonTerminal(pythonRunnerSrc: string): string {
+  const head =
+    '<head><style>#terminal { margin-top: 10px; width: 100%; height: 350px; background-color: #000; color: #00ff00; padding: 5px; overflow: auto; border: 1px solid #ccc; border-radius: 3px; }</style></head>';
+
+  const body = `<body><div id='terminal'></div><script src='${pythonRunnerSrc}' type='text/javascript'></script></body>`;
+  return `<html>${head}${body}</html>`;
+}
diff --git a/client/src/templates/Challenges/rechallenge/transform-python.js b/client/src/templates/Challenges/rechallenge/transform-python.js
new file mode 100644
index 00000000000..abbcd162411
--- /dev/null
+++ b/client/src/templates/Challenges/rechallenge/transform-python.js
@@ -0,0 +1,120 @@
+export const indent = (code, spaces) => {
+  const lines = code.split('\n');
+  return lines.map(line => `${' '.repeat(spaces)}${line}`).join('\n');
+};
+
+// Requirements:
+// - run in a single instance of pyodide (because loadPyodide is slow)
+// - be able to stop execution of learner code
+//
+// This wrapper lets us meet the second requirement, since tasks are
+// cancellable. This creates a second issue: the learner code no longer modifies
+// the global scope, so we need to copy the locals to globals.
+//
+// Finally, we have to await the task, or there's no way for the JavaScript
+// context to know when the task is complete.
+export const makeCancellable = code => `import asyncio
+async def cancellable_coroutine():
+    try:
+${indent(code, 8)}
+        globals()['__locals'] = locals()
+    except asyncio.CancelledError:
+        pass
+
+__task = asyncio.create_task(cancellable_coroutine())
+
+def __cancel():
+    __task.cancel()
+await __task`;
+
+export function modifyInputStatements(line) {
+  // Use a regular expression to match input statements with chained methods
+  const inputRegex = /(.*=\s*)input\((["'].*?["']\))(\.\w+\([^)]*\))*/;
+  const match = line.match(inputRegex);
+  if (match) {
+    const inputStatement = match[0];
+    const varAssignment = match[1];
+    const inputCall =
+      'input' +
+      inputStatement
+        .slice(varAssignment.length)
+        .split('input')[1]
+        .split('.')[0];
+    const methods = inputStatement
+      .slice(varAssignment.length + inputCall.length)
+      .split('.')
+      .slice(1);
+    const tempVar = '_temp_input_var';
+    const newStatements = [
+      `${tempVar} = ${inputCall}`,
+      ...methods.map(method => `${tempVar} = ${tempVar}.${method}`),
+      `${varAssignment.trim()} ${tempVar}`
+    ];
+    // Get the indentation of the original line
+    const indentation = line.match(/^\s*/)[0];
+    // Apply the same indentation to each new statement
+    const indentedStatements = newStatements.map(stmt => indentation + stmt);
+    // Replace the original input statement in the line with the temporary variable
+    const updatedLine = line.replace(
+      inputStatement,
+      indentedStatements.join('\n')
+    );
+    return updatedLine.split('\n');
+  }
+  return [line];
+}
+
+export function makeInputAwaitable(code) {
+  const lines = code.split('\n');
+  const asyncFunctions = new Set();
+  const modifiedLines = [];
+
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i];
+
+    // Modify input statements with chained methods
+    const updatedLines = modifyInputStatements(line);
+
+    // If the line contains an input statement, update it to use "await"
+    if (updatedLines.some(updatedLine => updatedLine.includes('input('))) {
+      updatedLines.forEach((updatedLine, index) => {
+        if (updatedLine.includes('input(')) {
+          updatedLines[index] = updatedLine.replace('input(', 'await input(');
+        }
+      });
+
+      // Find the outer function definition and make it async
+      for (let j = i - 1; j >= 0; j--) {
+        if (lines[j].includes('def ')) {
+          if (!modifiedLines[j].includes('async def ')) {
+            const functionName = lines[j].match(
+              /def\s+([a-zA-Z_][a-zA-Z_0-9]*)/
+            )[1];
+            asyncFunctions.add(functionName);
+            modifiedLines[j] = modifiedLines[j].replace('def ', 'async def ');
+          }
+          break;
+        }
+      }
+    }
+
+    // Update function calls to include 'await' for async functions
+    asyncFunctions.forEach(funcName => {
+      updatedLines.forEach((updatedLine, index) => {
+        if (
+          updatedLine.includes(` ${funcName}(`) &&
+          !updatedLine.includes(`await ${funcName}(`)
+        ) {
+          updatedLines[index] = updatedLine.replace(
+            `${funcName}(`,
+            `await ${funcName}(`
+          );
+        }
+      });
+    });
+
+    modifiedLines.push(...updatedLines);
+  }
+
+  return modifiedLines.join('\n');
+}
diff --git a/client/src/templates/Challenges/rechallenge/transform-python.test.ts b/client/src/templates/Challenges/rechallenge/transform-python.test.ts
new file mode 100644
index 00000000000..515874c9bd2
--- /dev/null
+++ b/client/src/templates/Challenges/rechallenge/transform-python.test.ts
@@ -0,0 +1,41 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+import { indent, makeCancellable } from './transform-python';
+
+describe('transform-python', () => {
+  describe('indent', () => {
+    it('should indent n spaces', () => {
+      const inputCode = `def foo():
+    print('bar')`;
+      const fourSpaces = `    def foo():
+        print('bar')`;
+      const eightSpaces = `        def foo():
+            print('bar')`;
+
+      expect(indent(inputCode, 4)).toEqual(fourSpaces);
+      expect(indent(inputCode, 8)).toEqual(eightSpaces);
+    });
+  });
+
+  describe('makeCancellable', () => {
+    it('should wrap a code string in a cancellable coroutine', () => {
+      const inputCode = `def foo():
+    print('bar')`;
+      const wrappedCode = `import asyncio
+async def cancellable_coroutine():
+    try:
+        def foo():
+            print('bar')
+        globals()['__locals'] = locals()
+    except asyncio.CancelledError:
+        pass
+
+__task = asyncio.create_task(cancellable_coroutine())
+
+def __cancel():
+    __task.cancel()
+await __task`;
+
+      expect(makeCancellable(inputCode)).toEqual(wrappedCode);
+    });
+  });
+});
diff --git a/client/src/templates/Challenges/rechallenge/transformers.js b/client/src/templates/Challenges/rechallenge/transformers.js
index ddc5ba1f7c1..8ad9597a9c7 100644
--- a/client/src/templates/Challenges/rechallenge/transformers.js
+++ b/client/src/templates/Challenges/rechallenge/transformers.js
@@ -19,6 +19,7 @@ import {
   compileHeadTail
 } from '../../../../../utils/polyvinyl';
 import createWorker from '../utils/worker-executor';
+import { makeCancellable, makeInputAwaitable } from './transform-python';
 
 const { filename: sassCompile } = sassData;
 
@@ -98,6 +99,7 @@ const NBSPReg = new RegExp(String.fromCharCode(160), 'g');
 const testJS = matchesProperty('ext', 'js');
 const testJSX = matchesProperty('ext', 'jsx');
 const testHTML = matchesProperty('ext', 'html');
+const testPython = matchesProperty('ext', 'py');
 const testHTML$JS$JSX = overSome(testHTML, testJS, testJSX);
 
 const replaceNBSP = cond([
@@ -297,9 +299,26 @@ const htmlTransformer = cond([
   [stubTrue, identity]
 ]);
 
+const transformPython = async function (file) {
+  const awaitableCode = makeInputAwaitable(file.contents);
+  const cancellableCode = makeCancellable(awaitableCode);
+  return transformContents(() => cancellableCode, file);
+};
+
+const pythonTransformer = cond([
+  [testPython, transformPython],
+  [stubTrue, identity]
+]);
+
 export const getTransformers = loopProtectOptions => [
   replaceNBSP,
   babelTransformer(loopProtectOptions),
   partial(compileHeadTail, ''),
   htmlTransformer
 ];
+
+export const getPythonTransformers = () => [
+  replaceNBSP,
+  partial(compileHeadTail, ''),
+  pythonTransformer
+];
diff --git a/client/src/templates/Challenges/redux/execute-challenge-saga.js b/client/src/templates/Challenges/redux/execute-challenge-saga.js
index 7c662d21fc0..6b47007f523 100644
--- a/client/src/templates/Challenges/redux/execute-challenge-saga.js
+++ b/client/src/templates/Challenges/redux/execute-challenge-saga.js
@@ -34,6 +34,7 @@ import {
   updatePreview,
   updateProjectPreview
 } from '../utils/build';
+import { runPythonInFrame, mainPreviewId } from '../utils/frame';
 import { actionTypes } from './action-types';
 import {
   disableBuildOnError,
@@ -241,6 +242,15 @@ function* previewChallengeSaga({ flushLogs = true } = {}) {
         const finalDocument = portalDocument || document;
 
         yield call(updatePreview, buildData, finalDocument, proxyLogger);
+
+        // Python challenges need to be created in two steps:
+        // 1) build the frame
+        // 2) evaluate the code in the frame. This is necessary to avoid
+        //    recreating the frame (which is slow since loadPyodide takes a long
+        //    time)on every change.
+        if (challengeData.challengeType === challengeTypes.python) {
+          yield updatePython(challengeData);
+        }
       } else if (isJavaScriptChallenge(challengeData)) {
         const runUserCode = getTestRunner(buildData, {
           proxyLogger,
@@ -251,6 +261,7 @@ function* previewChallengeSaga({ flushLogs = true } = {}) {
       }
     }
   } catch (err) {
+    console.log('previewChallengeSaga error', err);
     if (err[0] === 'timeout') {
       // TODO: translate the error
       // eslint-disable-next-line no-ex-assign
@@ -261,6 +272,32 @@ function* previewChallengeSaga({ flushLogs = true } = {}) {
   }
 }
 
+function* updatePreviewSaga() {
+  const challengeData = yield select(challengeDataSelector);
+  if (challengeData.challengeType === challengeTypes.python) {
+    yield updatePython(challengeData);
+  } else {
+    // all other challenges have to recreate the preview
+    yield previewChallengeSaga();
+  }
+}
+
+function* updatePython(challengeData) {
+  const document = yield getContext('document');
+  // TODO: refactor the build pipeline so that we have discrete, composable
+  // functions to handle transforming code, embedding it and building the
+  // final html. Then we can just use the transformation function here.
+  const buildData = yield buildChallengeData(challengeData);
+  const code = buildData.transformedPython;
+  // TODO: proxy errors to the console
+  try {
+    yield call(runPythonInFrame, document, code, mainPreviewId);
+  } catch (err) {
+    console.log('Error evaluating python code', code);
+    console.log('Message:', err.message);
+  }
+}
+
 function* previewProjectSolutionSaga({ payload }) {
   if (!payload) return;
   const { showProjectPreview, challengeData } = payload;
@@ -282,8 +319,9 @@ function* previewProjectSolutionSaga({ payload }) {
 export function createExecuteChallengeSaga(types) {
   return [
     takeLatest(types.executeChallenge, executeCancellableChallengeSaga),
+    takeLatest(types.updateFile, updatePreviewSaga),
     takeLatest(
-      [types.updateFile, types.challengeMounted, types.resetChallenge],
+      [types.challengeMounted, types.resetChallenge],
       previewChallengeSaga
     ),
     takeLatest(types.previewMounted, previewChallengeSaga, {
diff --git a/client/src/templates/Challenges/redux/selectors.js b/client/src/templates/Challenges/redux/selectors.js
index ff2c411ae5b..0e27b560dc1 100644
--- a/client/src/templates/Challenges/redux/selectors.js
+++ b/client/src/templates/Challenges/redux/selectors.js
@@ -82,7 +82,8 @@ export const challengeDataSelector = state => {
   } else if (
     challengeType === challengeTypes.html ||
     challengeType === challengeTypes.modern ||
-    challengeType === challengeTypes.multifileCertProject
+    challengeType === challengeTypes.multifileCertProject ||
+    challengeType === challengeTypes.python
   ) {
     const { required = [], template = '' } = challengeMetaSelector(state);
     challengeData = {
diff --git a/client/src/templates/Challenges/utils/build.ts b/client/src/templates/Challenges/utils/build.ts
index cbb52e3ed82..4d1dc8f8166 100644
--- a/client/src/templates/Challenges/utils/build.ts
+++ b/client/src/templates/Challenges/utils/build.ts
@@ -1,12 +1,18 @@
+import { challengeTypes } from '../../../../../config/challenge-types';
 import frameRunnerData from '../../../../../config/client/frame-runner.json';
 import testEvaluatorData from '../../../../../config/client/test-evaluator.json';
-import { challengeTypes } from '../../../../../config/challenge-types';
+import pythonRunnerData from '../../../../../config/client/python-runner.json';
+
 import {
   ChallengeFile as PropTypesChallengeFile,
   ChallengeMeta
 } from '../../../redux/prop-types';
-import { concatHtml } from '../rechallenge/builders';
-import { getTransformers, embedFilesInHtml } from '../rechallenge/transformers';
+import { concatHtml, createPythonTerminal } from '../rechallenge/builders';
+import {
+  getTransformers,
+  embedFilesInHtml,
+  getPythonTransformers
+} from '../rechallenge/transformers';
 import {
   createTestFramer,
   runTestInTestFrame,
@@ -41,10 +47,11 @@ interface BuildOptions {
   usesTestRunner: boolean;
 }
 
-const { filename: runner } = frameRunnerData;
 const { filename: testEvaluator } = testEvaluatorData;
 
-const frameRunnerSrc = `/js/${runner}.js`;
+const frameRunnerSrc = `/js/${frameRunnerData.filename}.js`;
+
+const pythonRunnerSrc = `/js/${pythonRunnerData.filename}.js`;
 
 type ApplyFunctionProps = (file: ChallengeFile) => Promise<ChallengeFile>;
 
@@ -67,6 +74,8 @@ const applyFunction =
 const composeFunctions = (...fns: ApplyFunctionProps[]) =>
   fns.map(applyFunction).reduce((f, g) => x => f(x).then(g));
 
+// TODO: split this into at least two functions. One to create 'original' i.e.
+// the source and another to create the contents.
 function buildSourceMap(challengeFiles: ChallengeFiles): Source | undefined {
   // TODO: rename sources.index to sources.contents.
   const source: Source | undefined = challengeFiles?.reduce(
@@ -77,7 +86,11 @@ function buildSourceMap(challengeFiles: ChallengeFiles): Source | undefined {
       sources.editableContents += challengeFile.editableContents || '';
       return sources;
     },
-    { index: '', editableContents: '', original: {} } as Source
+    {
+      index: '',
+      editableContents: '',
+      original: {}
+    } as Source
   );
   return source;
 }
@@ -101,7 +114,8 @@ const buildFunctions = {
   [challengeTypes.backEndProject]: buildBackendChallenge,
   [challengeTypes.pythonProject]: buildBackendChallenge,
   [challengeTypes.multifileCertProject]: buildDOMChallenge,
-  [challengeTypes.colab]: buildBackendChallenge
+  [challengeTypes.colab]: buildBackendChallenge,
+  [challengeTypes.python]: buildPythonChallenge
 };
 
 export function canBuildChallenge(challengeData: BuildChallengeData): boolean {
@@ -192,6 +206,9 @@ type BuildResult = {
   sources: Source | undefined;
 };
 
+// TODO: All the buildXChallenge files have a similar structure, so make that
+// abstraction (function, class, whatever) and then create the various functions
+// out of it.
 export function buildDOMChallenge(
   { challengeFiles, required = [], template = '' }: BuildChallengeData,
   { usesTestRunner } = { usesTestRunner: false }
@@ -206,24 +223,24 @@ export function buildDOMChallenge(
   if (finalFiles) {
     return Promise.all(finalFiles)
       .then(checkFilesErrors)
-      .then(embedFilesInHtml)
-      .then(([_challengeFiles, _contents]) => {
-        const challengeFiles = _challengeFiles as ChallengeFiles;
-        const contents = _contents as string;
-
-        return {
-          challengeType:
-            challengeTypes.html || challengeTypes.multifileCertProject,
-          build: concatHtml({
-            required,
-            template,
-            contents,
-            ...(usesTestRunner && { testRunner: frameRunnerSrc })
-          }),
-          sources: buildSourceMap(challengeFiles),
-          loadEnzyme
-        };
-      });
+      .then(
+        embedFilesInHtml as (
+          x: ChallengeFiles
+        ) => Promise<[ChallengeFiles, string]>
+      )
+      .then(([challengeFiles, contents]) => ({
+        // TODO: Stop overwriting challengeType with 'html'. Figure out why it's
+        // necessary at the moment.
+        challengeType: challengeTypes.html,
+        build: concatHtml({
+          required,
+          template,
+          contents,
+          ...(usesTestRunner && { testRunner: frameRunnerSrc })
+        }),
+        sources: buildSourceMap(challengeFiles),
+        loadEnzyme
+      }));
   }
 }
 
@@ -263,20 +280,57 @@ function buildBackendChallenge({ url }: BuildChallengeData) {
   };
 }
 
+function getTransformedPython(challengeFiles: ChallengeFiles) {
+  return challengeFiles[0].contents;
+}
+
+export function buildPythonChallenge({
+  challengeFiles
+}: BuildChallengeData): Promise<BuildResult> | undefined {
+  const pipeLine = composeFunctions(...getPythonTransformers());
+  const finalFiles = challengeFiles.map(pipeLine);
+
+  if (finalFiles) {
+    return (
+      Promise.all(finalFiles)
+        .then(checkFilesErrors)
+        // Unlike the DOM challenges, there's no need to embed the files in HTML
+        .then(challengeFiles => ({
+          // TODO: Stop overwriting challengeType with 'html'. Figure out why it's
+          // necessary at the moment.
+          challengeType: challengeTypes.html,
+          // Both the terminal and pyodide are loaded into the browser, so we
+          // still need to build the HTML.
+          build: createPythonTerminal(pythonRunnerSrc),
+          sources: buildSourceMap(challengeFiles),
+          transformedPython: getTransformedPython(challengeFiles)
+        }))
+    );
+  }
+}
+
 export function updatePreview(
   buildData: BuildChallengeData,
   document: Document,
   proxyLogger: ProxyLogger
-): void {
+): Promise<void> {
+  // TODO: either create a 'buildType' or use the real challengeType here
+  // (buildData.challengeType is set to 'html' for challenges that can be
+  // previewed, hence this being true for python challenges, multifile steps and
+  // so on).
+
   if (
     buildData.challengeType === challengeTypes.html ||
     buildData.challengeType === challengeTypes.multifileCertProject
   ) {
-    createMainPreviewFramer(
-      document,
-      proxyLogger,
-      getDocumentTitle(buildData)
-    )(buildData);
+    return new Promise<void>(resolve =>
+      createMainPreviewFramer(
+        document,
+        proxyLogger,
+        getDocumentTitle(buildData),
+        resolve
+      )(buildData)
+    );
   } else {
     throw new Error(
       `Cannot show preview for challenge type ${buildData.challengeType}`
@@ -318,7 +372,8 @@ export function challengeHasPreview({ challengeType }: ChallengeMeta): boolean {
   return (
     challengeType === challengeTypes.html ||
     challengeType === challengeTypes.modern ||
-    challengeType === challengeTypes.multifileCertProject
+    challengeType === challengeTypes.multifileCertProject ||
+    challengeType === challengeTypes.python
   );
 }
 
diff --git a/client/src/templates/Challenges/utils/frame.ts b/client/src/templates/Challenges/utils/frame.ts
index 32147061c6c..60c74be09ce 100644
--- a/client/src/templates/Challenges/utils/frame.ts
+++ b/client/src/templates/Challenges/utils/frame.ts
@@ -1,21 +1,14 @@
 import { toString, flow } from 'lodash-es';
-import i18next, { i18n } from 'i18next';
+import i18next, { type i18n } from 'i18next';
+
 import { format } from '../../../utils/format';
+import type {
+  FrameDocument,
+  PythonDocument
+} from '../../../../../tools/client-plugins/browser-scripts';
 
 const utilsFormat: <T>(x: T) => string = format;
 
-declare global {
-  interface Window {
-    console: {
-      log: () => void;
-      info: () => void;
-      warn: () => void;
-      error: () => void;
-    };
-    i18nContent: i18n;
-  }
-}
-
 export interface Source {
   index: string;
   contents?: string;
@@ -24,12 +17,15 @@ export interface Source {
 }
 
 export interface Context {
-  window: Window;
-  document: Document;
+  window?: Window &
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    typeof globalThis & { i18nContent?: i18n; __pyodide: unknown };
+  document?: FrameDocument | PythonDocument;
   element: HTMLIFrameElement;
   build: string;
   sources: Source;
   loadEnzyme?: () => void;
+  transformedPython?: string;
 }
 
 export interface TestRunnerConfig {
@@ -139,24 +135,44 @@ type TestResult =
   | { pass: boolean }
   | { err: { message: string; stack?: string } };
 
+function getContentDocument<T extends Document = FrameDocument>(
+  document: Document,
+  id: string
+) {
+  const frame = document.getElementById(id);
+  if (!frame) return null;
+  const frameDocument = (frame as HTMLIFrameElement).contentDocument;
+  return frameDocument as T;
+}
+
 export const runTestInTestFrame = async function (
   document: Document,
   test: string,
   timeout: number
 ): Promise<TestResult | undefined> {
-  const { contentDocument: frame } = document.getElementById(
-    testId
-  ) as HTMLIFrameElement;
-  if (frame !== null) {
+  const contentDocument = getContentDocument(document, testId);
+  if (contentDocument) {
     return await Promise.race([
       new Promise<
         { pass: boolean } | { err: { message: string; stack?: string } }
       >((_, reject) => setTimeout(() => reject('timeout'), timeout)),
-      frame.__runTest(test)
+      contentDocument.__runTest(test)
     ]);
   }
 };
 
+export const runPythonInFrame = function (
+  document: Document,
+  code: string,
+  previewId: string
+): void {
+  const contentDocument = getContentDocument<PythonDocument>(
+    document,
+    previewId
+  );
+  void contentDocument?.__runPython(code);
+};
+
 const createFrame =
   (document: Document, id: string, title?: string) =>
   (frameContext: Context) => {
@@ -253,45 +269,56 @@ const updateWindowI18next = () => (frameContext: Context) => {
 const initTestFrame = (frameReady?: () => void) => (frameContext: Context) => {
   waitForFrame(frameContext)
     .then(async () => {
-      const { sources, loadEnzyme } = frameContext;
+      const { sources, loadEnzyme, transformedPython } = frameContext;
       // provide the file name and get the original source
       const getUserInput = (fileName: string) =>
         toString(sources[fileName as keyof typeof sources]);
-      await frameContext.document.__initTestFrame({
+      await frameContext.document?.__initTestFrame({
         code: sources,
         getUserInput,
-        loadEnzyme
+        loadEnzyme,
+        transformedPython
       });
-      if (frameReady) {
-        frameReady();
-      }
+
+      if (frameReady) frameReady();
     })
     .catch(handleDocumentNotFound);
   return frameContext;
 };
 
 const initMainFrame =
-  (_: unknown, proxyLogger?: ProxyLogger) => (frameContext: Context) => {
+  (frameReady?: () => void, proxyLogger?: ProxyLogger) =>
+  (frameContext: Context) => {
     waitForFrame(frameContext)
-      .then(() => {
+      .then(async () => {
         // Overwriting the onerror added by createHeader to catch any errors thrown
         // after the frame is ready. It has to be overwritten, as proxyLogger cannot
         // be added as part of createHeader.
 
-        frameContext.window.onerror = function (msg) {
-          if (typeof msg === 'string') {
-            const string = msg.toLowerCase();
-            if (string.includes('script error')) {
-              msg = 'Error, open your browser console to learn more.';
+        if (frameContext.window) {
+          frameContext.window.onerror = function (msg) {
+            if (typeof msg === 'string') {
+              const string = msg.toLowerCase();
+              if (string.includes('script error')) {
+                msg = 'Error, open your browser console to learn more.';
+              }
+              if (proxyLogger) {
+                proxyLogger(msg);
+              }
             }
-            if (proxyLogger) {
-              proxyLogger(msg);
-            }
-          }
-          // let the error propagate so it appears in the browser console, otherwise
-          // an error from a cross origin script just appears as 'Script error.'
-          return false;
-        };
+            // let the error propagate so it appears in the browser console, otherwise
+            // an error from a cross origin script just appears as 'Script error.'
+            return false;
+          };
+        }
+
+        if (
+          frameContext.document &&
+          '__initPythonFrame' in frameContext.document
+        ) {
+          await frameContext.document?.__initPythonFrame();
+        }
+        if (frameReady) frameReady();
       })
       .catch(handleDocumentNotFound);
     return frameContext;
@@ -305,6 +332,21 @@ function handleDocumentNotFound(err: string) {
 
 const initPreviewFrame = () => (frameContext: Context) => frameContext;
 
+// TODO: reimplement when ready to preview python challenges
+// const initPreviewFrame = () => (frameContext: Context) => {
+//   waitForFrame(frameContext)
+//     .then(() => {
+//       if (
+//         frameContext.document &&
+//         '__initPythonFrame' in frameContext.document
+//       ) {
+//         void frameContext.document?.__initPythonFrame();
+//       }
+//     })
+//     .catch(handleDocumentNotFound);
+//   return frameContext;
+// };
+
 const waitForFrame = (frameContext: Context) => {
   return new Promise((resolve, reject) => {
     if (!frameContext.document) {
@@ -317,7 +359,7 @@ const waitForFrame = (frameContext: Context) => {
   });
 };
 
-function writeToFrame(content: string, frame: Document | null) {
+function writeToFrame(content: string, frame?: FrameDocument) {
   // it's possible, if the preview is rapidly opened and closed, for the frame
   // to be null at this point.
   if (frame) {
@@ -344,14 +386,15 @@ const writeContentToFrame = (frameContext: Context) => {
 export const createMainPreviewFramer = (
   document: Document,
   proxyLogger: ProxyLogger,
-  frameTitle: string
+  frameTitle: string,
+  frameReady?: () => void
 ): ((args: Context) => void) =>
   createFramer(
     document,
     mainPreviewId,
     initMainFrame,
     proxyLogger,
-    undefined,
+    frameReady,
     frameTitle
   );
 
diff --git a/client/src/templates/Introduction/components/cert-challenge.tsx b/client/src/templates/Introduction/components/cert-challenge.tsx
index ededd7f44cf..5564f8e0e8f 100644
--- a/client/src/templates/Introduction/components/cert-challenge.tsx
+++ b/client/src/templates/Introduction/components/cert-challenge.tsx
@@ -80,8 +80,9 @@ const CertChallenge = ({
   const [isCertified, setIsCertified] = useState(false);
   const [userLoaded, setUserLoaded] = useState(false);
 
-  // @ts-expect-error Typescript is confused
-  const certSlug = fullCertMap.find(x => x.title === title).certSlug;
+  const cert = fullCertMap.find(x => x.title === title);
+  if (!cert) throw Error(`Certification ${title} not found`);
+  const certSlug = cert.certSlug;
 
   useEffect(() => {
     const { pending, complete } = fetchState;
diff --git a/client/utils/gatsby/challenge-page-creator.js b/client/utils/gatsby/challenge-page-creator.js
index fa04cc220e8..32614878204 100644
--- a/client/utils/gatsby/challenge-page-creator.js
+++ b/client/utils/gatsby/challenge-page-creator.js
@@ -147,7 +147,9 @@ function getProjectPreviewConfig(challenge, allChallengeEdges) {
     showProjectPreview:
       challengeOrder === 0 &&
       usesMultifileEditor &&
-      challengeType !== challengeTypes.multifileCertProject,
+      challengeType !== challengeTypes.multifileCertProject &&
+      // TODO: revert this to enable project previews for python challenges
+      challengeType !== challengeTypes.python,
     challengeData: {
       challengeType: lastChallenge.challengeType,
       challengeFiles: projectPreviewChallengeFiles
diff --git a/config/challenge-types.ts b/config/challenge-types.ts
index eba6f135a70..caecbfc4332 100644
--- a/config/challenge-types.ts
+++ b/config/challenge-types.ts
@@ -19,6 +19,7 @@ const colab = 16;
 const exam = 17;
 const msTrophyUrl = 18;
 const multipleChoice = 19;
+const python = 20;
 
 export const challengeTypes = {
   html,
@@ -41,7 +42,8 @@ export const challengeTypes = {
   colab,
   exam,
   msTrophyUrl,
-  multipleChoice
+  multipleChoice,
+  python
 };
 
 export const isFinalProject = (challengeType: number) => {
@@ -91,7 +93,8 @@ export const viewTypes = {
   [colab]: 'frontend',
   [exam]: 'exam',
   [msTrophyUrl]: 'frontend',
-  [multipleChoice]: 'video'
+  [multipleChoice]: 'video',
+  [python]: 'modern'
 };
 
 // determine the type of submit function to use for the challenge on completion
@@ -118,5 +121,6 @@ export const submitTypes = {
   [colab]: 'project.backEnd',
   [exam]: 'exam',
   [msTrophyUrl]: 'project.frontEnd',
-  [multipleChoice]: 'tests'
+  [multipleChoice]: 'tests',
+  [python]: 'tests'
 };
diff --git a/config/superblocks.ts b/config/superblocks.ts
index 1149b84923c..52471decb3a 100644
--- a/config/superblocks.ts
+++ b/config/superblocks.ts
@@ -20,7 +20,8 @@ export enum SuperBlocks {
   ProjectEuler = 'project-euler',
   CollegeAlgebraPy = 'college-algebra-with-python',
   FoundationalCSharp = 'foundational-c-sharp-with-microsoft',
-  ExampleCertification = 'example-certification'
+  ExampleCertification = 'example-certification',
+  UpcomingPython = 'upcoming-python'
 }
 
 /*
@@ -75,7 +76,8 @@ export const superBlockOrder: SuperBlockOrder = {
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
     SuperBlocks.FoundationalCSharp,
-    SuperBlocks.ExampleCertification
+    SuperBlocks.ExampleCertification,
+    SuperBlocks.UpcomingPython
   ]
 };
 
@@ -97,7 +99,8 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Chinese]: [
     SuperBlocks.CollegeAlgebraPy,
@@ -105,7 +108,8 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.ChineseTraditional]: [
     SuperBlocks.CollegeAlgebraPy,
@@ -113,29 +117,34 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Italian]: [
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Portuguese]: [
     SuperBlocks.JsAlgoDataStructNew,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Ukrainian]: [
     SuperBlocks.CodingInterviewPrep,
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Japanese]: [
     SuperBlocks.CollegeAlgebraPy,
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.German]: [
     SuperBlocks.RespWebDesignNew,
@@ -152,7 +161,8 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Arabic]: [
     SuperBlocks.DataVis,
@@ -168,7 +178,8 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.ProjectEuler,
     SuperBlocks.JsAlgoDataStructNew,
     SuperBlocks.TheOdinProject,
-    SuperBlocks.FoundationalCSharp
+    SuperBlocks.FoundationalCSharp,
+    SuperBlocks.UpcomingPython
   ],
   [Languages.Swahili]: [
     SuperBlocks.DataVis,
@@ -187,7 +198,8 @@ export const notAuditedSuperBlocks: NotAuditedSuperBlocks = {
     SuperBlocks.RespWebDesign,
     SuperBlocks.FrontEndDevLibs,
     SuperBlocks.JsAlgoDataStructNew,
-    SuperBlocks.JsAlgoDataStruct
+    SuperBlocks.JsAlgoDataStruct,
+    SuperBlocks.UpcomingPython
   ]
 };
 
diff --git a/curriculum/challenges/_meta/learn-python-by-building-a-blackjack-game/meta.json b/curriculum/challenges/_meta/learn-python-by-building-a-blackjack-game/meta.json
new file mode 100644
index 00000000000..ac73a8ca48f
--- /dev/null
+++ b/curriculum/challenges/_meta/learn-python-by-building-a-blackjack-game/meta.json
@@ -0,0 +1,32 @@
+{
+  "name": "Learn Python By Building a Blackjack Game",
+  "isUpcomingChange": true,
+  "usesMultifileEditor": true,
+  "hasEditableBoundaries": true,
+  "dashedName": "learn-python-by-building-a-blackjack-game",
+  "helpCategory": "Python",
+  "order": 0,
+  "time": "2 hours",
+  "template": "",
+  "required": [],
+  "superBlock": "upcoming-python",
+  "isBeta": true,
+  "challengeOrder": [
+    {
+      "id": "5daa813381b9e3db6c126b43",
+      "title": "Step 1"
+    },
+    {
+      "id": "64a5229b99ff0e8250cd9a72",
+      "title": "Step 2"
+    },
+    {
+      "id": "64b163c20e59cbd4a64940b0",
+      "title": "Step 3"
+    },
+    {
+      "id": "64b171849f925b0773aa434c",
+      "title": "Step 4"
+    }
+  ]
+}
diff --git a/curriculum/challenges/_meta/python-for-everybody/meta.json b/curriculum/challenges/_meta/python-for-everybody/meta.json
index 21b2ecf8aea..885e7905e69 100644
--- a/curriculum/challenges/_meta/python-for-everybody/meta.json
+++ b/curriculum/challenges/_meta/python-for-everybody/meta.json
@@ -232,4 +232,4 @@
       "title": "Data Visualization: Mailing Lists"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/curriculum/challenges/_meta/scientific-computing-with-python-projects/meta.json b/curriculum/challenges/_meta/scientific-computing-with-python-projects/meta.json
index dda228d9330..cf08fbc6b52 100644
--- a/curriculum/challenges/_meta/scientific-computing-with-python-projects/meta.json
+++ b/curriculum/challenges/_meta/scientific-computing-with-python-projects/meta.json
@@ -28,4 +28,4 @@
       "title": "Probability Calculator"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/curriculum/challenges/_meta/upcoming-python-project/meta.json b/curriculum/challenges/_meta/upcoming-python-project/meta.json
new file mode 100644
index 00000000000..3dcf4721824
--- /dev/null
+++ b/curriculum/challenges/_meta/upcoming-python-project/meta.json
@@ -0,0 +1,16 @@
+{
+  "name": "Upcoming Python Project",
+  "isUpcomingChange": true,
+  "dashedName": "upcoming-python-project",
+  "helpCategory": "Python",
+  "order": 1,
+  "time": "2 hours",
+  "template": "",
+  "required": [],
+  "superBlock": "upcoming-python",
+  "challengeOrder": [
+    {
+      "id": "64afc37bf3b37856e035b85e",
+      "title": "Upcoming Python Project"
+    }
+  ]}
diff --git a/curriculum/challenges/english/00-certifications/upcoming-python-certification/upcoming-python-certification.yml b/curriculum/challenges/english/00-certifications/upcoming-python-certification/upcoming-python-certification.yml
new file mode 100644
index 00000000000..68737f4d7c4
--- /dev/null
+++ b/curriculum/challenges/english/00-certifications/upcoming-python-certification/upcoming-python-certification.yml
@@ -0,0 +1,9 @@
+---
+id: 64afc4e8f3b37856e035b85f
+title: Upcoming Python Certification
+certification: upcoming-python-certification
+challengeType: 7
+isPrivate: true
+tests:
+  - id: 64afc37bf3b37856e035b85e
+    title: Upcoming Python Project
diff --git a/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/5daa813381b9e3db6c126b43.md b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/5daa813381b9e3db6c126b43.md
new file mode 100644
index 00000000000..bd11007ba14
--- /dev/null
+++ b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/5daa813381b9e3db6c126b43.md
@@ -0,0 +1,46 @@
+---
+id: 5daa813381b9e3db6c126b43
+title: Step 1
+challengeType: 20
+dashedName: step-1
+---
+
+# --description--
+
+PYTHON 
+
+Set the `hello` variable to "world". Then print the value.
+
+# --hints--
+
+The `hello` variable should equal "world".
+
+```js
+({ test: () => assert.equal(__userGlobals.get("hello"), "world") })
+```
+
+# --seed--
+
+## --seed-contents--
+
+```py
+--fcc-editable-region--
+one = 1
+hello = "goodbye"
+def a_function():
+    local_thing = "world"
+    print(local_thing)
+
+a_function()
+
+print(hello)
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```py
+one = 1
+hello = "world"
+print(hello)
+```
diff --git a/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64a5229b99ff0e8250cd9a72.md b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64a5229b99ff0e8250cd9a72.md
new file mode 100644
index 00000000000..fa8c264ec48
--- /dev/null
+++ b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64a5229b99ff0e8250cd9a72.md
@@ -0,0 +1,40 @@
+---
+id: 64a5229b99ff0e8250cd9a72
+title: Step 2
+challengeType: 20
+dashedName: step-2
+---
+
+# --description--
+
+step 2 instructions
+
+# --hints--
+
+Test 1
+
+```js
+({ input: ["Beau", "Carnes"], test: () => {
+  assert.equal( "Beau", __userGlobals.get("name"));
+  assert.equal( "Carnes", __userGlobals.get("last_name"));
+  } })
+```
+
+# --seed--
+
+## --seed-contents--
+
+```py
+--fcc-editable-region--
+name = input('What is your name?')
+print('Hi ' + name)
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```py
+name = input('What is your name?')
+last_name = input('What is your last name?')
+print('Hi ' + name + ' ' + last_name)
+```
diff --git a/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b163c20e59cbd4a64940b0.md b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b163c20e59cbd4a64940b0.md
new file mode 100644
index 00000000000..c5a956a064f
--- /dev/null
+++ b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b163c20e59cbd4a64940b0.md
@@ -0,0 +1,36 @@
+---
+id: 64b163c20e59cbd4a64940b0
+title: Step 3
+challengeType: 20
+dashedName: step-3
+---
+
+# --description--
+
+Create a function to add two numbers together.
+
+# --hints--
+
+Adding 3 and 5 should return 8.
+
+```js
+({ test: () => assert.equal(__userGlobals.get("add")(3,5), 8) })
+```
+
+
+# --seed--
+
+## --seed-contents--
+
+```py
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```py
+def add(a, b):
+    return a + b
+```
diff --git a/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b171849f925b0773aa434c.md b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b171849f925b0773aa434c.md
new file mode 100644
index 00000000000..c2982ad42b4
--- /dev/null
+++ b/curriculum/challenges/english/20-upcoming-python/learn-python-by-building-a-blackjack-game/64b171849f925b0773aa434c.md
@@ -0,0 +1,34 @@
+---
+id: 64b171849f925b0773aa434c
+title: Step 4
+challengeType: 20
+dashedName: step-4
+---
+
+# --description--
+
+Create an list of numbers from 1 to 3 and assign it to the variable `xs`.
+
+# --hints--
+
+`xs` should be the list `[1,2,3]`.
+
+```js
+({ test: () => assert.deepEqual(Array.from(__userGlobals.get("xs")), [1,2,3])})
+```
+
+# --seed--
+
+## --seed-contents--
+
+```py
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```py
+xs = [1,2,3]
+```
diff --git a/curriculum/challenges/english/20-upcoming-python/upcoming-python-project/64afc37bf3b37856e035b85e.md b/curriculum/challenges/english/20-upcoming-python/upcoming-python-project/64afc37bf3b37856e035b85e.md
new file mode 100644
index 00000000000..04c38b6965c
--- /dev/null
+++ b/curriculum/challenges/english/20-upcoming-python/upcoming-python-project/64afc37bf3b37856e035b85e.md
@@ -0,0 +1,40 @@
+---
+id: 64afc37bf3b37856e035b85e
+title: Upcoming Python Project
+challengeType: 20
+dashedName: upcoming-python-project
+---
+
+# --description--
+
+Python Project instructions
+
+# --hints--
+
+Test 1
+
+```js
+({ input: ["Beau", "Carnes"], test: () => {
+  assert.equal( "Beau", __userGlobals.get("name"));
+  assert.equal( "Carnes", __userGlobals.get("last_name"));
+  } })
+```
+
+# --seed--
+
+## --seed-contents--
+
+```py
+--fcc-editable-region--
+name = input('What is your name?')
+print('Hi ' + name)
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```py
+name = input('What is your name?')
+last_name = input('What is your last name?')
+print('Hi ' + name + ' ' + last_name)
+```
diff --git a/curriculum/schema/challenge-schema.js b/curriculum/schema/challenge-schema.js
index 47802e29fc1..69bc8e84830 100644
--- a/curriculum/schema/challenge-schema.js
+++ b/curriculum/schema/challenge-schema.js
@@ -33,7 +33,7 @@ const schema = Joi.object()
     challengeOrder: Joi.number(),
     removeComments: Joi.bool().required(),
     certification: Joi.string().regex(slugRE),
-    challengeType: Joi.number().min(0).max(19).required(),
+    challengeType: Joi.number().min(0).max(20).required(),
     checksum: Joi.number(),
     // TODO: require this only for normal challenges, not certs
     dashedName: Joi.string().regex(slugRE),
diff --git a/curriculum/test/test-challenges.js b/curriculum/test/test-challenges.js
index f8937f25af8..26129f79dff 100644
--- a/curriculum/test/test-challenges.js
+++ b/curriculum/test/test-challenges.js
@@ -25,7 +25,8 @@ require('@babel/register')({
 });
 const {
   buildDOMChallenge,
-  buildJSChallenge
+  buildJSChallenge,
+  buildPythonChallenge
 } = require('../../client/src/templates/Challenges/utils/build');
 const {
   default: createWorker
@@ -319,12 +320,14 @@ function populateTestsForLang({ lang, challenges, meta }) {
           });
 
           const { challengeType } = challenge;
+          // TODO: shouldn't this be a function in challenge-types.js?
           if (
             challengeType !== challengeTypes.html &&
             challengeType !== challengeTypes.js &&
             challengeType !== challengeTypes.jsProject &&
             challengeType !== challengeTypes.modern &&
-            challengeType !== challengeTypes.backend
+            challengeType !== challengeTypes.backend &&
+            challengeType !== challengeTypes.python
           ) {
             return;
           }
@@ -349,14 +352,21 @@ function populateTestsForLang({ lang, challenges, meta }) {
             return;
           }
 
+          // TODO(after python PR): simplify pipeline and sync with client.
+          // buildChallengeData should be called and any errors handled.
+          // canBuildChallenge does not need to exist independently.
           const buildChallenge =
-            challengeType === challengeTypes.js ||
-            challengeType === challengeTypes.jsProject
-              ? buildJSChallenge
-              : buildDOMChallenge;
+            {
+              [challengeTypes.js]: buildJSChallenge,
+              [challengeTypes.jsProject]: buildJSChallenge,
+              [challengeTypes.python]: buildPythonChallenge
+            }[challengeType] ?? buildDOMChallenge;
 
+          // The python tests are (currently) slow, so we give them more time.
+          const timePerTest =
+            challengeType === challengeTypes.python ? 10000 : 5000;
           it('Test suite must fail on the initial contents', async function () {
-            this.timeout(5000 * tests.length + 1000);
+            this.timeout(timePerTest * tests.length + 1000);
             // suppress errors in the console.
             const oldConsoleError = console.error;
             console.error = () => {};
@@ -445,7 +455,7 @@ function populateTestsForLang({ lang, challenges, meta }) {
               it(`Solution ${
                 index + 1
               } must pass the tests`, async function () {
-                this.timeout(5000 * tests.length + 2000);
+                this.timeout(timePerTest * tests.length + 2000);
                 const testRunner = await createTestRunner(
                   challenge,
                   solution,
@@ -477,22 +487,27 @@ async function createTestRunner(
     solutionFiles
   );
 
-  const { build, sources, loadEnzyme } = await buildChallenge(
-    {
-      challengeFiles,
-      required,
-      template
-    },
-    { usesTestRunner: true }
-  );
+  const { build, sources, loadEnzyme, transformedPython } =
+    await buildChallenge(
+      {
+        challengeFiles,
+        required,
+        template
+      },
+      { usesTestRunner: true }
+    );
 
   const code = {
     contents: sources.index,
     editableContents: sources.editableContents
   };
 
-  const evaluator = await (buildChallenge === buildDOMChallenge
-    ? getContextEvaluator(build, sources, code, loadEnzyme)
+  const runsInBrowser =
+    buildChallenge === buildDOMChallenge ||
+    buildChallenge === buildPythonChallenge;
+
+  const evaluator = await (runsInBrowser
+    ? getContextEvaluator(build, sources, code, loadEnzyme, transformedPython)
     : getWorkerEvaluator(build, sources, code, removeComments));
 
   return async ({ text, testString }) => {
@@ -537,8 +552,20 @@ function replaceChallengeFilesContentsWithSolutions(
   });
 }
 
-async function getContextEvaluator(build, sources, code, loadEnzyme) {
-  await initializeTestRunner(build, sources, code, loadEnzyme);
+async function getContextEvaluator(
+  build,
+  sources,
+  code,
+  loadEnzyme,
+  transformedPython
+) {
+  await initializeTestRunner(
+    build,
+    sources,
+    code,
+    loadEnzyme,
+    transformedPython
+  );
 
   return {
     evaluate: async (testString, timeout) =>
@@ -564,20 +591,30 @@ async function getWorkerEvaluator(build, sources, code, removeComments) {
   };
 }
 
-async function initializeTestRunner(build, sources, code, loadEnzyme) {
+async function initializeTestRunner(
+  build,
+  sources,
+  code,
+  loadEnzyme,
+  transformedPython
+) {
   await page.reload();
   await page.setContent(build);
   await page.evaluate(
-    async (code, sources, loadEnzyme) => {
+    async (code, sources, loadEnzyme, transformedPython) => {
       const getUserInput = fileName => sources[fileName];
+      // TODO: use frame's functions directly, so it behaves more like the
+      // client. Also, keep an eye on performance - loading pyodide is slow.
       await document.__initTestFrame({
         code: sources,
         getUserInput,
-        loadEnzyme
+        loadEnzyme,
+        transformedPython
       });
     },
     code,
     sources,
-    loadEnzyme
+    loadEnzyme,
+    transformedPython
   );
 }
diff --git a/curriculum/utils.js b/curriculum/utils.js
index 5009ad6dc0a..aeb5e326c93 100644
--- a/curriculum/utils.js
+++ b/curriculum/utils.js
@@ -81,6 +81,7 @@ const directoryToSuperblock = {
   '18-project-euler': 'project-euler',
   '19-foundational-c-sharp-with-microsoft':
     'foundational-c-sharp-with-microsoft',
+  '20-upcoming-python': 'upcoming-python',
   '99-example-certification': 'example-certification'
 };
 
diff --git a/curriculum/utils.test.ts b/curriculum/utils.test.ts
index d9f6ea87e01..5f67e41ae2f 100644
--- a/curriculum/utils.test.ts
+++ b/curriculum/utils.test.ts
@@ -143,7 +143,7 @@ describe('getSuperBlockFromPath', () => {
   );
 
   it('handles all the directories in ./challenges/english', () => {
-    expect.assertions(20);
+    expect.assertions(21);
 
     for (const directory of directories) {
       expect(() => getSuperBlockFromDir(directory)).not.toThrow();
@@ -151,7 +151,7 @@ describe('getSuperBlockFromPath', () => {
   });
 
   it("returns valid superblocks (or 'certifications') for all valid arguments", () => {
-    expect.assertions(20);
+    expect.assertions(21);
 
     const superBlockPaths = directories.filter(x => x !== '00-certifications');
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae5c1f5534c..0366a164140 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -560,9 +560,6 @@ importers:
       enzyme:
         specifier: 3.11.0
         version: 3.11.0
-      enzyme-adapter-react-16:
-        specifier: 1.15.7
-        version: 1.15.7(enzyme@3.11.0)(react-dom@16.14.0)(react@16.14.0)
       final-form:
         specifier: 4.20.9
         version: 4.20.9
@@ -904,17 +901,6 @@ importers:
         specifier: 4.10.0
         version: 4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.88.2)
 
-  client/plugins/fcc-source-challenges:
-    devDependencies:
-      chokidar:
-        specifier: 3.5.3
-        version: 3.5.3
-      readdirp:
-        specifier: 3.6.0
-        version: 3.6.0
-
-  client/plugins/gatsby-remark-node-identity: {}
-
   curriculum:
     devDependencies:
       '@babel/core':
@@ -1045,8 +1031,8 @@ importers:
         specifier: 13.5.0
         version: 13.5.0(@testing-library/dom@8.20.1)
       codemirror:
-        specifier: '5'
-        version: 5.65.12
+        specifier: 5.65.13
+        version: 5.65.13
       react:
         specifier: 16.14.0
         version: 16.14.0
@@ -1074,7 +1060,7 @@ importers:
         version: 16.9.17
       '@uiw/react-codemirror':
         specifier: 3.2.10
-        version: 3.2.10(@babel/runtime@7.21.5)(codemirror@5.65.12)(react-dom@16.14.0)(react@16.14.0)
+        version: 3.2.10(@babel/runtime@7.21.5)(codemirror@5.65.13)(react-dom@16.14.0)(react@16.14.0)
       cross-env:
         specifier: 7.0.3
         version: 7.0.3
@@ -1215,6 +1201,111 @@ importers:
         specifier: 3.0.4
         version: 3.0.4
 
+  tools/client-plugins/browser-scripts:
+    dependencies:
+      '@babel/runtime':
+        specifier: ^7.20.13
+        version: 7.21.5
+      xterm:
+        specifier: ^5.2.1
+        version: 5.2.1
+      xterm-addon-fit:
+        specifier: ^0.7.0
+        version: 0.7.0(xterm@5.2.1)
+    devDependencies:
+      '@babel/plugin-syntax-dynamic-import':
+        specifier: 7.8.3
+        version: 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-transform-runtime':
+        specifier: 7.19.6
+        version: 7.19.6(@babel/core@7.22.9)
+      '@babel/preset-env':
+        specifier: 7.22.5
+        version: 7.22.5(@babel/core@7.22.9)
+      '@babel/preset-typescript':
+        specifier: 7.22.5
+        version: 7.22.5(@babel/core@7.22.9)
+      '@freecodecamp/curriculum-helpers':
+        specifier: 1.1.0
+        version: 1.1.0
+      '@types/chai':
+        specifier: 4.3.4
+        version: 4.3.4
+      '@types/copy-webpack-plugin':
+        specifier: ^8.0.1
+        version: 8.0.1(webpack-cli@4.10.0)
+      '@types/enzyme':
+        specifier: 3.10.12
+        version: 3.10.12
+      '@types/enzyme-adapter-react-16':
+        specifier: 1.0.6
+        version: 1.0.6
+      '@types/jquery':
+        specifier: 3.5.16
+        version: 3.5.16
+      '@types/lodash-es':
+        specifier: 4.17.6
+        version: 4.17.6
+      babel-loader:
+        specifier: 8.3.0
+        version: 8.3.0(@babel/core@7.22.9)(webpack@5.76.2)
+      buffer:
+        specifier: 6.0.3
+        version: 6.0.3
+      chai:
+        specifier: 4.3.7
+        version: 4.3.7
+      copy-webpack-plugin:
+        specifier: 9.1.0
+        version: 9.1.0(webpack@5.76.2)
+      css-loader:
+        specifier: ^6.8.1
+        version: 6.8.1(webpack@5.76.2)
+      enzyme:
+        specifier: 3.11.0
+        version: 3.11.0
+      enzyme-adapter-react-16:
+        specifier: 1.15.7
+        version: 1.15.7(enzyme@3.11.0)(react-dom@16.14.0)(react@16.14.0)
+      jquery:
+        specifier: 3.6.4
+        version: 3.6.4
+      lodash-es:
+        specifier: 4.17.21
+        version: 4.17.21
+      process:
+        specifier: 0.11.10
+        version: 0.11.10
+      pyodide:
+        specifier: ^0.23.3
+        version: 0.23.3
+      sass.js:
+        specifier: 0.11.1
+        version: 0.11.1
+      style-loader:
+        specifier: ^3.3.3
+        version: 3.3.3(webpack@5.76.2)
+      util:
+        specifier: 0.12.5
+        version: 0.12.5
+      webpack:
+        specifier: 5.76.2
+        version: 5.76.2(webpack-cli@4.10.0)
+      webpack-cli:
+        specifier: 4.10.0
+        version: 4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.76.2)
+
+  tools/client-plugins/gatsby-remark-node-identity: {}
+
+  tools/client-plugins/gatsby-source-challenges:
+    devDependencies:
+      chokidar:
+        specifier: 3.5.3
+        version: 3.5.3
+      readdirp:
+        specifier: 3.6.0
+        version: 3.6.0
+
   tools/scripts/build:
     devDependencies:
       '@types/js-yaml':
@@ -2436,7 +2527,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.22.5
       '@babel/generator': 7.22.7
-      '@babel/helper-module-transforms': 7.22.5
+      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.10.5)
       '@babel/helpers': 7.22.6
       '@babel/parser': 7.22.7
       '@babel/template': 7.22.5
@@ -2459,7 +2550,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.22.5
       '@babel/generator': 7.22.7
-      '@babel/helper-module-transforms': 7.22.5
+      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.12.9)
       '@babel/helpers': 7.22.6
       '@babel/parser': 7.22.7
       '@babel/template': 7.22.5
@@ -2507,8 +2598,8 @@ packages:
       '@ampproject/remapping': 2.2.0
       '@babel/code-frame': 7.22.5
       '@babel/generator': 7.22.7
-      '@babel/helper-compilation-targets': 7.22.6(@babel/core@7.20.12)
-      '@babel/helper-module-transforms': 7.22.5
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.20.12)
+      '@babel/helper-module-transforms': 7.22.9(@babel/core@7.20.12)
       '@babel/helpers': 7.22.6
       '@babel/parser': 7.22.7
       '@babel/template': 7.22.5
@@ -2650,7 +2741,7 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': 7.22.6
+      '@babel/compat-data': 7.22.9
       '@babel/core': 7.18.0
       '@babel/helper-validator-option': 7.22.5
       '@nicolo-ribaudo/semver-v6': 6.3.3
@@ -2658,31 +2749,19 @@ packages:
       lru-cache: 5.1.1
     dev: true
 
-  /@babel/helper-compilation-targets@7.22.6(@babel/core@7.20.12):
-    resolution: {integrity: sha512-534sYEqWD9VfUm3IPn2SLcH4Q3P86XL+QvqdC7ZsFrzyyPF3T4XGiVghF6PTYNdWg6pXuoqXxNQAhbYeEInTzA==}
+  /@babel/helper-compilation-targets@7.22.9(@babel/core@7.18.0):
+    resolution: {integrity: sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': 7.22.6
-      '@babel/core': 7.20.12
+      '@babel/compat-data': 7.22.9
+      '@babel/core': 7.18.0
       '@babel/helper-validator-option': 7.22.5
-      '@nicolo-ribaudo/semver-v6': 6.3.3
-      browserslist: 4.21.9
-      lru-cache: 5.1.1
-
-  /@babel/helper-compilation-targets@7.22.6(@babel/core@7.22.9):
-    resolution: {integrity: sha512-534sYEqWD9VfUm3IPn2SLcH4Q3P86XL+QvqdC7ZsFrzyyPF3T4XGiVghF6PTYNdWg6pXuoqXxNQAhbYeEInTzA==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': 7.22.6
-      '@babel/core': 7.22.9
-      '@babel/helper-validator-option': 7.22.5
-      '@nicolo-ribaudo/semver-v6': 6.3.3
       browserslist: 4.21.9
       lru-cache: 5.1.1
+      semver: 6.3.1
+    dev: true
 
   /@babel/helper-compilation-targets@7.22.9(@babel/core@7.20.12):
     resolution: {integrity: sha512-7qYrNM6HjpnPHJbopxmb8hSPoZ0gsX8IvUS32JGVoy+pU9e5N0nLr1VjJoR6kA4d9dmGLxNYOjeB8sUDal2WMw==}
@@ -2779,7 +2858,7 @@ packages:
       '@babel/helper-optimise-call-expression': 7.22.5
       '@babel/helper-replace-supers': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -2799,7 +2878,7 @@ packages:
       '@babel/helper-optimise-call-expression': 7.22.5
       '@babel/helper-replace-supers': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -2818,7 +2897,7 @@ packages:
       '@babel/helper-optimise-call-expression': 7.22.5
       '@babel/helper-replace-supers': 7.22.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
-      '@babel/helper-split-export-declaration': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -2863,7 +2942,7 @@ packages:
       '@babel/core': ^7.4.0-0
     dependencies:
       '@babel/core': 7.22.9
-      '@babel/helper-compilation-targets': 7.22.6(@babel/core@7.22.9)
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.22.9)
       '@babel/helper-module-imports': 7.22.5
       '@babel/helper-plugin-utils': 7.22.5
       '@babel/traverse': 7.22.8
@@ -2881,7 +2960,7 @@ packages:
       '@babel/core': ^7.4.0-0
     dependencies:
       '@babel/core': 7.18.0
-      '@babel/helper-compilation-targets': 7.22.6(@babel/core@7.18.0)
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.18.0)
       '@babel/helper-plugin-utils': 7.22.5
       debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
@@ -2897,7 +2976,7 @@ packages:
       '@babel/core': ^7.4.0-0
     dependencies:
       '@babel/core': 7.20.12
-      '@babel/helper-compilation-targets': 7.22.6(@babel/core@7.20.12)
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.20.12)
       '@babel/helper-plugin-utils': 7.22.5
       debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
@@ -2912,7 +2991,7 @@ packages:
       '@babel/core': ^7.4.0-0
     dependencies:
       '@babel/core': 7.22.9
-      '@babel/helper-compilation-targets': 7.22.6(@babel/core@7.22.9)
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.22.9)
       '@babel/helper-plugin-utils': 7.22.5
       debug: 4.3.4(supports-color@8.1.1)
       lodash.debounce: 4.0.8
@@ -2920,7 +2999,6 @@ packages:
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   /@babel/helper-define-polyfill-provider@0.4.1(@babel/core@7.20.12):
     resolution: {integrity: sha512-kX4oXixDxG197yhX+J3Wp+NpL2wuCFjWQAr6yX2jtCnflK9ulMI51ULFGIrWiX1jGfvAxdHp+XQCcP2bZGPs9A==}
@@ -3033,6 +3111,46 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@babel/helper-module-transforms@7.22.9(@babel/core@7.10.5):
+    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.10.5
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.5
+
+  /@babel/helper-module-transforms@7.22.9(@babel/core@7.12.9):
+    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.12.9
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.5
+    dev: true
+
+  /@babel/helper-module-transforms@7.22.9(@babel/core@7.20.12):
+    resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/helper-environment-visitor': 7.22.5
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.5
+
   /@babel/helper-module-transforms@7.22.9(@babel/core@7.22.9):
     resolution: {integrity: sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==}
     engines: {node: '>=6.9.0'}
@@ -3162,12 +3280,6 @@ packages:
     dependencies:
       '@babel/types': 7.22.5
 
-  /@babel/helper-split-export-declaration@7.22.5:
-    resolution: {integrity: sha512-thqK5QFghPKWLhAV321lxF95yCg2K3Ob5yw+M3VHWfdia0IkPXUtoLH8x/6Fh486QUvzhb8YOWHChTVen2/PoQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.22.5
-
   /@babel/helper-split-export-declaration@7.22.6:
     resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
     engines: {node: '>=6.9.0'}
@@ -3607,8 +3719,8 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.20.12)
 
   /@babel/plugin-proposal-optional-chaining@7.17.12(@babel/core@7.22.9):
@@ -3618,8 +3730,8 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.22.9
-      '@babel/helper-plugin-utils': 7.20.2
-      '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
       '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.9)
 
   /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.18.0):
@@ -3836,7 +3948,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.18.0
-      '@babel/helper-plugin-utils': 7.20.2
+      '@babel/helper-plugin-utils': 7.22.5
     dev: true
 
   /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.20.12):
@@ -3845,7 +3957,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.20.12
-      '@babel/helper-plugin-utils': 7.20.2
+      '@babel/helper-plugin-utils': 7.22.5
 
   /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.9):
     resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
@@ -3853,7 +3965,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.22.9
-      '@babel/helper-plugin-utils': 7.20.2
+      '@babel/helper-plugin-utils': 7.22.5
 
   /@babel/plugin-syntax-export-default-from@7.22.5(@babel/core@7.22.9):
     resolution: {integrity: sha512-ODAqWWXB/yReh/jVQDag/3/tl6lgBueQkk/TcfW/59Oykm4c8a55XloX0CTk2k2VJiFWMgHby9xNX29IbCv9dQ==}
@@ -5592,15 +5704,15 @@ packages:
       '@babel/core': 7.22.9
       '@babel/helper-plugin-utils': 7.22.5
 
-  /@babel/plugin-transform-runtime@7.21.0(@babel/core@7.20.12):
-    resolution: {integrity: sha512-ReY6pxwSzEU0b3r2/T/VhqMKg/AkceBT19X0UptA3/tYi5Pe2eXgEUH+NNMC5nok6c6XQz5tyVTUpuezRfSMSg==}
+  /@babel/plugin-transform-runtime@7.19.6(@babel/core@7.20.12):
+    resolution: {integrity: sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.20.12
-      '@babel/helper-module-imports': 7.18.6
-      '@babel/helper-plugin-utils': 7.20.2
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
       babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.20.12)
       babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.20.12)
       babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.20.12)
@@ -5608,6 +5720,22 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@babel/plugin-transform-runtime@7.19.6(@babel/core@7.22.9):
+    resolution: {integrity: sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.9
+      '@babel/helper-module-imports': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.22.9)
+      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.22.9)
+      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.22.9)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   /@babel/plugin-transform-runtime@7.21.0(@babel/core@7.22.9):
     resolution: {integrity: sha512-ReY6pxwSzEU0b3r2/T/VhqMKg/AkceBT19X0UptA3/tYi5Pe2eXgEUH+NNMC5nok6c6XQz5tyVTUpuezRfSMSg==}
     engines: {node: '>=6.9.0'}
@@ -5992,6 +6120,97 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/preset-env@7.22.5(@babel/core@7.22.9):
+    resolution: {integrity: sha512-fj06hw89dpiZzGZtxn+QybifF07nNiZjZ7sazs2aVDcysAZVGjW7+7iFYxg6GLNM47R/thYfLdrXc+2f11Vi9A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.9
+      '@babel/core': 7.22.9
+      '@babel/helper-compilation-targets': 7.22.9(@babel/core@7.22.9)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-option': 7.22.5
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.9)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.9)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.9)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.9)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-import-assertions': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.9)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.9)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.9)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.9)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.9)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.9)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.22.9)
+      '@babel/plugin-transform-arrow-functions': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-async-generator-functions': 7.22.7(@babel/core@7.22.9)
+      '@babel/plugin-transform-async-to-generator': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-block-scoped-functions': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-block-scoping': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-class-static-block': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-classes': 7.22.6(@babel/core@7.22.9)
+      '@babel/plugin-transform-computed-properties': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-destructuring': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-duplicate-keys': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-dynamic-import': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-exponentiation-operator': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-export-namespace-from': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-for-of': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-function-name': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-json-strings': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-literals': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-logical-assignment-operators': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-member-expression-literals': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-modules-amd': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-modules-commonjs': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-modules-systemjs': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-modules-umd': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-new-target': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-numeric-separator': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-object-rest-spread': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-object-super': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-optional-catch-binding': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-optional-chaining': 7.22.6(@babel/core@7.22.9)
+      '@babel/plugin-transform-parameters': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-private-property-in-object': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-property-literals': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-regenerator': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-reserved-words': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-shorthand-properties': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-sticky-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-template-literals': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-typeof-symbol': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-unicode-escapes': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-unicode-property-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.9)
+      '@babel/preset-modules': 0.1.5(@babel/core@7.22.9)
+      '@babel/types': 7.22.5
+      babel-plugin-polyfill-corejs2: 0.4.4(@babel/core@7.22.9)
+      babel-plugin-polyfill-corejs3: 0.8.2(@babel/core@7.22.9)
+      babel-plugin-polyfill-regenerator: 0.5.1(@babel/core@7.22.9)
+      core-js-compat: 3.31.1
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@babel/preset-env@7.22.9(@babel/core@7.20.12):
     resolution: {integrity: sha512-wNi5H/Emkhll/bqPjsjQorSykrlfY5OWakd6AulLvMEytpKasMVUpVy8RL4qBIBs5Ac6/5i0/Rv0b/Fg6Eag/g==}
     engines: {node: '>=6.9.0'}
@@ -6934,7 +7153,6 @@ packages:
     engines: {npm: '>= 4.0.0'}
     dependencies:
       browserify: 17.0.0
-    dev: false
 
   /@freecodecamp/loop-protect@3.0.0:
     resolution: {integrity: sha512-5zIULL5pm7Ylkk2dPq1f/4KJTAV5KQZEAFQg/qFj0t18EBSNO3fjn3HdfE1sPocXhXom3DVvZO3Rl2sqifMFYQ==}
@@ -7789,7 +8007,7 @@ packages:
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/trace-mapping': 0.3.18
 
   /@jridgewell/resolve-uri@3.1.0:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
@@ -7803,7 +8021,7 @@ packages:
     resolution: {integrity: sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.2
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/trace-mapping': 0.3.18
 
   /@jridgewell/sourcemap-codec@1.4.14:
     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
@@ -7813,6 +8031,7 @@ packages:
     dependencies:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
+    dev: true
 
   /@jridgewell/trace-mapping@0.3.18:
     resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
@@ -10326,6 +10545,19 @@ packages:
     resolution: {integrity: sha512-t73xJJrvdTjXrn4jLS9VSGRbz0nUY3cl2DMGDU48lKl+HR9dbbjW2A9r3g40VA++mQpy6uuHg33gy7du2BKpog==}
     dev: true
 
+  /@types/copy-webpack-plugin@8.0.1(webpack-cli@4.10.0):
+    resolution: {integrity: sha512-TwEeGse0/wq+t3SFW0DEwroMS/cDkwVZT+vj7tMAYTp7llt/yz6NuW2n04X2M5P/kSfBQOORhrHAN2mqZdmybg==}
+    dependencies:
+      '@types/node': 18.17.0
+      tapable: 2.2.1
+      webpack: 5.88.2(webpack-cli@4.10.0)
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - uglify-js
+      - webpack-cli
+    dev: true
+
   /@types/cors@2.8.13:
     resolution: {integrity: sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==}
     dependencies:
@@ -10541,11 +10773,7 @@ packages:
   /@types/lodash-es@4.17.6:
     resolution: {integrity: sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==}
     dependencies:
-      '@types/lodash': 4.14.191
-    dev: true
-
-  /@types/lodash@4.14.191:
-    resolution: {integrity: sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==}
+      '@types/lodash': 4.14.195
     dev: true
 
   /@types/lodash@4.14.195:
@@ -11360,7 +11588,7 @@ packages:
       '@typescript-eslint/types': 5.62.0
       eslint-visitor-keys: 3.4.1
 
-  /@uiw/react-codemirror@3.2.10(@babel/runtime@7.21.5)(codemirror@5.65.12)(react-dom@16.14.0)(react@16.14.0):
+  /@uiw/react-codemirror@3.2.10(@babel/runtime@7.21.5)(codemirror@5.65.13)(react-dom@16.14.0)(react@16.14.0):
     resolution: {integrity: sha512-sSabPpOQFFRAZwm/JZ6gRRqQg0PBPw9nRAT9YepqUSM3TJHQzavZDRDxKF8B9jL+KU24+aKqM/clLlpPPPF5sQ==}
     peerDependencies:
       '@babel/runtime': '>=7.11.0'
@@ -11369,7 +11597,7 @@ packages:
       react-dom: '>=16.8.0'
     dependencies:
       '@babel/runtime': 7.21.5
-      codemirror: 5.65.12
+      codemirror: 5.65.13
       react: 16.14.0
       react-dom: 16.14.0(react@16.14.0)
     dev: true
@@ -11379,6 +11607,13 @@ packages:
     dependencies:
       resolve: 1.22.2
 
+  /@webassemblyjs/ast@1.11.1:
+    resolution: {integrity: sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==}
+    dependencies:
+      '@webassemblyjs/helper-numbers': 1.11.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.11.1
+    dev: true
+
   /@webassemblyjs/ast@1.11.5:
     resolution: {integrity: sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==}
     dependencies:
@@ -11393,6 +11628,10 @@ packages:
       '@webassemblyjs/wast-parser': 1.9.0
     dev: true
 
+  /@webassemblyjs/floating-point-hex-parser@1.11.1:
+    resolution: {integrity: sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==}
+    dev: true
+
   /@webassemblyjs/floating-point-hex-parser@1.11.5:
     resolution: {integrity: sha512-1j1zTIC5EZOtCplMBG/IEwLtUojtwFVwdyVMbL/hwWqbzlQoJsWCOavrdnLkemwNoC/EOwtUFch3fuo+cbcXYQ==}
 
@@ -11400,6 +11639,10 @@ packages:
     resolution: {integrity: sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==}
     dev: true
 
+  /@webassemblyjs/helper-api-error@1.11.1:
+    resolution: {integrity: sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==}
+    dev: true
+
   /@webassemblyjs/helper-api-error@1.11.5:
     resolution: {integrity: sha512-L65bDPmfpY0+yFrsgz8b6LhXmbbs38OnwDCf6NpnMUYqa+ENfE5Dq9E42ny0qz/PdR0LJyq/T5YijPnU8AXEpA==}
 
@@ -11407,6 +11650,10 @@ packages:
     resolution: {integrity: sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==}
     dev: true
 
+  /@webassemblyjs/helper-buffer@1.11.1:
+    resolution: {integrity: sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==}
+    dev: true
+
   /@webassemblyjs/helper-buffer@1.11.5:
     resolution: {integrity: sha512-fDKo1gstwFFSfacIeH5KfwzjykIE6ldh1iH9Y/8YkAZrhmu4TctqYjSh7t0K2VyDSXOZJ1MLhht/k9IvYGcIxg==}
 
@@ -11430,6 +11677,14 @@ packages:
       '@webassemblyjs/ast': 1.9.0
     dev: true
 
+  /@webassemblyjs/helper-numbers@1.11.1:
+    resolution: {integrity: sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==}
+    dependencies:
+      '@webassemblyjs/floating-point-hex-parser': 1.11.1
+      '@webassemblyjs/helper-api-error': 1.11.1
+      '@xtuc/long': 4.2.2
+    dev: true
+
   /@webassemblyjs/helper-numbers@1.11.5:
     resolution: {integrity: sha512-DhykHXM0ZABqfIGYNv93A5KKDw/+ywBFnuWybZZWcuzWHfbp21wUfRkbtz7dMGwGgT4iXjWuhRMA2Mzod6W4WA==}
     dependencies:
@@ -11437,6 +11692,10 @@ packages:
       '@webassemblyjs/helper-api-error': 1.11.5
       '@xtuc/long': 4.2.2
 
+  /@webassemblyjs/helper-wasm-bytecode@1.11.1:
+    resolution: {integrity: sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==}
+    dev: true
+
   /@webassemblyjs/helper-wasm-bytecode@1.11.5:
     resolution: {integrity: sha512-oC4Qa0bNcqnjAowFn7MPCETQgDYytpsfvz4ujZz63Zu/a/v71HeCAAmZsgZ3YVKec3zSPYytG3/PrRCqbtcAvA==}
 
@@ -11444,6 +11703,15 @@ packages:
     resolution: {integrity: sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==}
     dev: true
 
+  /@webassemblyjs/helper-wasm-section@1.11.1:
+    resolution: {integrity: sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/helper-buffer': 1.11.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.11.1
+      '@webassemblyjs/wasm-gen': 1.11.1
+    dev: true
+
   /@webassemblyjs/helper-wasm-section@1.11.5:
     resolution: {integrity: sha512-uEoThA1LN2NA+K3B9wDo3yKlBfVtC6rh0i4/6hvbz071E8gTNZD/pT0MsBf7MeD6KbApMSkaAK0XeKyOZC7CIA==}
     dependencies:
@@ -11461,6 +11729,12 @@ packages:
       '@webassemblyjs/wasm-gen': 1.9.0
     dev: true
 
+  /@webassemblyjs/ieee754@1.11.1:
+    resolution: {integrity: sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==}
+    dependencies:
+      '@xtuc/ieee754': 1.2.0
+    dev: true
+
   /@webassemblyjs/ieee754@1.11.5:
     resolution: {integrity: sha512-37aGq6qVL8A8oPbPrSGMBcp38YZFXcHfiROflJn9jxSdSMMM5dS5P/9e2/TpaJuhE+wFrbukN2WI6Hw9MH5acg==}
     dependencies:
@@ -11472,6 +11746,12 @@ packages:
       '@xtuc/ieee754': 1.2.0
     dev: true
 
+  /@webassemblyjs/leb128@1.11.1:
+    resolution: {integrity: sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==}
+    dependencies:
+      '@xtuc/long': 4.2.2
+    dev: true
+
   /@webassemblyjs/leb128@1.11.5:
     resolution: {integrity: sha512-ajqrRSXaTJoPW+xmkfYN6l8VIeNnR4vBOTQO9HzR7IygoCcKWkICbKFbVTNMjMgMREqXEr0+2M6zukzM47ZUfQ==}
     dependencies:
@@ -11483,6 +11763,10 @@ packages:
       '@xtuc/long': 4.2.2
     dev: true
 
+  /@webassemblyjs/utf8@1.11.1:
+    resolution: {integrity: sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==}
+    dev: true
+
   /@webassemblyjs/utf8@1.11.5:
     resolution: {integrity: sha512-WiOhulHKTZU5UPlRl53gHR8OxdGsSOxqfpqWeA2FmcwBMaoEdz6b2x2si3IwC9/fSPLfe8pBMRTHVMk5nlwnFQ==}
 
@@ -11490,6 +11774,19 @@ packages:
     resolution: {integrity: sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==}
     dev: true
 
+  /@webassemblyjs/wasm-edit@1.11.1:
+    resolution: {integrity: sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/helper-buffer': 1.11.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.11.1
+      '@webassemblyjs/helper-wasm-section': 1.11.1
+      '@webassemblyjs/wasm-gen': 1.11.1
+      '@webassemblyjs/wasm-opt': 1.11.1
+      '@webassemblyjs/wasm-parser': 1.11.1
+      '@webassemblyjs/wast-printer': 1.11.1
+    dev: true
+
   /@webassemblyjs/wasm-edit@1.11.5:
     resolution: {integrity: sha512-C0p9D2fAu3Twwqvygvf42iGCQ4av8MFBLiTb+08SZ4cEdwzWx9QeAHDo1E2k+9s/0w1DM40oflJOpkZ8jW4HCQ==}
     dependencies:
@@ -11515,6 +11812,16 @@ packages:
       '@webassemblyjs/wast-printer': 1.9.0
     dev: true
 
+  /@webassemblyjs/wasm-gen@1.11.1:
+    resolution: {integrity: sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.11.1
+      '@webassemblyjs/ieee754': 1.11.1
+      '@webassemblyjs/leb128': 1.11.1
+      '@webassemblyjs/utf8': 1.11.1
+    dev: true
+
   /@webassemblyjs/wasm-gen@1.11.5:
     resolution: {integrity: sha512-14vteRlRjxLK9eSyYFvw1K8Vv+iPdZU0Aebk3j6oB8TQiQYuO6hj9s4d7qf6f2HJr2khzvNldAFG13CgdkAIfA==}
     dependencies:
@@ -11534,6 +11841,15 @@ packages:
       '@webassemblyjs/utf8': 1.9.0
     dev: true
 
+  /@webassemblyjs/wasm-opt@1.11.1:
+    resolution: {integrity: sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/helper-buffer': 1.11.1
+      '@webassemblyjs/wasm-gen': 1.11.1
+      '@webassemblyjs/wasm-parser': 1.11.1
+    dev: true
+
   /@webassemblyjs/wasm-opt@1.11.5:
     resolution: {integrity: sha512-tcKwlIXstBQgbKy1MlbDMlXaxpucn42eb17H29rawYLxm5+MsEmgPzeCP8B1Cl69hCice8LeKgZpRUAPtqYPgw==}
     dependencies:
@@ -11551,6 +11867,17 @@ packages:
       '@webassemblyjs/wasm-parser': 1.9.0
     dev: true
 
+  /@webassemblyjs/wasm-parser@1.11.1:
+    resolution: {integrity: sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/helper-api-error': 1.11.1
+      '@webassemblyjs/helper-wasm-bytecode': 1.11.1
+      '@webassemblyjs/ieee754': 1.11.1
+      '@webassemblyjs/leb128': 1.11.1
+      '@webassemblyjs/utf8': 1.11.1
+    dev: true
+
   /@webassemblyjs/wasm-parser@1.11.5:
     resolution: {integrity: sha512-SVXUIwsLQlc8srSD7jejsfTU83g7pIGr2YYNb9oHdtldSxaOhvA5xwvIiWIfcX8PlSakgqMXsLpLfbbJ4cBYew==}
     dependencies:
@@ -11583,6 +11910,13 @@ packages:
       '@xtuc/long': 4.2.2
     dev: true
 
+  /@webassemblyjs/wast-printer@1.11.1:
+    resolution: {integrity: sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==}
+    dependencies:
+      '@webassemblyjs/ast': 1.11.1
+      '@xtuc/long': 4.2.2
+    dev: true
+
   /@webassemblyjs/wast-printer@1.11.5:
     resolution: {integrity: sha512-f7Pq3wvg3GSPUPzR0F6bmI89Hdb+u9WXrSKc4v+N0aV0q6r42WoF92Jp2jEorBEBRoRNXgjp53nBniDXcqZYPA==}
     dependencies:
@@ -11597,6 +11931,16 @@ packages:
       '@xtuc/long': 4.2.2
     dev: true
 
+  /@webpack-cli/configtest@1.2.0(webpack-cli@4.10.0)(webpack@5.76.2):
+    resolution: {integrity: sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg==}
+    peerDependencies:
+      webpack: 4.x.x || 5.x.x
+      webpack-cli: 4.x.x
+    dependencies:
+      webpack: 5.76.2(webpack-cli@4.10.0)
+      webpack-cli: 4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.76.2)
+    dev: true
+
   /@webpack-cli/configtest@1.2.0(webpack-cli@4.10.0)(webpack@5.88.2):
     resolution: {integrity: sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg==}
     peerDependencies:
@@ -11641,7 +11985,6 @@ packages:
     dependencies:
       jsonparse: 1.3.1
       through: 2.3.8
-    dev: false
 
   /abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
@@ -11712,7 +12055,6 @@ packages:
       acorn: 7.4.1
       acorn-walk: 7.2.0
       xtend: 4.0.2
-    dev: false
 
   /acorn-walk@7.2.0:
     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
@@ -11812,7 +12154,7 @@ packages:
       prop-types-exact: 1.2.0
       react: 16.14.0
       react-is: 16.13.1
-    dev: false
+    dev: true
 
   /ajv-errors@1.0.1(ajv@6.12.6):
     resolution: {integrity: sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==}
@@ -12161,7 +12503,6 @@ packages:
       es-abstract: 1.21.1
       es-array-method-boxes-properly: 1.0.0
       is-string: 1.0.7
-    dev: false
 
   /array.prototype.find@2.2.1:
     resolution: {integrity: sha512-I2ri5Z9uMpMvnsNrHre9l3PaX+z9D0/z6F7Yt2u15q7wt0I62g5kX6xUKR1SJiefgG+u2/gJUmM8B47XRvQR6w==}
@@ -12170,7 +12511,7 @@ packages:
       define-properties: 1.2.0
       es-abstract: 1.21.1
       es-shim-unscopables: 1.0.0
-    dev: false
+    dev: true
 
   /array.prototype.flat@1.3.1:
     resolution: {integrity: sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==}
@@ -12673,6 +13014,21 @@ packages:
       webpack: 4.46.0
     dev: true
 
+  /babel-loader@8.3.0(@babel/core@7.22.9)(webpack@5.76.2):
+    resolution: {integrity: sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==}
+    engines: {node: '>= 8.9'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      webpack: '>=2'
+    dependencies:
+      '@babel/core': 7.22.9
+      find-cache-dir: 3.3.2
+      loader-utils: 2.0.4
+      make-dir: 3.1.0
+      schema-utils: 2.7.1
+      webpack: 5.76.2(webpack-cli@4.10.0)
+    dev: true
+
   /babel-loader@8.3.0(@babel/core@7.22.9)(webpack@5.88.2):
     resolution: {integrity: sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==}
     engines: {node: '>= 8.9'}
@@ -12831,7 +13187,6 @@ packages:
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   /babel-plugin-polyfill-corejs2@0.4.4(@babel/core@7.20.12):
     resolution: {integrity: sha512-9WeK9snM1BfxB38goUEv2FLnA6ja07UMfazFHzCXUb3NyDZAwfXvQiURQ6guTTMeHcOsdknULm1PDhs4uWtKyA==}
@@ -12902,7 +13257,6 @@ packages:
       core-js-compat: 3.31.1
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   /babel-plugin-polyfill-corejs3@0.8.2(@babel/core@7.20.12):
     resolution: {integrity: sha512-Cid+Jv1BrY9ReW9lIfNlNpsI53N+FN7gE+f73zLAUbr9C52W4gKLWSByx47pfDJsEysojKArqOtOKZSVIIUTuQ==}
@@ -12956,7 +13310,6 @@ packages:
       '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.22.9)
     transitivePeerDependencies:
       - supports-color
-    dev: false
 
   /babel-plugin-polyfill-regenerator@0.5.1(@babel/core@7.20.12):
     resolution: {integrity: sha512-L8OyySuI6OSQ5hFy9O+7zFjyr4WhAfRjLIOkhQGYl+emwJkd/S4XXT1JpfrgR1jrQ1NcGiOh+yAdGlF8pnC3Jw==}
@@ -13506,7 +13859,7 @@ packages:
       '@babel/plugin-proposal-optional-chaining': 7.17.12(@babel/core@7.20.12)
       '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.20.12)
       '@babel/plugin-transform-classes': 7.22.6(@babel/core@7.20.12)
-      '@babel/plugin-transform-runtime': 7.21.0(@babel/core@7.20.12)
+      '@babel/plugin-transform-runtime': 7.19.6(@babel/core@7.20.12)
       '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.20.12)
       '@babel/preset-env': 7.22.9(@babel/core@7.20.12)
       '@babel/preset-react': 7.22.5(@babel/core@7.20.12)
@@ -13555,7 +13908,7 @@ packages:
       '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.22.9)
       '@babel/plugin-transform-flow-strip-types': 7.21.0(@babel/core@7.22.9)
       '@babel/plugin-transform-react-display-name': 7.22.5(@babel/core@7.22.9)
-      '@babel/plugin-transform-runtime': 7.21.0(@babel/core@7.22.9)
+      '@babel/plugin-transform-runtime': 7.19.6(@babel/core@7.22.9)
       '@babel/preset-env': 7.22.9(@babel/core@7.22.9)
       '@babel/preset-react': 7.22.5(@babel/core@7.22.9)
       '@babel/preset-typescript': 7.22.5(@babel/core@7.22.9)
@@ -13689,6 +14042,10 @@ packages:
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  /base-64@1.0.0:
+    resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}
+    dev: true
+
   /base64-arraybuffer@0.1.4:
     resolution: {integrity: sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg==}
     engines: {node: '>= 0.6.0'}
@@ -14000,7 +14357,6 @@ packages:
       safe-buffer: 5.2.1
       through2: 2.0.5
       umd: 3.0.3
-    dev: false
 
   /browser-process-hrtime@1.0.0:
     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
@@ -14009,7 +14365,6 @@ packages:
     resolution: {integrity: sha512-7sWsQlYL2rGLy2IWm8WL8DCTJvYLc/qlOnsakDac87SOoCd16WLsaAMdCiAqsTNHIe+SXfaqyxyo6THoWqs8WQ==}
     dependencies:
       resolve: 1.22.2
-    dev: false
 
   /browser-stdout@1.3.1:
     resolution: {integrity: sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==}
@@ -14117,7 +14472,6 @@ packages:
       util: 0.12.5
       vm-browserify: 1.1.2
       xtend: 4.0.2
-    dev: false
 
   /browserslist@3.2.8:
     resolution: {integrity: sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==}
@@ -14216,7 +14570,6 @@ packages:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
-    dev: false
 
   /buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
@@ -14374,7 +14727,6 @@ packages:
 
   /cached-path-relative@1.1.0:
     resolution: {integrity: sha512-WF0LihfemtesFcJgO7xfOoOcnWzY/QHR4qeDqV44jPU3HTI54+LnfXK3SA27AVVGCdZFgjjFFaqUA9Jx7dMJZA==}
-    dev: false
 
   /cachedir@2.3.0:
     resolution: {integrity: sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==}
@@ -14584,7 +14936,6 @@ packages:
       domelementtype: 2.3.0
       domhandler: 5.0.3
       domutils: 3.0.1
-    dev: false
 
   /cheerio@1.0.0-rc.12:
     resolution: {integrity: sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==}
@@ -14597,7 +14948,6 @@ packages:
       htmlparser2: 8.0.1
       parse5: 7.1.2
       parse5-htmlparser2-tree-adapter: 7.0.0
-    dev: false
 
   /chokidar@2.1.8:
     resolution: {integrity: sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==}
@@ -14811,8 +15161,8 @@ packages:
       q: 1.5.1
     dev: false
 
-  /codemirror@5.65.12:
-    resolution: {integrity: sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==}
+  /codemirror@5.65.13:
+    resolution: {integrity: sha512-SVWEzKXmbHmTQQWaz03Shrh4nybG0wXx2MEu3FO4ezbPW8IbnZEd5iGHGEffSUaitKYa3i+pHpBsSvw8sPHtzg==}
 
   /collapse-white-space@1.0.6:
     resolution: {integrity: sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ==}
@@ -14885,7 +15235,6 @@ packages:
       inline-source-map: 0.6.2
       lodash.memoize: 3.0.4
       source-map: 0.5.7
-    dev: false
 
   /combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
@@ -15130,7 +15479,6 @@ packages:
 
   /convert-source-map@1.1.3:
     resolution: {integrity: sha512-Y8L5rp6jo+g9VEPgvqNfEopjTR4OTYct8lXlS8iVQdmnjDvbdbzYe9rjtFCB9egC86JoNCU61WRY+ScjkZpnIg==}
-    dev: false
 
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
@@ -15187,6 +15535,21 @@ packages:
     resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
     engines: {node: '>=0.10.0'}
 
+  /copy-webpack-plugin@9.1.0(webpack@5.76.2):
+    resolution: {integrity: sha512-rxnR7PaGigJzhqETHGmAcxKnLZSR5u1Y3/bcIv/1FnqXedcL/E2ewK7ZCNrArJKCiSv8yVXhTqetJh8inDvfsA==}
+    engines: {node: '>= 12.13.0'}
+    peerDependencies:
+      webpack: ^5.1.0
+    dependencies:
+      fast-glob: 3.2.12
+      glob-parent: 6.0.2
+      globby: 11.1.0
+      normalize-path: 3.0.0
+      schema-utils: 3.3.0
+      serialize-javascript: 6.0.1
+      webpack: 5.76.2(webpack-cli@4.10.0)
+    dev: true
+
   /copy-webpack-plugin@9.1.0(webpack@5.88.2):
     resolution: {integrity: sha512-rxnR7PaGigJzhqETHGmAcxKnLZSR5u1Y3/bcIv/1FnqXedcL/E2ewK7ZCNrArJKCiSv8yVXhTqetJh8inDvfsA==}
     engines: {node: '>= 12.13.0'}
@@ -15197,7 +15560,7 @@ packages:
       glob-parent: 6.0.2
       globby: 11.1.0
       normalize-path: 3.0.0
-      schema-utils: 3.1.1
+      schema-utils: 3.3.0
       serialize-javascript: 6.0.1
       webpack: 5.88.2(webpack-cli@4.10.0)
     dev: true
@@ -15524,6 +15887,23 @@ packages:
       webpack: 5.88.2(webpack-cli@4.10.0)
     dev: false
 
+  /css-loader@6.8.1(webpack@5.76.2):
+    resolution: {integrity: sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==}
+    engines: {node: '>= 12.13.0'}
+    peerDependencies:
+      webpack: ^5.0.0
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.27)
+      postcss: 8.4.27
+      postcss-modules-extract-imports: 3.0.0(postcss@8.4.27)
+      postcss-modules-local-by-default: 4.0.3(postcss@8.4.27)
+      postcss-modules-scope: 3.0.0(postcss@8.4.27)
+      postcss-modules-values: 4.0.0(postcss@8.4.27)
+      postcss-value-parser: 4.2.0
+      semver: 7.5.3
+      webpack: 5.76.2(webpack-cli@4.10.0)
+    dev: true
+
   /css-mediaquery@0.1.2:
     resolution: {integrity: sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==}
     dev: false
@@ -15618,7 +15998,6 @@ packages:
       domhandler: 5.0.3
       domutils: 3.0.1
       nth-check: 2.1.1
-    dev: false
 
   /css-selector-parser@1.4.1:
     resolution: {integrity: sha512-HYPSb7y/Z7BNDCOrakL4raGO2zltZkbeXyAd6Tg9obzix6QhzxCotdBl6VT0Dv4vZfJGVz3WL/xaEI9Ly3ul0g==}
@@ -15845,7 +16224,6 @@ packages:
 
   /dash-ast@1.0.0:
     resolution: {integrity: sha512-Vy4dx7gquTeMcQR/hDkYLGUnwVil6vk4FOOct+djUnHOUWt+zJPJAaRIXaAFkPXtJjvlY7o3rfRu0/3hpnwoUA==}
-    dev: false
 
   /dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
@@ -16129,7 +16507,6 @@ packages:
 
   /defined@1.0.1:
     resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
-    dev: false
 
   /del@5.1.0:
     resolution: {integrity: sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA==}
@@ -16173,7 +16550,6 @@ packages:
       shasum-object: 1.0.0
       subarg: 1.0.0
       through2: 2.0.5
-    dev: false
 
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
@@ -16255,7 +16631,6 @@ packages:
       acorn-node: 1.8.2
       defined: 1.0.1
       minimist: 1.2.8
-    dev: false
 
   /devcert@1.2.2:
     resolution: {integrity: sha512-UsLqvtJGPiGwsIZnJINUnFYaWgK7CroreGRndWHZkRD58tPFr3pVbbSyHR8lbh41+azR4jKvuNZ+eCoBZGA5kA==}
@@ -16360,7 +16735,6 @@ packages:
 
   /discontinuous-range@1.0.0:
     resolution: {integrity: sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==}
-    dev: false
 
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
@@ -16616,7 +16990,6 @@ packages:
     resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
     dependencies:
       readable-stream: 2.3.8
-    dev: false
 
   /duplexer3@0.1.5:
     resolution: {integrity: sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==}
@@ -16829,7 +17202,7 @@ packages:
       react-is: 16.13.1
       react-test-renderer: 16.14.0(react@16.14.0)
       semver: 5.7.1
-    dev: false
+    dev: true
 
   /enzyme-adapter-utils@1.14.1(react@16.14.0):
     resolution: {integrity: sha512-JZgMPF1QOI7IzBj24EZoDpaeG/p8Os7WeBZWTJydpsH7JRStc7jYbHE4CmNQaLqazaGFyLM8ALWA3IIZvxW3PQ==}
@@ -16844,14 +17217,13 @@ packages:
       prop-types: 15.8.1
       react: 16.14.0
       semver: 5.7.1
-    dev: false
+    dev: true
 
   /enzyme-shallow-equal@1.0.5:
     resolution: {integrity: sha512-i6cwm7hN630JXenxxJFBKzgLC3hMTafFQXflvzHgPmDhOBhxUWDe8AeRv1qp2/uWJ2Y8z5yLWMzmAfkTOiOCZg==}
     dependencies:
       has: 1.0.3
       object-is: 1.1.5
-    dev: false
 
   /enzyme@3.11.0:
     resolution: {integrity: sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==}
@@ -16878,7 +17250,6 @@ packages:
       raf: 3.4.1
       rst-selector-parser: 2.2.3
       string.prototype.trim: 1.2.7
-    dev: false
 
   /eol@0.9.1:
     resolution: {integrity: sha512-Ds/TEoZjwggRoz/Q2O7SE3i4Jm66mqTDfmdHdq/7DKVk3bro9Q8h6WdXKdPqFLMoqxrDK5SVRzHVPOS6uuGtrg==}
@@ -16954,6 +17325,10 @@ packages:
       isarray: 2.0.5
       stop-iteration-iterator: 1.0.0
 
+  /es-module-lexer@0.9.3:
+    resolution: {integrity: sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==}
+    dev: true
+
   /es-module-lexer@1.2.1:
     resolution: {integrity: sha512-9978wrXM50Y4rTMmW5kXIC09ZdXQZqkE4mxhwkd8VbzsGkXGPgV4zWuqQJgCEzYngdo2dYDa0l8xhX4fkSwJSg==}
 
@@ -17315,7 +17690,7 @@ packages:
       minimatch: 3.1.2
       object.values: 1.1.6
       resolve: 1.22.2
-      semver: 6.3.1
+      semver: 6.3.0
       tsconfig-paths: 3.14.2
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
@@ -17410,7 +17785,7 @@ packages:
       minimatch: 3.1.2
       object.entries: 1.1.6
       object.fromentries: 2.0.6
-      semver: 6.3.1
+      semver: 6.3.0
 
   /eslint-plugin-jsx-a11y@6.7.1(eslint@8.45.0):
     resolution: {integrity: sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==}
@@ -19579,7 +19954,6 @@ packages:
 
   /get-assigned-identifiers@1.2.0:
     resolution: {integrity: sha512-mBBwmeGTrxEMO4pMaaf/uUEFHnYtwr8FTe8Y/mer4rcV/bye0qGm6pw1bGZFGStxC5O76c5ZAVBGnqHmOaJpdQ==}
-    dev: false
 
   /get-caller-file@1.0.3:
     resolution: {integrity: sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==}
@@ -20401,7 +20775,6 @@ packages:
     dependencies:
       array.prototype.filter: 1.0.2
       call-bind: 1.0.2
-    dev: false
 
   /html-encoding-sniffer@2.0.1:
     resolution: {integrity: sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==}
@@ -20500,7 +20873,6 @@ packages:
   /htmlescape@1.1.1:
     resolution: {integrity: sha512-eVcrzgbR4tim7c7soKQKtxa/kQM4TzjnlU83rcZ9bHU6t31ehfV7SktN6McWgwPWg+JYMA/O3qpGxBvFq1z2Jg==}
     engines: {node: '>=0.10'}
-    dev: false
 
   /htmlparser2@4.1.0:
     resolution: {integrity: sha512-4zDq1a1zhE4gQso/c5LP1OtrhYTncXNSpvJYtWJBtXAETPlMfi3IFNjGuQbYLuVY4ZR0QMqRVvo4Pdy9KLyP8Q==}
@@ -20906,7 +21278,6 @@ packages:
     resolution: {integrity: sha512-0mVWSSbNDvedDWIN4wxLsdPM4a7cIPcpyMxj3QZ406QRwQ6ePGB1YIHxVPjqpcUGbWQ5C+nHTwGNWAGvt7ggVA==}
     dependencies:
       source-map: 0.5.7
-    dev: false
 
   /inline-style-parser@0.1.1:
     resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
@@ -20964,7 +21335,6 @@ packages:
       through2: 2.0.5
       undeclared-identifiers: 1.1.3
       xtend: 4.0.2
-    dev: false
 
   /internal-slot@1.0.5:
     resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
@@ -21232,7 +21602,6 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       has-tostringtag: 1.0.0
-    dev: false
 
   /is-glob@2.0.1:
     resolution: {integrity: sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==}
@@ -21461,7 +21830,6 @@ packages:
 
   /is-subset@0.1.1:
     resolution: {integrity: sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==}
-    dev: false
 
   /is-symbol@1.0.4:
     resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
@@ -22798,6 +23166,10 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /jquery@3.6.4:
+    resolution: {integrity: sha512-v28EW9DWDFpzcD9O5iyJXg3R3+q+mET5JhnjJzQUZMHOv67bpSIHq81GEYpPNZHG+XXHsfSme3nxp/hndKEcsQ==}
+    dev: true
+
   /jquery@3.7.0:
     resolution: {integrity: sha512-umpJ0/k8X0MvD1ds0P9SfowREz2LenHsQaxSohMZ5OMNEU2r0tf8pdeEFTHMFxWVxKNyU9rTtK3CWzUCTKJUeQ==}
     dev: false
@@ -23013,7 +23385,6 @@ packages:
   /jsonparse@1.3.1:
     resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
     engines: {'0': node >= 0.2.0}
-    dev: false
 
   /jsonpointer@5.0.1:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
@@ -23159,7 +23530,6 @@ packages:
     dependencies:
       inherits: 2.0.4
       stream-splicer: 2.0.1
-    dev: false
 
   /language-subtag-registry@0.3.22:
     resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==}
@@ -23419,7 +23789,6 @@ packages:
 
   /lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-    dev: false
 
   /lodash.camelcase@4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
@@ -23436,7 +23805,6 @@ packages:
 
   /lodash.escape@4.0.1:
     resolution: {integrity: sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==}
-    dev: false
 
   /lodash.every@4.6.0:
     resolution: {integrity: sha512-isF82d+65/sNvQ3aaQAW7LLHnnTxSN/2fm4rhYyuufLzA4VtHz6y6S5vFwe6PQVr2xdqUOyxBbTNKDpnmeu50w==}
@@ -23494,7 +23862,6 @@ packages:
 
   /lodash.memoize@3.0.4:
     resolution: {integrity: sha512-eDn9kqrAmVUC1wmZvlQ6Uhde44n+tXpqPrN8olQJbttgh0oKclk+SF54P47VEGE9CEiMeRwAP8BaM7UHvBkz2A==}
-    dev: false
 
   /lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
@@ -24881,7 +25248,6 @@ packages:
 
   /mkdirp-classic@0.5.3:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-    dev: false
 
   /mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
@@ -24961,7 +25327,6 @@ packages:
       subarg: 1.0.0
       through2: 2.0.5
       xtend: 4.0.2
-    dev: false
 
   /moment-timezone@0.5.33:
     resolution: {integrity: sha512-PTc2vcT8K9J5/9rDEPe5czSIKgLoGsH8UNpA4qZTVw0Vd/Uz19geE9abbIOQKaAQFcnQ3v5YEXrbSc5BpshH+w==}
@@ -25095,7 +25460,6 @@ packages:
 
   /moo@0.5.2:
     resolution: {integrity: sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==}
-    dev: false
 
   /morgan@1.10.0:
     resolution: {integrity: sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==}
@@ -25284,7 +25648,6 @@ packages:
       moo: 0.5.2
       railroad-diagrams: 1.0.0
       randexp: 0.4.6
-    dev: false
 
   /negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
@@ -26064,7 +26427,6 @@ packages:
     resolution: {integrity: sha512-mXKF3xkoUt5td2DoxpLmtOmZvko9VfFpwRwkKDHSNvgmpLAeBo18YDhcPbBzJq+QLCHMbGOfzia2cX4U+0v9Mg==}
     dependencies:
       path-platform: 0.11.15
-    dev: false
 
   /parse-asn1@5.1.6:
     resolution: {integrity: sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==}
@@ -26183,7 +26545,6 @@ packages:
     dependencies:
       domhandler: 5.0.3
       parse5: 7.1.2
-    dev: false
 
   /parse5@6.0.1:
     resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
@@ -26340,7 +26701,6 @@ packages:
   /path-platform@0.11.15:
     resolution: {integrity: sha512-Y30dB6rab1A/nfEKsZxmr01nUotHX0c/ZiIAsCTatEe1CmS5Pm5He7fZ195bPT7RdquoaL8lLxFCMQi/bS7IJg==}
     engines: {node: '>= 0.8.0'}
-    dev: false
 
   /path-to-regexp@0.1.7:
     resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
@@ -27095,6 +27455,18 @@ packages:
       postcss-selector-parser: 6.0.11
       postcss-value-parser: 4.2.0
 
+  /postcss-modules-local-by-default@4.0.3(postcss@8.4.27):
+    resolution: {integrity: sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==}
+    engines: {node: ^10 || ^12 || >= 14}
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.27)
+      postcss: 8.4.27
+      postcss-selector-parser: 6.0.11
+      postcss-value-parser: 4.2.0
+    dev: true
+
   /postcss-modules-scope@2.2.0:
     resolution: {integrity: sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==}
     engines: {node: '>= 6'}
@@ -27681,7 +28053,7 @@ packages:
       has: 1.0.3
       object.assign: 4.1.4
       reflect.ownkeys: 0.2.0
-    dev: false
+    dev: true
 
   /prop-types-extra@1.1.1(react@16.14.0):
     resolution: {integrity: sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==}
@@ -27841,6 +28213,18 @@ packages:
     resolution: {integrity: sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==}
     dev: true
 
+  /pyodide@0.23.3:
+    resolution: {integrity: sha512-t95Nu73ENjwoRhThmxvZIHMD7GXTJ3uOt/E0sJ1TxjBvoU/qPys4SV08FtZBMEnpMRKFzE4uecvx2c0qybSZhw==}
+    dependencies:
+      base-64: 1.0.0
+      node-fetch: 2.6.12
+      ws: 8.12.1
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - utf-8-validate
+    dev: true
+
   /q@1.5.1:
     resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
     engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
@@ -27935,11 +28319,9 @@ packages:
     resolution: {integrity: sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==}
     dependencies:
       performance-now: 2.1.0
-    dev: false
 
   /railroad-diagrams@1.0.0:
     resolution: {integrity: sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==}
-    dev: false
 
   /ramda@0.28.0:
     resolution: {integrity: sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==}
@@ -27951,7 +28333,6 @@ packages:
     dependencies:
       discontinuous-range: 1.0.0
       ret: 0.1.15
-    dev: false
 
   /random-bytes@1.0.0:
     resolution: {integrity: sha512-iv7LhNVO047HzYR3InF6pUcUsPQiHTM1Qal51DcGSuZFBil1aBBWG5eHPNek7bvILMaYJ/8RU1e8w1AMdHmLQQ==}
@@ -28581,6 +28962,7 @@ packages:
       react: 16.14.0
       react-is: 16.13.1
       scheduler: 0.19.1
+    dev: true
 
   /react-tooltip@4.5.1(react-dom@16.14.0)(react@16.14.0):
     resolution: {integrity: sha512-Zo+CSFUGXar1uV+bgXFFDe7VeS2iByeIp5rTgTcc2HqtuOS5D76QapejNNfx320MCY91TlhTQat36KGFTqgcvw==}
@@ -28654,7 +29036,6 @@ packages:
     resolution: {integrity: sha512-3ALe0bjBVZtkdWKIcThYpQCLbBMd/+Tbh2CDSrAIDO3UsZ4Xs+tnyjv2MjCOMMgBG+AsUOeuP1cgtY1INISc8w==}
     dependencies:
       readable-stream: 2.3.8
-    dev: false
 
   /read-pkg-up@1.0.1:
     resolution: {integrity: sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==}
@@ -28894,7 +29275,7 @@ packages:
 
   /reflect.ownkeys@0.2.0:
     resolution: {integrity: sha512-qOLsBKHCpSOFKK1NUOCGC5VyeufB6lEsFe92AL2bhIJsacZS1qdoOZSbPk3MYKuT2cFlRDnulKXuuElIrMjGUg==}
-    dev: false
+    dev: true
 
   /regenerate-unicode-properties@10.1.0:
     resolution: {integrity: sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==}
@@ -29521,7 +29902,6 @@ packages:
     dependencies:
       lodash.flattendeep: 4.4.0
       nearley: 2.20.1
-    dev: false
 
   /rsvp@4.8.5:
     resolution: {integrity: sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==}
@@ -29687,7 +30067,6 @@ packages:
 
   /sass.js@0.11.1:
     resolution: {integrity: sha512-X9AtzYFr/HZ+pDIxX6xN74w/H9JjnDHqZcsYY8mr/SpCyhDVN1pJ3G0Q9rb+z3pZ7obZdYuTYMbKl1ALuhbZDw==}
-    dev: false
 
   /sax@1.2.1:
     resolution: {integrity: sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA==}
@@ -29741,15 +30120,6 @@ packages:
       ajv: 6.12.6
       ajv-keywords: 3.5.2(ajv@6.12.6)
 
-  /schema-utils@3.1.1:
-    resolution: {integrity: sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==}
-    engines: {node: '>= 10.13.0'}
-    dependencies:
-      '@types/json-schema': 7.0.11
-      ajv: 6.12.6
-      ajv-keywords: 3.5.2(ajv@6.12.6)
-    dev: true
-
   /schema-utils@3.3.0:
     resolution: {integrity: sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==}
     engines: {node: '>= 10.13.0'}
@@ -30005,7 +30375,6 @@ packages:
     resolution: {integrity: sha512-Iqo5rp/3xVi6M4YheapzZhhGPVs0yZwHj7wvwQ1B9z8H6zk+FEnI7y3Teq7qwnekfEhu8WmG2z0z4iWZaxLWVg==}
     dependencies:
       fast-safe-stringify: 2.1.1
-    dev: false
 
   /shebang-command@1.2.0:
     resolution: {integrity: sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==}
@@ -30070,7 +30439,6 @@ packages:
 
   /simple-concat@1.0.1:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-    dev: false
 
   /simple-get@4.0.1:
     resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
@@ -30585,14 +30953,12 @@ packages:
     dependencies:
       inherits: 2.0.4
       readable-stream: 3.6.1
-    dev: false
 
   /stream-combiner2@1.1.1:
     resolution: {integrity: sha512-3PnJbYgS56AeWgtKF5jtJRT6uFJe56Z0Hc5Ngg/6sI6rIt8iiMBTa9cvdyFfpMQjaVHr8dusbNeFGIIonxOvKw==}
     dependencies:
       duplexer2: 0.1.4
       readable-stream: 2.3.8
-    dev: false
 
   /stream-combiner@0.0.2:
     resolution: {integrity: sha512-Z2D5hPQapscuHNqiyUgjnF1sxG/9CB7gs1a9vcS2/OvMiFwmm6EZw9IjbU34l5mPXS62RidpoBdyB83E0GXHLw==}
@@ -30637,7 +31003,6 @@ packages:
       inherits: 2.0.4
       readable-stream: 3.6.1
       xtend: 4.0.2
-    dev: false
 
   /stream-serializer@1.1.2:
     resolution: {integrity: sha512-I/GbDmZwBLn4/gpW4gOwt+jc/cVXt0kQwLOBuY/YLIACfwAnK88qzvSHyyu1+YgoALrWTgbnAVRRirVjGUCTBg==}
@@ -30652,7 +31017,6 @@ packages:
     dependencies:
       inherits: 2.0.4
       readable-stream: 2.3.8
-    dev: false
 
   /streamsearch@0.1.2:
     resolution: {integrity: sha512-jos8u++JKm0ARcSUTAZXOVC0mSox7Bhn6sBgty73P1f3JGf7yG2clTbBNHUdde/kdvP2FESam+vM6l8jBrNxHA==}
@@ -30759,7 +31123,6 @@ packages:
       call-bind: 1.0.2
       define-properties: 1.2.0
       es-abstract: 1.21.1
-    dev: false
 
   /string.prototype.trimend@1.0.6:
     resolution: {integrity: sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==}
@@ -31056,6 +31419,15 @@ packages:
       webpack: 5.88.2(webpack-cli@4.10.0)
     dev: false
 
+  /style-loader@3.3.3(webpack@5.76.2):
+    resolution: {integrity: sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==}
+    engines: {node: '>= 12.13.0'}
+    peerDependencies:
+      webpack: ^5.0.0
+    dependencies:
+      webpack: 5.76.2(webpack-cli@4.10.0)
+    dev: true
+
   /style-to-object@0.3.0:
     resolution: {integrity: sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==}
     dependencies:
@@ -31075,7 +31447,6 @@ packages:
     resolution: {integrity: sha512-RIrIdRY0X1xojthNcVtgT9sjpOGagEUKpZdgBUi054OEPFo282yg+zE+t1Rj3+RqKq2xStL7uUHhY+AjbC4BXg==}
     dependencies:
       minimist: 1.2.8
-    dev: false
 
   /subscriptions-transport-ws@0.9.19(graphql@15.8.0):
     resolution: {integrity: sha512-dxdemxFFB0ppCLg10FTtRqH/31FNRL1y1BQv8209MK5I4CwALb7iihQg+7p65lFcIl8MHatINWBLOqpgU4Kyyw==}
@@ -31276,7 +31647,6 @@ packages:
     resolution: {integrity: sha512-YPPlu67mdnHGTup2A8ff7BC2Pjq0e0Yp/IyTFN03zWO0RcK07uLcbi7C2KpGR2FvWbaB0+bfE27a+sBKebSo7w==}
     dependencies:
       acorn-node: 1.8.2
-    dev: false
 
   /table@6.8.1:
     resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
@@ -31502,6 +31872,30 @@ packages:
       terser: 5.16.5
       webpack: 5.88.2(webpack-cli@4.10.0)
 
+  /terser-webpack-plugin@5.3.7(webpack@5.76.2):
+    resolution: {integrity: sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@swc/core': '*'
+      esbuild: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      esbuild:
+        optional: true
+      uglify-js:
+        optional: true
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.18
+      jest-worker: 27.5.1
+      schema-utils: 3.3.0
+      serialize-javascript: 6.0.1
+      terser: 5.16.5
+      webpack: 5.76.2(webpack-cli@4.10.0)
+    dev: true
+
   /terser-webpack-plugin@5.3.7(webpack@5.88.2):
     resolution: {integrity: sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==}
     engines: {node: '>= 10.13.0'}
@@ -31610,7 +32004,6 @@ packages:
     engines: {node: '>=0.6.0'}
     dependencies:
       process: 0.11.10
-    dev: false
 
   /timers-browserify@2.0.12:
     resolution: {integrity: sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==}
@@ -31973,7 +32366,6 @@ packages:
 
   /tty-browserify@0.0.1:
     resolution: {integrity: sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==}
-    dev: false
 
   /tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
@@ -32112,7 +32504,6 @@ packages:
   /umd@3.0.3:
     resolution: {integrity: sha512-4IcGSufhFshvLNcMCV80UnQVlZ5pMOC8mvNPForqwA4+lzYQuetTESLDQkeLmihq8bRcnpbQa48Wb8Lh16/xow==}
     hasBin: true
-    dev: false
 
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
@@ -32151,7 +32542,6 @@ packages:
       get-assigned-identifiers: 1.2.0
       simple-concat: 1.0.1
       xtend: 4.0.2
-    dev: false
 
   /undefsafe@2.0.5:
     resolution: {integrity: sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==}
@@ -32655,7 +33045,6 @@ packages:
       is-generator-function: 1.0.10
       is-typed-array: 1.1.10
       which-typed-array: 1.1.9
-    dev: false
 
   /utila@0.4.0:
     resolution: {integrity: sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==}
@@ -32981,6 +33370,42 @@ packages:
       - bufferutil
       - utf-8-validate
 
+  /webpack-cli@4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.76.2):
+    resolution: {integrity: sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    peerDependencies:
+      '@webpack-cli/generators': '*'
+      '@webpack-cli/migrate': '*'
+      webpack: 4.x.x || 5.x.x
+      webpack-bundle-analyzer: '*'
+      webpack-dev-server: '*'
+    peerDependenciesMeta:
+      '@webpack-cli/generators':
+        optional: true
+      '@webpack-cli/migrate':
+        optional: true
+      webpack-bundle-analyzer:
+        optional: true
+      webpack-dev-server:
+        optional: true
+    dependencies:
+      '@discoveryjs/json-ext': 0.5.7
+      '@webpack-cli/configtest': 1.2.0(webpack-cli@4.10.0)(webpack@5.76.2)
+      '@webpack-cli/info': 1.5.0(webpack-cli@4.10.0)
+      '@webpack-cli/serve': 1.7.0(webpack-cli@4.10.0)
+      colorette: 2.0.19
+      commander: 7.2.0
+      cross-spawn: 7.0.3
+      fastest-levenshtein: 1.0.16
+      import-local: 3.1.0
+      interpret: 2.2.0
+      rechoir: 0.7.1
+      webpack: 5.76.2(webpack-cli@4.10.0)
+      webpack-bundle-analyzer: 4.9.0
+      webpack-merge: 5.8.0
+    dev: true
+
   /webpack-cli@4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.88.2):
     resolution: {integrity: sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==}
     engines: {node: '>=10.13.0'}
@@ -33227,6 +33652,47 @@ packages:
       - supports-color
     dev: true
 
+  /webpack@5.76.2(webpack-cli@4.10.0):
+    resolution: {integrity: sha512-Th05ggRm23rVzEOlX8y67NkYCHa9nTNcwHPBhdg+lKG+mtiW7XgggjAeeLnADAe7mLjJ6LUNfgHAuRRh+Z6J7w==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    peerDependencies:
+      webpack-cli: '*'
+    peerDependenciesMeta:
+      webpack-cli:
+        optional: true
+    dependencies:
+      '@types/eslint-scope': 3.7.4
+      '@types/estree': 0.0.51
+      '@webassemblyjs/ast': 1.11.1
+      '@webassemblyjs/wasm-edit': 1.11.1
+      '@webassemblyjs/wasm-parser': 1.11.1
+      acorn: 8.9.0
+      acorn-import-assertions: 1.9.0(acorn@8.9.0)
+      browserslist: 4.21.9
+      chrome-trace-event: 1.0.3
+      enhanced-resolve: 5.15.0
+      es-module-lexer: 0.9.3
+      eslint-scope: 5.1.1
+      events: 3.3.0
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+      json-parse-even-better-errors: 2.3.1
+      loader-runner: 4.3.0
+      mime-types: 2.1.35
+      neo-async: 2.6.2
+      schema-utils: 3.3.0
+      tapable: 2.2.1
+      terser-webpack-plugin: 5.3.7(webpack@5.76.2)
+      watchpack: 2.4.0
+      webpack-cli: 4.10.0(webpack-bundle-analyzer@4.9.0)(webpack@5.76.2)
+      webpack-sources: 3.2.3
+    transitivePeerDependencies:
+      - '@swc/core'
+      - esbuild
+      - uglify-js
+    dev: true
+
   /webpack@5.88.2(webpack-cli@4.10.0):
     resolution: {integrity: sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==}
     engines: {node: '>=10.13.0'}
@@ -33752,6 +34218,18 @@ packages:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
 
+  /xterm-addon-fit@0.7.0(xterm@5.2.1):
+    resolution: {integrity: sha512-tQgHGoHqRTgeROPnvmtEJywLKoC/V9eNs4bLLz7iyJr1aW/QFzRwfd3MGiJ6odJd9xEfxcW36/xRU47JkD5NKQ==}
+    peerDependencies:
+      xterm: ^5.0.0
+    dependencies:
+      xterm: 5.2.1
+    dev: false
+
+  /xterm@5.2.1:
+    resolution: {integrity: sha512-cs5Y1fFevgcdoh2hJROMVIWwoBHD80P1fIP79gopLHJIE4kTzzblanoivxTiQ4+92YM9IxS36H1q0MxIJXQBcA==}
+    dev: false
+
   /y18n@4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index bde146ad522..81b6f71e01e 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -2,13 +2,12 @@ packages:
   - 'api'
   - 'api-server'
   - 'client'
-  - 'client/plugins/fcc-source-challenges'
-  - 'client/plugins/gatsby-remark-node-identity'
   - 'curriculum'
   - 'tools/challenge-editor/api'
   - 'tools/challenge-editor/client'
   - 'tools/challenge-helper-scripts'
   - 'tools/challenge-parser'
+  - 'tools/client-plugins/*'
   - 'tools/crowdin'
   - 'tools/scripts/build'
   - 'tools/scripts/seed'
diff --git a/tools/challenge-auditor/index.ts b/tools/challenge-auditor/index.ts
index e5982ab8732..6421022f440 100644
--- a/tools/challenge-auditor/index.ts
+++ b/tools/challenge-auditor/index.ts
@@ -47,6 +47,7 @@ const superBlockFolderMap = {
   'project-euler': '18-project-euler',
   'foundational-c-sharp-with-microsoft':
     '19-foundational-c-sharp-with-microsoft',
+  'upcoming-python': '20-upcoming-python',
   'example-certification': '99-example-certification'
 };
 
diff --git a/tools/challenge-editor/api/configs/super-block-list.ts b/tools/challenge-editor/api/configs/super-block-list.ts
index 2b053b00b39..2c905820c73 100644
--- a/tools/challenge-editor/api/configs/super-block-list.ts
+++ b/tools/challenge-editor/api/configs/super-block-list.ts
@@ -66,5 +66,13 @@ export const superBlockList = [
   {
     name: 'Project Euler',
     path: '18-project-euler'
+  },
+  {
+    name: 'Foundational C# with Microsoft',
+    path: '19-foundational-c-sharp-with-microsoft'
+  },
+  {
+    name: 'Upcoming Python',
+    path: '20-upcoming-python'
   }
 ];
diff --git a/tools/challenge-editor/client/package.json b/tools/challenge-editor/client/package.json
index dce8e2c37a0..3b9a1563151 100644
--- a/tools/challenge-editor/client/package.json
+++ b/tools/challenge-editor/client/package.json
@@ -6,7 +6,7 @@
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/user-event": "13.5.0",
-    "codemirror": "5",
+    "codemirror": "5.65.13",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-router-dom": "6.14.2",
diff --git a/tools/challenge-helper-scripts/fs-utils.ts b/tools/challenge-helper-scripts/fs-utils.ts
index ec16ce73544..f59a5daeb42 100644
--- a/tools/challenge-helper-scripts/fs-utils.ts
+++ b/tools/challenge-helper-scripts/fs-utils.ts
@@ -22,6 +22,7 @@ export function getSuperBlockSubPath(superBlock: SuperBlocks): string {
     [SuperBlocks.CollegeAlgebraPy]: '17-college-algebra-with-python',
     [SuperBlocks.ProjectEuler]: '18-project-euler',
     [SuperBlocks.FoundationalCSharp]: '19-foundational-c-sharp-with-microsoft',
+    [SuperBlocks.UpcomingPython]: '20-upcoming-python',
     [SuperBlocks.ExampleCertification]: '99-example-certification'
   };
   return pathMap[superBlock];
diff --git a/tools/challenge-parser/parser/plugins/utils/get-file-visitor.js b/tools/challenge-parser/parser/plugins/utils/get-file-visitor.js
index 1ea029e7ace..7fb498aed1c 100644
--- a/tools/challenge-parser/parser/plugins/utils/get-file-visitor.js
+++ b/tools/challenge-parser/parser/plugins/utils/get-file-visitor.js
@@ -24,7 +24,9 @@ function defaultFile(lang, id) {
 function getFilenames(lang) {
   const langToFilename = {
     js: 'script',
-    css: 'styles'
+    css: 'styles',
+    py: 'main',
+    python: 'main'
   };
   return langToFilename[lang] ?? 'index';
 }
diff --git a/client/src/client/frame-runner.ts b/tools/client-plugins/browser-scripts/frame-runner.ts
similarity index 79%
rename from client/src/client/frame-runner.ts
rename to tools/client-plugins/browser-scripts/frame-runner.ts
index f8b15e65195..cd91668a655 100644
--- a/client/src/client/frame-runner.ts
+++ b/tools/client-plugins/browser-scripts/frame-runner.ts
@@ -1,35 +1,13 @@
 import jQuery from 'jquery';
 import * as helpers from '@freecodecamp/curriculum-helpers';
 
-declare global {
-  interface Window {
-    $: JQueryStatic;
-  }
-  interface Document {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    __initTestFrame: (e: InitTestFrameArg) => Promise<void>;
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    __runTest: (
-      testString: string
-    ) => Promise<
-      { pass: boolean } | { err: { message: string; stack?: string } }
-    >;
-  }
-}
+import type { FrameDocument, FrameWindow, InitTestFrameArg } from '.';
 
-window.$ = jQuery;
+(window as FrameWindow).$ = jQuery;
 
-document.__initTestFrame = initTestFrame;
+const frameDocument = document as FrameDocument;
 
-interface InitTestFrameArg {
-  code: {
-    contents?: string;
-    editableContents?: string;
-    original?: { [id: string]: string };
-  };
-  getUserInput?: (fileName: string) => string;
-  loadEnzyme?: () => void;
-}
+frameDocument.__initTestFrame = initTestFrame;
 
 async function initTestFrame(e: InitTestFrameArg = { code: {} }) {
   const code = (e.code.contents || '').slice();
@@ -44,12 +22,12 @@ async function initTestFrame(e: InitTestFrameArg = { code: {} }) {
   // __testEditable allows test authors to run tests against a transitory dom
   // element built using only the code in the editable region.
   const __testEditable = (cb: () => () => unknown) => {
-    const div = document.createElement('div');
+    const div = frameDocument.createElement('div');
     div.id = 'editable-only';
     div.innerHTML = editableContents;
-    document.body.appendChild(div);
+    frameDocument.body.appendChild(div);
     const out = cb();
-    document.body.removeChild(div);
+    frameDocument.body.removeChild(div);
     return out;
   };
 
@@ -100,7 +78,7 @@ async function initTestFrame(e: InitTestFrameArg = { code: {} }) {
     /* eslint-enable prefer-const */
   }
 
-  document.__runTest = async function runTests(testString: string) {
+  frameDocument.__runTest = async function runTests(testString: string) {
     // uncomment the following line to inspect
     // the frame-runner as it runs tests
     // make sure the dev tools console is open
@@ -111,7 +89,7 @@ async function initTestFrame(e: InitTestFrameArg = { code: {} }) {
       // i.e. function() { assert(true, 'happy coding'); }
       const testPromise = new Promise((resolve, reject) =>
         // To avoid race conditions, we have to run the test in a final
-        // document ready:
+        // frameDocument ready:
         $(() => {
           try {
             const test: unknown = eval(testString);
diff --git a/tools/client-plugins/browser-scripts/index.d.ts b/tools/client-plugins/browser-scripts/index.d.ts
new file mode 100644
index 00000000000..503a7a4a6a0
--- /dev/null
+++ b/tools/client-plugins/browser-scripts/index.d.ts
@@ -0,0 +1,33 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+
+import { PyodideInterface } from 'pyodide';
+
+export interface FrameDocument extends Document {
+  __initTestFrame: (e: InitTestFrameArg) => Promise<void>;
+  __runTest: (
+    testString: string
+  ) => Promise<
+    { pass: boolean } | { err: { message: string; stack?: string } }
+  >;
+}
+
+export interface PythonDocument extends FrameDocument {
+  __initPythonFrame: () => Promise<void>;
+  __runPython: (code: string) => Promise<PyodideInterface>;
+}
+
+export interface InitTestFrameArg {
+  code: {
+    contents?: string;
+    editableContents?: string;
+    original?: { [id: string]: string };
+  };
+  getUserInput?: (fileName: string) => string;
+  loadEnzyme?: () => void;
+  transformedPython?: string;
+}
+
+export type FrameWindow = Window &
+  typeof globalThis & {
+    $: typeof $;
+  };
diff --git a/tools/client-plugins/browser-scripts/package.json b/tools/client-plugins/browser-scripts/package.json
new file mode 100644
index 00000000000..c36b8878c2b
--- /dev/null
+++ b/tools/client-plugins/browser-scripts/package.json
@@ -0,0 +1,60 @@
+{
+  "name": "@freecodecamp/browser-scripts",
+  "version": "1.0.0",
+  "description": "The freeCodeCamp.org open-source codebase and curriculum",
+  "license": "BSD-3-Clause",
+  "private": true,
+  "engines": {
+    "node": ">=18",
+    "pnpm": "8"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/freeCodeCamp/freeCodeCamp.git"
+  },
+  "bugs": {
+    "url": "https://github.com/freeCodeCamp/freeCodeCamp/issues"
+  },
+  "homepage": "https://github.com/freeCodeCamp/freeCodeCamp#readme",
+  "author": "freeCodeCamp <team@freecodecamp.org>",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "cross-env NODE_OPTIONS=\"--max-old-space-size=7168\" webpack -c webpack.config.js"
+  },
+  "keywords": [],
+  "devDependencies": {
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@babel/preset-env": "7.22.5",
+    "@babel/preset-typescript": "7.22.5",
+    "@freecodecamp/curriculum-helpers": "1.1.0",
+    "@types/chai": "4.3.4",
+    "@types/copy-webpack-plugin": "^8.0.1",
+    "@types/enzyme": "3.10.12",
+    "@types/enzyme-adapter-react-16": "1.0.6",
+    "@types/jquery": "3.5.16",
+    "@types/lodash-es": "4.17.6",
+    "babel-loader": "8.3.0",
+    "buffer": "6.0.3",
+    "chai": "4.3.7",
+    "copy-webpack-plugin": "9.1.0",
+    "css-loader": "^6.8.1",
+    "enzyme": "3.11.0",
+    "enzyme-adapter-react-16": "1.15.7",
+    "jquery": "3.6.4",
+    "lodash-es": "4.17.21",
+    "process": "0.11.10",
+    "pyodide": "^0.23.3",
+    "sass.js": "0.11.1",
+    "style-loader": "^3.3.3",
+    "util": "0.12.5",
+    "webpack": "5.76.2",
+    "webpack-cli": "4.10.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.20.13",
+    "xterm": "^5.2.1",
+    "xterm-addon-fit": "^0.7.0"
+  }
+}
diff --git a/tools/client-plugins/browser-scripts/python-runner.ts b/tools/client-plugins/browser-scripts/python-runner.ts
new file mode 100644
index 00000000000..c2090ff4ff3
--- /dev/null
+++ b/tools/client-plugins/browser-scripts/python-runner.ts
@@ -0,0 +1,280 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+// We have to specify pyodide.js because we need to import that file (not .mjs)
+// and 'import' defaults to .mjs
+import { loadPyodide, type PyodideInterface } from 'pyodide/pyodide.js';
+import pkg from 'pyodide/package.json';
+import { IDisposable, Terminal } from 'xterm';
+import { FitAddon } from 'xterm-addon-fit';
+import jQuery from 'jquery'; // TODO: is jQuery needed for the python runner?
+import * as helpers from '@freecodecamp/curriculum-helpers';
+
+import type { PythonDocument, FrameWindow, InitTestFrameArg } from '.';
+
+import 'xterm/css/xterm.css';
+
+(window as FrameWindow).$ = jQuery;
+
+// This will be running in an iframe, so document will be
+// element.contentDocument. This declaration is just to add properties we know
+// exist on this document (but not on the parent)
+const contentDocument = document as PythonDocument;
+
+function createTerminal(disposables: IDisposable[]) {
+  const terminalContainer = document.getElementById('terminal');
+  if (!terminalContainer) throw Error('Could not find terminal container');
+
+  // Setting convertEol so that \n is converted to \r\n. Otherwise the terminal
+  // will interpret \n as line feed and just move the cursor to the next line.
+  // convertEol makes every \n a \r\n.
+  const term = new Terminal({ convertEol: true });
+  const fitAddon = new FitAddon();
+  term.loadAddon(fitAddon);
+  term.open(terminalContainer);
+  fitAddon.fit();
+
+  const resetTerminal = () => {
+    term.reset();
+    disposables.forEach(disposable => disposable.dispose());
+    disposables.length = 0;
+  };
+
+  return { term, resetTerminal };
+}
+
+async function setupPyodide() {
+  // I tried setting jsglobals here, to provide 'input' and 'print' to python,
+  // without having to modify the global window object. However, it didn't work
+  // because pyodide needs access to that object. Instead, I used
+  // registerJsModule when setting up runPython.
+  return await loadPyodide({
+    indexURL: `https://cdn.jsdelivr.net/pyodide/v${pkg.version}/full/`
+  });
+}
+
+type Input = (text: string) => Promise<string>;
+type Print = (...args: unknown[]) => void;
+type ResetTerminal = () => void;
+
+function createJSFunctionsForPython(
+  term: Terminal,
+  disposables: IDisposable[],
+  pyodide: PyodideInterface
+) {
+  const writeLine = (text: string) => term.writeln(`>>> ${text}`);
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+  const str = pyodide.globals.get('str') as (x: unknown) => string;
+  function print(...args: unknown[]) {
+    const text = args.map(x => str(x)).join(' ');
+    writeLine(text);
+  }
+  // TODO: prevent user from moving cursor outside the current input line and
+  // handle insertion and deletion properly. While backspace and delete don't
+  // seem to work, we can use "\x1b[0K" to clear from the cursor to the end.
+  // Also, we should not add special characters to the userinput string.
+  const waitForInput = (): Promise<string> =>
+    new Promise(resolve => {
+      let userinput = '';
+      // Eslint is correct that this only gets assigned once, but we can't use
+      // const because the declaration (before keyListener is defined) and
+      // assignment (after keyListener is defined) must be separate.
+      // eslint-disable-next-line prefer-const
+      let disposable: IDisposable | undefined;
+
+      const done = () => {
+        disposable?.dispose();
+        resolve(userinput);
+      };
+
+      const keyListener = (key: string) => {
+        if (key === '\u007F' || key === '\b') {
+          // Backspace or delete key
+          term.write('\b \b'); // Move cursor back, replace character with space, then move cursor back again
+          userinput = userinput.slice(0, -1); // Remove the last character from userinput
+        }
+        if (key == '\r') {
+          term.write('\r\n');
+          done();
+        } else {
+          userinput += key;
+          term.write(key);
+        }
+      };
+
+      disposable = term.onData(keyListener); // Listen for key events and store the disposable
+      disposables.push(disposable);
+    });
+
+  const input = async (text: string) => {
+    writeLine(text);
+    return await waitForInput();
+  };
+
+  return { print, input };
+}
+
+function setupRunPython(
+  pyodide: PyodideInterface,
+  {
+    input,
+    print,
+    resetTerminal
+  }: { input: Input; print: Print; resetTerminal: ResetTerminal }
+) {
+  // Make print and input available to python
+  pyodide.registerJsModule('jscustom', {
+    input,
+    print
+  });
+  pyodide.runPython(`
+  import jscustom
+  from jscustom import print
+  from jscustom import input
+  `);
+
+  async function runPython(code: string) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+    pyodide.globals.get('__cancel')?.();
+    resetTerminal();
+
+    // There's no need to clear out globals between runs, because the user's
+    // code is always run in a coroutine and shouldn't pollute them. If we
+    // subsequently want to run code that does interact with globals, we can
+    // revisit this.
+    await pyodide.runPythonAsync(code);
+    return pyodide;
+  }
+
+  contentDocument.__runPython = runPython;
+}
+
+async function initPythonFrame() {
+  const disposables: IDisposable[] = [];
+  const { term, resetTerminal } = createTerminal(disposables);
+  const pyodide = await setupPyodide();
+  const { print, input } = createJSFunctionsForPython(
+    term,
+    disposables,
+    pyodide
+  );
+  setupRunPython(pyodide, { input, print, resetTerminal });
+}
+
+contentDocument.__initPythonFrame = initPythonFrame;
+contentDocument.__initTestFrame = initTestFrame;
+
+// TODO: DRY this and frame-runner.ts's initTestFrame
+async function initTestFrame(e: InitTestFrameArg) {
+  const pyodide = await setupPyodide();
+
+  // transformedPython is used here not because it's necessary (it's not since
+  // the transformation converts `input` into `await input` and the tests
+  // provide a synchronous `input` function), but because we want to run the
+  // tests against exactly the same code that runs in the preview.
+  const code = (e.transformedPython || '').slice();
+  const __file = (id?: string) => {
+    if (id && e.code.original) {
+      return e.code.original[id];
+    } else {
+      return code;
+    }
+  };
+
+  if (!e.getUserInput) {
+    e.getUserInput = () => code;
+  }
+
+  /* eslint-disable @typescript-eslint/no-unused-vars */
+  // Fake Deep Equal dependency
+  const DeepEqual = (a: Record<string, unknown>, b: Record<string, unknown>) =>
+    JSON.stringify(a) === JSON.stringify(b);
+
+  // Hardcode Deep Freeze dependency
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const DeepFreeze = (o: Record<string, any>) => {
+    Object.freeze(o);
+    Object.getOwnPropertyNames(o).forEach(function (prop) {
+      if (
+        Object.prototype.hasOwnProperty.call(o, prop) &&
+        o[prop] !== null &&
+        (typeof o[prop] === 'object' || typeof o[prop] === 'function') &&
+        !Object.isFrozen(o[prop])
+      ) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        DeepFreeze(o[prop]);
+      }
+    });
+    return o;
+  };
+
+  const { default: chai } = await import(/* webpackChunkName: "chai" */ 'chai');
+  const assert = chai.assert;
+  const __helpers = helpers;
+  /* eslint-enable @typescript-eslint/no-unused-vars */
+
+  contentDocument.__runTest = async function runTests(testString: string) {
+    // uncomment the following line to inspect
+    // the frame-runner as it runs tests
+    // make sure the dev tools console is open
+    // debugger;
+    try {
+      // eval test string to get the dummy input and actual test
+      const { input, test } = await new Promise<{
+        input: string[];
+        test: () => Promise<unknown>;
+      }>((resolve, reject) =>
+        // To avoid race conditions, we have to run the test in a final
+        // frameDocument ready:
+        $(() => {
+          try {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const test: { input: string[]; test: () => Promise<unknown> } =
+              eval(testString);
+            resolve(test);
+          } catch (err) {
+            reject(err);
+          }
+        })
+      );
+      // TODO: throw helpful error if we run out of input values, since it's likely
+      // that the user added too many input statements.
+      const inputIterator = input ? input.values() : null;
+      setupRunPython(pyodide, {
+        input: () => {
+          return Promise.resolve(
+            inputIterator ? inputIterator.next().value : ''
+          );
+        },
+        // We don't, currently, care what print is called with, but it does need
+        // to exist
+        print: () => void 0,
+        // resetTerminal is only necessary when calling __runPython more than
+        // once, which we don't do in the test frame
+        resetTerminal: () => void 0
+      });
+
+      // Make __pyodide available to the test code
+      const __pyodide: PyodideInterface = await this.__runPython(code);
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+      const __userGlobals = __pyodide.globals.get('__locals');
+      await test();
+
+      return { pass: true };
+    } catch (err) {
+      if (!(err instanceof chai.AssertionError)) {
+        console.error(err);
+      }
+      // to provide useful debugging information when debugging the tests, we
+      // have to extract the message, stack and, if they exist, expected and
+      // actual before returning
+      return {
+        err: {
+          message: (err as Error).message,
+          stack: (err as Error).stack,
+          expected: (err as { expected?: string }).expected,
+          actual: (err as { actual?: string }).actual
+        }
+      };
+    }
+  };
+}
diff --git a/client/src/client/workers/sass-compile.ts b/tools/client-plugins/browser-scripts/sass-compile.ts
similarity index 100%
rename from client/src/client/workers/sass-compile.ts
rename to tools/client-plugins/browser-scripts/sass-compile.ts
diff --git a/client/src/client/workers/test-evaluator.ts b/tools/client-plugins/browser-scripts/test-evaluator.ts
similarity index 98%
rename from client/src/client/workers/test-evaluator.ts
rename to tools/client-plugins/browser-scripts/test-evaluator.ts
index d411b8c4454..3e26ac958da 100644
--- a/client/src/client/workers/test-evaluator.ts
+++ b/tools/client-plugins/browser-scripts/test-evaluator.ts
@@ -1,7 +1,7 @@
 import chai from 'chai';
 import { toString as __toString } from 'lodash-es';
 import * as helpers from '@freecodecamp/curriculum-helpers';
-import { format as __format } from '../../utils/format';
+import { format as __format } from './utils/format';
 
 const ctx: Worker & typeof globalThis = self as unknown as Worker &
   typeof globalThis;
diff --git a/tools/client-plugins/browser-scripts/tsconfig.json b/tools/client-plugins/browser-scripts/tsconfig.json
new file mode 100644
index 00000000000..7a6d59c7f6f
--- /dev/null
+++ b/tools/client-plugins/browser-scripts/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "module": "CommonJS",
+    "allowJs": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "noEmit": true
+  }
+}
diff --git a/tools/client-plugins/browser-scripts/utils/format.js b/tools/client-plugins/browser-scripts/utils/format.js
new file mode 100644
index 00000000000..f9d3d137b19
--- /dev/null
+++ b/tools/client-plugins/browser-scripts/utils/format.js
@@ -0,0 +1,22 @@
+// TODO: this is a straight up copy of the format function from the client.
+// Figure out a way to share it.
+
+import { inspect } from 'util/util';
+
+export function format(x) {
+  // we're trying to mimic console.log, so we avoid wrapping strings in quotes:
+  if (typeof x === 'string') return x;
+  else if (x instanceof Set) {
+    return `Set(${x.size}) {${Array.from(x).join(', ')}}`;
+  } else if (x instanceof Map) {
+    return `Map(${x.size}) {${Array.from(
+      x.entries(),
+      ([k, v]) => `${k} => ${v}`
+    ).join(', ')}})`;
+  } else if (typeof x === 'bigint') {
+    return x.toString() + 'n';
+  } else if (typeof x === 'symbol') {
+    return x.toString();
+  }
+  return inspect(x);
+}
diff --git a/client/webpack-workers.js b/tools/client-plugins/browser-scripts/webpack.config.js
similarity index 79%
rename from client/webpack-workers.js
rename to tools/client-plugins/browser-scripts/webpack.config.js
index 54dea0a70ac..18c52315892 100644
--- a/client/webpack-workers.js
+++ b/tools/client-plugins/browser-scripts/webpack.config.js
@@ -5,15 +5,16 @@ const webpack = require('webpack');
 
 module.exports = (env = {}) => {
   const __DEV__ = env.production !== true;
-  const staticPath = path.join(__dirname, './static/js');
-  const configPath = path.join(__dirname, '../config/client');
+  const staticPath = path.join(__dirname, '../../../client/static/js');
+  const configPath = path.join(__dirname, '../../../config/client');
   return {
     cache: __DEV__ ? { type: 'filesystem' } : false,
     mode: __DEV__ ? 'development' : 'production',
     entry: {
-      'frame-runner': './src/client/frame-runner.ts',
-      'sass-compile': './src/client/workers/sass-compile.ts',
-      'test-evaluator': './src/client/workers/test-evaluator.ts'
+      'frame-runner': './frame-runner.ts',
+      'sass-compile': './sass-compile.ts',
+      'test-evaluator': './test-evaluator.ts',
+      'python-runner': './python-runner.ts'
     },
     devtool: __DEV__ ? 'inline-source-map' : 'source-map',
     output: {
@@ -57,6 +58,11 @@ module.exports = (env = {}) => {
               ]
             }
           }
+        },
+        // xterm doesn't bundle its css, so we need to load it ourselves
+        {
+          test: /\.css$/,
+          use: ['style-loader', 'css-loader']
         }
       ]
     },
@@ -76,7 +82,7 @@ module.exports = (env = {}) => {
         buffer: require.resolve('buffer'),
         util: false,
         stream: false,
-        process: require.resolve('process/browser')
+        process: require.resolve('process/browser.js')
       },
       extensions: ['.js', '.ts']
     }
diff --git a/client/plugins/gatsby-remark-node-identity/gatsby-node.js b/tools/client-plugins/gatsby-remark-node-identity/gatsby-node.js
similarity index 74%
rename from client/plugins/gatsby-remark-node-identity/gatsby-node.js
rename to tools/client-plugins/gatsby-remark-node-identity/gatsby-node.js
index c92927b05e3..9afb0523c5b 100644
--- a/client/plugins/gatsby-remark-node-identity/gatsby-node.js
+++ b/tools/client-plugins/gatsby-remark-node-identity/gatsby-node.js
@@ -4,12 +4,12 @@ exports.onCreateNode = function remarkNodeIdentityOnCreateNode(
 ) {
   if (typeof predicate !== 'function') {
     reporter.panic(
-      'Please supply a predicate function to `gatsby-plugin-identity`'
+      'Please supply a predicate function to `gatsby-remark-node-identity`'
     );
   }
   if (typeof identity !== 'string' || identity.length === 0) {
     reporter.panic(
-      '`gatsby-plugin-identity` requires an identify string to add to nodes ' +
+      '`gatsby-remark-node-identity` requires an identify string to add to nodes ' +
         'that match the predicate'
     );
   }
diff --git a/client/plugins/gatsby-remark-node-identity/package.json b/tools/client-plugins/gatsby-remark-node-identity/package.json
similarity index 86%
rename from client/plugins/gatsby-remark-node-identity/package.json
rename to tools/client-plugins/gatsby-remark-node-identity/package.json
index c0d370df59e..0549952c306 100644
--- a/client/plugins/gatsby-remark-node-identity/package.json
+++ b/tools/client-plugins/gatsby-remark-node-identity/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@freecodecamp/gatsby-plugin-node-identity",
+  "name": "@freecodecamp/gatsby-remark-node-identity",
   "version": "0.0.1",
   "description": "The freeCodeCamp.org open-source codebase and curriculum",
   "license": "BSD-3-Clause",
@@ -17,5 +17,5 @@
   },
   "homepage": "https://github.com/freeCodeCamp/freeCodeCamp#readme",
   "author": "freeCodeCamp <team@freecodecamp.org>",
-  "main": "none"
+  "main": "gatsby-node.js"
 }
diff --git a/client/plugins/fcc-source-challenges/create-challenge-nodes.js b/tools/client-plugins/gatsby-source-challenges/create-challenge-nodes.js
similarity index 100%
rename from client/plugins/fcc-source-challenges/create-challenge-nodes.js
rename to tools/client-plugins/gatsby-source-challenges/create-challenge-nodes.js
diff --git a/client/plugins/fcc-source-challenges/gatsby-node.js b/tools/client-plugins/gatsby-source-challenges/gatsby-node.js
similarity index 100%
rename from client/plugins/fcc-source-challenges/gatsby-node.js
rename to tools/client-plugins/gatsby-source-challenges/gatsby-node.js
diff --git a/client/plugins/fcc-source-challenges/package.json b/tools/client-plugins/gatsby-source-challenges/package.json
similarity index 88%
rename from client/plugins/fcc-source-challenges/package.json
rename to tools/client-plugins/gatsby-source-challenges/package.json
index dd84155dcb5..e2e5b7eba4c 100644
--- a/client/plugins/fcc-source-challenges/package.json
+++ b/tools/client-plugins/gatsby-source-challenges/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@freecodecamp/fcc-source-challenges",
+  "name": "@freecodecamp/gatsby-source-challenges",
   "version": "0.0.1",
   "description": "The freeCodeCamp.org open-source codebase and curriculum",
   "license": "BSD-3-Clause",
@@ -17,7 +17,7 @@
   },
   "homepage": "https://github.com/freeCodeCamp/freeCodeCamp#readme",
   "author": "freeCodeCamp <team@freecodecamp.org>",
-  "main": "none",
+  "main": "gatsby-node.js",
   "devDependencies": {
     "chokidar": "3.5.3",
     "readdirp": "3.6.0"
diff --git a/tools/scripts/build/build-external-curricula-data.test.ts b/tools/scripts/build/build-external-curricula-data.test.ts
index 522eb0b22f0..1d190c8cf9f 100644
--- a/tools/scripts/build/build-external-curricula-data.test.ts
+++ b/tools/scripts/build/build-external-curricula-data.test.ts
@@ -92,6 +92,7 @@ if (envData.clientLocale == 'english' && !envData.showUpcomingChanges) {
         'college-algebra-with-python',
         'the-odin-project',
         'foundational-c-sharp-with-microsoft',
+        'upcoming-python',
         'example-certification'
       ];