npm - @learnpack/learnpack - Versions diffs - 5.0.293 → 5.0.295 - Mend

@learnpack/learnpack 5.0.293 → 5.0.295

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 (21) hide show

package/lib/commands/serve.js +132 -0
package/lib/creatorDist/assets/index-CwOHnpZp.js +74438 -0
package/lib/creatorDist/assets/{index-CacFtcN8.css → index-DTjdV1LF.css} +0 -8
package/lib/creatorDist/index.html +2 -2
package/lib/utils/rigoActions.d.ts +5 -0
package/lib/utils/rigoActions.js +22 -1
package/package.json +1 -1
package/src/commands/serve.ts +184 -0
package/src/creator/package-lock.json +10 -0
package/src/creator/package.json +1 -0
package/src/creator/src/components/Icon.tsx +18 -0
package/src/creator/src/components/LessonItem.tsx +7 -10
package/src/creatorDist/assets/index-CwOHnpZp.js +74438 -0
package/src/creatorDist/assets/{index-CacFtcN8.css → index-DTjdV1LF.css} +0 -8
package/src/creatorDist/index.html +2 -2
package/src/ui/_app/app.css +1 -1
package/src/ui/_app/app.js +8677 -458
package/src/ui/app.tar.gz +0 -0
package/src/utils/rigoActions.ts +33 -0
package/lib/creatorDist/assets/index-DOEfLGDQ.js +0 -39343
package/src/creatorDist/assets/index-DOEfLGDQ.js +0 -39343

package/lib/creatorDist/assets/{index-CacFtcN8.css → index-DTjdV1LF.css} RENAMED Viewed

@@ -59,8 +59,6 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-yellow-50: oklch(98.7% 0.026 102.212);
-    --color-yellow-300: oklch(90.5% 0.182 98.111);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
     --color-yellow-700: oklch(55.4% 0.135 66.442);
     --color-blue-50: oklch(97% 0.014 254.604);
@@ -831,9 +829,6 @@
   .border-transparent {
     border-color: #0000;
   }
-  .border-yellow-300 {
-    border-color: var(--color-yellow-300);
-  }
   .border-t-transparent {
     border-top-color: #0000;
   }
@@ -900,9 +895,6 @@
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-yellow-50 {
-    background-color: var(--color-yellow-50);
-  }
   .bg-gradient-to-t {
     --tw-gradient-position: to top in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));

package/lib/creatorDist/index.html CHANGED Viewed

@@ -10,8 +10,8 @@
     />
     <title>Learnpack Creator: Craft tutorials in seconds!</title>
-    <script type="module" crossorigin src="/creator/assets/index-DOEfLGDQ.js"></script>
-    <link rel="stylesheet" crossorigin href="/creator/assets/index-CacFtcN8.css">
+    <script type="module" crossorigin src="/creator/assets/index-CwOHnpZp.js"></script>
+    <link rel="stylesheet" crossorigin href="/creator/assets/index-DTjdV1LF.css">
   </head>
   <body>
     <div id="root"></div>

package/lib/utils/rigoActions.d.ts CHANGED Viewed

@@ -105,4 +105,9 @@ type TAddInteractivityInputs = {
     current_syllabus: string;
 };
 export declare const addInteractivity: (token: string, inputs: TAddInteractivityInputs, webhookUrl?: string) => Promise<any>;
+type TGenerateCodeChallengeInputs = {
+    lesson_content: string;
+    challenge_proposal: string;
+};
+export declare const generateCodeChallenge: (token: string, inputs: TGenerateCodeChallengeInputs, webhookUrl?: string) => Promise<any>;
 export {};

package/lib/utils/rigoActions.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addInteractivity = exports.initialContentGenerator = exports.getLanguageCodes = exports.isPackageAuthor = exports.fillSidebarJSON = exports.generateCourseShortName = exports.isValidRigoToken = exports.translateCourseMetadata = exports.createStructuredPreviewReadme = exports.readmeCreator = exports.createCodingReadme = exports.createCodeFile = exports.interactiveCreation = exports.generateCourseIntroduction = exports.translateExercise = exports.generateImage = exports.hasCreatorPermission = exports.createReadme = void 0;
+exports.generateCodeChallenge = exports.addInteractivity = exports.initialContentGenerator = exports.getLanguageCodes = exports.isPackageAuthor = exports.fillSidebarJSON = exports.generateCourseShortName = exports.isValidRigoToken = exports.translateCourseMetadata = 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;
@@ -325,3 +325,24 @@ const addInteractivity = async (token, inputs, webhookUrl) => {
     }
 };
 exports.addInteractivity = addInteractivity;
