@learnpack/learnpack 5.0.54 → 5.0.57

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @learnpack/learnpack
 $ learnpack COMMAND
 running command...
 $ learnpack (-v|--version|version)
-@learnpack/learnpack/5.0.54 win32-x64 node-v22.14.0
+@learnpack/learnpack/5.0.57 win32-x64 node-v22.14.0
 $ learnpack --help [COMMAND]
 USAGE
   $ learnpack COMMAND
@@ -46,6 +46,7 @@ USAGE
 * [`learnpack plugins:uninstall PLUGIN...`](#learnpack-pluginsuninstall-plugin)
 * [`learnpack plugins:update`](#learnpack-pluginsupdate)
 * [`learnpack publish`](#learnpack-publish)
+* [`learnpack serve`](#learnpack-serve)
 * [`learnpack start`](#learnpack-start)
 * [`learnpack test [EXERCISESLUG]`](#learnpack-test-exerciseslug)
 * [`learnpack translate`](#learnpack-translate)
@@ -79,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.54/src\commands\audit.ts)_
+_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\audit.ts)_
 
 ## `learnpack breakToken`
 
@@ -94,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.54/src\commands\breakToken.ts)_
+_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\breakToken.ts)_
 
 ## `learnpack clean`
 
@@ -109,7 +110,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.54/src\commands\clean.ts)_
+_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\clean.ts)_
 
 ## `learnpack download [PACKAGE]`
 
@@ -127,7 +128,7 @@ DESCRIPTION
   Extra documentation goes here
 ```
 
-_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.54/src\commands\download.ts)_
+_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\download.ts)_
 
 ## `learnpack help [COMMAND]`
 
@@ -159,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.54/src\commands\init.ts)_
+_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\init.ts)_
 
 ## `learnpack login [PACKAGE]`
 
@@ -177,7 +178,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.54/src\commands\login.ts)_
+_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\login.ts)_
 
 ## `learnpack logout [PACKAGE]`
 
@@ -195,7 +196,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.54/src\commands\logout.ts)_
+_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\logout.ts)_
 
 ## `learnpack plugins`
 
@@ -327,7 +328,24 @@ OPTIONS
   -s, --strict  strict mode
 ```
 
-_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.54/src\commands\publish.ts)_
+_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\publish.ts)_
+
+## `learnpack serve`
+
+Runs a small server to build tutorials
+
+```
+USAGE
+  $ learnpack serve
+
+OPTIONS
+  -d, --debug      debugger mode for more verbage
+  -h, --host=host  server host
+  -p, --port=port  server port
+  -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.57/src\commands\serve.ts)_
 
 ## `learnpack start`
 
@@ -349,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.54/src\commands\start.ts)_
+_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\start.ts)_
 
 ## `learnpack test [EXERCISESLUG]`
 
@@ -366,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.54/src\commands\test.ts)_
+_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\test.ts)_
 
 ## `learnpack translate`
 
@@ -380,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.54/src\commands\translate.ts)_
+_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.57/src\commands\translate.ts)_
 <!-- commandsstop -->
 
 > > > > > > > 0cb3e56d84c197f9d008836bb573eade212b7e57

package/lib/commands/serve.d.ts

@@ -0,0 +1,7 @@
+import SessionCommand from "../utils/SessionCommand";
+export default class ServeCommand extends SessionCommand {
+    static description: string;
+    static flags: any;
+    init(): Promise<void>;
+    run(): Promise<void>;
+}

package/lib/commands/serve.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const command_1 = require("@oclif/command");
+const express = require("express");
+const cors = require("cors");
+const path = require("path");
+const SessionCommand_1 = require("../utils/SessionCommand");
+const storage_1 = require("@google-cloud/storage");
+const file_1 = require("../managers/file");
+const fs = require("fs");
+const frontMatter = require("front-matter");
+function getSlugFromPath(path) {
+    const parts = path.split("/").filter(Boolean);
+    if (parts.length < 2)
+        return null;
+    return parts[parts.length - 2];
+}
+const bucketStorage = new storage_1.Storage({
+    keyFilename: path.resolve(__dirname, "../utils/creds.json"),
+});
+const bucket = bucketStorage.bucket("learnpack");
+async function listFilesWithPrefix(prefix) {
+    const [files] = await bucket.getFiles({ prefix });
+    return files;
+}
+class ServeCommand extends SessionCommand_1.default {
+    async init() {
+        const { flags } = this.parse(ServeCommand);
+        console.log("Initializing serve command");
+    }
+    async run() {
+        const app = express();
+        const PORT = 3000;
+        const distPath = path.resolve(__dirname, "../creatorDist");
+        // Servir archivos estáticos
+        // app.use(express.static(distPath))
+        app.use(express.json());
+        app.use(cors());
+        const appPath = path.resolve(__dirname, "../ui/_app");
+        const tarPath = path.resolve(__dirname, "../ui/app.tar.gz");
+        if (fs.existsSync(appPath)) {
+            fs.rmSync(appPath, { recursive: true });
+        }
+        if (fs.existsSync(tarPath)) {
+            fs.rmSync(tarPath);
+        }
+        await (0, file_1.downloadEditor)("5.0.0", `${__dirname}/../ui/app.tar.gz`);
+        await (0, file_1.decompress)(`${__dirname}/../ui/app.tar.gz`, `${__dirname}/../ui/_app/`);
+        const localAppPath = path.resolve(__dirname, "../ui/_app");
+        // app.use(express.static(localAppPath))
+        app.post("/upload", async (req, res) => {
+            const { content, destination } = req.body;
+            //   console.log("UPLOAD", content, destination)
+            if (!content || !destination) {
+                return res.status(400).send("Missing content or destination");
+            }
+            if (!bucket) {
+                return res.status(500).send("Upload failed");
+            }
+            const buffer = Buffer.from(content, "utf-8");
+            const file = bucket.file(destination);
+            const stream = file.createWriteStream({
+                resumable: false,
+                contentType: "text/plain",
+            });
+            stream.on("error", err => {
+                console.error("❌ Error uploading:", err);
+                res.status(500).send("Upload failed");
+            });
+            stream.on("finish", () => {
+                console.log(`✅ Uploaded to: ${file.name}`);
+                res.send("File uploaded successfully");
+            });
+            stream.end(buffer);
+        });
+        app.get("/", async (req, res) => {
+            // The the ui/_app/index.html
+            console.log("GET /");
+            const file = path.resolve(__dirname, "../ui/_app/index.html");
+            res.sendFile(file);
+        });
+        app.get("/config", async (req, res) => {
+            console.log("GET /config");
+            console.log(req.query.slug, "QUERY");
+            const files = await listFilesWithPrefix("courses/" + req.query.slug);
+            const learnJson = files.find(file => file.name.endsWith("learn.json"));
+            const learnJsonContent = await (learnJson === null || learnJson === void 0 ? void 0 : learnJson.download());
+            const learnJsonParsed = JSON.parse((learnJsonContent === null || learnJsonContent === void 0 ? void 0 : learnJsonContent.toString()) || "{}");
+            const allExercises = files.filter(file => file.name.includes("exercises/"));
+            const exercises = allExercises.map(exercise => {
+                const slug = getSlugFromPath(exercise.name);
+                return {
+                    title: slug,
+                    slug,
+                    graded: false,
+                };
+            });
+            //   console.log(learnJsonParsed, "LEARN JSON PARSED")
+            res.send({
+                config: Object.assign({}, learnJsonParsed),
+                exercises,
+            });
+        });
+        app.get("/exercise/:slug/readme", async (req, res) => {
+            console.log("GET /exercise/:slug/readme");
+            const { slug } = req.params;
+            const query = req.query;
+            console.log(query, "QUERY");
+            const courseSlug = query.slug;
+            const file = await bucket.file("courses/" + courseSlug + "/exercises/" + slug + "/README.md");
+            const content = await file.download();
+            const { attributes, body } = frontMatter(content[0].toString());
+            res.send({
+                attributes,
+                body,
+            });
+        });
+        app.get("/assets/:file", (req, res) => {
+            const file = path.join(localAppPath, req.params.file);
+            res.sendFile(file);
+        });
+        // Enviar index.html para todas las rutas
+        app.get("/creator", (req, res) => {
+            res.sendFile(path.join(distPath, "index.html"));
+        });
+        app.get("/creator/syllabus", (req, res) => {
+            res.sendFile(path.join(distPath, "index.html"));
+        });
+        app.get("/creator/:file", (req, res) => {
+            console.log("GET /creator/:file", req.params.file);
+            const file = path.join(distPath, req.params.file);
+            res.sendFile(file);
+        });
+        app.get("/creator/assets/:file", (req, res) => {
+            const file = path.join(distPath, "assets", req.params.file);
+            res.sendFile(file);
+        });
+        app.listen(PORT, () => {
+            console.log(`🚀 Creator UI server running at http://localhost:${PORT}`);
+        });
+    }
+}
+ServeCommand.description = "Runs a small server to build tutorials";
+ServeCommand.flags = Object.assign(Object.assign({}, SessionCommand_1.default.flags), { port: command_1.flags.string({ char: "p", description: "server port" }), host: command_1.flags.string({ char: "h", description: "server host" }), debug: command_1.flags.boolean({
+        char: "d",
+        description: "debugger mode for more verbage",
+        default: false,
+    }) });
+exports.default = ServeCommand;

