@learnpack/learnpack 5.0.202 → 5.0.209

package/src/creator/src/App.tsx

@@ -189,12 +189,11 @@ function App() {
         },
         {
           type: "assistant",
-          content: "If you're satisfied, type 'OK' in the chat.",
+          content: t("contentIndex.okMessage"),
         },
         {
           type: "assistant",
-          content:
-            "If not, what would you like me to change? You can sat things like:\n  - Add more exercises\n   - Make it more difficult\n   - Remove step 1.1 and replace it with a new step that explains the concept of X ",
+          content: t("contentIndex.instructionsMessage"),
         },
       ])
     } catch (error) {

package/src/creator/src/components/syllabus/ContentIndex.tsx

@@ -9,6 +9,7 @@ import { motion, AnimatePresence } from "framer-motion"
 import toast from "react-hot-toast"
 import { randomUUID } from "../../utils/creatorUtils"
 import { useTranslation } from "react-i18next"
+import { t } from "i18next"
 
 const ContentIndexHeader = ({
   messages,
@@ -295,7 +296,7 @@ export const ContentIndex = ({
               onClick={() => scrollToBottom("bottom")}
               className="px-4 py-1 bg-white  text-sm rounded  hover:bg-blue-50 cursor-pointer pointer-events-auto font-bold flex items-center gap-2 "
             >
-              Continue scrolling
+              {t("contentIndex.continueScrolling")}
               {SVGS.downArrow}
             </button>
           </div>

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

@@ -10,7 +10,7 @@ import {
   loginWithToken,
   createCourse,
   isSlugAvailable,
-  reWriteTitle,
+  // reWriteTitle,
   useConsumableCall,
   isValidRigoToken,
   fixTitleLength,
@@ -26,13 +26,13 @@ import { Sidebar } from "./Sidebar"
 import Login from "../Login"
 import { useNavigate } from "react-router"
 import { ParamsChecker } from "../ParamsChecker"
-import { slugify } from "../../utils/creatorUtils"
+import { randomUUID, slugify } from "../../utils/creatorUtils"
 import { RIGO_FLOAT_GIF } from "../../utils/constants"
 import { useTranslation } from "react-i18next"
 
 const SyllabusEditor: React.FC = () => {
   const navigate = useNavigate()
-  const { t, i18n } = useTranslation()
+  const { i18n } = useTranslation()
 
   const { history, auth, setAuth, push, cleanAll, messages, setMessages } =
     useStore(
@@ -80,21 +80,35 @@ const SyllabusEditor: React.FC = () => {
   }, [])
 
   const checkSlug = async () => {
-    const slug = slugify(syllabus.courseInfo.title || "")
-    const isAvailable = await isSlugAvailable(slug)
-    if (!isAvailable) {
-      const newTitle = await reWriteTitle(
-        syllabus.courseInfo.title || "",
-        auth.rigoToken
-      )
-      push({
-        ...syllabus,
-        courseInfo: {
-          ...syllabus.courseInfo,
-          title: newTitle,
-        },
-      })
+    console.log("Checking slug")
+
+    if (!syllabus.courseInfo.title) {
+      toast.error("Please provide a title for the course")
+      return
     }
+
+    let slug = slugify(syllabus.courseInfo.title)
+    let newTitle = syllabus.courseInfo.title
+    let isAvailable = await isSlugAvailable(slug)
+
+    while (!isAvailable) {
+      if (newTitle.length > 50) {
+        newTitle = newTitle.slice(0, 44)
+      }
+      newTitle = newTitle + "-" + randomUUID()
+      newTitle = newTitle.slice(0, 50)
+      slug = slugify(newTitle)
+      isAvailable = await isSlugAvailable(slug)
+    }
+    console.log("Slug is available", slug)
+
+    push({
+      ...syllabus,
+      courseInfo: {
+        ...syllabus.courseInfo,
+        title: newTitle,
+      },
+    })
   }
 
   const sendPrompt = async (prompt: string) => {
@@ -210,25 +224,32 @@ const SyllabusEditor: React.FC = () => {
       toast.error(
         "You don't have enough credits to generate a course! Please add more credits to your account."
       )
-      toast.error("You will be redirected to the settings page in 5 seconds.")
+      toast.loading("You will be redirected to the settings page in 5 seconds.")
       setTimeout(() => {
         window.location.href =
           "https://learnpack.co/settings?token=" + auth.bcToken
       }, 5000)
       return
     }
-    console.log(syllabus, "SYLLABUS")
 
     setIsGenerating(true)
-    createCourse(syllabus, tokenToUse, auth.bcToken)
+    console.log("Timeout set")
 
-    setTimeout(() => {
+    const timeout = setTimeout(() => {
       cleanAll()
-      setIsGenerating(false)
       window.location.href = `/preview/${slugify(
         syllabus.courseInfo.title || ""
       )}?token=${auth.bcToken}&language=${syllabus.courseInfo.language}`
-    }, 3000)
+    }, 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)
+    }
   }
 
   if (!syllabus) return null

package/src/creator/src/locales/en.json

@@ -79,7 +79,10 @@
         "changesReverted": "Changes reverted!",
         "readyToCreate": "I'm ready. Create the course for me!",
         "creatingCourseAs": "Creating the course as {{name}}",
-        "loginAsSomeoneElse": "Login as someone else"
+        "loginAsSomeoneElse": "Login as someone else",
+        "continueScrolling": "Continue scrolling",
+        "okMessage": "If you're satisfied, type 'OK' in the chat.",
+        "instructionsMessage": "If not, what would you like me to change? You can say things like:\n  - Add more exercises\n   - Make it more difficult\n   - Remove step 1.1 and replace it with a new step that explains the concept of X "
     },
     "login": {
         "creatingAccount": "Creating account…",

package/src/creator/src/locales/es.json

@@ -79,7 +79,10 @@
         "changesReverted": "Cambios revertidos!",
         "readyToCreate": "Estoy listo. ¡Crea el curso por mí!",
         "creatingCourseAs": "Creando el curso como {{name}}",
-        "loginAsSomeoneElse": "Iniciar sesión como alguien más"
+        "loginAsSomeoneElse": "Iniciar sesión como alguien más",
+        "continueScrolling": "Continuar desplazando",
+        "okMessage": "Si estás satisfecho, escribe 'OK' en el chat.",
+        "instructionsMessage": "Si no, ¿qué te gustaría que cambiara? Puedes decir cosas como:\n  - Añadir más ejercicios\n   - Hacerlo más difícil\n   - Eliminar el paso 1.1 y reemplazarlo con un nuevo paso que explique el concepto de X "
     },
     "login": {
         "creatingAccount": "Creando cuenta…",

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

@@ -4,14 +4,16 @@ import { generateImage, getFilenameFromUrl, uploadImageToBucket } from "./lib"
 export const slugify = (text: string) => {
   return text
     .toString()
-    .normalize("NFD")
-    .replace(/[\u0300-\u036F]/g, "")
+    .normalize("NFD") // Remove accents
+    .replace(/[\u0300-\u036F]/g, "") // Remove diacritics
     .toLowerCase()
     .trim()
-    .replace(/\s+/g, "-")
-    .replace(/[<>:"/\\|?*]/g, "")
-    .replace(/-+/g, "-")
+    .replace(/[^a-z0-9\s._-]/g, "") // Hyphen at the end, no escape needed
+    .replace(/\s+/g, "-") // Replace spaces with hyphens
+    .replace(/-+/g, "-") // Remove duplicate hyphens
+    .replace(/^-+|-+$/g, "") // Trim hyphens from start/end
 }
+
 export const randomUUID = () => {
   return Math.random().toString(36).substring(2, 15)
 }