@learnpack/learnpack 5.0.156 → 5.0.160

package/src/commands/serve.ts

@@ -1,4 +1,5 @@
 import { flags } from "@oclif/command"
+// import multer from "multer"
 // import * as ytdl from "ytdl-core"
 import { YoutubeTranscript } from "youtube-transcript"
 import * as express from "express"
@@ -24,6 +25,7 @@ import {
   readmeCreator,
   makeReadmeReadable,
   generateImage,
+  isPackageAuthor,
 } from "../utils/rigoActions"
 import * as dotenv from "dotenv"
 import {
@@ -34,10 +36,11 @@ import {
 import axios from "axios"
 import * as FormData from "form-data"
 import { RIGOBOT_HOST } from "../utils/api"
-import { minutesToISO8601Duration } from "../utils/misc"
+import { createUploadMiddleware, minutesToISO8601Duration } from "../utils/misc"
 import { buildConfig, ConfigResponse } from "../utils/configBuilder"
 import { checkReadability, slugify } from "../utils/creatorUtilities"
 import { checkAndFixSidebarPure } from "../utils/sidebarGenerator"
+import { handleAssetCreation } from "./publish"
 const frontMatter = require("front-matter")
 
 dotenv.config()
@@ -415,7 +418,7 @@ export default class ServeCommand extends SessionCommand {
 
     app.post(
       "/upload-image",
-      express.json({ limit: 20_000_000 }),
+      express.json({ limit: "10mb" }),
       async (req, res) => {
         const { image_url, destination } = req.body
         if (!image_url || !destination) {
@@ -451,6 +454,99 @@ export default class ServeCommand extends SessionCommand {
       }
     )
 
+    const upload = createUploadMiddleware()
+
+    app.post("/upload-image-file", upload.single("file"), async (req, res) => {
+      console.log("UPLOADING IMAGE FILE")
+
+      const destination = (req.body as { destination?: string }).destination
+
+      // eslint-disable-next-line
+      // @ts-ignore
+      if (!req.file || !destination) {
+        return res
+          .status(400)
+          .json({ error: "File and destination are required" })
+      }
+
+      try {
+        // eslint-disable-next-line
+        // @ts-ignore
+        const fileData = req.file.buffer
+
+        const file = bucket.file(destination)
+        await file.save(fileData, {
+          resumable: false,
+          // eslint-disable-next-line
+          // @ts-ignore
+          contentType: req.file.mimetype,
+        })
+
+        console.log(`✅ Image uploaded to ${file.name}`)
+        res.json({ message: "Image uploaded successfully", path: file.name })
+      } catch (error) {
+        console.error("❌ upload-image-file error:", error)
+        res.status(500).json({ error: (error as Error).message })
+      }
+    })
+
+    app.put(
+      "/upload/preview-image/:slug",
+      createUploadMiddleware().single("file"),
+      async (req, res) => {
+        const { slug } = req.params
+        const rigoToken = req.header("x-rigo-token")
+
+        if (!rigoToken) {
+          return res.status(400).json({
+            error: "Rigo token is required. x-rigo-token header is missing",
+          })
+        }
+
+        const { isAuthor } = await isPackageAuthor(rigoToken, slug)
+
+        if (!isAuthor) {
+          return res.status(403).json({
+            error: "You are not authorized to upload a preview image",
+          })
+        }
+
+        // eslint-disable-next-line
+        // @ts-ignore
+        if (!slug || !req.file) {
+          return res.status(400).json({ error: "Slug and file are required" })
+        }
+
+        try {
+          const filePath = `courses/${slug}/preview.png`
+          const file = bucket.file(filePath)
+
+          // eslint-disable-next-line
+          // @ts-ignore
+          await file.save(req.file.buffer, {
+            resumable: false,
+
+            // eslint-disable-next-line
+            // @ts-ignore
+            contentType: req.file.mimetype,
+          })
+
+          console.log(`✅ Preview image uploaded to ${filePath}`)
+          return res.json({ message: "Preview uploaded", path: filePath })
+        } catch (error) {
+          console.error("❌ Error uploading preview image:", error)
+          return res.status(500).json({ error: (error as Error).message })
+        }
+      }
+    )
+
+    app.get("/check-preview-image/:slug", async (req, res) => {
+      const { slug } = req.params
+      const file = bucket.file(`courses/${slug}/preview.png`)
+      const [exists] = await file.exists()
+      res.json({ exists, file: file.name })
+    })
+
     app.get("/create", (req, res) => {
       console.log("GET /create")
       res.redirect("/creator/")
@@ -992,14 +1088,11 @@ export default class ServeCommand extends SessionCommand {
             }
           )
 
-          // 11) Crear/actualizar asset en Breathecode
-          // await handleAssetCreation(
-          //   { token: bcToken, rigobot: { key: rigoToken }, id: 0 },
-          //   { id: academyId } as any,
-          //   config,
-          //   rigoRes.data.url,
-          //   categoryId
-          // )
+          await handleAssetCreation(
+            { token: bcToken, rigobotToken: rigoToken },
+            config,
+            rigoRes.data.url
+          )
 
           rimraf.sync(tmpRoot)
           console.log("RIGO RES", rigoRes.data)

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

@@ -20,7 +20,6 @@ import { ContentIndex } from "./ContentIndex"
 import { Sidebar } from "./Sidebar"
 import Login from "../Login"
 import { useNavigate } from "react-router"
-import PreviewGenerator from "../PreviewGenerator"
 import { ParamsChecker } from "../ParamsChecker"
 import { slugify } from "../../utils/creatorUtils"
 import { RIGO_FLOAT_GIT } from "../../utils/constants"
@@ -177,7 +176,6 @@ const SyllabusEditor: React.FC = () => {
         text="Learnpack is setting up your tutorial.
 It may take a moment..."
       />
-      <PreviewGenerator />
     </>
   ) : (
     <div className="flex w-full bg-white rounded-md shadow-md overflow-hidden h-screen ">

package/src/creator/src/main.tsx

@@ -5,7 +5,6 @@ import "./index.css"
 import App from "./App.tsx"
 import SyllabusEditor from "./components/syllabus/SyllabusEditor.tsx"
 import { Toaster } from "react-hot-toast"
-import PreviewGenerator from "./components/PreviewGenerator.tsx"
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <Toaster />
@@ -13,7 +12,6 @@ createRoot(document.getElementById("root")!).render(
       <Routes>
         <Route path="/creator" element={<App />} />
         <Route path="/creator/syllabus" element={<SyllabusEditor />} />
-        <Route path="/creator/image" element={<PreviewGenerator />} />
       </Routes>
     </BrowserRouter>
   </StrictMode>