package/lib/managers/server/routes.js

@@ -14,6 +14,7 @@ const telemetry_1 = require("../telemetry");
 const creatorUtilities_1 = require("../../utils/creatorUtilities");
 const rigoActions_1 = require("../../utils/rigoActions");
 const sidebarGenerator_1 = require("../../utils/sidebarGenerator");
+const path = require("path");
 // import { eventManager } from "../../utils/osOperations"
 const withHandler = (func) => (req, res) => {
     try {
@@ -373,4 +374,5 @@ async function default_1(app, configObject, configManager) {
         app.use("/preview", express.static(config.outputPath));
     }
     app.use("/", express.static(`${config === null || config === void 0 ? void 0 : config.dirPath}/_app`));
+    app.use("/creator", express.static(path.join(__dirname, "..", "creatorDist")));
 }

package/lib/utils/api.js

@@ -327,7 +327,7 @@ const createAsset = async (token, academyId, asset) => {
         title: asset.title,
         lang: asset.lang,
         asset_type: "EXERCISE",
-        visibility: "UNLISTED",
+        visibility: "PUBLIC",
         status: "DRAFT",
         url: "https://4geeksacademy.com",
         readme_url: null,

package/lib/utils/cloudStorage.d.ts

@@ -0,0 +1,8 @@
+import { Bucket } from "@google-cloud/storage";
+/**
+ * Sube contenido de texto directamente a un bucket de GCS.
+ * @param bucket Instancia de Bucket
+ * @param destination Ruta destino dentro del bucket (incluye carpeta/nombre)
+ * @param textContent Contenido textual a subir
+ */
+export declare function uploadTextToBucket(bucket: Bucket, destination: string, textContent: string): Promise<void>;

package/lib/utils/cloudStorage.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadTextToBucket = uploadTextToBucket;
+/**
+ * Sube contenido de texto directamente a un bucket de GCS.
+ * @param bucket Instancia de Bucket
+ * @param destination Ruta destino dentro del bucket (incluye carpeta/nombre)
+ * @param textContent Contenido textual a subir
+ */
+async function uploadTextToBucket(bucket, destination, textContent) {
+    const file = bucket.file(destination);
+    await file.save(textContent, {
+        resumable: false,
+        contentType: "text/plain",
+    });
+    console.log(`✅ Texto subido a gs://${bucket.name}/${destination}`);
+}

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"5.0.54","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":[]},"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.57","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.54",
+  "version": "5.0.57",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {
@@ -21,6 +21,7 @@
     "url": "https://github.com/learnpack/learnpack-cli/issues"
   },
   "dependencies": {
+    "@google-cloud/storage": "^7.16.0",
     "@oclif/command": "^1.6.1",
     "@oclif/config": "^1.15.1",
     "@oclif/plugin-help": "^3.1.0",
@@ -33,6 +34,7 @@
     "chalk": "^4.1.0",
     "chokidar": "^3.4.0",
     "cli-ux": "^5.4.6",
+    "cors": "^2.8.5",
     "debounce": "^1.2.0",
     "dotenv": "^8.2.0",
     "enquirer": "^2.3.6",

package/src/commands/serve.ts

@@ -0,0 +1,192 @@
+import { flags } from "@oclif/command"
+import * as express from "express"
+import * as cors from "cors"
+import * as path from "path"
+import SessionCommand from "../utils/SessionCommand"
+import { Storage } from "@google-cloud/storage"
+import { downloadEditor, decompress } from "../managers/file"
+import * as fs from "fs"
+const frontMatter = require("front-matter")
+
+function getSlugFromPath(path: string) {
+  const parts = path.split("/").filter(Boolean)
+  if (parts.length < 2) 
+return null
+  return parts[parts.length - 2]
+}
+
+const bucketStorage = new Storage({
+  keyFilename: path.resolve(__dirname, "../utils/creds.json"),
+})
+const bucket = bucketStorage.bucket("learnpack")
+
+async function listFilesWithPrefix(prefix: string) {
+  const [files] = await bucket.getFiles({ prefix })
+  return files
+}
+
+export default class ServeCommand extends SessionCommand {
+  static description = "Runs a small server to build tutorials"
+
+  static flags = {
+    ...SessionCommand.flags,
+    port: flags.string({ char: "p", description: "server port" }),
+    host: flags.string({ char: "h", description: "server host" }),
+    debug: flags.boolean({
+      char: "d",
+      description: "debugger mode for more verbage",
+      default: false,
+    }),
+  }
+
+  async init() {
+    const { flags } = this.parse(ServeCommand)
+    console.log("Initializing serve command")
+  }
+
+  async run() {
+    const app = express()
+    const PORT = 3000
+
+    const distPath = path.resolve(__dirname, "../creatorDist")
+
+    // Servir archivos estáticos
+    // app.use(express.static(distPath))
+    app.use(express.json())
+    app.use(cors())
+
+    const appPath = path.resolve(__dirname, "../ui/_app")
+    const tarPath = path.resolve(__dirname, "../ui/app.tar.gz")
+    if (fs.existsSync(appPath)) {
+      fs.rmSync(appPath, { recursive: true })
+    }
+
+    if (fs.existsSync(tarPath)) {
+      fs.rmSync(tarPath)
+    }
+
+    await downloadEditor("5.0.0", `${__dirname}/../ui/app.tar.gz`)
+
+    await decompress(
+      `${__dirname}/../ui/app.tar.gz`,
+      `${__dirname}/../ui/_app/`
+    )
+
+    const localAppPath = path.resolve(__dirname, "../ui/_app")
+    // app.use(express.static(localAppPath))
+
+    app.post("/upload", async (req, res) => {
+      const { content, destination } = req.body
+      //   console.log("UPLOAD", content, destination)
+
+      if (!content || !destination) {
+        return res.status(400).send("Missing content or destination")
+      }
+
+      if (!bucket) {
+        return res.status(500).send("Upload failed")
+      }
+
+      const buffer = Buffer.from(content, "utf-8")
+      const file = bucket.file(destination)
+
+      const stream = file.createWriteStream({
+        resumable: false,
+        contentType: "text/plain",
+      })
+
+      stream.on("error", err => {
+        console.error("❌ Error uploading:", err)
+        res.status(500).send("Upload failed")
+      })
+
+      stream.on("finish", () => {
+        console.log(`✅ Uploaded to: ${file.name}`)
+        res.send("File uploaded successfully")
+      })
+
+      stream.end(buffer)
+    })
+
+    app.get("/", async (req, res) => {
+      // The the ui/_app/index.html
+      console.log("GET /")
+
+      const file = path.resolve(__dirname, "../ui/_app/index.html")
+      res.sendFile(file)
+    })
+
+    app.get("/config", async (req, res) => {
+      console.log("GET /config")
+      console.log(req.query.slug, "QUERY")
+      const files = await listFilesWithPrefix("courses/" + req.query.slug)
+
+      const learnJson = files.find(file => file.name.endsWith("learn.json"))
+
+      const learnJsonContent = await learnJson?.download()
+      const learnJsonParsed = JSON.parse(learnJsonContent?.toString() || "{}")
+      const allExercises = files.filter(file =>
+        file.name.includes("exercises/")
+      )
+      const exercises = allExercises.map(exercise => {
+        const slug = getSlugFromPath(exercise.name)
+        return {
+          title: slug,
+          slug,
+          graded: false,
+        }
+      })
+      //   console.log(learnJsonParsed, "LEARN JSON PARSED")
+
+      res.send({
+        config: { ...learnJsonParsed },
+        exercises,
+      })
+    })
+
+    app.get("/exercise/:slug/readme", async (req, res) => {
+      console.log("GET /exercise/:slug/readme")
+      const { slug } = req.params
+      const query = req.query
+      console.log(query, "QUERY")
+      const courseSlug = query.slug
+
+      const file = await bucket.file(
+        "courses/" + courseSlug + "/exercises/" + slug + "/README.md"
+      )
+      const content = await file.download()
+      const { attributes, body } = frontMatter(content[0].toString())
+      res.send({
+        attributes,
+        body,
+      })
+    })
+
+    app.get("/assets/:file", (req, res) => {
+      const file = path.join(localAppPath, req.params.file)
+      res.sendFile(file)
+    })
+    // Enviar index.html para todas las rutas
+    app.get("/creator", (req, res) => {
+      res.sendFile(path.join(distPath, "index.html"))
+    })
+    app.get("/creator/syllabus", (req, res) => {
+      res.sendFile(path.join(distPath, "index.html"))
+    })
+
+    app.get("/creator/:file", (req, res) => {
+      console.log("GET /creator/:file", req.params.file)
+      const file = path.join(distPath, req.params.file)
+      res.sendFile(file)
+    })
+
+    app.get("/creator/assets/:file", (req, res) => {
+      const file = path.join(distPath, "assets", req.params.file)
+      res.sendFile(file)
+    })
+
+    app.listen(PORT, () => {
+      console.log(`🚀 Creator UI server running at http://localhost:${PORT}`)
+    })
+  }
+}

package/src/creator/README.md

@@ -0,0 +1,54 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config({
+  extends: [
+    // Remove ...tseslint.configs.recommended and replace with this
+    ...tseslint.configs.recommendedTypeChecked,
+    // Alternatively, use this for stricter rules
+    ...tseslint.configs.strictTypeChecked,
+    // Optionally, add this for stylistic rules
+    ...tseslint.configs.stylisticTypeChecked,
+  ],
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from "eslint-plugin-react-x"
+import reactDom from "eslint-plugin-react-dom"
+
+export default tseslint.config({
+  plugins: {
+    // Add the react-x and react-dom plugins
+    "react-x": reactX,
+    "react-dom": reactDom,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended typescript rules
+    ...reactX.configs["recommended-typescript"].rules,
+    ...reactDom.configs.recommended.rules,
+  },
+})
+```