responsive-system 1.7.14 → 1.7.17

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.14",
+  "version": "1.7.17",
   "description": "Sistema de layout responsivo con auto-scaling para Tailwind CSS",
   "type": "module",
   "main": "./dist/responsive-system.cjs",
@@ -58,8 +58,6 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepublishOnly": "npm run build",
-    "install": "node scripts/postinstall.js",
-    "postinstall": "node scripts/postinstall.js",
     "test:postinstall": "node scripts/test-postinstall.js"
   },
   "dependencies": {

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,11 +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
-// El script se ejecuta cuando npm instala el paquete, gracias al hook "install" en package.json
 console.log('')
-console.log('📦 responsive-system: Iniciando configuración automática...')
+console.log('📦 responsive-system: Iniciando configuración...')
 console.log(`   Directorio: ${projectRoot}`)
 console.log('')
 
@@ -90,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'
   }
 
@@ -540,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)
     }