@learnpack/learnpack 5.0.316 → 5.0.318

package/lib/commands/serve.js

@@ -71,24 +71,37 @@ const PARAMS = {
     max_rewrite_attempts: 2,
     max_title_length: 50,
 };
+// Fetch YouTube transcript via TranscriptAPI
+async function fetchYouTubeTranscript(videoUrl, apiKey) {
+    const trRes = await axios_1.default.get("https://transcriptapi.com/api/v2/youtube/transcript", {
+        params: {
+            video_url: videoUrl,
+            format: "text",
+            include_timestamp: false,
+            send_metadata: false,
+        },
+        headers: { Authorization: `Bearer ${apiKey}` },
+    });
+    return { transcript: trRes.data.transcript, language: trRes.data.language };
+}
 async function fetchComponentsYml() {
     try {
         const [assessmentResponse, explanatoryResponse] = await Promise.all([
             axios_1.default.get("https://raw.githubusercontent.com/learnpack/ide/refs/heads/master/docs/assessment_components.yml"),
             axios_1.default.get("https://raw.githubusercontent.com/learnpack/ide/refs/heads/master/docs/explanatory_components.yml"),
         ]);
-        const combinedContent = `
-# ASSESSMENT COMPONENTS
-These components are designed for evaluation and knowledge assessment:
-
-${assessmentResponse.data}
-
----
-
-# EXPLANATORY COMPONENTS  
-These components are designed for explanation and learning support:
-
-${explanatoryResponse.data}
+        const combinedContent = `
+# ASSESSMENT COMPONENTS
+These components are designed for evaluation and knowledge assessment:
+
+${assessmentResponse.data}
+
+---
+
+# EXPLANATORY COMPONENTS  
+These components are designed for explanation and learning support:
+
+${explanatoryResponse.data}
 `;
         return combinedContent;
     }
@@ -122,10 +135,10 @@ const createInitialSidebar = async (slugs, initialLanguage = "en") => {
     return sidebar;
 };
 const uploadInitialReadme = async (bucket, exSlug, targetDir, packageContext) => {
-    const isGeneratingText = `
-  \`\`\`loader slug="${exSlug}"
-  :rigo
-  \`\`\`
+    const isGeneratingText = `
+  \`\`\`loader slug="${exSlug}"
+  :rigo
+  \`\`\`
       `;
     const readmeFilename = `README${(0, creatorUtilities_1.getReadmeExtension)(packageContext.language || "en")}`;
     await uploadFileToBucket(bucket, isGeneratingText, `${targetDir}/${readmeFilename}`);
@@ -1880,6 +1893,7 @@ class ServeCommand extends SessionCommand_1.default {
         });
         const YT_REGEX = /(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]{11})/;
         app.get("/actions/fetch/:link", async (req, res) => {
+            var _a, _b, _c;
             const { link } = req.params;
             console.log("[DEBUG] FETCHING LINK", link);
             try {
@@ -1888,16 +1902,53 @@ class ServeCommand extends SessionCommand_1.default {
                 const ytMatch = decoded.match(YT_REGEX);
                 console.log("[DEBUG] YT MATCH", ytMatch);
                 if (ytMatch) {
-                    const videoId = ytMatch[1];
-                    const resFromRigo = await axios_1.default.get(`${api_1.RIGOBOT_REALTIME_HOST}/actions/youtube-transcript/${videoId}`);
-                    console.log("[DEBUG] RES FROM RIGO", resFromRigo.data);
-                    const transcript = resFromRigo.data.transcript;
-                    return res.json({
-                        url: decoded,
-                        title: resFromRigo.data.title || null,
-                        author: resFromRigo.data.author || null,
-                        transcript,
-                    });
+                    const TRANSCRIPTAPI_KEY = process.env.TRANSCRIPTAPI_KEY;
+                    if (!TRANSCRIPTAPI_KEY) {
+                        console.error("TRANSCRIPTAPI_KEY not configured");
+                        return res
+                            .status(500)
+                            .json({ error: "Service configuration error" });
+                    }
+                    try {
+                        const { transcript, language } = await fetchYouTubeTranscript(decoded, TRANSCRIPTAPI_KEY);
+                        return res.json({ url: decoded, transcript, language });
+                    }
+                    catch (error) {
+                        if (error.response) {
+                            const status = error.response.status;
+                            const retryAfter = (_a = error.response.headers) === null || _a === void 0 ? void 0 : _a["retry-after"];
+                            if (status === 402) {
+                                return res.status(500).json({
+                                    error: "Service temporarily unavailable. Please try again later.",
+                                });
+                            }
+                            if (status === 404) {
+                                return res.status(404).json({
+                                    error: "Transcript not available for this video",
+                                    code: "transcript_not_found",
+                                });
+                            }
+                            if (status === 429) {
+                                return res.status(429).json({
+                                    error: "Too many requests. Please try again later.",
+                                    retryAfter: retryAfter ? parseInt(retryAfter) : 60,
+                                });
+                            }
+                            if (status === 401) {
+                                console.error("Invalid TranscriptAPI key");
+                                return res
+                                    .status(500)
+                                    .json({ error: "Service configuration error" });
+                            }
+                            console.error("TranscriptAPI error:", error.response.data);
+                            return res.status(status).json({
+                                error: "Failed to fetch transcript",
+                                details: ((_b = error.response.data) === null || _b === void 0 ? void 0 : _b.detail) || ((_c = error.response.data) === null || _c === void 0 ? void 0 : _c.message),
+                            });
+                        }
+                        console.error("Error calling TranscriptAPI:", error);
+                        return res.status(500).json({ error: "Internal server error" });
+                    }
                 }
                 const response = await axios_1.default.get(decoded, { responseType: "text" });
                 const html = response.data;

package/lib/creatorDist/assets/{index-D4SYZg0r.css → index-CjddKHB_.css}

@@ -538,6 +538,9 @@
   .hidden {
     display: none;
   }
+  .inline-flex {
+    display: inline-flex;
+  }
   .table {
     display: table;
   }
@@ -695,6 +698,9 @@
   .resize {
     resize: both;
   }
+  .list-disc {
+    list-style-type: disc;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -959,6 +965,9 @@
   .py-1 {
     padding-block: calc(var(--spacing) * 1);
   }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -974,6 +983,9 @@
   .pb-32 {
     padding-bottom: calc(var(--spacing) * 32);
   }
+  .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
   .text-center {
     text-align: center;
   }