@icarusmx/creta 1.0.19 → 1.0.20

package/bin/creta.js

@@ -768,21 +768,7 @@ async function startEnunciadosSelectorInteractive() {
   }
 
   console.log("Los enunciados fundamentales son un conjunto de afirmaciones que tienen el propósito de ejercitar el pensamiento orientado a objetos de los estudiantes de Creta. Escogimos estos enunciados porque creemos que exhaustan los conceptos mínimos necesarios para entender el paradigma de la programación orientada a objetos.")
-
-  // Wait for user to press Enter before showing the list
-  const rl = createInterface({
-    input: process.stdin,
-    output: process.stdout
-  })
-
-  await new Promise((resolve) => {
-    rl.question("\nPresiona Enter para ver los enunciados...", () => {
-      rl.close()
-      resolve()
-    })
-  })
-
-  console.clear()
+  console.log("")
   console.log("Elige qué enunciado te gustaría explorar:")
   console.log("")
 
@@ -803,6 +789,8 @@ async function startEnunciadosSelectorInteractive() {
     process.stdout.write('\x1b[2J')
     process.stdout.write('\x1b[H')
 
+    console.log("Los enunciados fundamentales son un conjunto de afirmaciones que tienen el propósito de ejercitar el pensamiento orientado a objetos de los estudiantes de Creta. Escogimos estos enunciados porque creemos que exhaustan los conceptos mínimos necesarios para entender el paradigma de la programación orientada a objetos.")
+    console.log("")
     console.log("Elige qué enunciado te gustaría explorar:")
     console.log("")
 
@@ -1001,10 +989,7 @@ async function startEnunciadosSelectorFallback() {
 
   try {
     console.log("Los enunciados fundamentales son un conjunto de afirmaciones que tienen el propósito de ejercitar el pensamiento orientado a objetos de los estudiantes de Creta. Escogimos estos enunciados porque creemos que exhaustan los conceptos mínimos necesarios para entender el paradigma de la programación orientada a objetos.")
-
-    const respuestaEnter = await askQuestion("\nPresiona Enter para ver los enunciados...")
-
-    console.clear()
+    console.log("")
     console.log("Elige qué enunciado te gustaría explorar:")
     console.log("")
 

package/lessons/lesson1-system-decomposition.js

@@ -94,86 +94,84 @@ export class Lesson1SystemDecomposition {
     console.clear()
     console.log("Descomposición en objetos:")
 
-    console.log("\n📄 Clase Book:")
-    console.log("━".repeat(50))
-    console.log("class Book {")
-    console.log("  constructor(title, author, isbn) {")
-    console.log("    this.title = title")
-    console.log("    this.author = author")
-    console.log("    this.isbn = isbn")
-    console.log("    this.isLoaned = false")
-    console.log("  }")
-    console.log("")
-    console.log("  isAvailable() {")
-    console.log("    return !this.isLoaned")
-    console.log("  }")
-    console.log("")
-    console.log("  markAsLoaned() {")
-    console.log("    this.isLoaned = true")
-    console.log("  }")
-    console.log("")
-    console.log("  markAsReturned() {")
-    console.log("    this.isLoaned = false")
-    console.log("  }")
-    console.log("}")
-    console.log("━".repeat(50))
+    const bookCode = `class Book {
+  constructor(title, author, isbn) {
+    this.title = title
+    this.author = author
+    this.isbn = isbn
+    this.isLoaned = false
+  }
+
+  isAvailable() {
+    return !this.isLoaned
+  }
+
+  markAsLoaned() {
+    this.isLoaned = true
+  }
+
+  markAsReturned() {
+    this.isLoaned = false
+  }
+}`
+
+    this.printCodeWithOutline("📄 Clase Book", bookCode)
 
     await this.waitForEnter("\nPresiona Enter para ver User...")
 
-    console.log("\n📄 Clase User:")
-    console.log("━".repeat(50))
-    console.log("class User {")
-    console.log("  constructor(name, email, maxLoans = 3) {")
-    console.log("    this.name = name")
-    console.log("    this.email = email")
-    console.log("    this.maxLoans = maxLoans")
-    console.log("    this.currentLoans = []")
-    console.log("  }")
-    console.log("")
-    console.log("  canBorrow() {")
-    console.log("    return this.currentLoans.length < this.maxLoans")
-    console.log("  }")
-    console.log("")
-    console.log("  addLoan(loan) {")
-    console.log("    this.currentLoans.push(loan)")
-    console.log("  }")
-    console.log("")
-    console.log("  removeLoan(loan) {")
-    console.log("    const index = this.currentLoans.indexOf(loan)")
-    console.log("    if (index > -1) this.currentLoans.splice(index, 1)")
-    console.log("  }")
-    console.log("}")
-    console.log("━".repeat(50))
+    const userCode = `class User {
+  constructor(name, email, maxLoans = 3) {
+    this.name = name
+    this.email = email
+    this.maxLoans = maxLoans
+    this.currentLoans = []
+  }
+
+  canBorrow() {
+    return this.currentLoans.length < this.maxLoans
+  }
+
+  addLoan(loan) {
+    this.currentLoans.push(loan)
+  }
+
+  removeLoan(loan) {
+    const index = this.currentLoans.indexOf(loan)
+    if (index > -1) this.currentLoans.splice(index, 1)
+  }
+}`
+
+    this.printCodeWithOutline("📄 Clase User", userCode)
 
     await this.waitForEnter("\nPresiona Enter para ver Loan...")
 
-    console.log("\n📄 Clase Loan:")
-    console.log("━".repeat(50))
-    console.log("class Loan {")
-    console.log("  constructor(user, book, durationDays = 14) {")
-    console.log("    this.user = user")
-    console.log("    this.book = book")
-    console.log("    this.startDate = new Date()")
-    console.log("    this.dueDate = new Date(Date.now() + durationDays * 24 * 60 * 60 * 1000)")
-    console.log("    this.returned = false")
-    console.log("  }")
-    console.log("")
-    console.log("  isOverdue() {")
-    console.log("    return !this.returned && new Date() > this.dueDate")
-    console.log("  }")
-    console.log("")
-    console.log("  calculateFine() {")
-    console.log("    if (!this.isOverdue()) return 0")
-    console.log("    const daysLate = Math.ceil((new Date() - this.dueDate) / (24 * 60 * 60 * 1000))")
-    console.log("    return daysLate * 5 // $5 por día")
-    console.log("  }")
-    console.log("")
-    console.log("  returnBook() {")
-    console.log("    this.returned = true")
-    console.log("    this.book.markAsReturned()")
-    console.log("    this.user.removeLoan(this)")
-    console.log("  }")
-    console.log("}")
+    const loanCode = `class Loan {
+  constructor(user, book, durationDays = 14) {
+    this.user = user
+    this.book = book
+    this.startDate = new Date()
+    this.dueDate = new Date(Date.now() + durationDays * 24 * 60 * 60 * 1000)
+    this.returned = false
+  }
+
+  isOverdue() {
+    return !this.returned && new Date() > this.dueDate
+  }
+
+  calculateFine() {
+    if (!this.isOverdue()) return 0
+    const daysLate = Math.ceil((new Date() - this.dueDate) / (24 * 60 * 60 * 1000))
+    return daysLate * 5 // $5 por día
+  }
+
+  returnBook() {
+    this.returned = true
+    this.book.markAsReturned()
+    this.user.removeLoan(this)
+  }
+}`
+
+    this.printCodeWithOutline("📄 Clase Loan", loanCode)
 
     await this.waitForEnter("\nPresiona Enter para ver Library...")
 
@@ -268,6 +266,42 @@ export class Lesson1SystemDecomposition {
     await this.waitForEnter("\n✨ ¡Lección 1 completada! Presiona Enter para continuar...")
   }
 
+  formatCode(code) {
+    // ANSI color codes
+    const colors = {
+      keyword: '\x1b[35m',    // magenta for keywords like class, constructor
+      property: '\x1b[32m',   // green for this.property
+      string: '\x1b[33m',     // yellow for strings
+      comment: '\x1b[90m',    // gray for comments
+      reset: '\x1b[0m'        // reset color
+    }
+
+    return code
+      .replace(/\b(class|constructor|return|if|const|let|new)\b/g, `${colors.keyword}$1${colors.reset}`)
+      .replace(/\bthis\./g, `${colors.property}this.${colors.reset}`)
+      .replace(/'([^']*)'/g, `${colors.string}'$1'${colors.reset}`)
+      .replace(/"([^"]*)"/g, `${colors.string}"$1"${colors.reset}`)
+      .replace(/\/\/.*$/gm, `${colors.comment}$&${colors.reset}`)
+  }
+
+  printCodeWithOutline(title, code) {
+    const border = '┌' + '─'.repeat(60) + '┐'
+    const bottomBorder = '└' + '─'.repeat(60) + '┘'
+    const titleLine = `│ ${title}${' '.repeat(60 - title.length - 1)}│`
+
+    console.log(`\n${border}`)
+    console.log(titleLine)
+    console.log('├' + '─'.repeat(60) + '┤')
+
+    code.split('\n').forEach(line => {
+      const formattedLine = this.formatCode(line)
+      const padding = ' '.repeat(Math.max(0, 58 - line.length))
+      console.log(`│ ${formattedLine}${padding}│`)
+    })
+
+    console.log(bottomBorder)
+  }
+
   async waitForEnter(message) {
     return new Promise((resolve) => {
       this.rl.question(message, () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icarusmx/creta",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Salgamos de este laberinto.",
   "type": "module",
   "bin": {