responsive-system 1.1.0 → 1.1.2

package/package.json

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

package/scripts/postinstall.js

@@ -19,26 +19,34 @@ const __dirname = path.dirname(__filename)
 const projectRoot = process.cwd()
 const packageJsonPath = path.join(projectRoot, 'package.json')
 
+console.log('📦 responsive-system: Ejecutando postinstall...')
+console.log(`   Directorio del proyecto: ${projectRoot}`)
+
 // Verificar si package.json existe
 if (!fs.existsSync(packageJsonPath)) {
   console.log('📦 responsive-system: No se encontró package.json, saltando postinstall')
   process.exit(0)
 }
 
-const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+let packageJson
+try {
+  packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+} catch (error) {
+  console.error('❌ responsive-system: Error al leer package.json:', error.message)
+  process.exit(1)
+}
 
 // Verificar si el proyecto está vacío (solo tiene responsive-system)
 const isProjectEmpty = !packageJson.dependencies || 
                        Object.keys(packageJson.dependencies).length === 0 ||
                        (Object.keys(packageJson.dependencies).length === 1 && packageJson.dependencies['responsive-system'])
 
-// Verificar qué está instalado
+// Verificar qué está instalado SOLO en package.json (no en node_modules)
+// Esto asegura que se agreguen al package.json aunque estén como dependencias transitivas
 const hasReact = (packageJson.dependencies && packageJson.dependencies.react) || 
-                 (packageJson.devDependencies && packageJson.devDependencies.react) ||
-                 fs.existsSync(path.join(projectRoot, 'node_modules', 'react'))
+                 (packageJson.devDependencies && packageJson.devDependencies.react)
 
-const hasVite = (packageJson.devDependencies && packageJson.devDependencies.vite) ||
-                fs.existsSync(path.join(projectRoot, 'node_modules', 'vite'))
+const hasVite = packageJson.devDependencies && packageJson.devDependencies.vite
 
 const tailwindInDevDeps = packageJson.devDependencies && packageJson.devDependencies.tailwindcss
 const typescriptInDevDeps = packageJson.devDependencies && packageJson.devDependencies.typescript
@@ -67,17 +75,42 @@ if (!typescriptInDevDeps) {
 }
 
 // Instalar React como dependencies (se necesita en runtime)
+// Usar --save explícitamente para asegurar que se agregue al package.json
 if (reactPackages.length > 0) {
   console.log('📦 responsive-system: Instalando React...')
   console.log(`   Instalando: ${reactPackages.join(', ')}`)
   try {
-    execSync(`npm install ${reactPackages.join(' ')}`, {
+    execSync(`npm install ${reactPackages.join(' ')} --save`, {
       stdio: 'inherit',
       cwd: projectRoot
     })
-    console.log('✅ responsive-system: React instalado correctamente')
+    
+    // Verificar que se agregaron al package.json
+    const updatedPackageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+    const reactAdded = updatedPackageJson.dependencies && updatedPackageJson.dependencies.react
+    if (reactAdded) {
+      console.log('✅ responsive-system: React instalado y agregado a package.json')
+    } else {
+      console.warn('⚠️  responsive-system: React instalado pero no se agregó a package.json, agregando manualmente...')
+      // Agregar manualmente si npm install no lo hizo
+      if (!updatedPackageJson.dependencies) {
+        updatedPackageJson.dependencies = {}
+      }
+      updatedPackageJson.dependencies['react'] = '^19.1.1'
+      updatedPackageJson.dependencies['react-dom'] = '^19.1.1'
+      fs.writeFileSync(packageJsonPath, JSON.stringify(updatedPackageJson, null, 2))
+      console.log('✅ responsive-system: React agregado manualmente a package.json')
+    }
   } catch (error) {
-    console.warn('⚠️  responsive-system: Error al instalar React')
+    console.warn('⚠️  responsive-system: Error al instalar React, agregando manualmente a package.json...')
+    // Agregar manualmente al package.json
+    if (!packageJson.dependencies) {
+      packageJson.dependencies = {}
+    }
+    packageJson.dependencies['react'] = '^19.1.1'
+    packageJson.dependencies['react-dom'] = '^19.1.1'
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+    console.log('✅ responsive-system: React agregado manualmente a package.json')
   }
 }
 
@@ -90,9 +123,45 @@ if (devPackages.length > 0) {
       stdio: 'inherit',
       cwd: projectRoot
     })
-    console.log('✅ responsive-system: Dependencias de desarrollo instaladas correctamente')
+    
+    // Verificar que se agregaron al package.json
+    const updatedPackageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+    const allAdded = devPackages.every(pkg => {
+      const pkgName = pkg.split('@')[0]
+      return updatedPackageJson.devDependencies && updatedPackageJson.devDependencies[pkgName]
+    })
+    
+    if (allAdded) {
+      console.log('✅ responsive-system: Dependencias de desarrollo instaladas y agregadas a package.json')
+    } else {
+      console.warn('⚠️  responsive-system: Dependencias instaladas pero no todas se agregaron a package.json, agregando manualmente...')
+      // Agregar manualmente las que faltan
+      if (!updatedPackageJson.devDependencies) {
+        updatedPackageJson.devDependencies = {}
+      }
+      devPackages.forEach(pkg => {
+        const [pkgName, version] = pkg.includes('@') ? pkg.split('@') : [pkg, 'latest']
+        if (!updatedPackageJson.devDependencies[pkgName]) {
+          updatedPackageJson.devDependencies[pkgName] = version || 'latest'
+        }
+      })
+      fs.writeFileSync(packageJsonPath, JSON.stringify(updatedPackageJson, null, 2))
+      console.log('✅ responsive-system: Dependencias agregadas manualmente a package.json')
+    }
   } catch (error) {
-    console.warn('⚠️  responsive-system: Error al instalar dependencias de desarrollo')
+    console.warn('⚠️  responsive-system: Error al instalar dependencias de desarrollo, agregando manualmente a package.json...')
+    // Agregar manualmente al package.json
+    if (!packageJson.devDependencies) {
+      packageJson.devDependencies = {}
+    }
+    devPackages.forEach(pkg => {
+      const parts = pkg.split('@')
+      const pkgName = parts[0]
+      const version = parts[1] || 'latest'
+      packageJson.devDependencies[pkgName] = version
+    })
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+    console.log('✅ responsive-system: Dependencias agregadas manualmente a package.json')
   }
 }