@learnpack/learnpack 5.0.215 → 5.0.231

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

@@ -34,19 +34,28 @@ const SyllabusEditor: React.FC = () => {
   const navigate = useNavigate()
   const { i18n } = useTranslation()
 
-  const { history, auth, setAuth, push, cleanAll, messages, setMessages } =
-    useStore(
-      useShallow((state) => ({
-        history: state.history,
-        auth: state.auth,
-        setAuth: state.setAuth,
-        push: state.push,
-        cleanAll: state.cleanAll,
-        messages: state.messages,
-        // formState: state.formState,
-        setMessages: state.setMessages,
-      }))
-    )
+  const {
+    history,
+    auth,
+    setAuth,
+    push,
+    cleanAll,
+    messages,
+    setMessages,
+    technologies,
+  } = useStore(
+    useShallow((state) => ({
+      history: state.history,
+      auth: state.auth,
+      setAuth: state.setAuth,
+      push: state.push,
+      cleanAll: state.cleanAll,
+      messages: state.messages,
+      // formState: state.formState,
+      setMessages: state.setMessages,
+      technologies: state.technologies,
+    }))
+  )
 
   const [isGenerating, setIsGenerating] = useState(false)
   const [showLoginModal, setShowLoginModal] = useState(false)
@@ -120,9 +129,12 @@ const SyllabusEditor: React.FC = () => {
         { type: "user", content: prompt },
         { type: "assistant", content: "" },
       ])
+      let isAuthenticated = false
+      if (auth.rigoToken) {
+        isAuthenticated = await isValidRigoToken(auth.rigoToken)
+      }
 
