npm - @learnpack/learnpack - Versions diffs - 5.0.234 → 5.0.238 - Mend

@learnpack/learnpack 5.0.234 → 5.0.238

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/lib/commands/serve.d.ts +1 -2
package/lib/commands/serve.js +8 -109
package/lib/creatorDist/assets/{index-CFK5bQP2.js → index-x_kA-1DY.js} +8168 -8115
package/lib/creatorDist/index.html +1 -1
package/oclif.manifest.json +1 -0
package/package.json +2 -2
package/src/commands/serve.ts +8 -165
package/src/creator/src/App.tsx +67 -62
package/src/creator/src/components/LessonItem.tsx +9 -3
package/src/creator/src/components/NotificationListener.tsx +32 -0
package/src/creator/src/components/syllabus/SyllabusEditor.tsx +42 -44
package/src/creator/src/utils/creatorUtils.ts +2 -2
package/src/creator/src/utils/rigo.ts +9 -2
package/src/creator/src/utils/store.ts +13 -2
package/src/creatorDist/assets/{index-CFK5bQP2.js → index-x_kA-1DY.js} +8168 -8115
package/src/creatorDist/index.html +1 -1
package/src/ui/_app/app.css +1 -1
package/src/ui/_app/app.js +1 -1
package/src/ui/app.tar.gz +0 -0
package/src/utils/configBuilder.ts +1 -2

package/lib/creatorDist/index.html CHANGED Viewed

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

package/oclif.manifest.json ADDED Viewed

@@ -0,0 +1 @@

