@icarusmx/creta 1.5.3 → 1.5.6

package/bin/creta.js

@@ -9,6 +9,7 @@ import { CretaCodeSession } from '../lib/session.js'
 import { PullRequestTutorial } from '../lib/pr-tutorial.js'
 import { CommandHelpExecutor } from '../lib/executors/CommandHelpExecutor.js'
 import { PapersExecutor } from '../lib/papers/PapersExecutor.js'
+import { ExercisesExecutor } from '../lib/executors/ExercisesExecutor.js'
 import { LessonBuilder } from '../lib/builders/LessonBuilder.js'
 import { LESSON_1_SYSTEM_DECOMPOSITION } from '../lib/data/lessons/lesson1-system-decomposition.js'
 import { LESSON_2_OBJECT_REQUESTS } from '../lib/data/lessons/lesson2-object-requests.js'
@@ -638,7 +639,8 @@ async function startMainMenuInteractive() {
     { id: 1, title: "Aprender sintaxis" },
     { id: 2, title: "Aprender conceptos de diseño" },
     { id: 3, title: "Construir proyectos" },
-    { id: 4, title: "📄 Recrear papers clásicos" }
+    { id: 4, title: "Recrear papers clásicos" },
+    { id: 5, title: "Practicar con ejercicios" }
   ]
 
   let selectedIndex = 0
@@ -711,6 +713,9 @@ Salgamos de este laberinto 🏛️
         } else if (selectedOption.id === 4) {
           const executor = new PapersExecutor()
           executor.execute().then(resolve)
+        } else if (selectedOption.id === 5) {
+          const executor = new ExercisesExecutor()
+          executor.execute().then(resolve)
         }
         return
       }