+const generateCodeChallenge = async (token, inputs, webhookUrl) => {
+    try {
+        const response = await axios_1.default.post(`${api_1.RIGOBOT_HOST}/v1/prompting/completion/generate-code-challenge-files/`, {
+            inputs,
+            include_purpose_objective: false,
+            execute_async: !!webhookUrl,
+            webhook_url: webhookUrl,
+        }, {
+            headers: {
+                "Content-Type": "application/json",
+                Authorization: "Token " + token.trim(),
+            },
+        });
+        return response.data;
+    }
+    catch (error) {
+        console.error("Error in generateCodeChallenge:", error);
+        return null;
+    }
+};
+exports.generateCodeChallenge = generateCodeChallenge;

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

package/src/commands/serve.ts CHANGED Viewed

@@ -36,6 +36,7 @@ import {
   getLanguageCodes,
   initialContentGenerator,
   addInteractivity,
+  generateCodeChallenge,
 } from "../utils/rigoActions"
 import * as dotenv from "dotenv"
@@ -994,6 +995,115 @@ export default class ServeCommand extends SessionCommand {
       }
     })
+    app.post(
+      "/webhooks/:courseSlug/:exercisePosition/process-coding-challege/",
+      async (req, res) => {
+        const { courseSlug, exercisePosition } = req.params
+        const body = req.body
+        console.log(
+          "RECEIVING CODING CHALLENGE WEBHOOK for course:",
+          courseSlug,
+          "exercise position:",
+          exercisePosition
+        )
+        console.log("Webhook body:", JSON.stringify(body, null, 2))
+        try {
+          if (body.status === "ERROR") {
+            console.error(
+              "❌ Error in coding challenge generation:",
+              body.error
+            )
+            return res.json({ status: "ERROR" })
+          }
+          // Parse the RigoBot response
+          if (body.parsed) {
+            const { files, reasoning } = body.parsed
+            console.log("📋 Reasoning:", reasoning)
+            console.log("📁 Files received:", files)
+            if (files && Array.isArray(files)) {
+              console.log("✅ Processing files for coding challenge...")
+              // Get the current exercise info to determine the exercise directory
+              const syllabus = await getSyllabus(courseSlug, bucket)
+              const exercise = syllabus.lessons[parseInt(exercisePosition)]
+              if (!exercise) {
+                console.error(
+                  `❌ Exercise not found at position ${exercisePosition}`
+                )
+                return res.status(404).json({ error: "Exercise not found" })
+              }
+              const exSlug = slugify(exercise.id + "-" + exercise.title)
+              const exerciseDir = `courses/${courseSlug}/exercises/${exSlug}`
+              for (const fileStr of files) {
+                try {
+                  const fileObj = JSON.parse(fileStr)
+                  console.log(`📄 Processing file: ${fileObj.name}`)
+                  // Save the main file with content
+                  if (fileObj.name && fileObj.content) {
+                    const filePath = `${exerciseDir}/${fileObj.name}`
+                    // eslint-disable-next-line no-await-in-loop
+                    await uploadFileToBucket(bucket, fileObj.content, filePath)
+                    console.log(`✅ Saved file: ${filePath}`)
+                  }
+                  // Save the solution file if it exists
+                  if (fileObj.name && fileObj.solution) {
+                    const nameParts = fileObj.name.split(".")
+                    if (nameParts.length > 1) {
+                      const extension = nameParts.pop()
+                      const baseName = nameParts.join(".")
+                      const solutionFileName = `${baseName}.solution.hide.${extension}`
+                      const solutionFilePath = `${exerciseDir}/${solutionFileName}`
+                      // eslint-disable-next-line no-await-in-loop
+                      await uploadFileToBucket(
+                        bucket,
+                        fileObj.solution,
+                        solutionFilePath
+                      )
+                      console.log(
+                        `✅ Saved solution file: ${solutionFilePath}`
+                      )
+                    } else {
+                      // If no extension, just add .solution.hide
+                      const solutionFileName = `${fileObj.name}.solution.hide`
+                      const solutionFilePath = `${exerciseDir}/${solutionFileName}`
+                      // eslint-disable-next-line no-await-in-loop
+                      await uploadFileToBucket(
+                        bucket,
+                        fileObj.solution,
+                        solutionFilePath
+                      )
+                      console.log(
+                        `✅ Saved solution file: ${solutionFilePath}`
+                      )
+                    }
+                  }
+                } catch (parseError) {
+                  console.error(`❌ Error parsing file:`, parseError)
+                }
+              }
+              console.log("✅ All coding challenge files saved successfully")
+            }
+          }
+          res.json({ status: "SUCCESS" })
+        } catch (error) {
+          console.error("❌ Error processing coding challenge webhook:", error)
+          res.status(500).json({ error: (error as Error).message })
+        }
+      }
+    )
     app.post(
       "/actions/continue-generating/:courseSlug/:position",
       async (req, res) => {
@@ -1090,6 +1200,80 @@ export default class ServeCommand extends SessionCommand {
       res.json({ status: "QUEUED" })
     })
+    app.post("/actions/generate-code-challenge", async (req, res) => {
+      const rigoToken = req.header("x-rigo-token")
+      const { code_challenge, lesson_content, exercise_position, course_slug } =
+        req.body
+      if (!rigoToken) {
+        return res.status(400).json({
+          error: "Rigo token is required. x-rigo-token header is missing",
+        })
+      }
+      if (!code_challenge) {
+        return res.status(400).json({
+          error: "code_challenge is required",
+        })
+      }
+      if (!lesson_content) {
+        return res.status(400).json({
+          error: "lesson_content is required",
+        })
+      }
+      if (!course_slug) {
+        return res.status(400).json({
+          error: "course_slug is required",
+        })
+      }
+      if (exercise_position === undefined || exercise_position === null) {
+        return res.status(400).json({
+          error: "exercise_position is required",
+        })
+      }
+      if (typeof exercise_position !== "number" || exercise_position < 0) {
+        return res.status(400).json({
+          error: "exercise_position must be a valid number >= 0",
+        })
+      }
+      try {
+        const webhookUrl = `${process.env.HOST}/webhooks/${course_slug}/${exercise_position}/process-coding-challege/`
+        const result = await generateCodeChallenge(
+          rigoToken,
+          {
+            lesson_content,
+            challenge_proposal: code_challenge,
+          },
+          webhookUrl
+        )
+        if (!result) {
+          return res.status(500).json({
+            error: "Failed to generate code challenge",
+          })
+        }
+        console.log("Code challenge generation started:", result)
+        res.json({
+          status: "QUEUED",
+          id: result.id,
+          message: "Code challenge generation started",
+        })
+      } catch (error) {
+        console.error("Error generating code challenge:", error)
+        res.status(500).json({
+          error: "Failed to start code challenge generation",
+          details: (error as Error).message,
+        })
+      }
+    })
     app.post(
       "/webhooks/:courseSlug/exercise-processor/:lessonID/:rigoToken",
       async (req, res) => {

package/src/creator/package-lock.json CHANGED Viewed

@@ -18,6 +18,7 @@
         "i18next": "^25.2.1",
         "i18next-browser-languagedetector": "^8.2.0",
         "js-yaml": "^4.1.0",
+        "lucide-react": "^0.545.0",
         "mammoth": "^1.9.0",
         "mitt": "^3.0.1",
         "pdfjs-dist": "^5.1.91",
@@ -4348,6 +4349,15 @@
         "underscore": "^1.13.1"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.545.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.545.0.tgz",
+      "integrity": "sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/mammoth": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/mammoth/-/mammoth-1.9.0.tgz",

package/src/creator/package.json CHANGED Viewed

@@ -21,6 +21,7 @@
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.2.0",
     "js-yaml": "^4.1.0",
+    "lucide-react": "^0.545.0",
     "mammoth": "^1.9.0",
     "mitt": "^3.0.1",
     "pdfjs-dist": "^5.1.91",

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

@@ -0,0 +1,18 @@
+import * as LucideIcons from "lucide-react";
+import { LucideProps } from "lucide-react";
+export interface IconProps extends Omit<LucideProps, 'ref'> {
+  name: keyof typeof LucideIcons;
+}
+export const Icon = ({ name, ...props }: IconProps) => {
+  const LucideIcon = LucideIcons[name] as React.ComponentType<LucideProps>;
+  if (!LucideIcon) {
+    console.warn(`Icon "${name}" not found in lucide-react`);
+    return null;
+  }
+  return <LucideIcon {...props} />;
+};

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

@@ -5,6 +5,7 @@ import { useState } from "react"
 import { useRef } from "react"
 import { SVGS } from "../assets/svgs"
 import useStore from "../utils/store"
+import { Icon } from "./Icon"
 export interface Lesson {
   id: string
@@ -60,20 +61,13 @@ 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" : ""} ${
-        lesson.locked ? "bg-yellow-50 border-yellow-300" : ""
-      }`}
+      } ${hasDecimalPart(lesson.id.toString() || "0") ? "ml-6" : ""}`}
     >
       {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>
-          )}
         </>
       )}
@@ -111,7 +105,10 @@ export const LessonItem: React.FC<LessonItemProps> = ({
             }`}
             title={lesson.locked ? "Unlock lesson" : "Lock lesson"}
           >
-            🔒
+            <Icon
+              name={lesson.locked ? "Lock" : "Unlock"}
+              size={16}
+            />
           </button>
           <button
             onClick={() => {
@@ -130,7 +127,7 @@ export const LessonItem: React.FC<LessonItemProps> = ({
             disabled={lesson.locked}
             title={lesson.locked ? "Cannot edit locked lesson" : "Edit lesson"}
           >
-            {SVGS.pen}
+            <Icon name="Edit" size={16} />
           </button>
           <button
             onClick={() => {