@learnpack/learnpack 5.0.70 → 5.0.72

package/README.md

@@ -21,7 +21,7 @@ $ npm install -g @learnpack/learnpack
 $ learnpack COMMAND
 running command...
 $ learnpack (-v|--version|version)
-@learnpack/learnpack/5.0.70 win32-x64 node-v22.14.0
+@learnpack/learnpack/5.0.72 win32-x64 node-v22.15.0
 $ learnpack --help [COMMAND]
 USAGE
   $ learnpack COMMAND
@@ -80,7 +80,7 @@ DESCRIPTION
        12. If there is a file within the exercises folder but not inside of any particular exercise's folder. (Warning)
 ```
 
-_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\audit.ts)_
+_See code: [src\commands\audit.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\audit.ts)_
 
 ## `learnpack breakToken`
 
@@ -95,7 +95,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\breakToken.ts)_
+_See code: [src\commands\breakToken.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\breakToken.ts)_
 
 ## `learnpack clean`
 
@@ -110,7 +110,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\clean.ts)_
+_See code: [src\commands\clean.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\clean.ts)_
 
 ## `learnpack download [PACKAGE]`
 
@@ -128,7 +128,7 @@ DESCRIPTION
   Extra documentation goes here
 ```
 
-_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\download.ts)_
+_See code: [src\commands\download.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\download.ts)_
 
 ## `learnpack help [COMMAND]`
 
@@ -160,7 +160,7 @@ OPTIONS
   -y, --yes      Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\init.ts)_
+_See code: [src\commands\init.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\init.ts)_
 
 ## `learnpack login [PACKAGE]`
 
@@ -178,7 +178,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\login.ts)_
+_See code: [src\commands\login.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\login.ts)_
 
 ## `learnpack logout [PACKAGE]`
 
@@ -196,7 +196,7 @@ DESCRIPTION
      Extra documentation goes here
 ```
 
-_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\logout.ts)_
+_See code: [src\commands\logout.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\logout.ts)_
 
 ## `learnpack plugins`
 
@@ -328,7 +328,7 @@ OPTIONS
   -s, --strict  strict mode
 ```
 
-_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\publish.ts)_
+_See code: [src\commands\publish.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\publish.ts)_
 
 ## `learnpack serve`
 
@@ -345,7 +345,7 @@ OPTIONS
   -y, --yes        Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\serve.ts)_
+_See code: [src\commands\serve.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\serve.ts)_
 
 ## `learnpack start`
 
@@ -367,7 +367,7 @@ OPTIONS
   -y, --yes                           Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\start.ts)_
+_See code: [src\commands\start.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\start.ts)_
 
 ## `learnpack test [EXERCISESLUG]`
 
@@ -384,7 +384,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\test.ts)_
+_See code: [src\commands\test.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\test.ts)_
 
 ## `learnpack translate`
 
