@icarusmx/creta 0.8.0 → 0.8.1

package/bin/creta.js

@@ -580,6 +580,110 @@ function showHelp() {
 }
 
 async function startMainMenu() {
+  // Always try interactive mode first, fall back only if it fails
+  try {
+    return await startMainMenuInteractive()
+  } catch (error) {
+    // If interactive mode fails, fall back to numbered selection
+    console.log('\nModo interactivo no disponible, usando selección numérica...\n')
+    return await startMainMenuFallback()
+  }
+}
+
+async function startMainMenuInteractive() {
+  // Check if setRawMode is available before trying to use it
+  if (typeof process.stdin.setRawMode !== 'function') {
+    throw new Error('setRawMode not available')
+  }
+
+  console.log("Te ofrecemos las siguientes opciones")
+  console.log("Usa ↑/↓ para navegar, Enter para seleccionar, 'q' para salir\n")
+
+  const options = [
+    { id: 1, title: "🧠 Aprender conceptos", description: "Explora los enunciados fundamentales" },
+    { id: 2, title: "🚀 Construir proyectos", description: "Crea tu portafolio personal" }
+  ]
+
+  let selectedIndex = 0
+
+  // Enable raw mode to capture arrow keys
+  try {
+    process.stdin.setRawMode(true)
+    process.stdin.resume()
+    process.stdin.setEncoding('utf8')
+  } catch (error) {
+    throw new Error('Failed to enable raw mode: ' + error.message)
+  }
+
+  const renderOptions = () => {
+    // Clear previous output and move cursor to top
+    process.stdout.write('\x1b[2J')
+    process.stdout.write('\x1b[H')
+
+    console.log("🏛️ Bienvenido a Creta")
+    console.log("La escuela de software de icarus.mx\n")
+    console.log("Te ofrecemos las siguientes opciones")
+    console.log("Usa ↑/↓ para navegar, Enter para seleccionar, 'q' para salir\n")
+
+    options.forEach((option, index) => {
+      const isSelected = index === selectedIndex
+      const prefix = isSelected ? '▶ ' : '  '
+      const highlight = isSelected ? '\x1b[36m' : '\x1b[37m' // cyan for selected, white for normal
+      const reset = '\x1b[0m'
+
+      console.log(`${highlight}${prefix}${option.title}${reset}`)
+      if (isSelected) {
+        console.log(`${highlight}     ${option.description}${reset}`)
+      }
+      console.log("")
+    })
+  }
+
+  return new Promise((resolve) => {
+    renderOptions()
+
+    const onKeyPress = (key) => {
+      if (key === 'q' || key === '\x03') { // q or Ctrl+C
+        process.stdin.setRawMode(false)
+        process.stdin.removeListener('data', onKeyPress)
+        console.log("\n¡Hasta la vista! 👋")
+        resolve()
+        return
+      }
+
+      if (key === '\r' || key === '\n') { // Enter
+        process.stdin.setRawMode(false)
+        process.stdin.removeListener('data', onKeyPress)
+
+        const selectedOption = options[selectedIndex]
+
+        // Clear screen
+        process.stdout.write('\x1b[2J')
+        process.stdout.write('\x1b[H')
+
+        if (selectedOption.id === 1) {
+          startEnunciadosSelector().then(resolve)
+        } else if (selectedOption.id === 2) {
+          startProyectosSelector().then(resolve)
+        }
+        return
+      }
+
+      // Handle arrow keys (escape sequences)
+      if (key === '\u001b[A') { // Up arrow
+        selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : options.length - 1
+        renderOptions()
+      } else if (key === '\u001b[B') { // Down arrow
+        selectedIndex = selectedIndex < options.length - 1 ? selectedIndex + 1 : 0
+        renderOptions()
+      }
+    }
+
+    process.stdin.on('data', onKeyPress)
+  })
+}
+
+async function startMainMenuFallback() {
   const rl = createInterface({
     input: process.stdin,
     output: process.stdout
@@ -592,10 +696,10 @@ async function startMainMenu() {
   }
 
   try {
-    console.log("¿Qué quieres hacer hoy?")
+    console.log("Te ofrecemos las siguientes opciones")
     console.log("")
-    console.log("1. 🧠 Conceptos - Explora los enunciados fundamentales")
-    console.log("2. 🚀 Proyectos - Crea tu portafolio personal")
+    console.log("1. 🧠 Aprender conceptos - Explora los enunciados fundamentales")
+    console.log("2. 🚀 Construir proyectos - Crea tu portafolio personal")
     console.log("")
 
     const respuesta = await askQuestion("Elige una opción (1-2) o 'q' para salir: ")
@@ -815,6 +919,114 @@ async function startEnunciadosSelectorFallback() {
 
 
 async function startProyectosSelector() {
+  // Always try interactive mode first, fall back only if it fails
+  try {
+    return await startProyectosSelectorInteractive()
+  } catch (error) {
+    // If interactive mode fails, fall back to numbered selection
+    console.log('\nModo interactivo no disponible, usando selección numérica...\n')
+    return await startProyectosSelectorFallback()
+  }
+}
+
+async function startProyectosSelectorInteractive() {
+  // Check if setRawMode is available before trying to use it
+  if (typeof process.stdin.setRawMode !== 'function') {
+    throw new Error('setRawMode not available')
+  }
+
+  console.log("\n🚀 Proyectos Disponibles")
+  console.log("¿Qué proyecto quieres crear?")
+  console.log("Usa ↑/↓ para navegar, Enter para seleccionar, 'q' para salir\n")
+
+  const projects = [
+    { id: 1, title: "🎨 Portafolio Personal", description: "Reto completo", level: 0 },
+    { id: 2, title: "🔓 Portafolio Nivel 1", description: "Solo navbar", level: 1 },
+    { id: 3, title: "🔓 Portafolio Nivel 2", description: "Navbar + hero", level: 2 },
+    { id: 4, title: "🔓 Portafolio Nivel 3", description: "Solución completa", level: 3 }
+  ]
+
+  let selectedIndex = 0
+
+  // Enable raw mode to capture arrow keys
+  try {
+    process.stdin.setRawMode(true)
+    process.stdin.resume()
+    process.stdin.setEncoding('utf8')
+  } catch (error) {
+    throw new Error('Failed to enable raw mode: ' + error.message)
+  }
+
+  const renderOptions = () => {
+    // Clear previous output and move cursor to top
+    process.stdout.write('\x1b[2J')
+    process.stdout.write('\x1b[H')
+
+    console.log("🚀 Proyectos Disponibles")
+    console.log("¿Qué proyecto quieres crear?")
+    console.log("Usa ↑/↓ para navegar, Enter para seleccionar, 'q' para salir\n")
+
+    projects.forEach((project, index) => {
+      const isSelected = index === selectedIndex
+      const prefix = isSelected ? '▶ ' : '  '
+      const highlight = isSelected ? '\x1b[36m' : '\x1b[37m' // cyan for selected, white for normal
+      const reset = '\x1b[0m'
+
+      console.log(`${highlight}${prefix}${project.title}${reset}`)
+      if (isSelected) {
+        console.log(`${highlight}     ${project.description}${reset}`)
+      }
+      console.log("")
+    })
+  }
+
+  return new Promise((resolve) => {
+    renderOptions()
+
+    const onKeyPress = (key) => {
+      if (key === 'q' || key === '\x03') { // q or Ctrl+C
+        process.stdin.setRawMode(false)
+        process.stdin.removeListener('data', onKeyPress)
+        console.log("\n¡Hasta la vista! 👋")
+        resolve()
+        return
+      }
+
+      if (key === '\r' || key === '\n') { // Enter
+        process.stdin.setRawMode(false)
+        process.stdin.removeListener('data', onKeyPress)
+
+        const selectedProject = projects[selectedIndex]
+        const level = selectedProject.level
+
+        // Clear screen
+        process.stdout.write('\x1b[2J')
+        process.stdout.write('\x1b[H')
+
+        // Check if we're in an existing Creta project
+        if (level > 0 && isInCretaProject()) {
+          unstuckProject(level).then(resolve)
+        } else {
+          createPortfolioProject(level).then(resolve)
+        }
+        return
+      }
+
+      // Handle arrow keys (escape sequences)
+      if (key === '\u001b[A') { // Up arrow
+        selectedIndex = selectedIndex > 0 ? selectedIndex - 1 : projects.length - 1
+        renderOptions()
+      } else if (key === '\u001b[B') { // Down arrow
+        selectedIndex = selectedIndex < projects.length - 1 ? selectedIndex + 1 : 0
+        renderOptions()
+      }
+    }
+
+    process.stdin.on('data', onKeyPress)
+  })
+}
+
+async function startProyectosSelectorFallback() {
   const rl = createInterface({
     input: process.stdin,
     output: process.stdout

package/package.json

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