npm - @learnpack/learnpack - Versions diffs - 5.0.284 → 5.0.286 - Mend

@learnpack/learnpack 5.0.284 → 5.0.286

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

package/lib/creatorDist/assets/{index-7zTdUX04.js → index-CQMtxRqZ.js} +4828 -4797
package/lib/creatorDist/index.html +1 -1
package/lib/managers/session.js +2 -2
package/lib/utils/export/epub.js +22 -5
package/package.json +1 -1
package/src/creator/src/App.tsx +64 -58
package/src/creator/src/components/PassphraseValidator.tsx +47 -0
package/src/creator/src/components/syllabus/SyllabusEditor.tsx +21 -1
package/src/creator/src/utils/lib.ts +477 -468
package/src/creator/src/utils/rigo.ts +85 -85
package/src/creator/src/utils/store.ts +223 -222
package/src/creatorDist/assets/{index-7zTdUX04.js → index-CQMtxRqZ.js} +4828 -4797
package/src/creatorDist/index.html +1 -1
package/src/managers/session.ts +184 -182
package/src/ui/_app/app.js +429 -421
package/src/ui/app.tar.gz +0 -0
package/src/utils/export/epub.ts +29 -5

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-7zTdUX04.js"></script>
+    <script type="module" crossorigin src="/creator/assets/index-CQMtxRqZ.js"></script>
     <link rel="stylesheet" crossorigin href="/creator/assets/index-C39zeF3W.css">
   </head>
   <body>

package/lib/managers/session.js CHANGED Viewed

