@learnpack/learnpack 5.0.213 → 5.0.217

package/README.md

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

package/lib/commands/serve.d.ts

@@ -12,7 +12,7 @@ export declare const createLearnJson: (courseInfo: FormState) => {
     technologies: string[];
     difficulty: string;
     description: {
-        us: string;
+        [x: string]: string;
     };
     grading: string;
     telemetry: {

package/lib/commands/serve.js

@@ -48,18 +48,17 @@ const createLearnJson = (courseInfo) => {
     const language = courseInfo.language || "en";
     const learnJson = {
         slug: (0, creatorUtilities_2.slugify)(courseInfo.title),
-        title: language === "en" ?
+        title: language === "en" || language === "us" ?
             {
                 us: courseInfo.title,
             } :
             {
                 [language]: courseInfo.title,
-                // us: courseInfo.title,
             },
         technologies: courseInfo.technologies || [],
         difficulty: "beginner",
         description: {
-            us: courseInfo.description,
+            [language === "en" || language === "us" ? "us" : language]: courseInfo.description,
         },
         grading: "isolated",
         telemetry: {
@@ -277,7 +276,7 @@ class ServeCommand extends SessionCommand_1.default {
         const distPath = path.resolve(__dirname, "../creatorDist");
         // Servir archivos estáticos
         // app.use(express.static(distPath))
-        app.use(express.json());
+        app.use(express.json({ limit: "20mb" }));
         app.use(cors());
         const appPath = path.resolve(__dirname, "../ui/_app");
         const tarPath = path.resolve(__dirname, "../ui/app.tar.gz");
@@ -316,35 +315,6 @@ class ServeCommand extends SessionCommand_1.default {
             });
             stream.end(buffer);
         });
-        app.post("/upload-image", express.json({ limit: "10mb" }), async (req, res) => {
-            const { image_url, destination } = req.body;
-            if (!image_url || !destination) {
-                return res
-                    .status(400)
-                    .json({ error: "image_url and destination are required" });
-            }
-            try {
-                const response = await fetch(image_url);
-                if (!response.ok) {
-                    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();
-                const file = bucket.file(destination);
-                await file.save(Buffer.from(buffer), {
-                    resumable: false,
-                    contentType,
-                });
-                console.log(`✅ Image uploaded to ${file.name}`);
-                res.json({ message: "Image uploaded successfully", path: file.name });
-            }
-            catch (error) {
-                console.error("❌ upload-image error:", error);
-                res.status(500).json({ error: error.message });
-            }
-        });
         const upload = (0, misc_1.createUploadMiddleware)();
         app.post("/upload-image-file", upload.single("file"), async (req, res) => {
             console.log("UPLOADING IMAGE FILE");
@@ -420,6 +390,35 @@ class ServeCommand extends SessionCommand_1.default {
             (0, creatorSocket_1.emitToNotification)(id, body);
             res.json({ id, status: "SUCCESS" });
         });
+        app.post("/webhooks/:courseSlug/images/:imageId", async (req, res) => {
+            const { courseSlug, imageId } = req.params;
+            const body = req.body;
+            console.log("RECEIVING IMAGE WEBHOOK", body);
+            const imageUrl = body.image_url;
+            const imagePath = `courses/${courseSlug}/.learn/assets/${imageId}`;
+            const imageFile = bucket.file(imagePath);
+            const [exists] = await imageFile.exists();
+            if (!exists) {
+                // Descargar la imagen
+                const response = await fetch(imageUrl);
+                if (!response.ok) {
+                    return res.status(400).json({
+                        status: "ERROR",
+                        message: "No se pudo descargar la imagen",
+                    });
+                }
+                const buffer = await response.arrayBuffer();
+                // Guardar la imagen en el bucket
+                await imageFile.save(new Uint8Array(buffer), {
+                    contentType: "image/png",
+                });
+            }
+            (0, creatorSocket_1.emitToNotification)(imageId, {
+                status: "SUCCESS",
+                message: "Image generated successfully",
+            });
+            res.json({ status: "SUCCESS" });
+        });
         app.post("/webhooks/:courseSlug/exercise-processor/:lessonID/:rigoToken", async (req, res) => {
             // console.log("Receiving a webhook to exercise processor")
             const { courseSlug, lessonID, rigoToken } = req.params;
@@ -542,25 +541,38 @@ class ServeCommand extends SessionCommand_1.default {
             const { slug } = req.params;
             const courseSlug = req.query.slug;
             const lang = req.query.lang || "us";
+            if (!courseSlug) {
+                return res.status(400).json({ error: "Missing courseSlug" });
+            }
             const basePath = `courses/${courseSlug}/exercises/${slug}/`;
-            const filename = lang === "us" ? "README.md" : `README.${lang}.md`;
-            const file = bucket.file(basePath + filename);
-            let contentBuffer;
+            const prefix = basePath + "README";
             try {
-                contentBuffer = await file.download();
-            }
-            catch (_a) {
-                if (lang !== "us") {
-                    console.warn(`No README for lang '${lang}', falling back to 'us'`);
-                    const fallbackFile = bucket.file(basePath + "README.md");
-                    contentBuffer = await fallbackFile.download();
+                const [files] = await bucket.getFiles({ prefix });
+                const readmeFiles = files.map(f => f.name);
+                if (readmeFiles.length === 0) {
+                    return res.status(404).json({ error: "No README files found" });
                 }
-                else {
-                    return res.status(404).json({ error: "README not found" });
+                const requestedFilename = lang === "us" || lang === "en" ?
+                    `${basePath}README.md` :
+                    `${basePath}README.${lang}.md`;
+                let selectedFile = readmeFiles.find(f => f === requestedFilename);
+                if (!selectedFile) {
+                    selectedFile = readmeFiles[0];
+                    console.warn(`Requested README not found for lang '${lang}', using '${selectedFile}'`);
                 }
+                let foundLang = "us";
+                const match = selectedFile.match(/readme(?:\.([a-z]{2}))?\.md$/i);
+                if (match && match[1]) {
+                    foundLang = match[1].toLowerCase();
+                }
+                const [contentBuffer] = await bucket.file(selectedFile).download();
+                const { attributes, body } = frontMatter(contentBuffer.toString());
+                res.send({ attributes, body, lang: foundLang });
+            }
+            catch (error) {
+                console.error(error);
+                res.status(500).json({ error: "Internal server error" });
             }
-            const { attributes, body } = frontMatter(contentBuffer[0].toString());
-            res.send({ attributes, body });
         });
         app.get("/.learn/assets/:file", async (req, res) => {
             console.log("GET /.learn/assets/:file", req.params.file);
@@ -585,12 +597,12 @@ class ServeCommand extends SessionCommand_1.default {
             const query = req.query;
             console.log(`PUT /exercise/${slug}/file/${fileName}`);
             const courseSlug = query.slug;
-            console.log("COURSE SLUG", courseSlug);
+            // console.log("COURSE SLUG", courseSlug)
             // Update the file in the bucket
             const file = await bucket.file(`courses/${courseSlug}/exercises/${slug}/${fileName}`);
             await file.save(req.body);
             const created = await file.exists();
-            console.log("File updated", created);
+            // console.log("File updated", created)
             res.send({
                 message: "File updated",
                 created,
@@ -916,12 +928,27 @@ class ServeCommand extends SessionCommand_1.default {
                     }
                 };
                 copyDir(uiSrc, buildRoot);
+                const availableLangs = Object.keys(config.title);
+                let selectedLang = "us";
+                let title = "";
+                if (availableLangs.includes("us")) {
+                    title = config.title.us;
+                }
+                else {
+                    // Select the first available lang
+                    title = config.title[availableLangs[0]];
+                    selectedLang = availableLangs[0];
+                }
+                console.log(config.description, "CONFIG DESCRIPTION");
+                // console.log(availableLangs, "AVAILABLE LANGs")
+                // console.log(selectedLang, "SELECTED LANG")
+                // console.log(title, "TITLE")
                 // 5) Inyectar placeholders en index.html
                 const idxTpl = fs.readFileSync(path.join(uiSrc, "index.html"), "utf-8");
                 const idxHtml = idxTpl
-                    .replace(/{{title}}/g, config.title.us)
-                    .replace(/<title>.*<\/title>/, `<title>${config.title.us}</title>`)
-                    .replace(/{{description}}/g, config.description.us)
+                    .replace(/{{title}}/g, title)
+                    .replace(/<title>.*<\/title>/, `<title>${title}</title>`)
+                    .replace(/{{description}}/g, config.description[selectedLang])
                     .replace(/{{preview}}/g, fixPreviewUrl(slug, "") ||
                     "https://raw.githubusercontent.com/learnpack/ide/master/public/learnpack.svg")
                     .replace(/{{slug}}/g, slug)