@@ -62,7 +65,7 @@ const { expectedOutput } = Astro.props
$
cargo
- run
+ {isTestMode ? "test" : "run"}
@@ -119,7 +122,13 @@ class TerminalOutput extends HTMLElement {
this.clear();
this.ui.stdin.focus();
- rustPlayground.execute(editorCode.get(), this.handleOutput, this.handleComplete);
+ const testCode = this.dataset.testCode;
+ if (testCode) {
+ const fullCode = editorCode.get() + "\n" + testCode;
+ rustPlayground.execute(fullCode, this.handleOutput, this.handleComplete, { tests: true });
+ } else {
+ rustPlayground.execute(editorCode.get(), this.handleOutput, this.handleComplete);
+ }
}
private handleOutput = (stderr: string, stdout: string) => {
@@ -132,7 +141,9 @@ class TerminalOutput extends HTMLElement {
if (stdout) {
this.state.output = stdout;
- this.ui.stdout.textContent = stdout;
+ this.ui.stdout.innerHTML = this.dataset.testCode
+ ? this.formatTestOutput(stdout)
+ : stdout;
}
if (wasAtBottom) {
@@ -140,10 +151,39 @@ class TerminalOutput extends HTMLElement {
}
}
+ private formatTestOutput(output: string): string {
+ return output
+ .split("\n")
+ .map(line => {
+ if (line.includes("... ok")) {
+ return `
${line}`
+ }
+ if (line.includes("... FAILED") || line.includes("FAILED")) {
+ return `
${line}`
+ }
+ if (line.startsWith("test result:")) {
+ const passed = line.includes("FAILED")
+ return `
${line}`
+ }
+ return `
${line}`
+ })
+ .join("\n")
+ }
+
private handleComplete = async (success: boolean) => {
this.setRunning(false);
+ const isTestMode = !!this.dataset.testCode;
const slug = document.querySelector
("[data-slug]")?.dataset.slug;
+
+ if (isTestMode) {
+ if (success && slug) {
+ await db.markCompleted(slug);
+ window.dispatchEvent(new CustomEvent("lesson:completed"));
+ }
+ return;
+ }
+
const expected = this.dataset.expected?.trim();
const actual = this.state.output.trim();
const outputMatches = !expected || expected === actual;
@@ -158,7 +198,7 @@ class TerminalOutput extends HTMLElement {
}
}
- private showMismatch(expected: string, actual: string) {
+ private showMismatch(expected: string, _actual: string) {
const mismatchDiv = document.createElement('div');
mismatchDiv.innerHTML = `
error: La salida no coincide con lo esperado
Esperaba: ${expected}
`;
From a88e2da47e4b55afb8507867c6b5e8013c0741cf Mon Sep 17 00:00:00 2001
From: wilovy
Date: Tue, 3 Mar 2026 22:35:20 -0600
Subject: [PATCH 015/125] feat(content): support test code and lesson meta
parsing
---
src/content-manager.ts | 19 +++++++++++++++++--
1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/src/content-manager.ts b/src/content-manager.ts
index 6eea268..685eba0 100644
--- a/src/content-manager.ts
+++ b/src/content-manager.ts
@@ -4,6 +4,7 @@ type ContentFrontmatter = {
editor: boolean
code?: string
expectedOutput?: string
+ testCode?: string
}
type ContentHeading = {
@@ -16,6 +17,8 @@ type ContentMeta = {
id: number
slug: string
title: string
+ major: number
+ minor: number
}
interface RawContent {
@@ -29,16 +32,28 @@ export type Content = Omit & {
meta: ContentMeta
}
+function parseId(id: string): number {
+ const parts = id.split("-").map(Number)
+ return parts[0] * 1000 + (parts[1] ?? 0)
+}
+
function extractMetadata(filepath: string) {
const filename =
filepath
.split("/")
.pop()
?.replace(/\.mdx?$/, "") ?? ""
- const [, id, slug] = filename.match(/^(\d+)\.(.+)$/) ?? []
+ const [, id, slug] = filename.match(/^([\d-]+)\.(.+)$/) ?? []
const title = slug?.replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()) ?? ""
+ const parts = (id ?? "0").split("-").map(Number)
- return { id: Number(id), slug, title }
+ return {
+ id: parseId(id ?? "0"),
+ slug,
+ title,
+ major: parts[0] ?? 0,
+ minor: parts[1] ?? 0,
+ }
}
const files = import.meta.glob("./content/*.{md,mdx}", { eager: true })
From ad13bc4eb94e8115528ba55e5f3c808b68b29cb8 Mon Sep 17 00:00:00 2001
From: wilovy
Date: Tue, 3 Mar 2026 22:35:20 -0600
Subject: [PATCH 016/125] feat(sidebar): add hierarchical navigation and
progress lock logic
---
src/components/sidebar/Sidebar.astro | 123 ++++++++++++++++++++++++++-
1 file changed, 120 insertions(+), 3 deletions(-)
diff --git a/src/components/sidebar/Sidebar.astro b/src/components/sidebar/Sidebar.astro
index 0df7444..faa84fb 100644
--- a/src/components/sidebar/Sidebar.astro
+++ b/src/components/sidebar/Sidebar.astro
@@ -1,11 +1,12 @@
---
import { Image } from "astro:assets"
import IconX from "~icons/tabler/x"
-
+import IconLeft from "~icons/tabler/arrow-big-left-lines-filled"
export interface SidebarItem {
label: string
href?: string
icon?: string
+ children?: SidebarItem[]
}
interface Props {
@@ -14,9 +15,11 @@ interface Props {
position?: "left" | "right"
id?: string
logo?: ImageMetadata
+ backHref?: string
+ backLabel?: string
}
-const { title = "Menú", items = [], position = "left", id = "sidebar", logo } = Astro.props
+const { title = "Menú", items = [], position = "left", id = "sidebar", logo, backHref, backLabel = "Volver" } = Astro.props
---