@learnpack/learnpack 5.0.238 → 5.0.240

package/lib/commands/init.js

@@ -270,8 +270,12 @@ const handleAILogic = async (tutorialDir, packageInfo) => {
     const imagePromises = imagesArray.map(async (image) => {
         try {
             const filename = (0, creatorUtilities_1.getFilenameFromUrl)(image.url);
+            const webhookUrl = `${process.env.HOST}/webhooks/${(0, creatorUtilities_1.slugify)(packageInfo.title.us)}/images/${filename}`;
             const imagePath = path.join(tutorialDir, ".learn", "assets", filename);
-            const res = await (0, rigoActions_1.generateImage)(rigoToken, { prompt: image.alt });
+            const res = await (0, rigoActions_1.generateImage)(rigoToken, {
+                prompt: image.alt,
+                callbackUrl: webhookUrl,
+            });
             await (0, rigoActions_1.downloadImage)(res.image_url, imagePath);
             return true;
         }
@@ -289,8 +293,9 @@ const handleAILogic = async (tutorialDir, packageInfo) => {
         prompt: "Generate a preview image for the tutorial. This is all the tutorial information: " +
             packageContext +
             "\n Generate only a basic preview image, add the tutorial Title as a text add the top middle, avoid adding any other text elements. Try to generate an image that related with the tutorial content.",
+        callbackUrl: `${process.env.HOST}/webhooks/${(0, creatorUtilities_1.slugify)(packageInfo.title.us)}/images/preview.png`,
     });
-    await (0, rigoActions_1.downloadImage)(res.image_url, imagePath);
+    // await downloadImage(res.image_url, imagePath)
     return true;
 };
 const getChoices = async (empty) => {

package/lib/commands/publish.d.ts

@@ -2,7 +2,7 @@ import SessionCommand from "../utils/SessionCommand";
 export declare const handleAssetCreation: (sessionPayload: {
     token: string;
     rigobotToken: string;
-}, learnJson: any, selectedLang: string, learnpackDeployUrl: string) => Promise<void>;
+}, learnJson: any, selectedLang: string, learnpackDeployUrl: string, b64IndexReadme: string) => Promise<void>;
 declare class BuildCommand extends SessionCommand {
     static description: string;
     static flags: {

package/lib/commands/publish.js

@@ -19,10 +19,10 @@ const prompts = require("prompts");
 const rigoActions_1 = require("../utils/rigoActions");
 const misc_1 = require("../utils/misc");
 const uploadZipEndpont = api_1.RIGOBOT_HOST + "/v1/learnpack/upload";
-const handleAssetCreation = async (sessionPayload, learnJson, selectedLang, learnpackDeployUrl) => {
+const handleAssetCreation = async (sessionPayload, learnJson, selectedLang, learnpackDeployUrl, b64IndexReadme) => {
     const categories = {
-        us: 91,
-        es: 92,
+        us: 9,
+        es: 10,
     };
     let category = categories[selectedLang];
     if (!category) {
@@ -45,6 +45,7 @@ const handleAssetCreation = async (sessionPayload, learnJson, selectedLang, lear
                 owner: user.id,
                 author: user.id,
                 preview: learnJson.preview,
+                readme_raw: b64IndexReadme,
             });
             await api_1.default.updateRigoAssetID(sessionPayload.token, learnJson.slug, asset.id);
             console_1.default.info("Asset created with id", asset.id);
@@ -295,7 +296,7 @@ class BuildCommand extends SessionCommand_1.default {
                 console.log(res.data);
                 fs.unlinkSync(zipFilePath);
                 this.removeDirectory(buildDir);
-                await (0, exports.handleAssetCreation)(sessionPayload, learnJson, "us", res.data.url);
+                await (0, exports.handleAssetCreation)(sessionPayload, learnJson, "us", res.data.url, "");
             }
             catch (error) {
                 if (axios_1.default.isAxiosError(error)) {

package/lib/commands/serve.d.ts

@@ -1,5 +1,4 @@
 import SessionCommand from "../utils/SessionCommand";
-import { Bucket } from "@google-cloud/storage";
 import { FormState } from "../models/creator";
 export declare const createLearnJson: (courseInfo: FormState) => {
     slug: string;
@@ -20,7 +19,7 @@ export declare const createLearnJson: (courseInfo: FormState) => {
     };
     preview: string;
 };
-export declare const processImage: (bucket: Bucket, tutorialDir: string, url: string, description: string, rigoToken: string) => Promise<boolean>;
+export declare const processImage: (url: string, description: string, rigoToken: string, courseSlug: string) => Promise<boolean>;
 export default class ServeCommand extends SessionCommand {
     static description: string;
     static flags: any;

package/lib/commands/serve.js

@@ -92,16 +92,46 @@ const PARAMS = {
     max_rewrite_attempts: 2,
     max_title_length: 50,
 };
-const processImage = async (bucket, tutorialDir, url, description, rigoToken) => {
+// 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",
+//     })
+//   }
+//   emitToNotification(imageId, {
+//     status: "SUCCESS",
+//     message: "Image generated successfully",
+//   })
+//   res.json({ status: "SUCCESS" })
+// })
+const processImage = async (url, description, rigoToken, courseSlug) => {
     try {
         // TODO: MAKE THIS ASYNC
         const filename = (0, creatorUtilities_1.getFilenameFromUrl)(url);
-        console.log("🖼️ IMAGE FILENAME", filename);
-        const imagePath = `${tutorialDir}/.learn/assets/${filename}`;
-        console.log("🖼️ Generating image", imagePath);
-        const res = await (0, rigoActions_1.generateImage)(rigoToken, { prompt: description });
-        await uploadImageToBucket(bucket, res.image_url, imagePath);
-        console.log("✅ Image", imagePath, "generated successfully!");
+        const webhookUrl = `${process.env.HOST}/webhooks/${courseSlug}/images/${filename}`;
+        await (0, rigoActions_1.generateImage)(rigoToken, {
+            prompt: description,
+            callbackUrl: webhookUrl,
+        });
+        // await uploadImageToBucket(bucket, res.image_url, imagePath)
+        // console.log("✅ Image", imagePath, "generated successfully!")
         return true;
     }
     catch (_a) {
@@ -150,6 +180,19 @@ async function startExerciseGeneration(bucket, rigoToken, steps, packageContext,
         last_lesson: lastLesson,
     }, purposeSlug, webhookUrl);
 }
+async function createInitialReadme(tutorialInfo, tutorialSlug, rigoToken) {
+    const webhookUrl = `${process.env.HOST}/webhooks/${tutorialSlug}/initial-readme-processor`;
+    console.log("Creating initial readme", webhookUrl);
+    try {
+        const res = await (0, rigoActions_1.createStructuredPreviewReadme)(rigoToken, {
+            tutorial_info: tutorialInfo,
+        }, webhookUrl);
+        console.log("Initial readme created", res);
+    }
+    catch (error) {
+        console.error("Error creating initial readme", error);
+    }
+}
 const fixPreviewUrl = (slug, previewUrl) => {
     if (!previewUrl) {
         return null;
@@ -315,6 +358,20 @@ class ServeCommand extends SessionCommand_1.default {
             (0, creatorSocket_1.emitToNotification)(id, body);
             res.json({ id, status: "SUCCESS" });
         });
+        app.post("/webhooks/:courseSlug/initial-readme-processor", async (req, res) => {
+            const { courseSlug } = req.params;
+            const body = req.body;
+            console.log("RECEIVING INITIAL README WEBHOOK", body);
+            // Save the file as courses/courseSlug/README.md
+            const filePath = `courses/${courseSlug}/README.${body.parsed.language_code === "us" ||
+                body.parsed.language_code === "en" ?
+                "md" :
+                `${body.parsed.language_code}.md`}`;
+            console.log("Saving initial readme to", filePath);
+            await uploadFileToBucket(bucket, body.parsed.content, filePath);
+            console.log("Initial readme saved to", filePath);
+            res.json({ status: "SUCCESS" });
+        });
         app.post("/webhooks/:courseSlug/images/:imageId", async (req, res) => {
             const { courseSlug, imageId } = req.params;
             const body = req.body;
@@ -401,7 +458,7 @@ class ServeCommand extends SessionCommand_1.default {
                 });
                 for (const image of imagesArray) {
                     // eslint-disable-next-line no-await-in-loop
-                    await (0, exports.processImage)(bucket, `courses/${courseSlug}`, image.url, image.alt, rigoToken);
+                    await (0, exports.processImage)(image.url, image.alt, rigoToken, courseSlug);
                 }
             }
             (0, creatorSocket_1.emitToCourse)(courseSlug, "course-creation", {
@@ -755,6 +812,7 @@ class ServeCommand extends SessionCommand_1.default {
             const firstLesson = syllabus.lessons[0];
             const lastResult = "Nothing";
             await startExerciseGeneration(bucket, rigoToken, syllabus.lessons, syllabus.courseInfo, firstLesson, tutorialDir, courseSlug, syllabus.courseInfo.purpose, lastResult);
+            await createInitialReadme(JSON.stringify(syllabus.courseInfo), courseSlug, rigoToken);
             return res.json({
                 message: "Course created",
                 slug: (0, creatorUtilities_2.slugify)(syllabus.courseInfo.title),
@@ -873,7 +931,6 @@ class ServeCommand extends SessionCommand_1.default {
                     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")
@@ -920,10 +977,17 @@ class ServeCommand extends SessionCommand_1.default {
                     form.append("file", fs.createReadStream(zipPath));
                     form.append("config", JSON.stringify(config));
                     const rigoRes = await axios_1.default.post(`${api_1.RIGOBOT_HOST}/v1/learnpack/upload`, form, {
-                        headers: Object.assign(Object.assign({}, form.getHeaders()), { Authorization: `Token ${rigoToken}` }),
+                        headers: Object.assign(Object.assign({}, form.getHeaders()), { Authorization: `Token ${rigoToken.trim()}` }),
                     });
-                    await (0, publish_1.handleAssetCreation)({ token: bcToken, rigobotToken: rigoToken }, fullConfig.config, selectedLang, rigoRes.data.url);
+                    const indexReadme = await bucket.file(`courses/${slug}/README.${selectedLang === "us" || selectedLang === "en" ?
+                        "md" :
+                        `${selectedLang}.md`}`);
+                    const [indexReadmeContent] = await indexReadme.download();
+                    const indexReadmeString = indexReadmeContent.toString();
+                    const b64IndexReadme = Buffer.from(indexReadmeString).toString("base64");
+                    await (0, publish_1.handleAssetCreation)({ token: bcToken, rigobotToken: rigoToken }, fullConfig.config, selectedLang, rigoRes.data.url, b64IndexReadme);
                     rimraf.sync(tmpRoot);
+                    console.log("RigoRes", rigoRes.data);
                     return res.json({ url: rigoRes.data.url });
                 });
                 archive.on("error", err => {

package/lib/creatorDist/assets/{index-x_kA-1DY.js → index-DJn8b8wj.js}

@@ -18246,7 +18246,7 @@ const p2 = async (e) => {
   g2 = async (e, t, n, r = !0) => {
     var a
     try {
-      const l = Ku(10),
+      const l = Ku(15),
         u = `${
           _1
             ? "https://9cw5zmww-3000.use2.devtunnels.ms"
@@ -18277,7 +18277,7 @@ const p2 = async (e) => {
     } catch (l) {
       const u = l
       return (
-        console.log("error", u),
+        console.log("error trying to create course", u),
         ((a = u.response) == null ? void 0 : a.status) === 403
           ? Ge.error("You've reached the limit. Please log in to continue.")
           : Ge.error("Something went wrong while generating the course."),

package/lib/creatorDist/index.html

@@ -10,7 +10,7 @@
     />
 
     <title>Learnpack Creator: Craft tutorials in seconds!</title>
-    <script type="module" crossorigin src="/creator/assets/index-x_kA-1DY.js"></script>
+    <script type="module" crossorigin src="/creator/assets/index-DJn8b8wj.js"></script>
     <link rel="stylesheet" crossorigin href="/creator/assets/index-DmpsXknz.css">
   </head>
   <body>

package/lib/utils/api.d.ts

@@ -22,6 +22,7 @@ type TAssetMissing = {
     owner: number;
     author: number;
     preview: string;
+    readme_raw: string;
 };
 export declare const createAsset: (token: string, asset: TAssetMissing) => Promise<any>;
 export declare const doesAssetExists: (token: string, assetSlug: string) => Promise<{

package/lib/utils/api.js

@@ -353,6 +353,7 @@ const createAsset = async (token, asset) => {
         translations: [asset.lang],
         learnpack_deploy_url: asset.learnpack_deploy_url,
         technologies: asset.technologies,
+        readme_raw: asset.readme_raw,
     };
     const url = `https://breathecode.herokuapp.com/v1/registry/asset/me`;
     const headers = {

package/lib/utils/rigoActions.d.ts

@@ -12,8 +12,9 @@ export declare const createReadme: (token: string, inputs: TCreateReadmeInputs,
 export declare const hasCreatorPermission: (token: string) => Promise<boolean>;
 type TGenerateImageParams = {
     prompt: string;
+    callbackUrl: string;
 };
-export declare const generateImage: (token: string, { prompt }: TGenerateImageParams) => Promise<any>;
+export declare const generateImage: (token: string, { prompt, callbackUrl }: TGenerateImageParams) => Promise<any>;
 export declare function downloadImage(imageUrl: string, savePath: string): Promise<void>;
 type TTranslateInputs = {
     text_to_translate: string;
@@ -55,6 +56,10 @@ type TReadmeCreatorInputs = {
     last_lesson: string;
 };
 export declare const readmeCreator: (token: string, inputs: TReadmeCreatorInputs, purpose: string, webhookUrl?: string) => Promise<any>;
+type TCreateStructuredPreviewReadmeInputs = {
+    tutorial_info: string;
+};
+export declare const createStructuredPreviewReadme: (token: string, inputs: TCreateStructuredPreviewReadmeInputs, webhookUrl?: string) => Promise<any>;
 export declare function createPreviewReadme(tutorialDir: string, packageInfo: PackageInfo, rigoToken: string, readmeContents: string[]): Promise<void>;
 type TReduceReadmeInputs = {
     lesson: string;

package/lib/utils/rigoActions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPackageAuthor = exports.fillSidebarJSON = exports.generateCourseShortName = exports.isValidRigoToken = exports.readmeCreator = exports.createCodingReadme = exports.createCodeFile = exports.interactiveCreation = exports.generateCourseIntroduction = exports.translateExercise = exports.generateImage = exports.hasCreatorPermission = exports.createReadme = void 0;
+exports.isPackageAuthor = exports.fillSidebarJSON = exports.generateCourseShortName = exports.isValidRigoToken = exports.createStructuredPreviewReadme = exports.readmeCreator = exports.createCodingReadme = exports.createCodeFile = exports.interactiveCreation = exports.generateCourseIntroduction = exports.translateExercise = exports.generateImage = exports.hasCreatorPermission = exports.createReadme = void 0;
 exports.downloadImage = downloadImage;
 exports.createPreviewReadme = createPreviewReadme;
 exports.makeReadmeReadable = makeReadmeReadable;
@@ -53,10 +53,13 @@ const hasCreatorPermission = async (token) => {
     }
 };
 exports.hasCreatorPermission = hasCreatorPermission;
-const generateImage = async (token, { prompt }) => {
+const generateImage = async (token, { prompt, callbackUrl }) => {
     try {
         const response = await axios_1.default.post(`${api_1.RIGOBOT_HOST}/v1/learnpack/tools/images`, {
             prompt,
+            webhook_callback_url: callbackUrl,
+            provider: "bfl",
+            model: "flux-pro-1.1",
         }, {
             headers: {
                 "Content-Type": "application/json",
@@ -174,6 +177,20 @@ const readmeCreator = async (token, inputs, purpose, webhookUrl) => {
     throw new Error("Invalid kind of lesson");
 };
 exports.readmeCreator = readmeCreator;
+const createStructuredPreviewReadme = async (token, inputs, webhookUrl) => {
+    const response = await axios_1.default.post(`${api_1.RIGOBOT_HOST}/v1/prompting/completion/write-course-introduction-readme/`, {
+        inputs: inputs,
+        include_purpose_objective: false,
+        webhook_url: webhookUrl,
+    }, {
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: "Token " + token,
+        },
+    });
+    return response.data;
+};
+exports.createStructuredPreviewReadme = createStructuredPreviewReadme;
 async function createPreviewReadme(tutorialDir, packageInfo, rigoToken, readmeContents) {
     const readmeFilename = `README.md`;
     const readmeContent = await (0, exports.generateCourseIntroduction)(rigoToken, {

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.238",
+  "version": "5.0.240",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {

package/src/commands/init.ts

@@ -35,6 +35,7 @@ import {
   estimateDuration,
   appendContentIndex,
   appendAIRules,
+  slugify,
 } from "../utils/creatorUtilities"
 import SessionManager from "../managers/session"
 
@@ -407,10 +408,16 @@ const handleAILogic = async (tutorialDir: string, packageInfo: PackageInfo) => {
   const imagePromises = imagesArray.map(async (image: any) => {
     try {
       const filename = getFilenameFromUrl(image.url)
+      const webhookUrl = `${process.env.HOST}/webhooks/${slugify(
+        packageInfo.title.us
+      )}/images/${filename}`
 
       const imagePath = path.join(tutorialDir, ".learn", "assets", filename)
 
-      const res = await generateImage(rigoToken, { prompt: image.alt })
+      const res = await generateImage(rigoToken, {
+        prompt: image.alt,
+        callbackUrl: webhookUrl,
+      })
       await downloadImage(res.image_url, imagePath)
       return true
     } catch {
@@ -434,9 +441,12 @@ const handleAILogic = async (tutorialDir: string, packageInfo: PackageInfo) => {
       "Generate a preview image for the tutorial. This is all the tutorial information: " +
       packageContext +
       "\n Generate only a basic preview image, add the tutorial Title as a text add the top middle, avoid adding any other text elements. Try to generate an image that related with the tutorial content.",
+    callbackUrl: `${process.env.HOST}/webhooks/${slugify(
+      packageInfo.title.us
+    )}/images/preview.png`,
   })
 
-  await downloadImage(res.image_url, imagePath)
+  // await downloadImage(res.image_url, imagePath)
 
   return true
 }

package/src/commands/publish.ts

@@ -26,11 +26,12 @@ export const handleAssetCreation = async (
   sessionPayload: { token: string; rigobotToken: string },
   learnJson: any,
   selectedLang: string,
-  learnpackDeployUrl: string
+  learnpackDeployUrl: string,
+  b64IndexReadme: string
 ) => {
   const categories: Record<string, number> = {
-    us: 91,
-    es: 92,
+    us: 9,
+    es: 10,
   }
 
   let category = categories[selectedLang]
@@ -61,6 +62,7 @@ export const handleAssetCreation = async (
         owner: user.id,
         author: user.id,
         preview: learnJson.preview,
+        readme_raw: b64IndexReadme,
       })
       await api.updateRigoAssetID(
         sessionPayload.token,
@@ -435,7 +437,13 @@ class BuildCommand extends SessionCommand {
         fs.unlinkSync(zipFilePath)
         this.removeDirectory(buildDir)
 
-        await handleAssetCreation(sessionPayload, learnJson, "us", res.data.url)
+        await handleAssetCreation(
+          sessionPayload,
+          learnJson,
+          "us",
+          res.data.url,
+          ""
+        )
       } catch (error) {
         if (axios.isAxiosError(error)) {
           if (error.response && error.response.status === 403) {

package/src/commands/serve.ts

@@ -30,6 +30,7 @@ import {
   // makeReadmeReadable,
   generateImage,
   isPackageAuthor,
+  createStructuredPreviewReadme,
 } from "../utils/rigoActions"
 import * as dotenv from "dotenv"
 import {
@@ -134,26 +135,60 @@ const PARAMS = {
   max_title_length: 50,
 }
 
+// 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",
+//     })
+//   }
+
+//   emitToNotification(imageId, {
+//     status: "SUCCESS",
+//     message: "Image generated successfully",
+//   })
+//   res.json({ status: "SUCCESS" })
+// })
+
 export const processImage = async (
-  bucket: Bucket,
-  tutorialDir: string,
   url: string,
   description: string,
-  rigoToken: string
+  rigoToken: string,
+  courseSlug: string
 ) => {
   try {
     // TODO: MAKE THIS ASYNC
     const filename = getFilenameFromUrl(url)
 
-    console.log("🖼️ IMAGE FILENAME", filename)
-    const imagePath = `${tutorialDir}/.learn/assets/${filename}`
-
-    console.log("🖼️ Generating image", imagePath)
+    const webhookUrl = `${process.env.HOST}/webhooks/${courseSlug}/images/${filename}`
 
-    const res = await generateImage(rigoToken, { prompt: description })
-    await uploadImageToBucket(bucket, res.image_url, imagePath)
+    await generateImage(rigoToken, {
+      prompt: description,
+      callbackUrl: webhookUrl,
+    })
+    // await uploadImageToBucket(bucket, res.image_url, imagePath)
 
-    console.log("✅ Image", imagePath, "generated successfully!")
+    // console.log("✅ Image", imagePath, "generated successfully!")
     return true
   } catch {
     return false
@@ -253,6 +288,27 @@ async function startExerciseGeneration(
   )
 }
 
+async function createInitialReadme(
+  tutorialInfo: string,
+  tutorialSlug: string,
+  rigoToken: string
+) {
+  const webhookUrl = `${process.env.HOST}/webhooks/${tutorialSlug}/initial-readme-processor`
+  console.log("Creating initial readme", webhookUrl)
+  try {
+    const res = await createStructuredPreviewReadme(
+      rigoToken,
+      {
+        tutorial_info: tutorialInfo,
+      },
+      webhookUrl
+    )
+    console.log("Initial readme created", res)
+  } catch (error) {
+    console.error("Error creating initial readme", error)
+  }
+}
+
 const fixPreviewUrl = (slug: string, previewUrl: string) => {
   if (!previewUrl) {
     return null
@@ -482,6 +538,28 @@ export default class ServeCommand extends SessionCommand {
       res.json({ id, status: "SUCCESS" })
     })
 
+    app.post(
+      "/webhooks/:courseSlug/initial-readme-processor",
+      async (req, res) => {
+        const { courseSlug } = req.params
+        const body = req.body
+
+        console.log("RECEIVING INITIAL README WEBHOOK", body)
+        // Save the file as courses/courseSlug/README.md
+        const filePath = `courses/${courseSlug}/README.${
+          body.parsed.language_code === "us" ||
+          body.parsed.language_code === "en" ?
+            "md" :
+            `${body.parsed.language_code}.md`
+        }`
+        console.log("Saving initial readme to", filePath)
+        await uploadFileToBucket(bucket, body.parsed.content, filePath)
+        console.log("Initial readme saved to", filePath)
+
+        res.json({ status: "SUCCESS" })
+      }
+    )
+
     app.post("/webhooks/:courseSlug/images/:imageId", async (req, res) => {
       const { courseSlug, imageId } = req.params
       const body = req.body
@@ -629,13 +707,7 @@ export default class ServeCommand extends SessionCommand {
           })
           for (const image of imagesArray) {
             // eslint-disable-next-line no-await-in-loop
-            await processImage(
-              bucket,
-              `courses/${courseSlug}`,
-              image.url,
-              image.alt,
-              rigoToken
-            )
+            await processImage(image.url, image.alt, rigoToken, courseSlug)
           }
         }
 
@@ -1161,6 +1233,12 @@ export default class ServeCommand extends SessionCommand {
         lastResult
       )
 
+      await createInitialReadme(
+        JSON.stringify(syllabus.courseInfo),
+        courseSlug,
+        rigoToken
+      )
+
       return res.json({
         message: "Course created",
         slug: slugify(syllabus.courseInfo.title),
@@ -1331,7 +1409,6 @@ export default class ServeCommand extends SessionCommand {
           selectedLang = availableLangs[0]
         }
 
-        console.log(config.description, "CONFIG DESCRIPTION")
         // console.log(availableLangs, "AVAILABLE LANGs")
         // console.log(selectedLang, "SELECTED LANG")
         // console.log(title, "TITLE")
@@ -1403,20 +1480,33 @@ export default class ServeCommand extends SessionCommand {
             {
               headers: {
                 ...form.getHeaders(),
-                Authorization: `Token ${rigoToken}`,
+                Authorization: `Token ${rigoToken.trim()}`,
               },
             }
           )
 
+          const indexReadme = await bucket.file(
+            `courses/${slug}/README.${
+              selectedLang === "us" || selectedLang === "en" ?
+                "md" :
+                `${selectedLang}.md`
+            }`
+          )
+          const [indexReadmeContent] = await indexReadme.download()
+          const indexReadmeString = indexReadmeContent.toString()
+          const b64IndexReadme =
+            Buffer.from(indexReadmeString).toString("base64")
+
           await handleAssetCreation(
             { token: bcToken, rigobotToken: rigoToken },
             fullConfig.config,
             selectedLang,
-            rigoRes.data.url
+            rigoRes.data.url,
+            b64IndexReadme
           )
 
           rimraf.sync(tmpRoot)
-
+          console.log("RigoRes", rigoRes.data)
           return res.json({ url: rigoRes.data.url })
         })
 

package/src/creator/src/utils/rigo.ts

@@ -15,12 +15,14 @@ export const publicInteractiveCreation = async (
   publicRequest: boolean = true
 ): Promise<any | null> => {
   try {
-    const randomUID = randomUUID(10)
+    const randomUID = randomUUID(15)
     const webhookUrl = `${
       DEV_MODE
         ? "https://9cw5zmww-3000.use2.devtunnels.ms"
         : window.location.origin
+      // "https://9cw5zmww-3000.use2.devtunnels.ms"
     }/notifications/${randomUID}`
+
     const response = await axios.post(
       `${RIGOBOT_HOST}/v1/prompting${
         publicRequest ? "/public" : ""
@@ -42,7 +44,7 @@ export const publicInteractiveCreation = async (
     return { res: response.data, notificationId: randomUID }
   } catch (error: unknown) {
     const err = error as AxiosError
-    console.log("error", err)
+    console.log("error trying to create course", err)
 
     if (err.response?.status === 403) {
       toast.error("You've reached the limit. Please log in to continue.")