@learnpack/learnpack 5.0.98 → 5.0.100

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @learnpack/learnpack
 $ learnpack COMMAND
 running command...
 $ learnpack (-v|--version|version)
-@learnpack/learnpack/5.0.98 win32-x64 node-v22.15.0
+@learnpack/learnpack/5.0.100 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.98/src\commands\audit.ts)_
+_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\breakToken.ts)_
+_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\clean.ts)_
+_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\download.ts)_
+_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\init.ts)_
+_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\login.ts)_
+_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\logout.ts)_
+_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\publish.ts)_
+_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\serve.ts)_
+_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\start.ts)_
+_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\test.ts)_
+_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/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.98/src\commands\translate.ts)_
+_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.100/src\commands\translate.ts)_
 <!-- commandsstop -->
 
 > > > > > > > 0cb3e56d84c197f9d008836bb573eade212b7e57

package/lib/commands/serve.js

@@ -22,6 +22,17 @@ const misc_1 = require("../utils/misc");
 const configBuilder_1 = require("../utils/configBuilder");
 dotenv.config();
 const frontMatter = require("front-matter");
+const fixPreviewUrl = (slug, previewUrl) => {
+    if (!previewUrl) {
+        return null;
+    }
+    if (previewUrl.startsWith("http")) {
+        return previewUrl;
+    }
+    const expectedUrl = `https://${slug}.learn-pack.com/preview.png`;
+    console.log("EXPECTED URL", expectedUrl);
+    return expectedUrl;
+};
 class ServeCommand extends SessionCommand_1.default {
     async init() {
         const { flags } = this.parse(ServeCommand);
@@ -86,7 +97,7 @@ class ServeCommand extends SessionCommand_1.default {
             });
             stream.end(buffer);
         });
-        app.post("/upload-image", express.json(), async (req, res) => {
+        app.post("/upload-image", express.json({ limit: "20mb" }), async (req, res) => {
             const { image_url, destination } = req.body;
             if (!image_url || !destination) {
                 return res
@@ -96,9 +107,9 @@ class ServeCommand extends SessionCommand_1.default {
             try {
                 const response = await fetch(image_url);
                 if (!response.ok) {
-                    return res
-                        .status(400)
-                        .json({ error: `Failed to download image: ${response.statusText}` });
+                    return res.status(400).json({
+                        error: `Failed to download image: ${response.statusText}`,
+                    });
                 }
                 const contentType = response.headers.get("content-type") || "application/octet-stream";
                 const buffer = await response.arrayBuffer();
@@ -309,7 +320,6 @@ class ServeCommand extends SessionCommand_1.default {
         });
         app.post("/actions/publish/:slug", async (req, res) => {
             try {
-                // 1) Extraer token y body
                 const { slug } = req.params;
                 const rigoToken = req.header("x-rigo-token");
                 const bcToken = req.header("x-breathecode-token");
@@ -349,12 +359,11 @@ class ServeCommand extends SessionCommand_1.default {
                     .replace(/{{title}}/g, config.title.us)
                     .replace(/<title>.*<\/title>/, `<title>${config.title.us}</title>`)
                     .replace(/{{description}}/g, config.description.us)
-                    .replace(/{{preview}}/g, config.preview ||
+                    .replace(/{{preview}}/g, fixPreviewUrl(slug, config.preview) ||
                     "https://raw.githubusercontent.com/learnpack/ide/master/public/learnpack.svg")
                     .replace(/{{slug}}/g, slug)
                     .replace(/{{duration}}/g, (0, misc_1.minutesToISO8601Duration)(config.duration));
                 fs.writeFileSync(path.join(buildRoot, "index.html"), idxHtml);
-                // 6) Inyectar placeholders en manifest.webmanifest
                 const mfTpl = fs.readFileSync(path.join(uiSrc, "manifest.webmanifest"), "utf-8");
                 const mf = mfTpl
                     .replace(/{{course_title}}/g, config.title.us)
@@ -438,6 +447,24 @@ class ServeCommand extends SessionCommand_1.default {
                 return res.status(500).json({ error: "Failed to delete the package" });
             }
         });
+        app.get("/proxy", async (req, res) => {
+            const { url } = req.query;
+            if (!url) {
+                return res.status(400).json({ error: "URL is required" });
+            }
+            try {
+                const decodedUrl = Buffer.from(url, "base64url").toString("utf-8");
+                const response = await axios_1.default.get(decodedUrl, {
+                    responseType: "arraybuffer",
+                });
+                res.set(response.headers);
+                res.status(response.status).send(response.data);
+            }
+            catch (error) {
+                console.error("Error in /proxy:", error);
+                res.status(500).json({ error: "Failed to fetch the resource" });
+            }
+        });
         app.listen(PORT, () => {
             console.log(`🚀 Creator UI server running at http://localhost:${PORT}/creator`);
         });

package/lib/creatorDist/assets/{index-ldEC0yWM.css → index-fdwyhdDD.css}

@@ -88,6 +88,8 @@
     --text-base--line-height: 1.5;
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-medium: 500;
@@ -460,15 +462,24 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
+  .-mt-5 {
+    margin-top: calc(var(--spacing) * -5);
+  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
@@ -487,6 +498,9 @@
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
+  .ml-auto {
+    margin-left: auto;
+  }
   .block {
     display: block;
   }
@@ -508,6 +522,9 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
   .h-15 {
     height: calc(var(--spacing) * 15);
   }
@@ -553,6 +570,9 @@
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
@@ -806,6 +826,9 @@
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
@@ -848,6 +871,10 @@
   .font-sans {
     font-family: var(--font-sans);
   }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
   .text-4xl {
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));