+ {"version":"5.0.236","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 CHANGED Viewed

@@ -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.234",
+  "version": "5.0.238",
   "author": "Alejandro Sanchez @alesanchezr",
   "contributors": [
     {
@@ -157,7 +157,7 @@
     "copy-assets": "npx cpy src/creatorDist/**/* lib/creatorDist --parents --verbose",
     "tsc": "tsc -b",
     "postpack": "rm -f oclif.manifest.json && eslint . --ext .ts --config .eslintrc",
-    "prepack": "rm -rf lib && tsc -b && npm run copy-assets ",
+    "prepack": "rm -rf lib && tsc -b && npm run copy-assets",
     "pre": "node ./test/precommit/index.ts",
     "test": "NODE_ENV=test nyc --extension .ts mocha --forbid-only \"test/**/*.test.ts\"",
     "version": "oclif-dev readme && git add README.md",

package/src/commands/serve.ts CHANGED Viewed

@@ -142,8 +142,10 @@ export const processImage = async (
   rigoToken: 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)
@@ -249,131 +251,6 @@ async function startExerciseGeneration(
     purposeSlug,
     webhookUrl
   )
-  // console.log("res processing in background", res)
-}
-export async function processExercise(
-  bucket: Bucket,
-  rigoToken: string,
-  steps: Lesson[],
-  packageContext: FormState,
-  exercise: Lesson,
-  tutorialDir: string,
-  courseSlug: string,
-  purposeSlug: string,
-  lastLesson = ""
-): Promise<string> {
-  const exercisesDir = `${tutorialDir}/exercises`
-  //   const tid = toast.loading("Generating lesson...")
-  const exSlug = slugify(exercise.id + "-" + exercise.title)
-  console.log("exSlug", exSlug)
-  const readmeFilename = `README.${
-    packageContext.language && packageContext.language !== "en" ?
-      `${packageContext.language}.` :
-      ""
-  }md`
-  const targetDir = `${exercisesDir}/${exSlug}`
-  console.log("✍🏻 Generating lesson", exercise.id, exercise.title)
-  const readme = await readmeCreator(
-    rigoToken,
-    {
-      title: `${exercise.id} - ${exercise.title}`,
-      output_lang: packageContext.language || "en",
-      list_of_exercises: JSON.stringify(
-        steps.map(step => step.id + "-" + step.title)
-      ),
-      tutorial_description: JSON.stringify(cleanFormState(packageContext)),
-      lesson_description: exercise.description,
-      kind: exercise.type.toLowerCase(),
-      last_lesson: lastLesson,
-    },
-    purposeSlug
-  )
-  const duration = exercise.duration
-  // let attempts = 0
-  const readability = checkReadability(
-    readme.parsed.content,
-    PARAMS.max_words,
-    duration || 3
-  )
-  emitToCourse(courseSlug, "course-creation", {
-    lesson: exSlug,
-    status: "generating",
-    log: `🔄 The lesson ${exercise.id} - ${exercise.title} has a readability score of ${readability.fkglResult.fkgl}`,
-  })
-  // while (
-  //   readability.fkglResult.fkgl > PARAMS.max_fkgl &&
-  //   attempts < PARAMS.max_rewrite_attempts
-  // ) {
-  //   // eslint-disable-next-line
-  //   const reducedReadme = await makeReadmeReadable(
-  //     rigoToken,
-  //     {
-  //       lesson: readability.body,
-  //       number_of_words: readability.minutes.toString(),
-  //       expected_number_words: PARAMS.max_words.toString(),
-  //       fkgl_results: JSON.stringify(readability.fkglResult),
-  //       expected_grade_level: PARAMS.expected_grade_level,
-  //     },
-  //     purposeSlug
-  //   )
-  //   if (!reducedReadme) break
-  //   readability = checkReadability(
-  //     reducedReadme.parsed.content,
-  //     PARAMS.max_words,
-  //     duration || 3
-  //   )
-  //   attempts++
-  // }
-  await uploadFileToBucket(
-    bucket,
-    readability.newMarkdown,
-    `${targetDir}/${readmeFilename}`
-  )
-  if (
-    exercise.type.toLowerCase() === "code" &&
-    readme.parsed.codefile_content
-  ) {
-    console.log("🔍 Creating code file for", exercise.title)
-    await uploadFileToBucket(
-      bucket,
-      readme.parsed.codefile_content,
-      `${targetDir}/${readme.parsed.codefile_name.toLowerCase().trim()}`
-    )
-  }
-  const imagesArray: any[] = extractImagesFromMarkdown(readability.newMarkdown)
-  if (imagesArray.length > 0) {
-    emitToCourse(courseSlug, "course-creation", {
-      lesson: exSlug,
-      status: "done",
-      log: `🔄 Generating images for ${exercise.title}`,
-    })
-    for (const image of imagesArray) {
-      // eslint-disable-next-line no-await-in-loop
-      await processImage(bucket, tutorialDir, image.url, image.alt, rigoToken)
-    }
-  }
-  emitToCourse(courseSlug, "course-creation", {
-    lesson: exSlug,
-    status: "done",
-    log: `✅ The lesson ${exercise.id} - ${exercise.title} has been generated successfully!`,
-  })
-  return readability.newMarkdown
 }
 const fixPreviewUrl = (slug: string, previewUrl: string) => {
@@ -719,6 +596,11 @@ export default class ServeCommand extends SessionCommand {
             readme.parsed.codefile_content,
             `${targetDir}/${readme.parsed.codefile_name.toLowerCase().trim()}`
           )
+          emitToCourse(courseSlug, "course-creation", {
+            lesson: exSlug,
+            status: "done",
+            log: `✅ Code file created for ${exercise.title}`,
+          })
         }
         if (nextExercise) {
@@ -740,10 +622,6 @@ export default class ServeCommand extends SessionCommand {
         )
         if (imagesArray.length > 0) {
-          console.log(
-            "This course requires images and I don't have the token :)"
-          )
           emitToCourse(courseSlug, "course-creation", {
             lesson: exSlug,
             status: "pending",
@@ -1271,7 +1149,7 @@ export default class ServeCommand extends SessionCommand {
       const lastResult = "Nothing"
-      startExerciseGeneration(
+      await startExerciseGeneration(
         bucket,
         rigoToken,
         syllabus.lessons,
@@ -1289,41 +1167,6 @@ export default class ServeCommand extends SessionCommand {
       })
     })
-    // app.post(
-    //   "/check-latex/:courseSlug/:exerciseSlug/:lang",
-    //   async (req, res) => {
-    //     const { courseSlug, exerciseSlug, lang } = req.params
-    //     const rigoToken = req.header("x-rigo-token")
-    //     if (!rigoToken) {
-    //       return res.status(400).json({ error: "Missing tokens" })
-    //     }
-    //     const exercise = await bucket.file(
-    //       `courses/${courseSlug}/exercises/${exerciseSlug}/README.${lang}.md`
-    //     )
-    //     const [content] = await exercise.download()
-    //     const headers = {
-    //       Authorization: `Token ${rigoToken}`,
-    //     }
-    //     const response = await axios.get(
-    //       `${RIGOBOT_HOST}/v1/prompting/completion/60865/`,
-    //       {
-    //         headers,
-    //       }
-    //     )
-    //     console.log(response.data.parsed.content, "RESPONSE from Rigobot")
-    //     res.json({
-    //       message: "Exercise downloaded",
-    //       completion: response.data,
-    //       exercise: content.toString(),
-    //     })
-    //   }
-    // )
     app.get("/courses/:courseSlug/syllabus", async (req, res) => {
       try {
         console.log("GET /courses/:courseSlug/syllabus")

package/src/creator/src/App.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useEffect } from "react"
+import { useEffect, useState } from "react"
 import StepWizard from "./components/StepWizard"
 import SelectableCard from "./components/SelectableCard"
 import Loader from "./components/Loader"
@@ -25,6 +25,7 @@ import TurnstileChallenge from "./components/TurnstileChallenge"
 import ResumeCourseModal from "./components/ResumeCourseModal"
 import { possiblePurposes, PurposeSelector } from "./components/PurposeSelector"
 import { useTranslation } from "react-i18next"
+import NotificationListener from "./components/NotificationListener"
 function App() {
   const navigate = useNavigate()
@@ -64,6 +65,8 @@ function App() {
     }))
   )
+  const [notificationId, setNotificationId] = useState<string>("")
   useEffect(() => {
     if (formState.isCompleted) {
       handleCreateTutorial()
@@ -111,7 +114,6 @@ function App() {
       cleanAll()
     }
     if (description) {
       console.log("description", description)
       setFormState({
@@ -187,51 +189,9 @@ function App() {
         formState.purpose || "learnpack-lesson-writer",
         auth.rigoToken && isAuthenticated ? false : true
       )
-      const lessons = res.parsed.listOfSteps.map((lesson: any) => {
-        return parseLesson(lesson, [])
-      })
-      push({
-        lessons,
-        courseInfo: {
-          ...formState,
-          title: fixTitleLength(res.parsed.title),
-          description: res.parsed.description,
-          language: res.parsed.languageCode || formState.language || "en",
-          technologies:
-            res.parsed.technologies.length > 0
-              ? res.parsed.technologies
-              : ["education", "quizzes"],
-        },
-      })
+      console.log("RES", res)
-      if (res.parsed.languageCode) {
-        i18n.changeLanguage(res.parsed.languageCode)
-      }
-      navigate("/creator/syllabus")
-      setFormState({
-        isCompleted: false,
-        currentStep: "description",
-      })
-      setMessages([
-        {
-          type: "user",
-          content: formState.description,
-        },
-        {
-          type: "assistant",
-          content: res.parsed.aiMessage,
-        },
-        {
-          type: "assistant",
-          content: t("contentIndex.okMessage"),
-        },
-        {
-          type: "assistant",
-          content: t("contentIndex.instructionsMessage"),
-        },
-      ])
+      setNotificationId(res.notificationId)
     } catch (error) {
       console.error(error, "ERROR CREATING TUTORIAL")
       toast.error("Something went wrong. Please try again.")
@@ -432,24 +392,69 @@ function App() {
     <>
       <ParamsChecker />
       {formState.isCompleted && history.length === 0 ? (
-        <Loader
-          text={t("loader.text")}
-          icon={<img src={RIGO_FLOAT_GIF} alt="rigo" className="w-20 h-20" />}
-        />
+        <>
+          <Loader
+            text={t("loader.text")}
+            icon={<img src={RIGO_FLOAT_GIF} alt="rigo" className="w-20 h-20" />}
+          />
+          {notificationId && (
+            <NotificationListener
+              onNotification={(res) => {
+                console.log("Async response", res)
+                toast.success("Initial course created successfully")
+                const lessons = res.parsed.listOfSteps.map((lesson: any) => {
+                  return parseLesson(lesson, [])
+                })
+                push({
+                  lessons,
+                  courseInfo: {
+                    ...formState,
+                    title: fixTitleLength(res.parsed.title),
+                    description: res.parsed.description,
+                    language:
+                      res.parsed.languageCode || formState.language || "en",
+                    technologies:
+                      res.parsed.technologies.length > 0
+                        ? res.parsed.technologies
+                        : ["education", "quizzes"],
+                  },
+                })
+                if (res.parsed.languageCode) {
+                  i18n.changeLanguage(res.parsed.languageCode)
+                }
+                setMessages([
+                  {
+                    type: "user",
+                    content: formState.description,
+                  },
+                  {
+                    type: "assistant",
+                    content: res.parsed.aiMessage,
+                  },
+                  {
+                    type: "assistant",
+                    content: t("contentIndex.okMessage"),
+                  },
+                  {
+                    type: "assistant",
+                    content: t("contentIndex.instructionsMessage"),
+                  },
+                ])
+                navigate("/creator/syllabus")
+                setFormState({
+                  isCompleted: false,
+                  currentStep: "description",
+                })
+              }}
+              notificationId={notificationId}
+            />
+          )}
+        </>
       ) : (
         <>
-          {/* {formState.language && (
-            <div className="flex flex-col items-center justify-center">
-              <p>
-                <span className="font-bold">Language:</span>{" "}
-                {formState.language}
-              </p>
-              <p>
-                <span className="font-bold">Technologies:</span>{" "}
-                {formState.technologies?.join(", ")}
-              </p>
-            </div>
-          )} */}
           {history.length > 0 && (
             <ResumeCourseModal
               onContinue={() => {

package/src/creator/src/components/LessonItem.tsx CHANGED Viewed

@@ -15,6 +15,12 @@ export interface Lesson {
   duration?: number
 }
+const typeToEmoji: Record<string, string> = {
+  read: "📖",
+  code: "💻",
+  quiz: "🧠",
+}
 interface LessonItemProps {
   lesson: Lesson
   isNew: boolean
@@ -58,12 +64,12 @@ export const LessonItem: React.FC<LessonItemProps> = ({
       {mode === "teacher" && (
         <>
           <span className="index-circle">{cleanFloatString(lesson.id)}</span>
-          <span className="text-gray-500 text-sm">
-            {lesson.type[0] + lesson.type.slice(1).toLowerCase()} ●
-          </span>
         </>
       )}
+      <span className="text-gray-500 text-sm">
+        {typeToEmoji[lesson.type.toLowerCase()]}
+      </span>
       {isEditing ? (
         <input
           defaultValue={lesson.title}

package/src/creator/src/components/NotificationListener.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import { useEffect } from "react"
+import CreatorSocket from "../utils/socket"
+interface NotificationListenerProps {
+  notificationId: string
+  onNotification: (data: any) => void
+}
+const socketClient = new CreatorSocket("")
+const NotificationListener: React.FC<NotificationListenerProps> = ({
+  notificationId,
+  onNotification,
+}) => {
+  useEffect(() => {
+    console.log("NOTIFICATION ID listening", notificationId)
+    if (!notificationId) return
+    socketClient.connect()
+    socketClient.on(notificationId, onNotification)
+    socketClient.emit("registerNotification", { notificationId })
+    return () => {
+      socketClient.off(notificationId, onNotification)
+      socketClient.disconnect()
+    }
+  }, [notificationId, onNotification])
+  return null
+}
+export default NotificationListener

package/src/creator/src/components/syllabus/SyllabusEditor.tsx CHANGED Viewed

@@ -29,6 +29,7 @@ import { ParamsChecker } from "../ParamsChecker"
 import { randomUUID, slugify } from "../../utils/creatorUtils"
 import { RIGO_FLOAT_GIF } from "../../utils/constants"
 import { useTranslation } from "react-i18next"
+import NotificationListener from "../NotificationListener"
 const SyllabusEditor: React.FC = () => {
   const navigate = useNavigate()
@@ -60,6 +61,7 @@ const SyllabusEditor: React.FC = () => {
   const [isGenerating, setIsGenerating] = useState(false)
   const [showLoginModal, setShowLoginModal] = useState(false)
   const [isThinking, setIsThinking] = useState(false)
+  const [notificationId, setNotificationId] = useState<string>("")
   const syllabus = history[history.length - 1]
@@ -89,8 +91,6 @@ const SyllabusEditor: React.FC = () => {
   }, [])
   const checkSlug = async () => {
-    console.log("Checking slug")
     if (!syllabus.courseInfo.title) {
       toast.error("Please provide a title for the course")
       return
@@ -109,7 +109,6 @@ const SyllabusEditor: React.FC = () => {
       slug = slugify(newTitle)
       isAvailable = await isSlugAvailable(slug)
     }
-    console.log("Slug is available", slug)
     push({
       ...syllabus,
@@ -162,44 +161,9 @@ const SyllabusEditor: React.FC = () => {
         auth.rigoToken && isAuthenticated ? false : true
       )
-      const lessons: Lesson[] = res.parsed.listOfSteps.map((step: any) =>
-        parseLesson(step, syllabus.lessons)
-      )
-      push({
-        ...syllabus,
-        lessons: lessons,
-        courseInfo: {
-          ...syllabus.courseInfo,
-          title: fixTitleLength(res.parsed.title) || syllabus.courseInfo.title,
-          description:
-            res.parsed.description || syllabus.courseInfo.description,
-          language:
-            res.parsed.languageCode || syllabus.courseInfo.language || "en",
-          technologies:
-            res.parsed.technologies || syllabus.courseInfo.technologies || [],
-        },
-      })
-      if (res.parsed.languageCode) {
-        i18n.changeLanguage(res.parsed.languageCode)
-      }
-      const newMessages: TMessage[] = [
-        ...messages,
-        {
-          type: "user",
-          content: prompt,
-        },
-        {
-          type: "assistant",
-          content: res.parsed.aiMessage,
-        },
-      ]
-      setMessages(newMessages)
-      setIsThinking(false)
+      setNotificationId(res.notificationId)
     } catch (error) {
       console.error(error)
-      // Remove the last message
       const newMessages = [...messages]
       newMessages.pop()
       setMessages(newMessages as TMessage[])
@@ -248,7 +212,6 @@ const SyllabusEditor: React.FC = () => {
     }
     setIsGenerating(true)
-    console.log("Timeout set")
     const timeout = setTimeout(() => {
       cleanAll()
@@ -257,10 +220,8 @@ const SyllabusEditor: React.FC = () => {
       )}?token=${auth.bcToken}&language=${syllabus.courseInfo.language}`
     }, 8000)
     try {
-      console.log("Creating course")
       await createCourse(syllabus, tokenToUse, auth.bcToken)
     } catch (error) {
-      console.log("Failed to create course, clearing timeout")
       console.error("Failed to create course:", error)
       clearTimeout(timeout)
       setIsGenerating(false)
@@ -269,8 +230,6 @@ const SyllabusEditor: React.FC = () => {
   if (!syllabus) return null
-  console.log(syllabus, "SYLLABUS")
   return isGenerating ? (
     <>
       <Loader
@@ -284,6 +243,45 @@ It may take a moment..."
   ) : (
     <div className="flex w-full bg-white rounded-md shadow-md overflow-hidden h-screen ">
       <ParamsChecker />
+      <NotificationListener
+        onNotification={(res) => {
+          const lessons: Lesson[] = res.parsed.listOfSteps.map((step: any) =>
+            parseLesson(step, syllabus.lessons)
+          )
+          push({
+            ...syllabus,
+            lessons: lessons,
+            courseInfo: {
+              ...syllabus.courseInfo,
+              title:
+                fixTitleLength(res.parsed.title) || syllabus.courseInfo.title,
+              description:
+                res.parsed.description || syllabus.courseInfo.description,
+              language:
+                res.parsed.languageCode || syllabus.courseInfo.language || "en",
+              technologies:
+                res.parsed.technologies.length > 0
+                  ? res.parsed.technologies
+                  : syllabus.courseInfo.technologies || [],
+            },
+          })
+          if (res.parsed.languageCode) {
+            i18n.changeLanguage(res.parsed.languageCode)
+          }
+          setMessages((prev) => [
+            ...prev.filter((m) => Boolean(m.content)),
+            {
+              type: "assistant",
+              content: res.parsed.aiMessage,
+            },
+          ])
+          setIsThinking(false)
+          setNotificationId("")
+        }}
+        notificationId={notificationId}
+      />
       {showLoginModal && (
         <Login
           onFinish={() => {

package/src/creator/src/utils/creatorUtils.ts CHANGED Viewed

@@ -14,8 +14,8 @@ export const slugify = (text: string) => {
     .replace(/^-+|-+$/g, "") // Trim hyphens from start/end
 }
-export const randomUUID = () => {
-  return Math.random().toString(36).substring(2, 15)
+export const randomUUID = (length = 15) => {
+  return Math.random().toString(36).substring(2, length)
 }
 export const processImage = async (