@learnpack/learnpack 5.0.96 → 5.0.98

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @learnpack/learnpack
 $ learnpack COMMAND
 running command...
 $ learnpack (-v|--version|version)
-@learnpack/learnpack/5.0.96 win32-x64 node-v22.15.0
+@learnpack/learnpack/5.0.98 win32-x64 node-v22.15.0
 $ learnpack --help [COMMAND]
 USAGE
   $ learnpack COMMAND
@@ -80,7 +80,7 @@ DESCRIPTION
        12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)
 ```
 
-_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\audit.ts)_
+_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\audit.ts)_
 
 ## `learnpack breakToken`
 
@@ -95,7 +95,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\breakToken.ts)_
+_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\breakToken.ts)_
 
 ## `learnpack clean`
 
@@ -110,7 +110,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\clean.ts)_
+_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\clean.ts)_
 
 ## `learnpack download [PACKAGE]`
 
@@ -128,7 +128,7 @@ DESCRIPTION
   Extra documentation goes here
 ```
 
-_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\download.ts)_
+_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\download.ts)_
 
 ## `learnpack help [COMMAND]`
 
@@ -160,7 +160,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\init.ts)_
+_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\init.ts)_
 
 ## `learnpack login [PACKAGE]`
 
@@ -178,7 +178,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\login.ts)_
+_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\login.ts)_
 
 ## `learnpack logout [PACKAGE]`
 
@@ -196,7 +196,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\logout.ts)_
+_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\logout.ts)_
 
 ## `learnpack plugins`
 
