@learnpack/learnpack 5.0.291 → 5.0.292

package/src/creator/src/App.tsx

@@ -128,7 +128,7 @@ function App() {
       })
     }
     if (duration && !isNaN(parseInt(duration))) {
-      if (["30", "60", "120"].includes(duration)) {
+      if (["15", "30", "60"].includes(duration)) {
         const durationInt = parseInt(duration)
         console.log("duration", durationInt)
         setFormState({
@@ -307,6 +307,17 @@ function App() {
         required: true,
         content: (
           <div className="flex flex-col md:flex-row gap-2">
+            <SelectableCard
+              title={t("stepWizard.durationCard.15")}
+              // subtitle="This is a tutorial that will take 15 minutes to complete"
+              onClick={() => {
+                setFormState({
+                  duration: 15,
+                  currentStep: "verifyHuman",
+                })
+              }}
+              selected={formState.duration === 15}
+            />
             <SelectableCard
               title={t("stepWizard.durationCard.30")}
               // subtitle="This is a tutorial that will take 30 minutes to complete"
@@ -329,17 +340,6 @@ function App() {
               }}
               selected={formState.duration === 60}
             />
-            <SelectableCard
-              title={t("stepWizard.durationCard.120")}
-              // subtitle="This is a tutorial that will take 2 hours to complete"
-              onClick={() => {
-                setFormState({
-                  duration: 120,
-                  currentStep: "verifyHuman",
-                })
-              }}
-              selected={formState.duration === 120}
-            />
           </div>
         ),
       },

package/src/creator/src/components/FileUploader.tsx

@@ -8,67 +8,6 @@ import { DEV_MODE, RIGOBOT_HOST } from "../utils/constants"
 import axios from "axios"
 import { useTranslation } from "react-i18next"
 
-// `
-// app.post("/read-document", upload.single("file"), async (req, res) => {
-//       console.log("READING A DOCUMENT")
-//       const publicToken = req.header("x-public-token")
-//       if (!publicToken) {
-//         return res.status(400).json({ error: "Public token is required" })
-//       }
-
-//       try {
-//         // eslint-disable-next-line
-//         // @ts-ignore
-//         if (!req.file) {
-//           return res.status(400).json({ error: "Missing file" })
-//         }
-
-//         console.log("PUBLIC TOKEN", publicToken)
-
-//         const resultId = `document-read-${Date.now()}-${Math.floor(
-//           Math.random() * 1e6
-//         )}`
-
-//         const webhookUrl = `${deploymentURL}/notifications/${resultId}`
-//         console.log("WEBHOOK URL", webhookUrl)
-//         // Construir form-data para enviar al servidor proxy
-//         const formData = new FormData()
-//         // eslint-disable-next-line
-//         // @ts-ignore
-//         formData.append("file", req.file.buffer, {
-//           // eslint-disable-next-line
-//           // @ts-ignore
-//           filename: req.file.originalname,
-//           // eslint-disable-next-line
-//           // @ts-ignore
-//           contentType: req.file.mimetype,
-//         })
-//         formData.append("webhook_callback_url", webhookUrl)
-
-//         try {
-//           const response = await axios.post(
-//             `${RIGOBOT_HOST}/v1/learnpack/public/tools/read-document`,
-//             formData,
-//             {
-//               headers: {
-//                 ...formData.getHeaders(),
-//                 Authorization: `Token ${publicToken.trim()}`,
-//               },
-//             }
-//           )
-//         } catch (error) {
-//           console.error("❌ Error in /read-document:", error)
-//           return res.status(500).json({ error: (error as Error).message })
-//         }
-
-//         return res.json({ notificationId: resultId, status: "PROCESSING" })
-//       } catch (error) {
-//         console.error("❌ Error in /read-document:", error)
-//         return res.status(500).json({ error: (error as Error).message })
-//       }
-//     })
-// `
-
 const socketClient = new CreatorSocket("")
 
 const allowedTypes = [
@@ -155,12 +94,6 @@ const UploadedFileCard = ({ idx, file }: { idx: number; file: ParsedFile }) => {
         }
         onClick={
           () => setUploadedFiles(uploadedFiles.filter((_, i) => i !== idx))
-          // Set the file as error
-          // setUploadedFiles(
-          //   uploadedFiles.map((f, i) =>
-          //     i === idx ? { ...f, status: "ERROR" } : f
-          //   )
-          // )
         }
       >
         {SVGS.trash}
@@ -202,7 +135,8 @@ const FileUploader: React.FC<FileUploaderProps> = ({
 
     const webhookUrl = `${
       DEV_MODE
-        ? "https://9cw5zmww-3000.use2.devtunnels.ms"
+        ? "https://1gm40gnb-3000.use2.devtunnels.ms"
+        // : "https://1gm40gnb-3000.use2.devtunnels.ms"
         : window.location.origin
     }/notifications/${resultId}`
     formData.append("webhook_callback_url", webhookUrl)

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

@@ -13,6 +13,7 @@ export interface Lesson {
   type: "READ" | "CODE" | "QUIZ"
   description: string
   duration?: number
+  locked?: boolean
 }
 
 const typeToEmoji: Record<string, string> = {
@@ -26,6 +27,7 @@ interface LessonItemProps {
   isNew: boolean
   onChange: (uid: string, newTitle: string) => void
   onRemove: () => void
+  onToggleLock?: (uid: string) => void
 }
 
 function cleanFloatString(input: string): string {
@@ -47,6 +49,7 @@ export const LessonItem: React.FC<LessonItemProps> = ({
   lesson,
   onChange,
   onRemove,
+  onToggleLock,
   isNew,
 }) => {
   const mode = useStore((state) => state.mode)
@@ -57,13 +60,20 @@ export const LessonItem: React.FC<LessonItemProps> = ({
     <div
       className={`flex items-center space-x-2 relative rounded-md p-3 ${
         isNew ? "border border-learnpack-blue appear" : "border border-gray-200"
-      } ${hasDecimalPart(lesson.id.toString() || "0") ? "ml-6" : ""}`}
+      } ${hasDecimalPart(lesson.id.toString() || "0") ? "ml-6" : ""} ${
+        lesson.locked ? "bg-yellow-50 border-yellow-300" : ""
+      }`}
     >
-      {isNew && <span className="red-ball"></span>}
+      {isNew && <span className="yellow-ball"></span>}
 
       {mode === "teacher" && (
         <>
           <span className="index-circle">{cleanFloatString(lesson.id)}</span>
+          {lesson.locked && (
+            <span className="text-yellow-600 text-sm" title="Lesson is locked">
+              🔒
+            </span>
+          )}
         </>
       )}
 
@@ -92,20 +102,49 @@ export const LessonItem: React.FC<LessonItemProps> = ({
 
       {mode === "teacher" && (
         <>
+          <button
+            onClick={() => onToggleLock?.(lesson.uid)}
+            className={`cursor-pointer ${
+              lesson.locked 
+                ? "text-yellow-600 hover:text-yellow-700" 
+                : "text-gray-400 hover:text-yellow-600"
+            }`}
+            title={lesson.locked ? "Unlock lesson" : "Lock lesson"}
+          >
+            🔒
+          </button>
           <button
             onClick={() => {
-              setIsEditing(!isEditing)
-              if (inputRef.current) {
-                onChange(lesson.uid, inputRef.current.value)
+              if (!lesson.locked) {
+                setIsEditing(!isEditing)
+                if (inputRef.current) {
+                  onChange(lesson.uid, inputRef.current.value)
+                }
               }
             }}
-            className="text-gray-500 hover:text-blue-500 cursor-pointer "
+            className={`${
+              lesson.locked 
+                ? "text-gray-300 cursor-not-allowed" 
+                : "text-gray-500 hover:text-blue-500 cursor-pointer"
+            }`}
+            disabled={lesson.locked}
+            title={lesson.locked ? "Cannot edit locked lesson" : "Edit lesson"}
           >
             {SVGS.pen}
           </button>
           <button
-            onClick={() => onRemove()}
-            className="text-red-500 hover:text-red-700 cursor-pointer"
+            onClick={() => {
+              if (!lesson.locked) {
+                onRemove()
+              }
+            }}
+            className={`${
+              lesson.locked 
+                ? "text-gray-300 cursor-not-allowed" 
+                : "text-red-500 hover:text-red-700 cursor-pointer"
+            }`}
+            disabled={lesson.locked}
+            title={lesson.locked ? "Cannot delete locked lesson" : "Delete lesson"}
           >
             {SVGS.trash}
           </button>

package/src/creator/src/components/Login.tsx

@@ -241,12 +241,6 @@ export default function Login({ onFinish }: { onFinish: () => void }) {
                 <p className="text-gray-700 m-0">
                   {t("login.youDontHaveAnAccount")}
                 </p>
-                {/* <button
-                  className="text-blue-600 font-medium cursor-pointer"
-                  onClick={() => setShowSignup(true)}
-                >
-                  Register here.
-                </button> */}
                 <a
                   href={`https://www.learnpack.co/register?callback=${encodeURIComponent(window.location.href)}`}
                   target="_blank"

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

@@ -184,6 +184,15 @@ export const ContentIndex = ({
     })
   }
 
+  const handleToggleLock = (uid: string) => {
+    push({
+      ...syllabus,
+      lessons: syllabus.lessons.map((lesson) =>
+        lesson.uid === uid ? { ...lesson, locked: !lesson.locked } : lesson
+      ),
+    })
+  }
+
   const addLessonAfter = (index: number, id: string) => {
     const newLesson: Lesson = {
       id: (parseFloat(id) + 0.1).toFixed(1),
@@ -192,6 +201,7 @@ export const ContentIndex = ({
       type: "READ",
       duration: 2,
       description: "Hello World",
+      locked: false,
     }
     const updated = [...syllabus.lessons]
     updated.splice(index + 1, 0, newLesson)
@@ -258,6 +268,7 @@ export const ContentIndex = ({
                   lesson={lesson}
                   onChange={handleChange}
                   onRemove={() => handleRemove(lesson)}
+                  onToggleLock={handleToggleLock}
                   isNew={Boolean(
                     previousSyllabus &&
                       previousSyllabus &&

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

@@ -163,6 +163,8 @@ const SyllabusEditor: React.FC = () => {
         { type: "assistant", content: "" },
       ])
 
+      const lessonsText = JSON.stringify(syllabus.lessons)
+
       const res = await publicInteractiveCreation(
         {
           courseInfo:
@@ -170,7 +172,10 @@ const SyllabusEditor: React.FC = () => {
             `\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>`,
+              .join(", ")}</techs> \nThe following lessons are already in the syllabus: ${lessonsText} 
+              
+              You must NEVER delete lessons that are marked as locked.
+              `,
           prevInteractions:
             messages
               .map((message) => `${message.type}: ${message.content}`)