@@ -747,10 +752,11 @@ async function startMainMenuFallback() {
     console.log("1. Aprender sintaxis")
     console.log("2. Aprender conceptos de diseño")
     console.log("3. Construir proyectos")
-    console.log("4. 📄 Recrear papers clásicos")
+    console.log("4. Recrear papers clásicos")
+    console.log("5. Practicar con ejercicios")
     console.log("")
 
-    const respuesta = await askQuestion("Elige una opción (1-4) o 'q' para salir: ")
+    const respuesta = await askQuestion("Elige una opción (1-5) o 'q' para salir: ")
 
     if (respuesta.toLowerCase() === 'q') {
       console.log("Hecho con <3 por icarus.mx")
@@ -773,8 +779,12 @@ async function startMainMenuFallback() {
       rl.close()
       const executor = new PapersExecutor()
       await executor.execute()
+    } else if (opcionSeleccionada === 5) {
+      rl.close()
+      const executor = new ExercisesExecutor()
+      await executor.execute()
     } else {
-      console.log("❌ Opción no válida. Elige 1, 2, 3 o 4.")
+      console.log("❌ Opción no válida. Elige 1, 2, 3, 4 o 5.")
       rl.close()
     }
 

package/lib/builders/MenuBuilder.js

@@ -53,12 +53,13 @@ export class MenuBuilder {
 
   renderOption(option, isSelected, index) {
     const prefix = isSelected ? '▶ ' : '  '
+    const number = `${index + 1}.`
     const label = option.title || option.label || `Opción ${index + 1}`
 
     if (isSelected) {
-      console.log(`\x1b[36m${prefix}${label}\x1b[0m`)
+      console.log(`\x1b[36m${prefix}${number} ${label}\x1b[0m`)
     } else {
-      console.log(`${prefix}${label}`)
+      console.log(`${prefix}${number} ${label}`)
     }
 
     if (option.description) {
@@ -117,10 +118,28 @@ export class MenuBuilder {
           return
         }
 
-        if (key === '\u001b[A') {
+        // Handle number keys (1-9)
+        const numberMatch = key.match(/^[1-9]$/)
+        if (numberMatch) {
+          const num = parseInt(key, 10)
+          const targetIndex = num - 1
+
+          // Check if the number is within range
+          if (targetIndex >= 0 && targetIndex < this.config.options.length) {
+            const choice = this.config.options[targetIndex]
+            cleanup()
+            resolve(choice)
+            return
+          }
+        }
+
+        // Arrow keys or vim-style navigation
+        if (key === '\u001b[A' || key === 'k') {
+          // Up arrow or 'k'
           selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : this.config.options.length - 1
           render()
-        } else if (key === '\u001b[B') {
+        } else if (key === '\u001b[B' || key === 'j') {
+          // Down arrow or 'j'
           selectedIndex = selectedIndex < this.config.options.length - 1 ? selectedIndex + 1 : 0
           render()
         }

package/lib/executors/ExercisesExecutor.js

@@ -0,0 +1,271 @@
+import { createInterface } from 'readline'
+import { execSync } from 'child_process'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import fs from 'fs'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+export class ExercisesExecutor {
+  constructor() {
+    this.exercises = [
+      {
+        id: 1,
+        title: "Array & Object Manipulation Warmups",
+        description: "JavaScript fundamentals with LazyVim tips",
+        file: "array-object-manipulation.md",
+        lines: 1282,
+        topics: ["JavaScript", "Arrays", "Objects", "LazyVim"]
+      },
+      {
+        id: 2,
+        title: "Git Stash Workflow",
+        description: "Wrong branch recovery patterns",
+        file: "git-stash-workflow.md",
+        lines: 427,
+        topics: ["Git", "Stash", "Branching", "Workflow"]
+      },
+      {
+        id: 3,
+        title: "Railway Deployment Guide",
+        description: "Deploy Node.js apps with Railway CLI",
+        file: "railway-deployment.md",
+        lines: 500,
+        topics: ["Railway", "Deployment", "Node.js", "DevOps"]
+      }
+    ]
+  }
+
+  async execute() {
+    // Check if setRawMode is available
+    if (typeof process.stdin.setRawMode === 'function') {
+      return await this.executeInteractive()
+    } else {
+      return await this.executeFallback()
+    }
+  }
+
+  async executeInteractive() {
+    console.log("\n📝 Ejercicios de Práctica")
+    console.log("Elige qué ejercicio quieres practicar:")
+    console.log("")
+
+    let selectedIndex = 0
+
+    // Enable raw mode
+    process.stdin.setRawMode(true)
+    process.stdin.resume()
+    process.stdin.setEncoding('utf8')
+
+    const renderOptions = () => {
+      // Clear screen
+      process.stdout.write('\x1b[2J')
+      process.stdout.write('\x1b[H')
+
+      console.log("📝 Ejercicios de Práctica")
+      console.log("Elige qué ejercicio quieres practicar:")
+      console.log("")
+
+      this.exercises.forEach((exercise, index) => {
+        const isSelected = index === selectedIndex
+        const prefix = isSelected ? '▶ ' : '  '
+        const highlight = isSelected ? '\x1b[36m' : '\x1b[37m'
+        const reset = '\x1b[0m'
+
+        console.log(`${highlight}${prefix}${exercise.id}. ${exercise.title}${reset}`)
+        if (isSelected) {
+          console.log(`${highlight}     ${exercise.description} (${exercise.lines} líneas)${reset}`)
+        }
+        console.log("")
+      })
+
+      console.log("\n💡 Tip: Estos archivos están optimizados para LazyVim")
+      console.log("   Usa 'nvim' para abrirlos y aprovechar los fold markers")
+    }
+
+    return new Promise((resolve) => {
+      renderOptions()
+
+      const onKeyPress = async (key) => {
+        if (key === 'q' || key === '\x03') { // q or Ctrl+C
+          process.stdin.setRawMode(false)
+          process.stdin.removeListener('data', onKeyPress)
+          console.log("\nHecho con <3 por icarus.mx")
+          resolve()
+          return
+        }
+
+        if (key === '\r' || key === '\n') { // Enter
+          process.stdin.setRawMode(false)
+          process.stdin.removeListener('data', onKeyPress)
+
+          const selectedExercise = this.exercises[selectedIndex]
+
+          // Clear screen
+          process.stdout.write('\x1b[2J')
+          process.stdout.write('\x1b[H')
+
+          await this.openExercise(selectedExercise)
+          resolve()
+          return
+        }
+
+        // Arrow keys
+        if (key === '\u001b[A') { // Up
+          selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : this.exercises.length - 1
+          renderOptions()
+        } else if (key === '\u001b[B') { // Down
+          selectedIndex = selectedIndex < this.exercises.length - 1 ? selectedIndex + 1 : 0
+          renderOptions()
+        }
+      }
+
+      process.stdin.on('data', onKeyPress)
+    })
+  }
+
+  async executeFallback() {
+    const rl = createInterface({
+      input: process.stdin,
+      output: process.stdout
+    })
+
+    const askQuestion = (question) => {
+      return new Promise((resolve) => {
+        rl.question(question, resolve)
+      })
+    }
+
+    try {
+      console.log("\n📝 Ejercicios de Práctica")
+      console.log("Elige qué ejercicio quieres practicar:")
+      console.log("")
+
+      this.exercises.forEach((exercise) => {
+        console.log(`${exercise.id}. ${exercise.title}`)
+        console.log(`   ${exercise.description} (${exercise.lines} líneas)`)
+        console.log("")
+      })
+
+      console.log("💡 Tip: Estos archivos están optimizados para LazyVim")
+      console.log("   Usa 'nvim' para abrirlos y aprovechar los fold markers")
+      console.log("")
+
+      const respuesta = await askQuestion(`Elige una opción (1-${this.exercises.length}) o 'q' para salir: `)
+
+      if (respuesta.toLowerCase() === 'q') {
+        console.log("Hecho con <3 por icarus.mx")
+        rl.close()
+        return
+      }
+
+      const opcionSeleccionada = parseInt(respuesta)
+
+      if (opcionSeleccionada >= 1 && opcionSeleccionada <= this.exercises.length) {
+        const selectedExercise = this.exercises[opcionSeleccionada - 1]
+        rl.close()
+        await this.openExercise(selectedExercise)
+      } else {
+        console.log(`❌ Opción no válida. Elige un número entre 1 y ${this.exercises.length}.`)
+        rl.close()
+      }
+
+    } catch (error) {
+      console.error('Error:', error.message)
+      rl.close()
+      process.exit(1)
+    }
+  }
+
+  async openExercise(exercise) {
+    const exercisePath = path.join(__dirname, '..', 'exercises', exercise.file)
+
+    console.log(`\n📖 ${exercise.title}`)
+    console.log("=" .repeat(50))
+    console.log("")
+    console.log(`📍 Ubicación: ${exercisePath}`)
+    console.log(`📊 Líneas: ${exercise.lines}`)
+    console.log(`🏷️  Temas: ${exercise.topics.join(', ')}`)
+    console.log("")
+
+    // Check if file exists
+    if (!fs.existsSync(exercisePath)) {
+      console.log(`❌ Error: No se encontró el archivo ${exercise.file}`)
+      console.log("")
+      console.log("💡 Tip: Asegúrate de estar ejecutando Creta desde el directorio correcto")
+      return
+    }
+
+    console.log("📚 Opciones:")
+    console.log("")
+    console.log("1. Abrir con nvim (recomendado para aprovechar fold markers)")
+    console.log("2. Mostrar la ruta (copiar al portapapeles)")
+    console.log("3. Ver los primeros 20 líneas")
+    console.log("")
+
+    const rl = createInterface({
+      input: process.stdin,
+      output: process.stdout
+    })
+
+    const askQuestion = (question) => {
+      return new Promise((resolve) => {
+        rl.question(question, resolve)
+      })
+    }
+
+    const choice = await askQuestion("Elige una opción (1-3) o Enter para abrir con nvim: ")
+    rl.close()
+
+    if (choice === '' || choice === '1') {
+      // Open with nvim
+      console.log("\n🚀 Abriendo con nvim...")
+      console.log("💡 Tip: Usa 'zM' para cerrar todos los folds y ver la estructura")
+      console.log("")
+
+      try {
+        // Try to open with nvim
+        execSync(`nvim "${exercisePath}"`, { stdio: 'inherit' })
+      } catch (error) {
+        console.log("\n⚠️  No se pudo abrir nvim. Intentando con el editor por defecto...")
+        try {
+          execSync(`$EDITOR "${exercisePath}" || vi "${exercisePath}"`, { stdio: 'inherit' })
+        } catch (fallbackError) {
+          console.log("\n❌ No se pudo abrir ningún editor.")
+          console.log(`📍 Abre manualmente: ${exercisePath}`)
+        }
+      }
+    } else if (choice === '2') {
+      // Show path
+      console.log("\n📋 Ruta copiada al portapapeles (en algunos sistemas):")
+      console.log(exercisePath)
+      console.log("")
+      console.log("💡 Tip: Usa este comando para abrirlo:")
+      console.log(`   nvim "${exercisePath}"`)
+
+      // Try to copy to clipboard (macOS)
+      try {
+        execSync(`echo "${exercisePath}" | pbcopy`, { stdio: 'ignore' })
+        console.log("✓ Ruta copiada al portapapeles (macOS)")
+      } catch (error) {
+        // Silently fail if pbcopy not available
+      }
+    } else if (choice === '3') {
+      // Show preview
+      console.log("\n📄 Primeras 20 líneas:")
+      console.log("=" .repeat(50))
+      try {
+        const preview = execSync(`head -20 "${exercisePath}"`, { encoding: 'utf8' })
+        console.log(preview)
+      } catch (error) {
+        console.log("❌ Error al leer el archivo")
+      }
+      console.log("=" .repeat(50))
+      console.log("")
+      console.log(`💡 Abre el archivo completo con: nvim "${exercisePath}"`)
+    }
+
+    console.log("")
+  }
+}