@@ -328,7 +328,7 @@ OPTIONS
   -s, --strict  strict mode
 ```
 
-_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\publish.ts)_
+_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\publish.ts)_
 
 ## `learnpack serve`
 
@@ -345,7 +345,7 @@ OPTIONS
   -y, --yes        Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\serve.ts)_
+_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\serve.ts)_
 
 ## `learnpack start`
 
@@ -367,7 +367,7 @@ OPTIONS
   -y, --yes                           Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\start.ts)_
+_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\start.ts)_
 
 ## `learnpack test [EXERCISESLUG]`
 
@@ -384,7 +384,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\test.ts)_
+_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\test.ts)_
 
 ## `learnpack translate`
 
@@ -398,7 +398,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.96/src\commands\translate.ts)_
+_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.98/src\commands\translate.ts)_
 <!-- commandsstop -->
 
 > > > > > > > 0cb3e56d84c197f9d008836bb573eade212b7e57

package/lib/commands/serve.js

@@ -151,49 +151,6 @@ class ServeCommand extends SessionCommand_1.default {
                 res.status(500).json({ error: error.message });
             }
         });
-        // app.get("/config", async (req, res) => {
-        //   const courseSlug = req.query.slug
-        //   const files = await listFilesWithPrefix(`courses/${courseSlug}`)
-        //   const learnJson = files.find((file) => file.name.endsWith("learn.json"))
-        //   const learnJsonContent = await learnJson?.download()
-        //   const learnJsonParsed = JSON.parse(learnJsonContent?.toString() || "{}")
-        //   const exerciseMap: ExerciseMap = {}
-        //   // Agrupar archivos por ejercicio
-        //   for (const file of files) {
-        //     const pathParts = file.name.split("/")
-        //     const isExercise = pathParts.includes("exercises")
-        //     if (!isExercise) continue
-        //     const slug = pathParts[pathParts.indexOf("exercises") + 1]
-        //     if (!exerciseMap[slug]) {
-        //       exerciseMap[slug] = {
-        //         title: slug,
-        //         slug: slug,
-        //         graded: false,
-        //         files: [],
-        //         translations: {},
-        //       }
-        //     }
-        //     const fileName = pathParts.at(-1)
-        //     // Traducciones
-        //     const readmeMatch = fileName?.match(/^readme(?:\.([a-z]{2}))?\.md$/i)
-        //     if (readmeMatch) {
-        //       const lang = readmeMatch[1] || "us"
-        //       exerciseMap[slug].translations[lang] = fileName || ""
-        //     } else {
-        //       exerciseMap[slug].files.push(fileName || "")
-        //     }
-        //   }
-        //   const exercises = Object.values(exerciseMap).map((ex, index) => ({
-        //     ...ex,
-        //     position: index,
-        //   }))
-        //   res.set("X-Creator-Web", "true")
-        //   res.set("Access-Control-Expose-Headers", "X-Creator-Web")
-        //   res.send({
-        //     config: { ...learnJsonParsed, title: { us: courseSlug } },
-        //     exercises,
-        //   })
-        // })
         app.get("/exercise/:slug/readme", async (req, res) => {
             console.log("GET /exercise/:slug/readme");
             const { slug } = req.params;
@@ -453,6 +410,34 @@ class ServeCommand extends SessionCommand_1.default {
                 return res.status(500).json({ error: error.message });
             }
         });
+        app.delete("/packages/:slug", async (req, res) => {
+            console.log("DELETE /packages/:slug");
+            const { slug } = req.params;
+            const rigoToken = req.header("x-rigo-token");
+            if (!rigoToken) {
+                return res.status(400).json({ error: "x-rigo-token is required" });
+            }
+            const isValid = await (0, rigoActions_1.isValidRigoToken)(rigoToken);
+            if (!isValid) {
+                return res.status(400).json({ error: "Invalid RigoToken" });
+            }
+            const filePrefix = `courses/${slug}/`;
+            try {
+                const [files] = await bucket.getFiles({ prefix: filePrefix });
+                if (files.length === 0) {
+                    return res
+                        .status(404)
+                        .json({ error: "No package found with the given slug" });
+                }
+                await Promise.all(files.map(file => file.delete()));
+                console.log(`✅ Successfully deleted package from GCP: ${slug}`);
+                return res.json({ message: `Package ${slug} deleted successfully` });
+            }
+            catch (error) {
+                console.error("❌ Error deleting package:", error);
+                return res.status(500).json({ error: "Failed to delete the package" });
+            }
+        });
         app.listen(PORT, () => {
             console.log(`🚀 Creator UI server running at http://localhost:${PORT}/creator`);
         });

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"5.0.96","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}
+{"version":"5.0.98","commands":{"audit":{"id":"audit","description":"learnpack audit is the command in charge of creating an auditory of the repository\n...\nlearnpack audit checks for the following information in a repository:\n    1. The configuration object has slug, repository and description. (Error)\n    2. The command learnpack clean has been run. (Error)\n    3. If a markdown or test file doesn't have any content. (Error)\n    4. The links are accessing to valid servers. (Error)\n    5. The relative images are working (If they have the shortest path to the image or if the images exists in the assets). (Error)\n    6. The external images are working (If they are pointing to a valid server). (Error)\n    7. The exercises directory names are valid. (Error)\n    8. If an exercise doesn't have a README file. (Error)\n    9. The exercises array (Of the config file) has content. (Error)\n    10. The exercses have the same translations. (Warning)\n    11. The .gitignore file exists. (Warning)\n    12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false}},"args":[]},"breakToken":{"id":"breakToken","description":"Break the token","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"clean":{"id":"clean","description":"Clean the configuration object\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[]},"download":{"id":"download","description":"Describe the command here\n...\nExtra documentation goes here\n","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"init":{"id":"init","description":"Create a new learning package: Book, Tutorial or Exercise","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"grading":{"name":"grading","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"login":{"id":"login","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"logout":{"id":"logout","description":"Describe the command here\n  ...\n  Extra documentation goes here\n  ","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{},"args":[{"name":"package","description":"The unique string that identifies this package on learnpack","required":false,"hidden":false}]},"publish":{"id":"publish","description":"Builds the project by copying necessary files and directories into a zip file","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"strict":{"name":"strict","type":"boolean","char":"s","description":"strict mode","allowNo":false},"help":{"name":"help","type":"boolean","char":"h","description":"show CLI help","allowNo":false}},"args":[]},"serve":{"id":"serve","description":"Runs a small server to build tutorials","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"start":{"id":"start","description":"Runs a small server with all the exercise instructions","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false},"port":{"name":"port","type":"option","char":"p","description":"server port"},"host":{"name":"host","type":"option","char":"h","description":"server host"},"disableGrading":{"name":"disableGrading","type":"boolean","char":"D","description":"disble grading functionality","allowNo":false},"watch":{"name":"watch","type":"boolean","char":"w","description":"Watch for file changes","allowNo":false},"editor":{"name":"editor","type":"option","char":"e","description":"[preview, extension]","options":["extension","preview"]},"version":{"name":"version","type":"option","char":"v","description":"E.g: 1.0.1"},"grading":{"name":"grading","type":"option","char":"g","description":"[isolated, incremental]","options":["isolated","incremental"]},"debug":{"name":"debug","type":"boolean","char":"d","description":"debugger mode for more verbage","allowNo":false}},"args":[]},"test":{"id":"test","description":"Test exercises","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[{"name":"exerciseSlug","description":"The name of the exercise to test","required":false,"hidden":false}]},"translate":{"id":"translate","description":"List all the lessons, the user is able of select many of them to translate to the given languages","pluginName":"@learnpack/learnpack","pluginType":"core","aliases":[],"flags":{"yes":{"name":"yes","type":"boolean","char":"y","description":"Skip all prompts and initialize an empty project","allowNo":false}},"args":[]}}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@learnpack/learnpack",
   "description": "Seamlessly build, sell and/or take interactive & auto-graded tutorials, start learning now or build a new tutorial to your audience.",
-  "version": "5.0.96",
+  "version": "5.0.98",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {

package/src/commands/serve.ts

@@ -10,7 +10,7 @@ import SessionCommand from "../utils/SessionCommand"
 import { Storage } from "@google-cloud/storage"
 import { downloadEditor, decompress } from "../managers/file"
 import * as fs from "fs"
-import { translateExercise } from "../utils/rigoActions"
+import { translateExercise, isValidRigoToken } from "../utils/rigoActions"
 import * as dotenv from "dotenv"
 // import { handleAssetCreation } from "./publish"
 import axios from "axios"
@@ -202,59 +202,6 @@ export default class ServeCommand extends SessionCommand {
       }
     })
 
-    // app.get("/config", async (req, res) => {
-    //   const courseSlug = req.query.slug
-    //   const files = await listFilesWithPrefix(`courses/${courseSlug}`)
-
-    //   const learnJson = files.find((file) => file.name.endsWith("learn.json"))
-    //   const learnJsonContent = await learnJson?.download()
-    //   const learnJsonParsed = JSON.parse(learnJsonContent?.toString() || "{}")
-
-    //   const exerciseMap: ExerciseMap = {}
-
-    //   // Agrupar archivos por ejercicio
-    //   for (const file of files) {
-    //     const pathParts = file.name.split("/")
-    //     const isExercise = pathParts.includes("exercises")
-    //     if (!isExercise) continue
-
-    //     const slug = pathParts[pathParts.indexOf("exercises") + 1]
-    //     if (!exerciseMap[slug]) {
-    //       exerciseMap[slug] = {
-    //         title: slug,
-    //         slug: slug,
-    //         graded: false,
-    //         files: [],
-    //         translations: {},
-    //       }
-    //     }
-
-    //     const fileName = pathParts.at(-1)
-
-    //     // Traducciones
-    //     const readmeMatch = fileName?.match(/^readme(?:\.([a-z]{2}))?\.md$/i)
-    //     if (readmeMatch) {
-    //       const lang = readmeMatch[1] || "us"
-    //       exerciseMap[slug].translations[lang] = fileName || ""
-    //     } else {
-    //       exerciseMap[slug].files.push(fileName || "")
-    //     }
-    //   }
-
-    //   const exercises = Object.values(exerciseMap).map((ex, index) => ({
-    //     ...ex,
-    //     position: index,
-    //   }))
-
-    //   res.set("X-Creator-Web", "true")
-    //   res.set("Access-Control-Expose-Headers", "X-Creator-Web")
-
-    //   res.send({
-    //     config: { ...learnJsonParsed, title: { us: courseSlug } },
-    //     exercises,
-    //   })
-    // })
-
     app.get("/exercise/:slug/readme", async (req, res) => {
       console.log("GET /exercise/:slug/readme")
 
@@ -594,6 +541,45 @@ export default class ServeCommand extends SessionCommand {
         return res.status(500).json({ error: (error as Error).message })
       }
     })
+
+    app.delete("/packages/:slug", async (req, res) => {
+      console.log("DELETE /packages/:slug")
+
+      const { slug } = req.params
+      const rigoToken = req.header("x-rigo-token")
+
+      if (!rigoToken) {
+        return res.status(400).json({ error: "x-rigo-token is required" })
+      }
+
+      const isValid = await isValidRigoToken(rigoToken)
+
+      if (!isValid) {
+        return res.status(400).json({ error: "Invalid RigoToken" })
+      }
+
+      const filePrefix = `courses/${slug}/`
+
+      try {
+        const [files] = await bucket.getFiles({ prefix: filePrefix })
+
+        if (files.length === 0) {
+          return res
+            .status(404)
+            .json({ error: "No package found with the given slug" })
+        }
+
+        await Promise.all(files.map(file => file.delete()))
+
+        console.log(`✅ Successfully deleted package from GCP: ${slug}`)
+
+        return res.json({ message: `Package ${slug} deleted successfully` })
+      } catch (error) {
+        console.error("❌ Error deleting package:", error)
+        return res.status(500).json({ error: "Failed to delete the package" })
+      }
+    })
+
     app.listen(PORT, () => {
       console.log(
         `🚀 Creator UI server running at http://localhost:${PORT}/creator`

package/src/ui/_app/app.css

@@ -1 +1 @@
-.lesson-container-component{max-width:1145px;margin:0 auto;padding:0 15px;overflow-y:scroll;color:var(--read-font-color);display:flex;flex-direction:column;gap:10px;line-height:1.5rem}.simple-button-svg{max-height:100%!important;display:flex;align-items:center;gap:10px;font-size:var(--font-size-medium);opacity:1;transition:opacity .1s ease-in-out;border:1px solid transparent}.simple-button-svg:hover{opacity:1}.simple-button-svg.big{padding:10px 20px!important}.simple-button-svg.bg-success svg path{stroke:#fff!important}.simple-button-svg.bg-blue svg path{stroke:#fff!important}.simple-button-svg.small{padding:5px 15px}.simple-button-svg.mini{padding:0}.simple-button-svg.mini svg{max-height:20px!important;max-width:20px!important}.simple-button-svg:disabled{opacity:.5;cursor:not-allowed}.simple-button-svg svg{max-height:30px!important;max-width:30px!important}.simple-button-svg img{max-height:18px!important;max-width:18px!important;filter:saturate(90%)}.feedback-container{background-color:#1f1f1fd1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;z-index:2;width:100%!important;min-height:100%!important}.feedback-component{width:min(99%,600px);background-color:#fff;padding:10px;border-radius:10px;position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:10%;display:flex;flex-direction:column;gap:13px;left:50%;transform:translate(-50%)}.feedback-component>.-header{font-weight:700;padding:5px;display:flex;align-items:center;justify-content:space-between}.feedback-component>.-header>button{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.feedback-component>p{font-size:16px}.feedback-component>.-content{padding:10px;background-color:#f9f9f9}.feedback-component>.-footer{padding:10px;display:flex;flex-direction:column;text-align:center}.feedback-component>.-footer>div{display:flex;justify-content:space-around}#socket-disconnected{display:none}.test-button{background-color:red;display:flex;align-items:center;padding:10px;border-radius:10px;color:#ff0;font-weight:700}.button{background-color:var(--color-active);border-radius:7px;color:#fff;padding:10px}.button:hover{color:#fff}.text-center{text-align:center}.centered{margin-inline:auto}.on-hover-active:hover{background-color:var(--color-active);color:#fff}.rounded{border-radius:var(--standard-border-radius)}.rigo-thumbnail{position:fixed;bottom:20px;cursor:pointer;right:10px;background-color:var(--color-blue-rigo);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:2;border:var(--read-font-color) 2px solid}.quiz-button{padding:10px;border-radius:10px;border:1px solid var(--color-active);width:fit-content;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.rigo-toggle{cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--standard-border-radius)}@media only screen and (min-width: 768px){.rigo-toggle{border-radius:0;border-top-left-radius:var(--standard-border-radius);border-top-right-radius:var(--standard-border-radius)}}.quiz-container{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px}.quiz-container .button-wrapper{margin-top:10px;position:sticky;bottom:50px;padding:10px;display:flex;justify-content:right}.quiz-answer{padding:10px;border-radius:50vh;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.quiz-answer-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;min-width:22px;height:22px;min-height:22px;border-radius:50%;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.quiz-answer-checkbox:empty{background-color:transparent;border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty{background-color:var(--bg-color);border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty:after{content:"";position:absolute;width:11px;height:11px;background-color:var(--color-active);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.language-component{width:fit-content!important;border:1px solid var(--bg-color);padding:7px;border-radius:10px;background-color:transparent;position:relative}.language-dropdown{display:flex;position:absolute;top:101%;left:50%;transform:translate(-50%);border:1px solid var(--color-hovered);padding:6px;border-radius:9px;flex-direction:column;z-index:2;background-color:var(--bg-color)}.language-dropdown>button{display:flex;gap:7px;align-items:center}.language-component>button{display:flex;gap:6px;align-items:center}:root{--bg-color-dark-gray: #a1a1a1;--bg-color: #f9f9f9;--app-bg-color: white;--color-active: #02a9ea;--header-height: 90px;--4geeks-yellow: #ffd900;--color-warning: #ffd900;--opaque-blue-editor: #a5d9f8;--color-blue-opaque: #eef9fe;--color-blue: #c1dfed;--soft-blue: #eef9fe;--color-blue-rigo: #0084ff;--tabs-bg-color: #f4faff;--color-hovered: rgba(224, 224, 224, .665);--light-grey: #dadada;--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #f1fcffd5;--link-inactive-color: #c1c1c1;--backdrop-background: rgba(0, 0, 0, .7);--soft-green: #a4ffbd;--soft-red: #ffbebe;--modals-bg-color: var(--bg-color);--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-mini: 12px;--font-size-medium: 18px;--app-width: min(100%, 1111px);--read-font-color: black;--font-color-secondary: #4c648f;--gray-blue-color: #9fbdf0;--dropdown-bg-color: white;--standard-border-radius: 8px;--bg-1: #fafdff;--bg-2: #f3fafe;--white: #ffffff;--sidebar-bg-color: #e4e8ee;font-size:16px}:root:has(main.dark){font-size:16px;--bg-color-dark-gray: #a1a1a1;--bg-color: #111f39;--app-bg-color: #111f39;--app-bg-color-opaque: #00041a38;--color-active: #02a9ea;--4geeks-yellow: #ffd900;--opaque-blue-editor: #a5d9f8;--soft-blue: #dff5ff;--color-blue-opaque: #012c57;--color-hovered: rgba(95, 95, 95, .311);--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #2d3748;--link-inactive-color: #a9a9a9;--backdrop-background: rgba(0, 0, 0, .7);--tabs-bg-color: #1e1e1e;--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-medium: 18px;--dropdown-bg-color: var(--bg-color);--read-font-color: white;--font-color-secondary: #6e90d1;--gray-blue-color: #9fbdf0;--white: #000000;--bg-1: #111f39;--bg-2: #1a2d50;--sidebar-bg-color: #131b25}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{font-size:14px;font-family:Inter,sans-serif}html:has(main.dark){color-scheme:dark light}body{background-color:var(--bg-color);overflow-x:hidden;overflow-y:scroll}img{width:100%}button{border:0;background:transparent}h1{font-size:26px;font-weight:700}hr{margin-top:15px}pre{border-left:2px solid var(--color-active);overflow:auto;padding:10px!important;margin:0!important;border-radius:0!important}code:not(pre code){padding:2px 6px;border-radius:5px;background-color:#cff3ff;color:#001926}li{padding-left:0!important;margin-left:20px!important}ul>li{list-style-type:disc}ol>li{list-style-type:decimal}blockquote{border-left:2px solid var(--color-active);padding:1px 10px;border-radius:5px;background-color:var(--bg-2)}button{cursor:pointer}table{border-collapse:collapse;width:100%}th{background-color:var(--bg-color-code);padding:6px;color:var(--read-font-color);border:1px solid rgb(130,130,130)}td{border:1px solid rgb(130,130,130);text-align:center;padding:4px}h1,h2,h3,h4,h5,h6,p{margin-block:15px;line-height:1.7}form button{width:fit-content;padding:7px;cursor:pointer;border-radius:6px}form input{border:1px solid gray;border-radius:8px;padding:10px;width:100%}a{word-break:break-all}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.433)}::-webkit-scrollbar-thumb:hover{background:var(--color-active)}.pill{border-radius:7px;padding:5px;display:flex;align-items:center}.bg-blue{background-color:var(--color-active)!important;color:#fff}.border-blue{border:1px solid var(--color-active)}.border-none{border:none!important}.color-blue{color:var(--color-active)}.bg-blue-rigo{background-color:var(--color-blue-rigo)!important}.bg-secondary{background-color:#e7e7e7c2}.scrolleable{overflow-y:auto!important}.blue-circle{background-color:var(--color-active);border-radius:50%;padding:10px;margin-left:10px;width:40px;height:40px;position:relative}.blue-circle>*{position:absolute;left:50%;font-size:10px;color:#fff;top:50%;transform:translate(-50%,-50%)}.pos-relative{position:relative}.pos-absolute{position:absolute}.bg-fail{background-color:var(--color-fail)!important}.bg-fail .set-path-fill path{fill:#fff}.bg-success{background-color:var(--color-success)!important}.dropdown{display:flex;flex-direction:column;position:relative}.dropdown-content{display:none;position:absolute;min-width:230px}.dropdown:hover .dropdown-content{display:flex;flex-direction:column;background-color:var(--dropdown-bg-color);padding:5px;width:fit-content;border-radius:var(--standard-border-radius)}.dropdown.up .dropdown-content{bottom:100%;left:0}.dropdown.down .dropdown-content{top:100%;left:0}.modal-container{width:100%;height:100vh!important;position:absolute;z-index:10;background-color:var(--backdrop-background);display:flex;flex-direction:column;padding:10px}.modal-container>div{display:flex;flex-direction:column;gap:8px;background-color:#fff;padding:10px;position:absolute;top:50%;width:min(99%,750px);left:50%;transform:translate(-50%,-50%);border-radius:10px}.modal-container>div .modal-header{font-weight:bolder;font-size:16px}.modal-container>div .modal-content{background-color:#ece8e8;padding:inherit;border-radius:inherit;position:relative}.float-right{position:absolute;top:10px;right:10px}.text-white{border:white;color:#fff!important;--read-font-color: white}.d-flex{display:flex}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.palpitate{animation:palpitate 1s ease-in infinite;animation-play-state:running}@keyframes palpitate{0%{opacity:1}0%{opacity:.5}to{opacity:1}}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.separator{justify-content:center;display:flex;color:var(--font-color-secondary);align-items:center;gap:20px}.separator>div{width:100%;height:1px;background-color:var(--font-color-secondary)}.btn-dark{border:1px solid var(--bg-color-dark-gray)}.w-100{width:100%!important}.btn-dark:hover{background-color:var(--color-hovered)}#main-container{width:var(--app-width);margin-inline:auto;height:99dvh}#main-container.iframe-mode{width:100vw!important}@media only screen and (min-width: 1111px){#main-container.iframe-mode{margin-top:0}}.badge{width:100%;text-align:center;padding:10px;border-radius:4px;cursor:pointer}.clickeable:hover{background-color:var(--color-hovered)}.min-width{width:var(--app-width)}.gap-small{gap:5px}.gap-medium{gap:10px}.gap-big{gap:20px}.my-2{margin-block:20px}.my-small{margin-block:10px}.d-none{display:none}@media only screen and (min-width: 769px){.hide-continue-button{display:none!important}}.browser{height:max-content!important;background-color:var(--opaque-blue-editor);padding:3px}.browser-tab{padding:4px 20px;border-radius:5px;background-color:var(--soft-blue);color:var(--color-active);max-width:100%;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.browser-header{background-color:#8585852f;border-radius:5px;width:100%;padding:2px}.browser-body{background-color:var(--app-bg-color);overflow-y:auto;min-height:200px;border-radius:5px;margin-top:3px}.danger-on-hover:hover{background-color:var(--soft-red);color:#fff}.danger-on-hover:hover svg.set-path-fill path{fill:#fff!important}.success-on-hover:hover{background-color:var(--soft-green);color:#000}.success-on-hover:hover svg{--read-font-color: black}.svg-success svg path{stroke:var(--color-success)!important}.hover:hover{background-color:#a39e9e53!important}.preview-iframe{border-radius:var(--standard-border-radius);color:var(--read-font-color)!important}.padding-medium{padding:10px}.padding-small{padding:5px}.bg-secondary{background-color:var(--color-hovered)}.bg-danger{background-color:var(--color-fail)}.bg-selected{background-color:var(--opaque-blue-editor)}.input{padding:10px;border-radius:8px;border:1px solid var(--color-hovered)}.text-blue{color:var(--color-blue-rigo)}.circle-small{width:30px;height:30px;border-radius:50%}.vh100{height:100vh}.overflow-y-hidden{overflow-y:hidden}.justify-end{justify-content:flex-end}.flex-x{display:flex}.font-size-m{font-size:var(--font-size-medium)}.pos-fixed{position:fixed}.hiddenOnMobile{display:none}.active-hr{border-bottom:2px solid var(--color-active)}.inline-auto{margin-inline:auto}.d-block{display:block}.padding-big{padding:20px}.m-0{margin:0}.bg-rigo{background-color:var(--color-blue-rigo)}.bg-gray{background-color:var(--color-hovered)}.conector-blue{position:relative}@media only screen and (min-width: 768px){.hiddenOnMobile{display:block;text-align:center}.conector-blue:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-blue-rigo);left:50%;transform:translate(-50%);top:95%}}.svg-white .set-stroke>path{stroke:#fff}.continue-button{animation:show-continue-button 1s ease-in-out forwards}@keyframes show-continue-button{0%{visibility:hidden}to{visibility:visible;display:block}}.opaque-blue-on-hover:hover{background-color:var(--color-blue-opaque)}.info-bubble-container{position:relative;width:fit-content;overflow:visible}.info-bubble-message{display:none;position:absolute;bottom:100%;right:0;background-color:var(--color-blue-rigo);color:#fff;padding:10px;border-radius:5px}.info-bubble-opener:hover+.info-bubble-message{display:block}.info-bubble-message:hover{display:block}.pointer{cursor:pointer}.text-small{font-size:12px}.margin-children-none>*{margin:0!important}.padding-mini{padding:3px}.circle{border-radius:50%;width:20px;height:20px}.big-circle{border-radius:50%;width:40px;height:40px}.hidden{display:none}.margin-0{margin:0}.bg-warning{background-color:var(--color-warning)}.text-black{color:#000!important}.svg-black svg{--read-font-color: black}.stdout-prefix{color:var(--color-active);margin:0;font-weight:700;font-size:12px}.stdout{background-color:#000;padding:10px;color:#fff}.stdin{background-color:var(--bg-2);padding:10px;color:var(--read-font-color)}.stderr{background-color:#000;padding:10px;color:var(--color-fail)}.flex-y{display:flex;flex-direction:column}.bg-soft-green{color:#000;background-color:var(--soft-green)!important}.bg-soft-red{color:#000;background-color:var(--soft-red)!important}.bg-soft-blue{background-color:var(--soft-blue)!important}.fit-content{width:fit-content}.text-bold{font-weight:700}.border-gray{border:1px solid var(--color-hovered)}.scale-on-hover{transition:scale .3s ease}.scale-on-hover:hover{scale:1.05}.bg-transparent{background-color:transparent}.gray-on-hover{transition:background-color .3s ease}.gray-on-hover:hover{background-color:var(--color-hovered)}.text-dark{color:#181818}.mr-10{margin-right:40px}.wrap-wrap{flex-wrap:wrap}.h-100{height:100%}.z-index-1{z-index:1}.text-secondary{color:var(--font-color-secondary)}.svg-blue svg{--read-font-color: var(--color-blue-rigo)}.blank-input{background:transparent;border:0;padding:8px;font-size:16px}.blank-input::placeholder{color:var(--gray-blue-color)}.active-on-hover{transition:all .3s ease;cursor:pointer}.active-on-hover:hover{background-color:var(--color-blue-rigo);color:#fff;scale:1.01}.active-on-hover:hover svg{--read-font-color: white}.active-on-hover:active{scale:.99}.border-bottom-blue{border-bottom:1px solid var(--opaque-blue-editor)}.bg-1{background-color:var(--bg-1)!important}.bg-2{background-color:var(--bg-2)!important}.bg-white{background-color:var(--white)!important}.margin-left-small{margin-left:10px}.svg-blue{--read-font-color: var(--color-blue-rigo)}.textarea{border:1px solid var(--color-hovered);border-radius:5px;padding:5px;font-size:16px;resize:none}.border-warning{border:1px solid var(--color-warning)}.mermaid{display:flex;justify-content:center}.right-bottom-corner{position:absolute;bottom:10px;right:10px}.text-dark-red{color:var(--color-fail)}.text-dark-red svg{--read-font-color: var(--color-fail)}.text-dark-green{color:var(--color-success)!important}.text-dark-green svg{--read-font-color: var(--color-success)}.margin-left-medium{margin-left:20px}.top-centered{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-centered{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.align-self-end{align-self:flex-end}.row-reverse{flex-direction:row-reverse}.vertical-line{height:20px;width:1px;background-color:#0060ba;display:inline-block}.big-svg svg{width:50px!important;height:50px!important}.padding-x-small{padding-inline:10px}.d-inline-flex{display:inline-flex}.bg-lesson{background-color:var(--app-bg-color)}.preview-card{max-width:560px;position:relative}.preview-card .click{margin-inline:auto;display:block;background-color:transparent!important;display:flex;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;align-items:center;cursor:pointer;font-size:100px;animation-fill-mode:backwards}.preview-card .click:hover{background-color:#00000080;animation:scaleOnHover .5s ease 1 both}@keyframes scaleOnHover{0%{scale:1}to{scale:1.05}}.video-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-background);z-index:1}.video-modal .modal-content{position:relative;background-color:transparent;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 20px #9999994d;width:fit-content}.video-modal .click svg{width:150px}.video-modal .close{background-color:var(--color-active);margin-top:10px;border-radius:10px;font-size:21px;cursor:pointer;text-align:center;padding:10px;width:100%;opacity:.8;color:#fff;font-weight:600}.video-modal .close:hover{opacity:1;background-color:var(--color-active)}.chat-modal{overflow-y:hidden;position:fixed;z-index:2;bottom:10px;right:50%;transform:translate(50%)}.chat-tab{background-color:#fff;overflow-y:auto;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:min(100vw - 5px,460px)!important;margin-inline:auto}.chat-tab-header{display:flex;background-color:var(--color-blue-rigo);justify-content:space-between;align-items:center;height:50px;padding:10px}.chat-header{position:relative;align-items:center;justify-content:center;text-align:center}.chat-header button{color:var(--background-color-code);position:absolute;top:50%;right:0;transform:translateY(-50%)}.chat-messages{overflow-y:scroll;min-height:min(450px,50vh);padding:10px;max-height:calc(100dvh - 200px)!important}.chat-input{display:flex;position:relative;width:100%;align-items:center;background-color:#d8e2f0;padding:10px;gap:10px}.chat-input input{width:100%;padding:10px 40px 10px 10px;border-radius:8px;border:0;outline:none;background-color:#fff;color:#000}.chat-input button{display:flex;border-radius:50%;right:10px;border:1px solid var(--font-color-secondary);background-color:var(--color-blue-rigo)}.chat-input button svg path{stroke:var(--font-color-secondary)}.chat-input button:hover{background-color:#02a8ea;color:var(--read-font-color)}.chat-input :hover svg path{stroke:var(--read-font-color)}.chat-footer{font-size:16px;color:var(--read-font-color);position:relative;display:flex;justify-content:end}.chat-footer:has(.informative-opener:hover) .informative-message{display:block}.informative-opener{bottom:calc(100% + 10px);right:10px;opacity:.4}.chat-footer .informative-message{display:none;position:absolute;bottom:calc(100% + 50px);background-color:var(--app-bg-color);border:1px solid var(--font-color-secondary);border-radius:10px;padding:10px}.next-button{background-color:#9f9f9f;margin-top:5px;border-radius:7px;font-weight:600;color:#000;padding:10px}.message{background-color:var(--soft-blue);padding:10px;color:var(--color-blue-rigo);border-radius:9px;margin-top:5px;line-height:25px;word-break:break-word}.message.user{background-color:#f5f5f57b;color:#000}.message p:not(:first-child){margin-top:15px}.alert{background-color:var(--4geeks-yellow);padding:3px 10px;border-radius:10px;color:#000;font-weight:700;text-align:center}.self-closing-modal{position:fixed;top:0;left:0;background-color:var(--backdrop-background);width:100vw!important;height:100%!important;display:grid;place-content:center;z-index:2}.self-closing-modal>div.modal-content{display:block;border-radius:20px;flex-direction:column;background-color:var(--modals-bg-color);padding:20px;width:min(600px,98vw);gap:10px;margin-inline:auto;overflow:auto;max-height:95vh;position:relative}.self-closing-modal .modal-closer{position:absolute;right:20px;top:25px;z-index:2;cursor:pointer}.icon-component{background-color:red}.loader{display:flex;align-items:center;gap:10px;justify-content:center;animation:glowing 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{width:40px;height:40px;border:2px solid var(--loader-color);border-top-color:transparent;position:relative;display:flex;align-items:center;justify-content:center}.loader-icon:after{content:"";display:block;width:100%;top:0;left:0;position:absolute;height:100%;border:2px solid var(--color-hovered);border-top:2px solid var(--color-active);border-radius:50%;animation:spin 2s linear infinite}@keyframes glowing{0%{opacity:.6}to{opacity:1}}.input-modal{text-align:center;background-color:var(--modals-bg-color);color:var(--read-font-color);padding:20px;display:flex;flex-direction:column;gap:10px}.presentator{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(141,141,141,.402);z-index:0;cursor:initial}._badge{position:fixed;width:min(90%,330px);border-radius:5px;text-align:left;background-color:#fff;border:1px solid rgba(127,127,127,.3);padding:15px;top:50vh;left:50%;z-index:2;box-shadow:0 4px 8px #0000001a}._badge>h2{color:#000;margin-bottom:10px;font-size:25px}._badge>div._content>*{margin-top:5px;line-height:1.5rem}._badge>._footer{display:flex;justify-content:space-between;flex-direction:row}._badge>p{color:#000;font-size:1rem;font-weight:400;margin-top:0}.reset-modal{text-align:center}.reset-modal>section{display:flex;justify-content:center;width:100%;gap:20px}.login-modal{font-size:16px}.login-modal h2{text-align:center}.login-modal>div div:has(button){display:flex;align-items:center;justify-content:center;gap:5px}.login-modal button,.login-modal input{font-size:16px}._header_1u10v_1{display:flex;justify-content:space-between;padding-inline:10px;padding-block:10px;align-items:center;background-color:var(--app-bg-color);border-top-left-radius:10px;border-top-right-radius:10px}._header_1u10v_1>section{display:flex;gap:8px}._header_1u10v_1>section:last-child{display:flex;gap:15px}._header_1u10v_1>section>button:disabled{cursor:not-allowed;opacity:.5}._container_ezryg_1{display:flex;gap:8px;background-color:var(--bg-color);flex-wrap:nowrap;min-height:calc(100dvh - 200px);max-height:calc(100dvh - var(--header-height))}._container_ezryg_1>div{width:65%}._container_ezryg_1>div:only-child{width:100%}._content_ezryg_31{display:flex;position:relative}._content_ezryg_31>section{padding:8px;width:100%;max-height:90vh;overflow:auto}._appTabs_ezryg_55{display:flex;background-color:var(--tabs-bg-color);justify-content:space-between;position:absolute;top:0;left:0;width:100%}._appTabs_ezryg_55>div{width:100%;text-align:center;padding:10px;color:#728ec0;border-bottom:1px solid transparent;cursor:pointer}._appTabs_ezryg_55>div[data-visible=true]{background-color:var(--bg-color);color:var(--color-active);border-bottom:3px solid var(--color-active)}._hiddenOnMobile_ezryg_103{display:none}@media only screen and (min-width: 768px){._container_ezryg_1{gap:8px}._content_ezryg_31>section{padding:8px;width:100%}._appTabs_ezryg_55{display:none}._hiddenOnMobile_ezryg_103{display:block;text-align:center}}.tabs{display:flex;align-items:center;gap:2px}.tab{display:flex;background-color:var(--bg-color);border-top-right-radius:6px;border-top-left-radius:6px;cursor:pointer;transition:background-color .3s ease;padding:5px 6px}.tab.active{background-color:var(--opaque-blue-editor)}.tab.active button{color:var(--color-active)}.editor{border:7px solid var(--opaque-blue-editor);border-radius:0 5px 0 0;position:relative}.editor-monaco .view-lines,.editor-monaco .margin-view-overlays{height:min(400px,fit-content)!important}.terminal{border:3px solid var(--opaque-blue-editor);border-top:0;overflow-y:auto;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.terminal.html{height:min(400px,fit-content);overflow-y:auto;border:none}.terminal.only{margin-top:0;border:0;max-height:70vh;border-radius:5px}.terminal.only .editor-footer{margin-top:20px;display:block;position:relative}.terminal.hidden{display:none}.terminal>h5{border-bottom:1px solid #dadada;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:16px}.terminal>pre{background-color:var(--bg-color);border:none;max-width:100%;height:fit-content F;word-break:break-word!important;white-space:pre-wrap}.terminal>pre>code{word-wrap:break-word}.editor-footer{background-color:var(--app-bg-color);position:absolute;bottom:8px;width:calc(100% - 16px);left:8px;border-radius:8px;font-size:12px}.editor-footer .compiler{background-color:var(--color-active);color:#fff!important}.editor-footer .compiler .set-stroke path{stroke:#fff}.editor-footer.UNMODIFIED,.editor-footer.MODIFIED{background-color:var(--modals-bg-color)}.editor .editor-footer.success{background-color:var(--soft-green)}.editor .editor-footer.error{color:#fff!important;background-color:var(--soft-red)}.editor-footer .not-started{display:flex;align-items:center;gap:9px;color:var(--color-active);padding:4px;justify-content:space-between;font-size:12px}.editor-footer .not-started span{font-size:12px}.editor-footer .not-started>div:first-child{display:flex;align-items:center;gap:5px}.editor-footer .footer-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px}.editor-footer .footer-actions>div>button,.editor-footer .footer-actions>button,.editor-footer .footer-actions>div{width:100%;border-radius:4px;display:flex;font-size:12px;justify-content:center;align-items:center;gap:5px;color:var(--color-active)}.editor-footer.success{background-color:var(--soft-green)}.editor-footer.success .footer-actions>button svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div>button>svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div{color:var(--color-success)}.editor-footer.success .footer-actions>button{color:#000}.editor-footer.success .footer-actions>div>button{color:#000}.editor-footer.success .editor-footer-child .set-path-fill path{fill:var(--color-success)}.editor-footer.success .compiler{background-color:var(--color-success);color:#fff!important}.editor-footer.success .compiler .set-path-fill path{stroke:#fff}.editor-footer.error{background-color:var(--soft-red)}.editor-footer.error .footer-actions>button svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button>svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button{color:var(--color-fail)}.editor-footer.error .footer-actions>button{color:var(--color-fail)}.editor-footer.error .footer-actions>div{color:var(--color-fail)}.editor-footer.error .editor-footer-child .set-path-fill path{fill:var(--color-fail)}.editor-footer.error .compiler{background-color:var(--color-fail);color:#fff!important}.editor-footer.error .compiler .set-path-fill path{stroke:#fff}.footer-actions button{font-size:15px!important}.app-header{animation:scale-navbar auto linear both;animation-timeline:scroll();animation-range:10px 150px;position:sticky;top:0}.app-header:hover{opacity:1!important}.navbar-component{padding:10px;background-color:var(--bg-color);display:flex;width:100%;transition:all 2s;margin:0 auto;max-width:1145px;justify-content:space-between}.navbar-component>section{display:flex;gap:3px;align-items:center}.navbar-component>section>button,.navbar-component>section>div{border:1px solid var(--color-active);border-radius:5px}.lesson-options{display:flex;align-items:center;background-color:var(--bg-color);margin:0 auto;max-width:1145px;padding:8px;justify-content:space-between}.lesson-options>div{display:flex;gap:10px;align-items:center}.lesson-options button:disabled{opacity:.5;cursor:not-allowed}@keyframes scale-navbar{to{opacity:0}}.feedback-dropdown{position:absolute;width:250px!important;padding:2px;border:1px solid var(--color-active);background-color:var(--modals-bg-color);border-radius:7px;max-width:300px;font-size:var(--font-size-small);display:flex;gap:5px;align-items:baseline!important;z-index:4;flex-direction:column}.feedback-dropdown.up{bottom:103%;right:0}.feedback-dropdown.down{top:103%;left:-75%}.feedback-dropdown>*{width:fit-content}.feedback-dropdown>button{color:var(--color-active);width:100%;padding:7px;text-align:left;display:flex;justify-content:left;align-items:center}.feedback-dropdown>button:hover{background-color:var(--color-blue-opaque)}.feedback-dropdown>p{padding:3px;background-color:var(--bg-color);margin:0;font-size:var(--font-size-mini);color:var(--read-font-color)}.feedback-dropdown>p>a{font-weight:600;color:var(--color-active);cursor:pointer}#feedback-button{min-width:fit-content}.sidebar-component{position:absolute;left:0%;font-size:17px;z-index:2;background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.sidebar-component{width:min(100vw - 5px,460px)!important;position:relative;height:calc(100vh - var(--header-height))}.sidebar-component .footer{width:100%;position:fixed;bottom:0}}.sidebar-component section h2{text-align:center;padding:10px;margin-block:0;width:100%}.sidebar-component>section:not(:last-child){display:flex;justify-content:space-between;padding:2px 14px}.sidebar-component .footer{background-color:transparent;position:relative;width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between}.sidebar-component .footer>a{padding:10px;text-decoration:none;color:var(--read-font-color);display:block;border-radius:8px}.sidebar-component .footer>a:hover{background-color:var(--color-hovered)}.sidebar-component .exercise-list{display:flex;flex-direction:column;width:100%;gap:5px;padding:5px;max-height:83vh!important;overflow-y:scroll;width:var(--app-width);margin-inline:auto}.exercise-list .exercise-card{background-color:var(--bg-1);display:flex;padding:5px 10px;cursor:pointer;width:100%;justify-content:space-between;font-size:18px;border-radius:10px;align-items:center;position:relative}.exercise-circle{background-color:var(--bg-1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0097cf;padding:10px}.exercise-circle.done{background-color:#0097cf;color:#fff}.sidebar-component .exercise-list .exercise-card:hover{background-color:var(--bg-2)}.sidebar-component .exercise-list .exercise-card:active{background-color:var(--color-blue-opaque);transition:all .3s ease}.sidebar-disappear{animation:disappear-4-right .4s ease 1 forwards}@keyframes appear-4-right{0%{left:101%}to{left:0}}@keyframes disappear-4-right{0%{left:0}to{left:101%}}.bg-blue-opaque{background-color:var(--color-blue-opaque)}.lesson-content{padding-bottom:70px;font-size:20px;padding-inline:16px;line-height:24px}.lesson-content img{margin:5px auto;max-width:750px;display:block}.lesson-content h1{font-size:32px}.lesson-content h2{font-size:25px}.lesson-content h3{font-size:20px}.lesson-content{line-height:2rem}.creator-wrapper{position:relative}.creator-wrapper .display-on-hover{display:none}.creator-wrapper:hover .display-on-hover{display:block}.inverted{transform:scaleY(-1)}.inverted>*{transform:scaleY(-1)}.creator-options{display:flex;border-radius:5px;gap:3px;position:absolute;top:0;left:0;flex-direction:column;z-index:1000}.creator-options-buttons{background-color:var(--color-blue-opaque);width:fit-content;padding:5px;border-radius:5px}.text-in-editor{position:relative}.creator-options-opener{display:none;position:absolute;right:100%;top:5px;z-index:1000;background-color:var(--app-bg-color)}.creator-wrapper:hover>.text-in-editor>.creator-options-opener{display:block}.creator-wrapper:hover{background-color:var(--color-blue-opaque);border-radius:2px}.creator-target-content{color:var(--color-success)}.creator-target{border-radius:5px}.code-buttons{background-color:var(--color-blue-opaque);border-top-left-radius:5px;border-top-right-radius:5px;padding-left:10px;padding-right:10px;font-size:12px;color:var(--color-blue-rigo)}.custom-code-block{position:relative}.execution-result{background-color:var(--color-blue-opaque);padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:12px;color:var(--color-success)}.katex{font-size:1.2rem;line-height:2rem}.rigo-input{border-radius:5px;font-size:16px;padding:5px;width:min(600px,90vw)!important;display:flex;align-items:center;gap:5px}.rigo-button{background:linear-gradient(132deg,#0fb0fc,#022cc2);border:2px solid white;color:var(--white);opacity:1;border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:-12px;z-index:1}.rigo-textarea{border:0;background:#c8dbfc;font-size:16px;padding:7px;outline:none;width:100%;border-radius:10px;color:#000}.rigo-textarea::placeholder{color:var(--color-blue-rigo)}._container_cvap7_1{position:relative;display:inline-block;text-align:left;background-color:var(--color-blue-rigo);border-radius:3px}._button_cvap7_17{background-color:var(--color-blue-rigo);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center}._icon_cvap7_39{margin-left:.5rem;color:currentColor}._menu_cvap7_49{position:absolute;right:0;margin-top:.25rem;width:15rem;background-color:#dce9ff;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;z-index:100;padding:.5rem 10px}._container_1cky8_1{width:100%;background-color:#e0e0e0;border-radius:4px;overflow:hidden}._filler_1cky8_15{height:100%;background-color:var(--color-blue-rigo);border-radius:4px 0 0 4px;transition:width .3s ease}
+.lesson-container-component{max-width:1145px;margin:0 auto;padding:0 15px;overflow-y:scroll;color:var(--read-font-color);display:flex;flex-direction:column;gap:10px;line-height:1.5rem}.simple-button-svg{max-height:100%!important;display:flex;align-items:center;gap:10px;font-size:var(--font-size-medium);opacity:1;transition:opacity .1s ease-in-out;border:1px solid transparent}.simple-button-svg:hover{opacity:1}.simple-button-svg.big{padding:10px 20px!important}.simple-button-svg.bg-success svg path{stroke:#fff!important}.simple-button-svg.bg-blue svg path{stroke:#fff!important}.simple-button-svg.small{padding:5px 15px}.simple-button-svg.mini{padding:0}.simple-button-svg.mini svg{max-height:20px!important;max-width:20px!important}.simple-button-svg:disabled{opacity:.5;cursor:not-allowed}.simple-button-svg svg{max-height:30px!important;max-width:30px!important}.simple-button-svg img{max-height:18px!important;max-width:18px!important;filter:saturate(90%)}.feedback-container{background-color:#1f1f1fd1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;z-index:2;width:100%!important;min-height:100%!important}.feedback-component{width:min(99%,600px);background-color:#fff;padding:10px;border-radius:10px;position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:10%;display:flex;flex-direction:column;gap:13px;left:50%;transform:translate(-50%)}.feedback-component>.-header{font-weight:700;padding:5px;display:flex;align-items:center;justify-content:space-between}.feedback-component>.-header>button{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.feedback-component>p{font-size:16px}.feedback-component>.-content{padding:10px;background-color:#f9f9f9}.feedback-component>.-footer{padding:10px;display:flex;flex-direction:column;text-align:center}.feedback-component>.-footer>div{display:flex;justify-content:space-around}#socket-disconnected{display:none}.test-button{background-color:red;display:flex;align-items:center;padding:10px;border-radius:10px;color:#ff0;font-weight:700}.button{background-color:var(--color-active);border-radius:7px;color:#fff;padding:10px}.button:hover{color:#fff}.text-center{text-align:center}.centered{margin-inline:auto}.on-hover-active:hover{background-color:var(--color-active);color:#fff}.rounded{border-radius:var(--standard-border-radius)}.rigo-thumbnail{position:fixed;bottom:20px;cursor:pointer;right:10px;background-color:var(--color-blue-rigo);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;z-index:2;border:var(--read-font-color) 2px solid}.quiz-button{padding:10px;border-radius:10px;border:1px solid var(--color-active);width:fit-content;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.rigo-toggle{cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--standard-border-radius)}@media only screen and (min-width: 768px){.rigo-toggle{border-radius:0;border-top-left-radius:var(--standard-border-radius);border-top-right-radius:var(--standard-border-radius)}}.quiz-container{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px}.quiz-container .button-wrapper{margin-top:10px;position:sticky;bottom:50px;padding:10px;display:flex;justify-content:right}.quiz-answer{padding:10px;border-radius:50vh;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.quiz-answer-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;min-width:22px;height:22px;min-height:22px;border-radius:50%;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.quiz-answer-checkbox:empty{background-color:transparent;border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty{background-color:var(--bg-color);border:1px solid var(--color-active)}.quiz-answer-checkbox.selected:empty:after{content:"";position:absolute;width:11px;height:11px;background-color:var(--color-active);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box}.language-component{width:fit-content!important;border:1px solid var(--bg-color);padding:7px;border-radius:10px;background-color:transparent;position:relative}.language-dropdown{display:flex;position:absolute;top:101%;left:50%;transform:translate(-50%);border:1px solid var(--color-hovered);padding:6px;border-radius:9px;flex-direction:column;z-index:2;background-color:var(--bg-color)}.language-dropdown>button{display:flex;gap:7px;align-items:center}.language-component>button{display:flex;gap:6px;align-items:center}:root{--bg-color-dark-gray: #a1a1a1;--bg-color: #f9f9f9;--app-bg-color: white;--color-active: #02a9ea;--header-height: 90px;--4geeks-yellow: #ffd900;--color-warning: #ffd900;--opaque-blue-editor: #a5d9f8;--color-blue-opaque: #eef9fe;--color-blue: #c1dfed;--soft-blue: #eef9fe;--color-blue-rigo: #0084ff;--tabs-bg-color: #f4faff;--color-hovered: rgba(224, 224, 224, .665);--light-grey: #dadada;--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #f1fcffd5;--link-inactive-color: #c1c1c1;--backdrop-background: rgba(0, 0, 0, .7);--soft-green: #a4ffbd;--soft-red: #ffbebe;--modals-bg-color: var(--bg-color);--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-mini: 12px;--font-size-medium: 18px;--app-width: min(100%, 1111px);--read-font-color: black;--font-color-secondary: #4c648f;--gray-blue-color: #9fbdf0;--dropdown-bg-color: white;--standard-border-radius: 8px;--bg-1: #fafdff;--bg-2: #f3fafe;--white: #ffffff;--sidebar-bg-color: #e4e8ee;font-size:16px}:root:has(main.dark){font-size:16px;--bg-color-dark-gray: #a1a1a1;--bg-color: #111f39;--app-bg-color: #111f39;--app-bg-color-opaque: #00041a38;--color-active: #02a9ea;--4geeks-yellow: #ffd900;--opaque-blue-editor: #a5d9f8;--soft-blue: #dff5ff;--color-blue-opaque: #012c57;--color-hovered: rgba(95, 95, 95, .311);--color-success: #21b761;--color-fail: #eb5757;--bg-color-code: #2d3748;--link-inactive-color: #a9a9a9;--backdrop-background: rgba(0, 0, 0, .7);--tabs-bg-color: #1e1e1e;--font-color-secondary: #9c9c9c;--font-size-small: 16px;--font-size-medium: 18px;--dropdown-bg-color: var(--bg-color);--read-font-color: white;--font-color-secondary: #6e90d1;--gray-blue-color: #9fbdf0;--white: #000000;--bg-1: #111f39;--bg-2: #1a2d50;--sidebar-bg-color: #131b25}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{font-size:14px;font-family:Inter,sans-serif}html:has(main.dark){color-scheme:dark light}body{background-color:var(--bg-color);overflow-x:hidden;overflow-y:scroll}img{width:100%}button{border:0;background:transparent}h1{font-size:26px;font-weight:700}hr{margin-top:15px}pre{border-left:2px solid var(--color-active);overflow:auto;padding:10px!important;margin:0!important;border-radius:0!important}code:not(pre code){padding:2px 6px;border-radius:5px;background-color:#cff3ff;color:#001926}li{padding-left:0!important;margin-left:20px!important}ul>li{list-style-type:disc}ol>li{list-style-type:decimal}blockquote{border-left:2px solid var(--color-active);padding:1px 10px;border-radius:5px;background-color:var(--bg-2)}button{cursor:pointer}table{border-collapse:collapse;width:100%}th{background-color:var(--bg-color-code);padding:6px;color:var(--read-font-color);border:1px solid rgb(130,130,130)}td{border:1px solid rgb(130,130,130);text-align:center;padding:4px}h1,h2,h3,h4,h5,h6,p{margin-block:15px;line-height:1.7}form button{width:fit-content;padding:7px;cursor:pointer;border-radius:6px}form input{border:1px solid gray;border-radius:8px;padding:10px;width:100%}a{word-break:break-all}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.433)}::-webkit-scrollbar-thumb:hover{background:var(--color-active)}.pill{border-radius:7px;padding:5px;display:flex;align-items:center}.bg-blue{background-color:var(--color-active)!important;color:#fff}.border-blue{border:1px solid var(--color-active)}.border-none{border:none!important}.color-blue{color:var(--color-active)}.bg-blue-rigo{background-color:var(--color-blue-rigo)!important}.bg-secondary{background-color:#e7e7e7c2}.scrolleable{overflow-y:auto!important}.blue-circle{background-color:var(--color-active);border-radius:50%;padding:10px;margin-left:10px;width:40px;height:40px;position:relative}.blue-circle>*{position:absolute;left:50%;font-size:10px;color:#fff;top:50%;transform:translate(-50%,-50%)}.pos-relative{position:relative}.pos-absolute{position:absolute}.bg-fail{background-color:var(--color-fail)!important}.bg-fail .set-path-fill path{fill:#fff}.bg-success{background-color:var(--color-success)!important}.dropdown{display:flex;flex-direction:column;position:relative}.dropdown-content{display:none;position:absolute;min-width:230px}.dropdown:hover .dropdown-content{display:flex;flex-direction:column;background-color:var(--dropdown-bg-color);padding:5px;width:fit-content;border-radius:var(--standard-border-radius)}.dropdown.up .dropdown-content{bottom:100%;left:0}.dropdown.down .dropdown-content{top:100%;left:0}.modal-container{width:100%;height:100vh!important;position:absolute;z-index:10;background-color:var(--backdrop-background);display:flex;flex-direction:column;padding:10px}.modal-container>div{display:flex;flex-direction:column;gap:8px;background-color:#fff;padding:10px;position:absolute;top:50%;width:min(99%,750px);left:50%;transform:translate(-50%,-50%);border-radius:10px}.modal-container>div .modal-header{font-weight:bolder;font-size:16px}.modal-container>div .modal-content{background-color:#ece8e8;padding:inherit;border-radius:inherit;position:relative}.float-right{position:absolute;top:10px;right:10px}.text-white{border:white;color:#fff!important;--read-font-color: white}.d-flex{display:flex}.space-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.palpitate{animation:palpitate 1s ease-in infinite;animation-play-state:running}@keyframes palpitate{0%{opacity:1}0%{opacity:.5}to{opacity:1}}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.separator{justify-content:center;display:flex;color:var(--font-color-secondary);align-items:center;gap:20px}.separator>div{width:100%;height:1px;background-color:var(--font-color-secondary)}.btn-dark{border:1px solid var(--bg-color-dark-gray)}.w-100{width:100%!important}.btn-dark:hover{background-color:var(--color-hovered)}#main-container{width:var(--app-width);margin-inline:auto;height:99dvh}#main-container.iframe-mode{width:100vw!important}@media only screen and (min-width: 1111px){#main-container.iframe-mode{margin-top:0}}.badge{width:100%;text-align:center;padding:10px;border-radius:4px;cursor:pointer}.clickeable:hover{background-color:var(--color-hovered)}.min-width{width:var(--app-width)}.gap-small{gap:5px}.gap-medium{gap:10px}.gap-big{gap:20px}.my-2{margin-block:20px}.my-small{margin-block:10px}.d-none{display:none}@media only screen and (min-width: 769px){.hide-continue-button{display:none!important}}.browser{height:max-content!important;background-color:var(--opaque-blue-editor);padding:3px}.browser-tab{padding:4px 20px;border-radius:5px;background-color:var(--soft-blue);color:var(--color-active);max-width:100%;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.browser-header{background-color:#8585852f;border-radius:5px;width:100%;padding:2px}.browser-body{background-color:var(--app-bg-color);overflow-y:auto;min-height:200px;border-radius:5px;margin-top:3px}.danger-on-hover:hover{background-color:var(--soft-red);color:#fff}.danger-on-hover:hover svg.set-path-fill path{fill:#fff!important}.success-on-hover:hover{background-color:var(--soft-green);color:#000}.success-on-hover:hover svg{--read-font-color: black}.svg-success svg path{stroke:var(--color-success)!important}.hover:hover{background-color:#a39e9e53!important}.preview-iframe{border-radius:var(--standard-border-radius);color:var(--read-font-color)!important}.padding-medium{padding:10px}.padding-small{padding:5px}.bg-secondary{background-color:var(--color-hovered)}.bg-danger{background-color:var(--color-fail)}.bg-selected{background-color:var(--opaque-blue-editor)}.input{padding:10px;border-radius:8px;border:1px solid var(--color-hovered)}.text-blue{color:var(--color-blue-rigo)}.circle-small{width:30px;height:30px;border-radius:50%}.vh100{height:100vh}.overflow-y-hidden{overflow-y:hidden}.justify-end{justify-content:flex-end}.flex-x{display:flex}.font-size-m{font-size:var(--font-size-medium)}.pos-fixed{position:fixed}.hiddenOnMobile{display:none}.active-hr{border-bottom:2px solid var(--color-active)}.inline-auto{margin-inline:auto}.d-block{display:block}.padding-big{padding:20px}.m-0{margin:0}.bg-rigo{background-color:var(--color-blue-rigo)}.bg-gray{background-color:var(--color-hovered)}.conector-blue{position:relative}@media only screen and (min-width: 768px){.hiddenOnMobile{display:block;text-align:center}.conector-blue:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-blue-rigo);left:50%;transform:translate(-50%);top:95%}}.svg-white .set-stroke>path{stroke:#fff}.continue-button{animation:show-continue-button 1s ease-in-out forwards}@keyframes show-continue-button{0%{visibility:hidden}to{visibility:visible;display:block}}.opaque-blue-on-hover:hover{background-color:var(--color-blue-opaque)}.info-bubble-container{position:relative;width:fit-content;overflow:visible}.info-bubble-message{display:none;position:absolute;bottom:100%;right:0;background-color:var(--color-blue-rigo);color:#fff;padding:10px;border-radius:5px}.info-bubble-opener:hover+.info-bubble-message{display:block}.info-bubble-message:hover{display:block}.pointer{cursor:pointer}.text-small{font-size:12px}.margin-children-none>*{margin:0!important}.padding-mini{padding:3px}.circle{border-radius:50%;width:20px;height:20px}.big-circle{border-radius:50%;width:40px;height:40px}.hidden{display:none}.margin-0{margin:0}.bg-warning{background-color:var(--color-warning)}.text-black{color:#000!important}.svg-black svg{--read-font-color: black}.stdout-prefix{color:var(--color-active);margin:0;font-weight:700;font-size:12px}.stdout{background-color:#000;padding:10px;color:#fff}.stdin{background-color:var(--bg-2);padding:10px;color:var(--read-font-color)}.stderr{background-color:#000;padding:10px;color:var(--color-fail)}.flex-y{display:flex;flex-direction:column}.bg-soft-green{color:#000;background-color:var(--soft-green)!important}.bg-soft-red{color:#000;background-color:var(--soft-red)!important}.bg-soft-blue{background-color:var(--soft-blue)!important}.fit-content{width:fit-content}.text-bold{font-weight:700}.border-gray{border:1px solid var(--color-hovered)}.scale-on-hover{transition:scale .3s ease}.scale-on-hover:hover{scale:1.05}.bg-transparent{background-color:transparent}.gray-on-hover{transition:background-color .3s ease}.gray-on-hover:hover{background-color:var(--color-hovered)}.text-dark{color:#181818}.mr-10{margin-right:40px}.wrap-wrap{flex-wrap:wrap}.h-100{height:100%}.z-index-1{z-index:1}.text-secondary{color:var(--font-color-secondary)}.svg-blue svg{--read-font-color: var(--color-blue-rigo)}.blank-input{background:transparent;border:0;padding:8px;font-size:16px}.blank-input::placeholder{color:var(--gray-blue-color)}.active-on-hover{transition:all .3s ease;cursor:pointer}.active-on-hover:hover{background-color:var(--color-blue-rigo);color:#fff;scale:1.01}.active-on-hover:hover svg{--read-font-color: white}.active-on-hover:active{scale:.99}.border-bottom-blue{border-bottom:1px solid var(--opaque-blue-editor)}.bg-1{background-color:var(--bg-1)!important}.bg-2{background-color:var(--bg-2)!important}.bg-white{background-color:var(--white)!important}.margin-left-small{margin-left:10px}.svg-blue{--read-font-color: var(--color-blue-rigo)}.textarea{border:1px solid var(--color-hovered);border-radius:5px;padding:5px;font-size:16px;resize:none}.border-warning{border:1px solid var(--color-warning)}.mermaid{display:flex;justify-content:center}.right-bottom-corner{position:absolute;bottom:10px;right:10px}.text-dark-red{color:var(--color-fail)}.text-dark-red svg{--read-font-color: var(--color-fail)}.text-dark-green{color:var(--color-success)!important}.text-dark-green svg{--read-font-color: var(--color-success)}.margin-left-medium{margin-left:20px}.top-centered{position:absolute;top:-10px;left:50%;transform:translate(-50%)}.bottom-centered{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.align-self-end{align-self:flex-end}.row-reverse{flex-direction:row-reverse}.vertical-line{height:20px;width:1px;background-color:#0060ba;display:inline-block}.big-svg svg{width:50px!important;height:50px!important}.padding-x-small{padding-inline:10px}.d-inline-flex{display:inline-flex}.bg-lesson{background-color:var(--app-bg-color)}.above-all{z-index:1000}.preview-card{max-width:560px;position:relative}.preview-card .click{margin-inline:auto;display:block;background-color:transparent!important;display:flex;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;align-items:center;cursor:pointer;font-size:100px;animation-fill-mode:backwards}.preview-card .click:hover{background-color:#00000080;animation:scaleOnHover .5s ease 1 both}@keyframes scaleOnHover{0%{scale:1}to{scale:1.05}}.video-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-background);z-index:1}.video-modal .modal-content{position:relative;background-color:transparent;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 20px #9999994d;width:fit-content}.video-modal .click svg{width:150px}.video-modal .close{background-color:var(--color-active);margin-top:10px;border-radius:10px;font-size:21px;cursor:pointer;text-align:center;padding:10px;width:100%;opacity:.8;color:#fff;font-weight:600}.video-modal .close:hover{opacity:1;background-color:var(--color-active)}.chat-modal{overflow-y:hidden;position:fixed;z-index:2;bottom:10px;right:50%;transform:translate(50%)}.chat-tab{background-color:#fff;overflow-y:auto;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:min(100vw - 5px,460px)!important;margin-inline:auto}.chat-tab-header{display:flex;background-color:var(--color-blue-rigo);justify-content:space-between;align-items:center;height:50px;padding:10px}.chat-header{position:relative;align-items:center;justify-content:center;text-align:center}.chat-header button{color:var(--background-color-code);position:absolute;top:50%;right:0;transform:translateY(-50%)}.chat-messages{overflow-y:scroll;min-height:min(450px,50vh);padding:10px;max-height:calc(100dvh - 200px)!important}.chat-input{display:flex;position:relative;width:100%;align-items:center;background-color:#d8e2f0;padding:10px;gap:10px}.chat-input input{width:100%;padding:10px 40px 10px 10px;border-radius:8px;border:0;outline:none;background-color:#fff;color:#000}.chat-input button{display:flex;border-radius:50%;right:10px;border:1px solid var(--font-color-secondary);background-color:var(--color-blue-rigo)}.chat-input button svg path{stroke:var(--font-color-secondary)}.chat-input button:hover{background-color:#02a8ea;color:var(--read-font-color)}.chat-input :hover svg path{stroke:var(--read-font-color)}.chat-footer{font-size:16px;color:var(--read-font-color);position:relative;display:flex;justify-content:end}.chat-footer:has(.informative-opener:hover) .informative-message{display:block}.informative-opener{bottom:calc(100% + 10px);right:10px;opacity:.4}.chat-footer .informative-message{display:none;position:absolute;bottom:calc(100% + 50px);background-color:var(--app-bg-color);border:1px solid var(--font-color-secondary);border-radius:10px;padding:10px}.next-button{background-color:#9f9f9f;margin-top:5px;border-radius:7px;font-weight:600;color:#000;padding:10px}.message{background-color:var(--soft-blue);padding:10px;color:var(--color-blue-rigo);border-radius:9px;margin-top:5px;line-height:25px;word-break:break-word}.message.user{background-color:#f5f5f57b;color:#000}.message p:not(:first-child){margin-top:15px}.alert{background-color:var(--4geeks-yellow);padding:3px 10px;border-radius:10px;color:#000;font-weight:700;text-align:center}.self-closing-modal{position:fixed;top:0;left:0;background-color:var(--backdrop-background);width:100vw!important;height:100%!important;display:grid;place-content:center;z-index:2}.self-closing-modal>div.modal-content{display:block;border-radius:20px;flex-direction:column;background-color:var(--modals-bg-color);padding:20px;width:min(600px,98vw);gap:10px;margin-inline:auto;overflow:auto;max-height:95vh;position:relative}.self-closing-modal .modal-closer{position:absolute;right:20px;top:25px;z-index:2;cursor:pointer}.icon-component{background-color:red}.loader{display:flex;align-items:center;gap:10px;justify-content:center;animation:glowing 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-icon{width:40px;height:40px;border:2px solid var(--loader-color);border-top-color:transparent;position:relative;display:flex;align-items:center;justify-content:center}.loader-icon:after{content:"";display:block;width:100%;top:0;left:0;position:absolute;height:100%;border:2px solid var(--color-hovered);border-top:2px solid var(--color-active);border-radius:50%;animation:spin 2s linear infinite}@keyframes glowing{0%{opacity:.6}to{opacity:1}}.input-modal{text-align:center;background-color:var(--modals-bg-color);color:var(--read-font-color);padding:20px;display:flex;flex-direction:column;gap:10px}.presentator{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(141,141,141,.402);z-index:0;cursor:initial}._badge{position:fixed;width:min(90%,330px);border-radius:5px;text-align:left;background-color:#fff;border:1px solid rgba(127,127,127,.3);padding:15px;top:50vh;left:50%;z-index:2;box-shadow:0 4px 8px #0000001a}._badge>h2{color:#000;margin-bottom:10px;font-size:25px}._badge>div._content>*{margin-top:5px;line-height:1.5rem}._badge>._footer{display:flex;justify-content:space-between;flex-direction:row}._badge>p{color:#000;font-size:1rem;font-weight:400;margin-top:0}.reset-modal{text-align:center}.reset-modal>section{display:flex;justify-content:center;width:100%;gap:20px}.login-modal{font-size:16px}.login-modal h2{text-align:center}.login-modal>div div:has(button){display:flex;align-items:center;justify-content:center;gap:5px}.login-modal button,.login-modal input{font-size:16px}._header_1u10v_1{display:flex;justify-content:space-between;padding-inline:10px;padding-block:10px;align-items:center;background-color:var(--app-bg-color);border-top-left-radius:10px;border-top-right-radius:10px}._header_1u10v_1>section{display:flex;gap:8px}._header_1u10v_1>section:last-child{display:flex;gap:15px}._header_1u10v_1>section>button:disabled{cursor:not-allowed;opacity:.5}._container_ezryg_1{display:flex;gap:8px;background-color:var(--bg-color);flex-wrap:nowrap;min-height:calc(100dvh - 200px);max-height:calc(100dvh - var(--header-height))}._container_ezryg_1>div{width:65%}._container_ezryg_1>div:only-child{width:100%}._content_ezryg_31{display:flex;position:relative}._content_ezryg_31>section{padding:8px;width:100%;max-height:90vh;overflow:auto}._appTabs_ezryg_55{display:flex;background-color:var(--tabs-bg-color);justify-content:space-between;position:absolute;top:0;left:0;width:100%}._appTabs_ezryg_55>div{width:100%;text-align:center;padding:10px;color:#728ec0;border-bottom:1px solid transparent;cursor:pointer}._appTabs_ezryg_55>div[data-visible=true]{background-color:var(--bg-color);color:var(--color-active);border-bottom:3px solid var(--color-active)}._hiddenOnMobile_ezryg_103{display:none}@media only screen and (min-width: 768px){._container_ezryg_1{gap:8px}._content_ezryg_31>section{padding:8px;width:100%}._appTabs_ezryg_55{display:none}._hiddenOnMobile_ezryg_103{display:block;text-align:center}}.tabs{display:flex;align-items:center;gap:2px}.tab{display:flex;background-color:var(--bg-color);border-top-right-radius:6px;border-top-left-radius:6px;cursor:pointer;transition:background-color .3s ease;padding:5px 6px}.tab.active{background-color:var(--opaque-blue-editor)}.tab.active button{color:var(--color-active)}.editor{border:7px solid var(--opaque-blue-editor);border-radius:0 5px 0 0;position:relative}.editor-monaco .view-lines,.editor-monaco .margin-view-overlays{height:min(400px,fit-content)!important}.terminal{border:3px solid var(--opaque-blue-editor);border-top:0;overflow-y:auto;position:relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.terminal.html{height:min(400px,fit-content);overflow-y:auto;border:none}.terminal.only{margin-top:0;border:0;max-height:70vh;border-radius:5px}.terminal.only .editor-footer{margin-top:20px;display:block;position:relative}.terminal.hidden{display:none}.terminal>h5{border-bottom:1px solid #dadada;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:16px}.terminal>pre{background-color:var(--bg-color);border:none;max-width:100%;height:fit-content F;word-break:break-word!important;white-space:pre-wrap}.terminal>pre>code{word-wrap:break-word}.editor-footer{background-color:var(--app-bg-color);position:absolute;bottom:8px;width:calc(100% - 16px);left:8px;border-radius:8px;font-size:12px}.editor-footer .compiler{background-color:var(--color-active);color:#fff!important}.editor-footer .compiler .set-stroke path{stroke:#fff}.editor-footer.UNMODIFIED,.editor-footer.MODIFIED{background-color:var(--modals-bg-color)}.editor .editor-footer.success{background-color:var(--soft-green)}.editor .editor-footer.error{color:#fff!important;background-color:var(--soft-red)}.editor-footer .not-started{display:flex;align-items:center;gap:9px;color:var(--color-active);padding:4px;justify-content:space-between;font-size:12px}.editor-footer .not-started span{font-size:12px}.editor-footer .not-started>div:first-child{display:flex;align-items:center;gap:5px}.editor-footer .footer-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px}.editor-footer .footer-actions>div>button,.editor-footer .footer-actions>button,.editor-footer .footer-actions>div{width:100%;border-radius:4px;display:flex;font-size:12px;justify-content:center;align-items:center;gap:5px;color:var(--color-active)}.editor-footer.success{background-color:var(--soft-green)}.editor-footer.success .footer-actions>button svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div>button>svg path{stroke:var(--color-success)}.editor-footer.success .footer-actions>div{color:var(--color-success)}.editor-footer.success .footer-actions>button{color:#000}.editor-footer.success .footer-actions>div>button{color:#000}.editor-footer.success .editor-footer-child .set-path-fill path{fill:var(--color-success)}.editor-footer.success .compiler{background-color:var(--color-success);color:#fff!important}.editor-footer.success .compiler .set-path-fill path{stroke:#fff}.editor-footer.error{background-color:var(--soft-red)}.editor-footer.error .footer-actions>button svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button>svg path{stroke:var(--color-fail)}.editor-footer.error .footer-actions>div>button{color:var(--color-fail)}.editor-footer.error .footer-actions>button{color:var(--color-fail)}.editor-footer.error .footer-actions>div{color:var(--color-fail)}.editor-footer.error .editor-footer-child .set-path-fill path{fill:var(--color-fail)}.editor-footer.error .compiler{background-color:var(--color-fail);color:#fff!important}.editor-footer.error .compiler .set-path-fill path{stroke:#fff}.footer-actions button{font-size:15px!important}.app-header{animation:scale-navbar auto linear both;animation-timeline:scroll();animation-range:10px 150px;position:sticky;top:0}.app-header:hover{opacity:1!important}.navbar-component{padding:10px;background-color:var(--bg-color);display:flex;width:100%;transition:all 2s;margin:0 auto;max-width:1145px;justify-content:space-between}.navbar-component>section{display:flex;gap:3px;align-items:center}.navbar-component>section>button,.navbar-component>section>div{border:1px solid var(--color-active);border-radius:5px}.lesson-options{display:flex;align-items:center;background-color:var(--bg-color);margin:0 auto;max-width:1145px;padding:8px;justify-content:space-between}.lesson-options>div{display:flex;gap:10px;align-items:center}.lesson-options button:disabled{opacity:.5;cursor:not-allowed}@keyframes scale-navbar{to{opacity:0}}.feedback-dropdown{position:absolute;width:250px!important;padding:2px;border:1px solid var(--color-active);background-color:var(--modals-bg-color);border-radius:7px;max-width:300px;font-size:var(--font-size-small);display:flex;gap:5px;align-items:baseline!important;z-index:4;flex-direction:column}.feedback-dropdown.up{bottom:103%;right:0}.feedback-dropdown.down{top:103%;left:-75%}.feedback-dropdown>*{width:fit-content}.feedback-dropdown>button{color:var(--color-active);width:100%;padding:7px;text-align:left;display:flex;justify-content:left;align-items:center}.feedback-dropdown>button:hover{background-color:var(--color-blue-opaque)}.feedback-dropdown>p{padding:3px;background-color:var(--bg-color);margin:0;font-size:var(--font-size-mini);color:var(--read-font-color)}.feedback-dropdown>p>a{font-weight:600;color:var(--color-active);cursor:pointer}#feedback-button{min-width:fit-content}.sidebar-component{position:absolute;left:0%;font-size:17px;z-index:2;background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.sidebar-component{width:min(100vw - 5px,460px)!important;position:relative;height:calc(100vh - var(--header-height))}.sidebar-component .footer{width:100%;position:fixed;bottom:0}}.sidebar-component section h2{text-align:center;padding:10px;margin-block:0;width:100%}.sidebar-component>section:not(:last-child){display:flex;justify-content:space-between;padding:2px 14px}.sidebar-component .footer{background-color:transparent;position:relative;width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between}.sidebar-component .footer>a{padding:10px;text-decoration:none;color:var(--read-font-color);display:block;border-radius:8px}.sidebar-component .footer>a:hover{background-color:var(--color-hovered)}.sidebar-component .exercise-list{display:flex;flex-direction:column;width:100%;gap:5px;padding:5px;max-height:83vh!important;overflow-y:scroll;width:var(--app-width);margin-inline:auto}.exercise-list .exercise-card{background-color:var(--bg-1);display:flex;padding:5px 10px;cursor:pointer;width:100%;justify-content:space-between;font-size:18px;border-radius:10px;align-items:center;position:relative}.exercise-circle{background-color:var(--bg-1);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#0097cf;padding:10px}.exercise-circle.done{background-color:#0097cf;color:#fff}.sidebar-component .exercise-list .exercise-card:hover{background-color:var(--bg-2)}.sidebar-component .exercise-list .exercise-card:active{background-color:var(--color-blue-opaque);transition:all .3s ease}.sidebar-disappear{animation:disappear-4-right .4s ease 1 forwards}@keyframes appear-4-right{0%{left:101%}to{left:0}}@keyframes disappear-4-right{0%{left:0}to{left:101%}}.bg-blue-opaque{background-color:var(--color-blue-opaque)}.lesson-content{padding-bottom:70px;font-size:20px;padding-inline:16px;line-height:24px}.lesson-content img{margin:5px auto;max-width:750px;display:block}.lesson-content h1{font-size:32px}.lesson-content h2{font-size:25px}.lesson-content h3{font-size:20px}.lesson-content{line-height:2rem}.creator-wrapper{position:relative}.creator-wrapper .display-on-hover{display:none}.creator-wrapper:hover .display-on-hover{display:block}.inverted{transform:scaleY(-1)}.inverted>*{transform:scaleY(-1)}.creator-options{display:flex;border-radius:5px;gap:3px;position:absolute;top:0;left:0;flex-direction:column;z-index:1000}.creator-options-buttons{background-color:var(--color-blue-opaque);width:fit-content;padding:5px;border-radius:5px}.text-in-editor{position:relative}.creator-options-opener{display:none;position:absolute;right:100%;top:5px;z-index:1000;padding:2px;border-radius:5px;background-color:var(--app-bg-color)}.creator-wrapper:hover>.text-in-editor>.creator-options-opener{display:block}.creator-wrapper:hover{background-color:var(--color-blue-opaque);border-radius:2px}.creator-target-content{color:var(--color-success)}.creator-target{border-radius:5px}.code-buttons{background-color:var(--color-blue-opaque);border-top-left-radius:5px;border-top-right-radius:5px;padding-left:10px;padding-right:10px;font-size:12px;color:var(--color-blue-rigo)}.custom-code-block{position:relative}.execution-result{background-color:var(--color-blue-opaque);padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:12px;color:var(--color-success)}.katex{font-size:1.2rem;line-height:2rem}.rigo-input{border-radius:5px;font-size:16px;padding:5px;width:min(600px,90vw)!important;display:flex;align-items:center;gap:5px}.rigo-button{background:linear-gradient(132deg,#0fb0fc,#022cc2);border:2px solid white;color:var(--white);opacity:1;border-radius:50%;padding:5px;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:-12px;z-index:1}.rigo-textarea{border:0;background:#c8dbfc;font-size:16px;padding:7px;outline:none;width:100%;border-radius:10px;color:#000}.rigo-textarea::placeholder{color:var(--color-blue-rigo)}._container_2k8jp_1{position:relative;display:inline-block;text-align:left;background-color:var(--color-blue-rigo);border-radius:3px;z-index:2}._button_2k8jp_19{background-color:var(--color-blue-rigo);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center}._icon_2k8jp_41{margin-left:.5rem;color:currentColor}._menu_2k8jp_51{position:absolute;right:0;margin-top:.25rem;width:15rem;background-color:#dce9ff;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;z-index:100;padding:.5rem 10px}._container_1cky8_1{width:100%;background-color:#e0e0e0;border-radius:4px;overflow:hidden}._filler_1cky8_15{height:100%;background-color:var(--color-blue-rigo);border-radius:4px 0 0 4px;transition:width .3s ease}