-      const isValid = await isValidRigoToken(auth.rigoToken)
-      if (!isValid) {
+      if (!isAuthenticated && auth.rigoToken) {
         setAuth({
           ...auth,
           rigoToken: "",
@@ -134,19 +146,22 @@ const SyllabusEditor: React.FC = () => {
 
       const res = await publicInteractiveCreation(
         {
-          courseInfo: JSON.stringify(syllabus.courseInfo),
+          courseInfo:
+            JSON.stringify(syllabus.courseInfo) +
+            `\nThe following technologies are available, choose up to 3 from the following list: <techs>${technologies
+              .filter((t) => t.lang === syllabus.courseInfo.language)
+              .map((t) => t.slug)
+              .join(", ")}</techs>`,
           prevInteractions:
             messages
               .map((message) => `${message.type}: ${message.content}`)
               .join("\n") + `\nUSER: ${prompt}`,
         },
-        auth.rigoToken && isValid ? auth.rigoToken : auth.publicToken,
+        auth.rigoToken && isAuthenticated ? auth.rigoToken : auth.publicToken,
         syllabus?.courseInfo?.purpose || "learnpack-lesson-writer",
-        auth.rigoToken && isValid ? false : true
+        auth.rigoToken && isAuthenticated ? false : true
       )
 
-      console.log(res, "RES from rigobot")
-
       const lessons: Lesson[] = res.parsed.listOfSteps.map((step: any) =>
         parseLesson(step, syllabus.lessons)
       )

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

@@ -54,10 +54,15 @@
         },
         "files": {
             "description": "Upload files",
-            "descriptionLong": "Upload a PDF or DOCX file or drag it here",
+            "descriptionLong": "Upload a PDF file or drag it here",
             "processing": "Processing...",
             "drop": "Drop it here",
-            "finish": "🚀 Finish"
+            "finish": "🚀 Finish",
+            "maxImagesPerPDFWarning": "⚠️ Only 15 images per PDF are supported in LearnPack beta. You can select what to do if the PDF exceeds this limit.",
+            "useOnlyFirstImages": "Use only the first 15 images",
+            "cancelAndUploadAnother": "Cancel and upload another PDF",
+            "maxImagesPerPDFError": "❌ Only 15 images per PDF are supported in LearnPack beta and this PDF exceeds the limit.",
+            "errorProcessingPDF": "❌ Error processing PDF, please try again, if the problem persists, try with a different file."
         },
         "youtube": {
             "description": "Share a Youtube link",
@@ -110,4 +115,4 @@
         "youDontHaveAnAccount": "You don't have an account?",
         "registerHere": "Register here."
     }
-}
+}

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

@@ -54,10 +54,15 @@
         },
         "files": {
             "description": "Subir archivos",
-            "descriptionLong": "Subir un archivo PDF o DOCX o arrastralo aquí",
+            "descriptionLong": "Subir un archivo PDF o arrastralo aquí",
             "processing": "Procesando...",
             "drop": "Arrastra el archivo aquí",
-            "finish": "🚀 Finalizar"
+            "finish": "🚀 Finalizar",
+            "maxImagesPerPDFWarning": "⚠️ Solo se admiten 15 imágenes por PDF en LearnPack beta. Puedes seleccionar qué hacer si el PDF excede este límite.",
+            "useOnlyFirstImages": "Usar solo las primeras 15 imágenes",
+            "cancelAndUploadAnother": "Cancelar y subir otro PDF",
+            "maxImagesPerPDFError": "❌ Solo se admiten 15 imágenes por PDF en LearnPack beta y este PDF excede el límite.",
+            "errorProcessingPDF": "❌ Error procesando PDF, por favor intenta de nuevo, si el problema persiste, intenta con un archivo diferente."
         },
         "youtube": {
             "description": "Compartir un enlace de Youtube",

package/src/creator/src/utils/constants.ts

@@ -2,7 +2,8 @@ export const DEV_MODE = false
 
 export const RIGOBOT_HOST = DEV_MODE
   ? "https://rigobot-test-cca7d841c9d8.herokuapp.com"
-  : "https://rigobot.herokuapp.com"
+  : // "https://8000-charlytoc-rigobot-bmwdeam7cev.ws-us120.gitpod.io"
+    "https://rigobot.herokuapp.com"
 
 export const BREATHECODE_HOST = DEV_MODE
   ? "https://breathecode-test.herokuapp.com"

package/src/creator/src/utils/lib.ts

@@ -1,5 +1,5 @@
 import axios from "axios"
-import { BREATHECODE_HOST, RIGOBOT_HOST } from "./constants"
+import { BREATHECODE_HOST, DEV_MODE, RIGOBOT_HOST } from "./constants"
 import { Lesson } from "../components/LessonItem"
 import { randomUUID } from "./creatorUtils"
 import { Syllabus } from "./store"
@@ -267,6 +267,13 @@ export function getFilenameFromUrl(url: string): string {
   }
 }
 
+export const makeCallbackUrl = (slug: string) => {
+  if (DEV_MODE) {
+    return `https://8000-charlytoc-rigobot-bmwdeam7cev.ws-us120.gitpod.io/v1/learnpack/tools/images/callback?slug=${slug}`
+  }
+  return `${window.location.origin}/api/v1/webhooks/images`
+}
+
 type TGenerateImageParams = {
   prompt: string
 }
@@ -280,6 +287,7 @@ export const generateImage = async (
       `${RIGOBOT_HOST}/v1/learnpack/tools/images`,
       {
         prompt,
+        webhook_callback_url: "https://www.learnpack.co/api/v1/webhooks/images",
       },
       {
         headers: {
@@ -433,3 +441,8 @@ export const fixTitleLength = (title: string) => {
   fixed = fixed.replace(/^[^a-zA-Z0-9]+|[^a-zA-Z0-9]+$/g, "")
   return fixed
 }
+
+export const getTechnologies = async () => {
+  const response = await axios.get(`/technologies`)
+  return response.data
+}

package/src/creator/src/utils/store.ts

@@ -36,6 +36,11 @@ type Consumables = {
   [key: string]: number
 }
 
+type TTechnology = {
+  slug: string
+  lang: string
+}
+
 type Store = {
   auth: Auth
   formState: FormState
@@ -51,6 +56,8 @@ type Store = {
   setMessages: (messages: TMessage[]) => void
   cleanHistory: () => void
   history: Syllabus[]
+  technologies: TTechnology[]
+  setTechnologies: (technologies: TTechnology[]) => void
   undo: () => void
   push: (syllabus: Syllabus) => void
   cleanAll: () => void
@@ -93,6 +100,8 @@ const useStore = create<Store>()(
         ],
       },
       messages: [],
+      technologies: [],
+      setTechnologies: (technologies: TTechnology[]) => set({ technologies }),
       setMessages: (messages: TMessage[]) => set({ messages }),
       setFormState: (formState: Partial<FormState>) =>
         set((state) => ({ formState: { ...state.formState, ...formState } })),
@@ -145,6 +154,7 @@ const useStore = create<Store>()(
           uploadedFiles: [],
           messages: [],
           history: [],
+          technologies: [],
           formState: {
             description: "",
             duration: 0,