@icarusmx/creta 1.3.0 → 1.3.1

package/bin/creta.js

@@ -622,8 +622,7 @@ async function startMainMenuInteractive() {
 
   const options = [
     { id: 1, title: "Aprender conceptos", description: "Explora los enunciados fundamentales" },
-    { id: 2, title: "Construir proyectos", description: "Crea tu portafolio personal" },
-    { id: 3, title: "Crea una pull-request", description: "Aprende el flujo de contribución con Git" }
+    { id: 2, title: "Construir proyectos", description: "Practica con proyectos reales" }
   ]
 
   let selectedIndex = 0
@@ -694,8 +693,6 @@ Salgamos de este laberinto 🏛️
           startEnunciadosSelector().then(resolve)
         } else if (selectedOption.id === 2) {
           startProyectosSelector().then(resolve)
-        } else if (selectedOption.id === 3) {
-          startPullRequestTutorial().then(resolve)
         }
         return
       }
@@ -730,11 +727,10 @@ async function startMainMenuFallback() {
     console.log("Te ofrecemos las siguientes opciones:")
     console.log("")
     console.log("1. Aprender conceptos - Explora los enunciados fundamentales")
-    console.log("2. Construir proyectos - Crea tu portafolio personal")
-    console.log("3. Crea una pull-request - Aprende el flujo de contribución con Git")
+    console.log("2. Construir proyectos - Practica con proyectos reales")
     console.log("")
 
-    const respuesta = await askQuestion("Elige una opción (1-3) o 'q' para salir: ")
+    const respuesta = await askQuestion("Elige una opción (1-2) o 'q' para salir: ")
 
     if (respuesta.toLowerCase() === 'q') {
       console.log("Hecho con <3 por icarus.mx")
@@ -750,11 +746,8 @@ async function startMainMenuFallback() {
     } else if (opcionSeleccionada === 2) {
       rl.close()
       await startProyectosSelector()
-    } else if (opcionSeleccionada === 3) {
-      rl.close()
-      await startPullRequestTutorial()
     } else {
-      console.log("❌ Opción no válida. Elige 1, 2 o 3.")
+      console.log("❌ Opción no válida. Elige 1 o 2.")
       rl.close()
     }
 
@@ -1241,14 +1234,12 @@ async function startProyectosSelectorInteractive() {
     throw new Error('setRawMode not available')
   }
 
-  console.log("\n🚀 Proyectos Disponibles")
-  console.log("¿Qué proyecto quieres crear?")
+  console.log("\n🚀 Construir Proyectos")
+  console.log("Elige qué proyecto quieres construir:")
 
   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 }
+    { id: 1, title: "🔀 Construye una pull-request", description: "Aprende Git y GitHub paso a paso", type: 'pr' },
+    { id: 2, title: "🎨 Construye tu portafolio", description: "Crea tu sitio web personal", type: 'portfolio' }
   ]
 
   let selectedIndex = 0
@@ -1267,8 +1258,8 @@ async function startProyectosSelectorInteractive() {
     process.stdout.write('\x1b[2J')
     process.stdout.write('\x1b[H')
 
-    console.log("🚀 Proyectos Disponibles")
-    console.log("¿Qué proyecto quieres crear?")
+    console.log("🚀 Construir Proyectos")
+    console.log("Elige qué proyecto quieres construir:")
 
     projects.forEach((project, index) => {
       const isSelected = index === selectedIndex
@@ -1301,17 +1292,15 @@ async function startProyectosSelectorInteractive() {
         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)
+        if (selectedProject.type === 'pr') {
+          startPullRequestTutorial().then(resolve)
+        } else if (selectedProject.type === 'portfolio') {
+          startPortfolioSelector().then(resolve)
         }
         return
       }
@@ -1371,8 +1360,162 @@ async function startProyectosSelectorFallback() {
   }
 
   try {
-    console.log("\n🚀 Proyectos Disponibles")
-    console.log("¿Qué proyecto quieres crear?")
+    console.log("\n🚀 Construir Proyectos")
+    console.log("Elige qué proyecto quieres construir:")
+    console.log("")
+    console.log("1. 🔀 Construye una pull-request - Aprende Git y GitHub paso a paso")
+    console.log("2. 🎨 Construye tu portafolio - Crea tu sitio web personal")
+    console.log("")
+
+    const respuesta = await askQuestion("Elige una opción (1-2) 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) {
+      rl.close()
+      await startPullRequestTutorial()
+    } else if (opcionSeleccionada === 2) {
+      rl.close()
+      await startPortfolioSelector()
+    } else {
+      console.log("❌ Opción no válida. Elige 1 o 2.")
+      rl.close()
+    }
+
+  } catch (error) {
+    console.error('Error:', error.message)
+    rl.close()
+    process.exit(1)
+  }
+}
+
+async function startPortfolioSelector() {
+  // Always try interactive mode first, fall back only if it fails
+  try {
+    return await startPortfolioSelectorInteractive()
+  } 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 startPortfolioSelectorFallback()
+  }
+}
+
+async function startPortfolioSelectorInteractive() {
+  // 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🎨 Construye tu Portafolio")
+  console.log("Elige el nivel:")
+
+  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("🎨 Construye tu Portafolio")
+    console.log("Elige el nivel:")
+
+    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("\nHecho con <3 por icarus.mx")
+        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 startPortfolioSelectorFallback() {
+  const rl = createInterface({
+    input: process.stdin,
+    output: process.stdout
+  })
+
+  const askQuestion = (question) => {
+    return new Promise((resolve) => {
+      rl.question(question, resolve)
+    })
+  }
+
+  try {
+    console.log("\n🎨 Construye tu Portafolio")
+    console.log("Elige el nivel:")
     console.log("")
     console.log("1. 🎨 Portafolio Personal - Reto completo")
     console.log("2. 🔓 Portafolio Nivel 1 - Solo navbar")

package/package.json

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