@@ -50,7 +50,7 @@ const Session = {
     setPayload: async function (value) {
         await this.initialize();
         await storage.setItem("bc-payload", Object.assign({}, value));
-        console_1.default.debug("Payload successfuly found and set for " + value.email);
+        console_1.default.debug("Payload successfuly found and set for user " + value.user_id);
         // TelemetryManager.setStudent({
         //   user_id: value.user_id.toString(),
         //   email: value.email,
@@ -124,7 +124,7 @@ const Session = {
         }
         this.token = token;
         if (payload && (await this.setPayload(payload))) {
-            console_1.default.success(`Successfully logged in as ${payload.email}`);
+            console_1.default.success(`Successfully logged in as user ${payload.user_id}`);
         }
     },
     destroy: async function () {

package/lib/utils/export/epub.js CHANGED Viewed

@@ -8,13 +8,30 @@ const rimraf = require("rimraf");
 const uuid_1 = require("uuid");
 const child_process_1 = require("child_process");
 const shared_1 = require("./shared");
-const replaceQuestionsFromMarkdown = (markdown) => {
+const getLocalizedText = (language) => {
+    const translations = {
+        en: "Write your answer here",
+        es: "Escribe tu respuesta aquí",
+        fr: "Écrivez votre réponse ici",
+        de: "Schreiben Sie Ihre Antwort hier",
+        it: "Scrivi la tua risposta qui",
+        pt: "Escreva sua resposta aqui",
+        ja: "ここに答えを書いてください",
+        ko: "여기에 답을 작성하세요",
+        zh: "在这里写下你的答案",
+        ar: "اكتب إجابتك هنا",
+        ru: "Напишите свой ответ здесь",
+    };
+    return translations[language] || translations.en;
+};
+const replaceQuestionsFromMarkdown = (markdown, language = "en") => {
     // Search for all code blocks like this (No breaking lines sensitive)
     // ```question some parameters
     // some text
     // ```
     const questionRegex = /```question([\s\S]*?)```/g;
-    return markdown.replace(questionRegex, '<div type="text" class="open-question">Right your answer here</div>');
+    const localizedText = getLocalizedText(language);
+    return markdown.replace(questionRegex, `<div type="text" class="open-question">${localizedText}</div>`);
 };
 const replaceMermaidFromMarkdown = (markdown) => {
     // Search for all code blocks like this (No breaking lines sensitive)
@@ -186,7 +203,7 @@ async function processExercises(exercisesDir, outputDir, language = "en", learnA
                 }
                 // Process markdown content and save to output directory
                 console.log("Processing markdown file:", relativeFilePath);
-                const processedContent = processMarkdownContent(fullPath, learnAssetsDir);
+                const processedContent = processMarkdownContent(fullPath, learnAssetsDir, language);
                 const processedMarkdownPath = path.join(outputDir, relativeFilePath.replace(/\.(md|markdown)$/, ".processed.md"));
                 console.log("Processed markdown output path:", processedMarkdownPath);
                 mkdirp.sync(path.dirname(processedMarkdownPath));
@@ -213,7 +230,7 @@ async function processExercises(exercisesDir, outputDir, language = "en", learnA
     return processedMarkdownFiles;
 }
 // Process markdown content for EPUB conversion
-function processMarkdownContent(markdownPath, learnAssetsDir) {
+function processMarkdownContent(markdownPath, learnAssetsDir, language = "en") {
     let markdownContent = fs.readFileSync(markdownPath, "utf-8");
     if (learnAssetsDir && fs.existsSync(learnAssetsDir)) {
         // Find all image references in markdown
@@ -248,7 +265,7 @@ function processMarkdownContent(markdownPath, learnAssetsDir) {
             }
         }
     }
-    markdownContent = replaceQuestionsFromMarkdown(markdownContent);
+    markdownContent = replaceQuestionsFromMarkdown(markdownContent, language);
     markdownContent = replaceMermaidFromMarkdown(markdownContent);
     markdownContent = cleanQuizOptions(markdownContent);
     return markdownContent;

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

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

@@ -31,6 +31,7 @@ import NotificationListener from "./components/NotificationListener"
 import { slugify } from "./utils/creatorUtils"
 import TurnstileModal from "./components/TurnstileModal"
 import { TMessage } from "./components/Message"
+import PassphraseValidator from "./components/PassphraseValidator"
 function App() {
   const navigate = useNavigate()
@@ -85,6 +86,22 @@ function App() {
     checkTechs()
   }, [])
+  const tokenVerification = async () => {
+    const isValid = await isValidPublicToken(auth.publicToken)
+    if (!isValid) {
+      setAuth({
+        ...auth,
+        publicToken: ""
+      })
+    }
+  }
+  useEffect(() => {
+    if (auth.publicToken) {
+      tokenVerification()
+    }
+  }, [auth])
   const verifyToken = async () => {
     const { token } = checkParams(["token"])
     if (token) {
@@ -99,6 +116,29 @@ function App() {
     }
   }
+  const getGenerationMode = (): string => {
+    const urlParams = new URLSearchParams(window.location.search);
+    const configParams = urlParams.get('configParams');
+    if (!configParams) {
+      return 'next-three';
+    }
+    try {
+      const decodedConfig = decodeURIComponent(configParams);
+      const config = JSON.parse(decodedConfig);
+      if (config?.page?.generation === 'auto') {
+        return 'continue-with-all';
+      }
+      return 'next-three';
+    } catch (error) {
+      console.error('Error parsing configParams:', error);
+      return 'next-three';
+    }
+  };
   const checkQueryParams = () => {
     const {
       description,
@@ -123,7 +163,6 @@ function App() {
     }
     if (description) {
-      console.log("description", description)
       setFormState({
         description: description,
       })
@@ -131,12 +170,9 @@ function App() {
     if (duration && !isNaN(parseInt(duration))) {
       if (["30", "60", "120"].includes(duration)) {
         const durationInt = parseInt(duration)
-        console.log("duration", durationInt)
         setFormState({
           duration: durationInt,
         })
-      } else {
-        console.log("Invalid duration received in params", duration)
       }
     }
@@ -202,13 +238,13 @@ function App() {
         }
       }
-      if (auth.publicToken && !isAuthenticated) {
-        const isPublicTokenValid = await isValidPublicToken(auth.publicToken)
-        if (isPublicTokenValid) {
-          tokenToUse = auth.publicToken
-          isAuthenticated = true
-          tokenType = "public"
-        }
+      if (auth.publicToken) {
+        // const isPublicTokenValid = await isValidPublicToken(auth.publicToken)
+        // if (isPublicTokenValid) {
+        // }
+        tokenToUse = auth.publicToken
+        isAuthenticated = true
+        tokenType = "public"
       }
       if (!isAuthenticated) {
         setShowTurnstileModal(true)
@@ -295,7 +331,7 @@ function App() {
             onFinish={(purpose) => {
               setFormState({
                 purpose: purpose,
-                currentStep: "verifyHuman",
+                currentStep: "duration",
               })
             }}
           />
@@ -314,7 +350,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 30,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 30}
@@ -325,7 +361,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 60,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 60}
@@ -336,7 +372,7 @@ function App() {
               onClick={() => {
                 setFormState({
                   duration: 120,
-                  currentStep: "verifyHuman",
+                  currentStep: "hasContentIndex",
                 })
               }}
               selected={formState.duration === 120}
@@ -344,53 +380,21 @@ function App() {
           </div>
         ),
       },
-      {
-        title: t("stepWizard.verifyHuman"),
-        slug: "verifyHuman",
-        isCompleted: false,
-        required: true,
-        content: (
-          <TurnstileChallenge
-            siteKey={
-              DEV_MODE ? "0x4AAAAAABeKMBYYinMU4Ib0" : "0x4AAAAAABeZ9tjEevGBsJFU"
-            }
-            onSuccess={async (token) => {
-              const { human, message, token: jwtToken } = await isHuman(token)
-              if (human) {
-                toast.success(t("stepWizard.humanSuccess"))
-                console.log("JWT TOKEN received", jwtToken)
-                setAuth({
-                  ...auth,
-                  publicToken: jwtToken,
-                })
-                setFormState({
-                  currentStep: "hasContentIndex",
-                })
-              } else {
-                toast.error(message)
-                setFormState({
-                  currentStep: "duration",
-                })
-              }
-            }}
-            onError={() => {
-              toast.error(t("turnstileModal.error"), {
-                duration: 10000,
-              })
-              setFormState({
-                currentStep: "duration",
-              })
-            }}
-          />
-        ),
-      },
       {
         title: t("stepWizard.hasContentIndex"),
         slug: "hasContentIndex",
         isCompleted: false,
         content: (
           <>
+            {!auth.publicToken && (
+              <PassphraseValidator onSuccess={(res) => {
+                console.log("RES FROM RIGO", res.public_access_token)
+                setAuth({
+                  ...auth,
+                  publicToken: res.public_access_token,
+                })
+              }} />
+            )}
             <div className="flex flex-col md:flex-row gap-2 justify-center">
               <SelectableCard
                 title={t("stepWizard.hasContentIndexCard.no")}
@@ -405,7 +409,7 @@ function App() {
                     isCompleted: true,
                   })
                 }}
-                // selected={formState.hasContentIndex === false}
+              // selected={formState.hasContentIndex === false}
               />
               <SelectableCard
                 title={t("stepWizard.hasContentIndexCard.yes")}
@@ -416,7 +420,7 @@ function App() {
                     variables: [...formState.variables, "contentIndex"],
                   })
                 }}
-                // selected={formState.hasContentIndex === true}
+              // selected={formState.hasContentIndex === true}
               />
             </div>
           </>
@@ -485,9 +489,11 @@ function App() {
                 push({
                   lessons,
+                  generationMode: getGenerationMode() as "next-three" | "continue-with-all",
                   courseInfo: {
                     ...formState,
                     title: res.parsed.title,
                     slug: slugify(fixTitleLength(res.parsed.title)),
                     description: res.parsed.description,
                     language:

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

@@ -0,0 +1,47 @@
+import React, { useEffect } from 'react';
+import { RIGOBOT_HOST } from '../utils/constants';
+interface PassphraseValidatorProps {
+  onSuccess?: (response: any) => void;
+  onError?: (error: any) => void;
+}
+const PassphraseValidator: React.FC<PassphraseValidatorProps> = ({
+  onSuccess,
+  onError
+}) => {
+  useEffect(() => {
+    const validatePassphrase = async () => {
+      try {
+        const response = await fetch(`${RIGOBOT_HOST}/v1/auth/public/token`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({
+            passphrase: 'bm29vnv4h43n'
+          })
+        });
+        const data = await response.json();
+        if (response.ok) {
+          onSuccess?.(data);
+        } else {
+          onError?.(data);
+        }
+      } catch (error) {
+        onError?.(error);
+      }
+    };
+    validatePassphrase();
+  }, [onSuccess, onError]);
+  return (
+    <div>
+    </div>
+  );
+};
+export default PassphraseValidator;

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

@@ -14,6 +14,7 @@ import {
   useConsumableCall,
   isValidRigoToken,
   isValidPublicToken,
+  getMyPackages,
 } from "../../utils/lib"
 import Loader from "../Loader"
@@ -74,7 +75,7 @@ const SyllabusEditor: React.FC = () => {
   }, [syllabus, navigate])
   useEffect(() => {
-    ;(async () => {
+    ; (async () => {
       const { token } = checkParams(["token"])
       if (token) {
         const user = await loginWithToken(token)
@@ -92,6 +93,25 @@ const SyllabusEditor: React.FC = () => {
     checkSlug()
   }, [])
+  const checkMyPackages = async () => {
+    if (auth.rigoToken) {
+      const packages = await getMyPackages(auth.rigoToken)
+      if (Array.isArray(packages) && packages.length === 0) {
+        push({
+          ...syllabus,
+          generationMode: "continue-with-all",
+        })
+      }
+    }
+  }
+  useEffect(() => {
+    if (auth.rigoToken) {
+      checkMyPackages()
+    }
+  }, [auth])
   const checkSlug = async () => {
     if (!syllabus.courseInfo.title) {
       toast.error("Please provide a title for the course")