responsive-system 1.7.18 → 1.7.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "responsive-system",
-  "version": "1.7.18",
+  "version": "1.7.20",
   "description": "Sistema de layout responsivo con auto-scaling para Tailwind CSS",
   "type": "module",
   "main": "./dist/responsive-system.cjs",

package/scripts/postinstall.js

@@ -413,75 +413,6 @@ export { DEFAULT_BREAKPOINTS, getCurrentBreakpoint, getBreakpointIndex, getBreak
   console.log('      ✅ hooks/index.ts')
 }
 
-console.log('📦 Verificando dependencias...')
-
-// Agregar React a dependencies SOLO si NO está en package.json
-if (!hasReactInPackageJson) {
-  console.log('   ➕ Agregando React a dependencies...')
-  if (!packageJson.dependencies) {
-    packageJson.dependencies = {}
-  }
-  packageJson.dependencies['react'] = '^19.1.1'
-  packageJson.dependencies['react-dom'] = '^19.1.1'
-  needsUpdate = true
-} else {
-  console.log('   ✅ React ya está instalado')
-}
-
-// Agregar Vite si el proyecto está vacío
-if (isProjectEmpty && !hasVite) {
-  console.log('   ➕ Agregando Vite a devDependencies...')
-  if (!packageJson.devDependencies) {
-    packageJson.devDependencies = {}
-  }
-  packageJson.devDependencies['vite'] = '^7.1.7'
-  packageJson.devDependencies['@vitejs/plugin-react'] = '^5.0.4'
-  needsUpdate = true
-}
-
-// Agregar Tailwind y sus dependencias a devDependencies
-if (!tailwindInDevDeps) {
-  console.log('   ➕ Agregando Tailwind y PostCSS a devDependencies...')
-  if (!packageJson.devDependencies) {
-    packageJson.devDependencies = {}
-  }
-  packageJson.devDependencies['tailwindcss'] = '^4.1.14'
-  packageJson.devDependencies['@tailwindcss/postcss'] = '^4.1.14'
-  packageJson.devDependencies['postcss'] = '^8.5.6'
-  packageJson.devDependencies['autoprefixer'] = '^10.4.21'
-  needsUpdate = true
-}
-
-// Agregar TypeScript y sus tipos a devDependencies
-if (!typescriptInDevDeps) {
-  console.log('   ➕ Agregando TypeScript a devDependencies...')
-  if (!packageJson.devDependencies) {
-    packageJson.devDependencies = {}
-  }
-  packageJson.devDependencies['typescript'] = '~5.9.3'
-  packageJson.devDependencies['@types/react'] = '^19.1.16'
-  packageJson.devDependencies['@types/react-dom'] = '^19.1.9'
-  needsUpdate = true
-}
-
-// Agregar "type": "module" si no existe (para evitar warnings)
-if (!packageJson.type) {
-  packageJson.type = 'module'
-  needsUpdate = true
-}
-
-// Escribir package.json modificado
-if (needsUpdate) {
-  console.log('')
-  console.log('📝 Actualizando package.json...')
-  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
-  console.log('✅ package.json actualizado')
-  console.log('')
-  console.log('⚠️  Ejecuta "npm install" para instalar las dependencias')
-} else {
-  console.log('✅ Todas las dependencias ya están en package.json')
-}
-
 // Función async para manejar la configuración del proyecto
 (async () => {
   // Verificar que fs.existsSync esté disponible
@@ -505,14 +436,12 @@ if (needsUpdate) {
     isAlreadyConfigured = false
   }
 
-  // Si el proyecto está vacío, crear estructura base
-  if (isProjectEmpty) {
-    // Si ya está configurado, preguntar si quiere sobrescribir
-    if (isAlreadyConfigured) {
+  // Si el proyecto ya está configurado, preguntar si quiere sobrescribir
+  if (isAlreadyConfigured) {
     console.log('')
     console.log('⚠️  El proyecto ya está configurado')
     
-    if (!isFromNodeModules) {
+    if (process.stdin.isTTY) {
       const rl = readline.createInterface({
         input: process.stdin,
         output: process.stdout
@@ -533,21 +462,103 @@ if (needsUpdate) {
       console.log('   ⚠️  Sobrescribiendo configuración...')
       console.log('')
     } else {
-      // Si ya está configurado, salir
-      console.log('   ✅ Proyecto ya configurado, saltando setup')
-      process.exit(0)
+      // No hay terminal interactivo, usar default
+      console.log('   ℹ️  Terminal no interactivo, usando layout "default"')
+      console.log('')
     }
   }
   
-  console.log('')
-  console.log('📦 Proyecto vacío detectado, creando estructura base...')
-  console.log('')
-  
-  // Preguntar qué layout quiere
+  // SIEMPRE preguntar qué layout quiere PRIMERO
   const selectedLayout = await askLayout()
   console.log(`   ✅ Layout seleccionado: "${selectedLayout}"`)
   console.log('')
   
+  // Si el proyecto está vacío, crear estructura base
+  if (isProjectEmpty) {
+    console.log('')
+    console.log('📦 Proyecto vacío detectado, creando estructura base...')
+    console.log('')
+  }
+  
+  console.log('📦 Verificando dependencias...')
+
+  // Agregar React a dependencies SOLO si NO está en package.json
+  if (!hasReactInPackageJson) {
+    console.log('   ➕ Agregando React a dependencies...')
+    if (!packageJson.dependencies) {
+      packageJson.dependencies = {}
+    }
+    packageJson.dependencies['react'] = '^19.1.1'
+    packageJson.dependencies['react-dom'] = '^19.1.1'
+    needsUpdate = true
+  } else {
+    console.log('   ✅ React ya está instalado')
+  }
+
+  // Agregar Vite si el proyecto está vacío
+  if (isProjectEmpty && !hasVite) {
+    console.log('   ➕ Agregando Vite a devDependencies...')
+    if (!packageJson.devDependencies) {
+      packageJson.devDependencies = {}
+    }
+    packageJson.devDependencies['vite'] = '^7.1.7'
+    packageJson.devDependencies['@vitejs/plugin-react'] = '^5.0.4'
+    needsUpdate = true
+  }
+
+  // Agregar Tailwind y sus dependencias a devDependencies
+  if (!tailwindInDevDeps) {
+    console.log('   ➕ Agregando Tailwind y PostCSS a devDependencies...')
+    if (!packageJson.devDependencies) {
+      packageJson.devDependencies = {}
+    }
+    packageJson.devDependencies['tailwindcss'] = '^4.1.14'
+    packageJson.devDependencies['@tailwindcss/postcss'] = '^4.1.14'
+    packageJson.devDependencies['postcss'] = '^8.5.6'
+    packageJson.devDependencies['autoprefixer'] = '^10.4.21'
+    needsUpdate = true
+  }
+
+  // Agregar TypeScript y sus tipos a devDependencies
+  if (!typescriptInDevDeps) {
+    console.log('   ➕ Agregando TypeScript a devDependencies...')
+    if (!packageJson.devDependencies) {
+      packageJson.devDependencies = {}
+    }
+    packageJson.devDependencies['typescript'] = '~5.9.3'
+    packageJson.devDependencies['@types/react'] = '^19.1.16'
+    packageJson.devDependencies['@types/react-dom'] = '^19.1.9'
+    needsUpdate = true
+  }
+
+  // Agregar "type": "module" si no existe (para evitar warnings)
+  if (!packageJson.type) {
+    packageJson.type = 'module'
+    needsUpdate = true
+  }
+
+  // Escribir package.json modificado
+  if (needsUpdate) {
+    console.log('')
+    console.log('📝 Actualizando package.json...')
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+    console.log('✅ package.json actualizado')
+    console.log('')
+    console.log('📦 Instalando dependencias...')
+    try {
+      execSync('npm install', { stdio: 'inherit', cwd: projectRoot })
+      console.log('✅ Dependencias instaladas')
+      console.log('')
+    } catch (error) {
+      console.error('❌ Error al instalar dependencias:', error.message)
+      console.log('⚠️  Por favor ejecuta "npm install" manualmente')
+      console.log('')
+    }
+  } else {
+    console.log('✅ Todas las dependencias ya están en package.json')
+    console.log('')
+  }
+  
   // Crear estructura de directorios
   const dirs = ['src', 'src/components', 'src/components/layout', 'src/pages', 'src/hooks', 'src/types', 'src/constants', 'public']
   dirs.forEach(dir => {
@@ -566,7 +577,7 @@ if (needsUpdate) {
   console.log('')
   
   // Crear vite.config.ts
-  const viteConfigPath = path.join(projectRoot, 'vite.config.ts')
+  // viteConfigPath ya está declarado arriba
   if (!fs.existsSync(viteConfigPath)) {
     const viteConfig = `import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
@@ -704,7 +715,7 @@ export default {
   }
   
   // Crear layout local según el seleccionado
-  const layoutsDir = path.join(projectRoot, 'src', 'layouts')
+  // layoutsDir ya está declarado arriba
   if (!fs.existsSync(layoutsDir)) {
     fs.mkdirSync(layoutsDir, { recursive: true })
   }
@@ -825,7 +836,7 @@ export default MinimalLayout
   console.log(`   ✅ Creado: src/layouts/${path.basename(layoutPath)}`)
   
   // Crear src/main.tsx que use el layout local
-  const mainTsxPath = path.join(projectRoot, 'src', 'main.tsx')
+  // mainTsxPath ya está declarado arriba
   if (!fs.existsSync(mainTsxPath)) {
     const layoutName = selectedLayout.charAt(0).toUpperCase() + selectedLayout.slice(1) + 'Layout'
     const mainTsx = `import React from 'react'
@@ -990,9 +1001,6 @@ export default App
   console.log('')
   console.log('💡 Para cambiar el layout: npx responsive-system-setup')
   console.log('')
-  } else {
-    console.log('✅ Proyecto ya inicializado')
-  }
 
   console.log('')
   console.log('✅ Configuración completada')