@@ -398,7 +398,7 @@ OPTIONS
   -y, --yes  Skip all prompts and initialize an empty project
 ```
 
-_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.70/src\commands\translate.ts)_
+_See code: [src\commands\translate.ts](https://github.com/learnpack/learnpack-cli/blob/v5.0.72/src\commands\translate.ts)_
 <!-- commandsstop -->
 
 > > > > > > > 0cb3e56d84c197f9d008836bb573eade212b7e57

package/lib/commands/init.js

@@ -167,7 +167,7 @@ const handleAILogic = async (tutorialDir, packageInfo) => {
         await api_1.default.validateToken(sessionPayload.token) :
         false;
     if (!sessionExists || !isValidBreathecodeToken || !isValidToken) {
-        console_1.default.info("Almost there! First you need to login with 4Geeks.com to use AI Generation tool for creators. You can create a new account here: https://4geeks.com/creators");
+        console_1.default.info("Almost there! First you need to login with 4Geeks.com to use AI Generation tool for creators. You can create a new account here: https://4geeks.com/checkout?plan=4geeks-creator");
         try {
             sessionPayload = await session_1.default.login();
         }

package/lib/commands/serve.js

@@ -27,7 +27,7 @@ class ServeCommand extends SessionCommand_1.default {
         const bucketStorage = new storage_1.Storage({
             credentials,
         });
-        const bucket = bucketStorage.bucket(process.env.GCP_BUCKET_NAME || "learnpack-creator");
+        const bucket = bucketStorage.bucket(process.env.GCP_BUCKET_NAME || "learnpack-packages");
         async function listFilesWithPrefix(prefix) {
             const [files] = await bucket.getFiles({ prefix });
             return files;
@@ -76,11 +76,49 @@ class ServeCommand extends SessionCommand_1.default {
             });
             stream.end(buffer);
         });
+        app.post("/upload-image", express.json(), async (req, res) => {
+            const { image_url, destination } = req.body;
+            if (!image_url || !destination) {
+                return res
+                    .status(400)
+                    .json({ error: "image_url and destination are required" });
+            }
+            try {
+                const response = await fetch(image_url);
+                if (!response.ok) {
+                    return res
+                        .status(400)
+                        .json({ error: `Failed to download image: ${response.statusText}` });
+                }
+                const contentType = response.headers.get("content-type") || "application/octet-stream";
+                const buffer = await response.arrayBuffer();
+                const file = bucket.file(destination);
+                await file.save(Buffer.from(buffer), {
+                    resumable: false,
+                    contentType,
+                });
+                console.log(`✅ Image uploaded to ${file.name}`);
+                res.json({ message: "Image uploaded successfully", path: file.name });
+            }
+            catch (error) {
+                console.error("❌ upload-image error:", error);
+                res.status(500).json({ error: error.message });
+            }
+        });
+        app.get("/create", (req, res) => {
+            console.log("GET /create");
+            res.redirect("/creator/");
+        });
         app.get("/", async (req, res) => {
-            // The the ui/_app/index.html
             console.log("GET /");
-            const file = path.resolve(__dirname, "../ui/_app/index.html");
-            res.sendFile(file);
+            const slug = req.query.slug;
+            if (slug) {
+                const file = path.resolve(__dirname, "../ui/_app/index.html");
+                res.sendFile(file);
+            }
+            else {
+                res.redirect("https://learnpack.co");
+            }
         });
         app.get("/config", async (req, res) => {
             const courseSlug = req.query.slug;
@@ -149,6 +187,24 @@ class ServeCommand extends SessionCommand_1.default {
             const { attributes, body } = frontMatter(contentBuffer[0].toString());
             res.send({ attributes, body });
         });
+        app.get("/.learn/assets/:file", async (req, res) => {
+            console.log("GET /.learn/assets/:file", req.params.file);
+            const { file } = req.params;
+            const courseSlug = req.query.slug;
+            if (!courseSlug) {
+                return res.status(400).send("Course slug is required");
+            }
+            const filePath = `courses/${courseSlug}/.learn/assets/${file}`;
+            const fileRef = bucket.file(filePath);
+            const [exists] = await fileRef.exists();
+            if (!exists) {
+                return res.status(404).send("File not found");
+            }
+            const fileStream = fileRef.createReadStream();
+            res.set("Content-Type", "application/octet-stream");
+            res.set("Content-Disposition", `attachment; filename="${file}"`);
+            fileStream.pipe(res);
+        });
         app.put("/exercise/:slug/file/:fileName", express.text(), async (req, res) => {
             const { slug, fileName } = req.params;
             const query = req.query;

package/lib/creatorDist/assets/{index-Dqo9u2iR.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;
@@ -86,8 +86,6 @@
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-medium: 500;
@@ -373,6 +371,9 @@
   .relative {
     position: relative;
   }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
   .-top-1 {
     top: calc(var(--spacing) * -1);
   }
@@ -421,6 +422,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-1000 {
+    z-index: 1000;
+  }
   .container {
     width: 100%;
   }
@@ -455,9 +459,6 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
-  .mx-auto {
-    margin-inline: auto;
-  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -470,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);
   }
@@ -521,8 +519,11 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
-  .h-\[70\%\] {
-    height: 70%;
+  .h-60 {
+    height: calc(var(--spacing) * 60);
+  }
+  .h-\[85\%\] {
+    height: 85%;
   }
   .h-full {
     height: 100%;
@@ -530,12 +531,15 @@
   .h-screen {
     height: 100vh;
   }
-  .max-h-\[70vh\] {
-    max-height: 70vh;
+  .max-h-\[80vh\] {
+    max-height: 80vh;
   }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .min-h-\[70vh\] {
+    min-height: 70vh;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -717,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);
   }
@@ -744,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));
@@ -829,10 +842,6 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -897,12 +906,6 @@
   .opacity-30 {
     opacity: 0.3;
   }
-  .shadow {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
-      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
-      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
       0 2px 4px -2px var(--tw-shadow-color, #0000001a);
@@ -915,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(
@@ -1091,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;