responsive-system 1.7.13 → 1.7.16

package/README.md

@@ -2,32 +2,21 @@
 
 Sistema completo de layout responsive con auto-scaling para React + Tailwind CSS.
 
-## 🚀 Instalación Rápida
+## 🚀 Instalación
 
 ```bash
 npm install responsive-system@latest
-```
-
-## ⚡ Configuración
-
-Después de instalar, ejecuta el script de configuración:
-
-```bash
 npx responsive-system-setup
 ```
 
-Este comando:
-- ✅ Instalará React, TypeScript, Tailwind y Vite automáticamente
-- ✅ Te permitirá seleccionar el layout que prefieras
-- ✅ Creará la estructura base del proyecto
-- ✅ Generará componentes genéricos y página de ejemplo
+Eso es todo. El script configurará todo automáticamente.
 
 ## 📦 Características
 
-- ✅ Auto-scaling automático (texto, espaciado, sombras)
-- ✅ Layouts pre-configurados (default, sidebar, dashboard, minimal)
-- ✅ Hook `useResponsive` para configuración manual
-- ✅ Sin media queries necesarias
+- Auto-scaling automático (texto, espaciado, sombras)
+- Layouts pre-configurados (default, sidebar, dashboard, minimal)
+- Hook `useResponsive` para configuración manual
+- Sin media queries necesarias
 
 ## 🎨 Layouts Disponibles
 
@@ -35,7 +24,3 @@ Este comando:
 - **sidebar**: Sidebar lateral
 - **dashboard**: Sidebar + Footer
 - **minimal**: Sin componentes (solo contenido)
-
----
-
-**Siguiente paso:** Ejecuta `npx responsive-system-setup` para comenzar 🚀

package/package.json

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

package/scripts/postinstall.js

@@ -1,14 +1,11 @@
 #!/usr/bin/env node
 
 /**
- * Script postinstall para automatizar la configuración inicial completa
- * - Instala React, TypeScript, Tailwind automáticamente
- * - Inicializa proyecto Vite si está vacío
- * - Pregunta qué layout quiere (interactivo)
- * - Copia solo los componentes necesarios
- * - Copia el hook useResponsive como archivo local
- * - Crea página de ejemplo en pages/
- * - Configura App.tsx con el layout seleccionado
+ * Script de configuración para responsive-system
+ * - Instala React, TypeScript, Tailwind y Vite automáticamente
+ * - Permite seleccionar el layout (interactivo)
+ * - Crea estructura base del proyecto
+ * - Genera componentes genéricos y página de ejemplo
  */
 
 import * as fs from 'fs'
@@ -21,12 +18,10 @@ const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
 // Obtener el directorio del proyecto consumidor
-// Cuando npm ejecuta postinstall, process.cwd() ya apunta al proyecto consumidor
 const projectRoot = process.cwd()
 const packageJsonPath = path.join(projectRoot, 'package.json')
 
 // Detectar si se ejecuta desde node_modules (paquete instalado)
-// El script se ejecuta desde node_modules/responsive-system/scripts/postinstall.js
 const scriptPath = fileURLToPath(import.meta.url)
 const isFromNodeModules = scriptPath.includes('node_modules') && scriptPath.includes('responsive-system')
 
@@ -42,7 +37,7 @@ const isCI = !!(
   process.env.JENKINS_URL
 )
 
-// Si está en CI/CD y viene de node_modules, salir silenciosamente
+// Si está en CI/CD, salir silenciosamente
 if (isCI && isFromNodeModules) {
   process.exit(0)
 }
@@ -52,10 +47,8 @@ if (!isFromNodeModules) {
   process.exit(0)
 }
 
-// Ejecutar inmediatamente cuando se detecta que está en node_modules
-// Esto permite que el script se ejecute automáticamente sin depender de npm hooks
 console.log('')
-console.log('📦 responsive-system: Iniciando configuración automática...')
+console.log('📦 responsive-system: Iniciando configuración...')
 console.log(`   Directorio: ${projectRoot}`)
 console.log('')
 
@@ -89,10 +82,11 @@ let needsUpdate = false
 
 // Función para preguntar al usuario qué layout quiere
 async function askLayout() {
-  // Si viene de node_modules (instalación automática), usar layout default
+  // Si se ejecuta desde node_modules (npx responsive-system-setup), usar layout default
+  // El usuario puede ejecutar npx responsive-system-setup nuevamente para cambiar el layout
   if (isFromNodeModules) {
     console.log('   ℹ️  Usando layout "default" por defecto')
-    console.log('   💡 Ejecuta "npx responsive-system-setup" para cambiar el layout')
+    console.log('   💡 Ejecuta "npx responsive-system-setup" nuevamente para cambiar el layout')
     return 'default'
   }
 
@@ -476,15 +470,6 @@ if (!packageJson.type) {
   needsUpdate = true
 }
 
-// Agregar script postinstall al package.json del proyecto consumidor para ejecutar automáticamente
-if (!packageJson.scripts) {
-  packageJson.scripts = {}
-}
-if (!packageJson.scripts.postinstall) {
-  packageJson.scripts.postinstall = 'node node_modules/responsive-system/scripts/postinstall.js'
-  needsUpdate = true
-}
-
 // Escribir package.json modificado
 if (needsUpdate) {
   console.log('')
@@ -548,7 +533,7 @@ if (needsUpdate) {
       console.log('   ⚠️  Sobrescribiendo configuración...')
       console.log('')
     } else {
-      // Si es postinstall automático y ya está configurado, salir
+      // Si ya está configurado, salir
       console.log('   ✅ Proyecto ya configurado, saltando setup')
       process.exit(0)
     }