@learnpack/learnpack 5.0.71 → 5.0.75

package/src/creator/src/utils/lib.ts

@@ -1,5 +1,5 @@
 import axios from "axios"
-import { BREATHECODE_HOST } from "./constants"
+import { BREATHECODE_HOST, RIGOBOT_HOST } from "./constants"
 
 type ParsedLesson = {
   id: string
@@ -26,7 +26,7 @@ export function parseLesson(input: string): ParsedLesson | null {
   }
 }
 
-// export const CREATOR_API_URL = "http://localhost:3000"
+export const CREATOR_API_URL = "http://localhost:3000"
 
 export const uploadFileToBucket = async (content: string, path: string) => {
   const response = await axios.post(`/upload`, {
@@ -35,6 +35,13 @@ export const uploadFileToBucket = async (content: string, path: string) => {
   })
   return response.data
 }
+export const uploadImageToBucket = async (imageUrl: string, path: string) => {
+  const response = await axios.post(`/upload-image`, {
+    image_url: imageUrl,
+    destination: path,
+  })
+  return response.data
+}
 
 export const checkParams = () => {
   const urlParams = new URLSearchParams(window.location.search)
@@ -120,3 +127,150 @@ export const parseConsumables = (
 
   return result
 }
+
+type LoginInfo = {
+  email: string
+  password: string
+}
+
+export const getRigobotJSON = async (breathecodeToken: string) => {
+  const rigoUrl = `${RIGOBOT_HOST}/v1/auth/me/token?breathecode_token=${breathecodeToken}`
+  const rigoResp = await fetch(rigoUrl)
+  if (!rigoResp.ok) {
+    throw new Error("Unable to obtain Rigobot token")
+  }
+  const rigobotJson = await rigoResp.json()
+  return rigobotJson
+}
+export const validateUser = async (breathecodeToken: string) => {
+  const config = {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Token ${breathecodeToken}`,
+    },
+  }
+
+  const res = await fetch(`${BREATHECODE_HOST}/v1/auth/user/me`, config)
+  if (!res.ok) {
+    console.log("ERROR", res)
+    return null
+  }
+  const json = await res.json()
+
+  if ("roles" in json) {
+    delete json.roles
+  }
+  if ("permissions" in json) {
+    delete json.permissions
+  }
+  if ("settings" in json) {
+    delete json.settings
+  }
+
+  return json
+}
+
+export const login4Geeks = async (loginInfo: LoginInfo) => {
+  const url = `${BREATHECODE_HOST}/v1/auth/login/`
+
+  const res = await fetch(url, {
+    body: JSON.stringify(loginInfo),
+    method: "post",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  })
+
+  if (!res.ok) {
+    throw Error("Unable to login with provided credentials")
+  }
+
+  const json = await res.json()
+
+  const rigoJson = await getRigobotJSON(json.token)
+
+  const user = await validateUser(json.token)
+  const returns = { ...json, rigobot: { ...rigoJson }, user }
+
+  return returns
+}
+
+export const loginWithToken = async (token: string) => {
+  const rigoJson = await getRigobotJSON(token)
+
+  const user = await validateUser(token)
+
+  const returns = { rigobot: { ...rigoJson }, ...user }
+
+  return returns
+}
+
+export const validateTokens = async (breathecodeToken: string) => {
+  const user = await validateUser(breathecodeToken)
+  console.log("USER", user)
+  if (!user) {
+    return false
+  }
+
+  const rigobotJson = await getRigobotJSON(breathecodeToken)
+  console.log("RIGOBOT", rigobotJson)
+
+  return true
+}
+
+export function extractImagesFromMarkdown(markdown: string) {
+  const imageRegex = /!\[([^\]]*)]\(([^)]+)\)/g
+  const images = []
+  let match
+
+  while ((match = imageRegex.exec(markdown)) !== null) {
+    const altText = match[1]
+    const url = match[2]
+    images.push({ alt: altText, url: url })
+  }
+
+  return images
+}
+
+export function getFilenameFromUrl(url: string): string {
+  try {
+    // 1) Use the URL constructor to strip off protocol/host/search/hash
+    const pathname = new URL(url, location.href).pathname
+    // 2) Grab everything after the last “/”
+    return pathname.substring(pathname.lastIndexOf("/") + 1)
+  } catch {
+    // Fallback for non-absolute URLs or invalid inputs
+    const clean = url.split("?")[0].split("#")[0]
+    return clean.substring(clean.lastIndexOf("/") + 1)
+  }
+}
+
+type TGenerateImageParams = {
+  prompt: string
+}
+
+export const generateImage = async (
+  token: string,
+  { prompt }: TGenerateImageParams
+) => {
+  try {
+    const response = await axios.post(
+      `${RIGOBOT_HOST}/v1/learnpack/tools/images`,
+      {
+        prompt,
+      },
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "Token " + token,
+        },
+      }
+    )
+
+    return response.data
+  } catch (error) {
+    console.error("Error generating image:", error)
+    return null
+  }
+}

package/src/creator/src/utils/rigo.ts

@@ -10,11 +10,11 @@ type TInteractiveCreationInputs = {
   prevInteractions: string
 }
 export const interactiveCreation = async (
-  token: string,
+  // token: string,
   inputs: TInteractiveCreationInputs
 ) => {
   const response = await axios.post(
-    `${RIGOBOT_HOST}/v1/prompting/completion/390/`,
+    `${RIGOBOT_HOST}/v1/prompting/public/completion/390/`,
     {
       inputs: inputs,
       include_purpose_objective: false,
@@ -23,7 +23,7 @@ export const interactiveCreation = async (
     {
       headers: {
         "Content-Type": "application/json",
-        Authorization: "Token " + token,
+        // Authorization: "Token " + token,
       },
     }
   )

package/src/creator/src/utils/store.ts

@@ -64,7 +64,6 @@ const useStore = create<Store>()(
         variables: [
           "description",
           "duration",
-          "login",
           "targetAudience",
           "hasContentIndex",
         ],

package/src/creatorDist/assets/{index-k_eF99Sf.css → index-BJ2JJzVC.css}

@@ -57,7 +57,6 @@
     --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-sky-500: oklch(68.5% 0.169 237.323);
     --color-sky-600: oklch(58.8% 0.158 241.966);
     --color-blue-50: oklch(97% 0.014 254.604);
@@ -78,6 +77,7 @@
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-gray-900: oklch(21% 0.034 264.665);
+    --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
@@ -371,6 +371,9 @@
   .relative {
     position: relative;
   }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
   .-top-1 {
     top: calc(var(--spacing) * -1);
   }
@@ -419,6 +422,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-1000 {
+    z-index: 1000;
+  }
   .container {
     width: 100%;
   }
@@ -453,9 +459,6 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
-  .mx-auto {
-    margin-inline: auto;
-  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -468,9 +471,6 @@
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
-  .mt-10 {
-    margin-top: calc(var(--spacing) * 10);
-  }
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -519,8 +519,8 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
-  .h-50 {
-    height: calc(var(--spacing) * 50);
+  .h-60 {
+    height: calc(var(--spacing) * 60);
   }
   .h-\[85\%\] {
     height: 85%;
@@ -537,6 +537,9 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .min-h-\[70vh\] {
+    min-height: 70vh;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -718,6 +721,18 @@
   .border-transparent {
     border-color: #0000;
   }
+  .bg-black\/50 {
+    background-color: #00000080;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/50 {
+      background-color: color-mix(
+        in oklab,
+        var(--color-black) 50%,
+        transparent
+      );
+    }
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -745,9 +760,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));
@@ -906,6 +918,17 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color,
+      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
+      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
+      filter, -webkit-backdrop-filter, backdrop-filter;
+    transition-timing-function: var(
+      --tw-ease,
+      var(--default-transition-timing-function)
+    );
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(
@@ -1082,6 +1105,19 @@ h1 {
 .blue-on-hover:hover svg path {
   fill: var(--learnpack-blue);
 }
+.border-learnpack-blue {
+  border-color: var(--learnpack-blue);
+}
+.red-ball {
+  background-color: #eb5757;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  top: -10px;
+  left: 10px;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;