responsive-system 1.0.4 → 1.0.6

package/package.json

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

package/scripts/postinstall.js

@@ -57,49 +57,67 @@ if (!tailwindInRoot || !tailwindInDevDeps) {
   needsInstall = true
 }
 
-if (!hasTypeScript) {
+// Verificar si TypeScript está en devDependencies
+const typescriptInDevDeps = packageJson.devDependencies && packageJson.devDependencies.typescript
+if (!typescriptInDevDeps) {
   packagesToInstall.push('typescript@~5.9.3')
   needsInstall = true
 }
 
-if (needsInstall && packagesToInstall.length > 0) {
-  console.log('📦 responsive-system: Instalando dependencias faltantes...')
-  console.log(`   Instalando: ${packagesToInstall.join(', ')}`)
-  
+// SIEMPRE verificar e instalar si falta algo
+console.log('📦 responsive-system: Verificando dependencias...')
+
+// Separar paquetes: React (dependencies) vs TypeScript/Tailwind (devDependencies)
+const reactPackages = []
+const devPackages = []
+
+// React
+if (!hasReact) {
+  reactPackages.push('react@^19.1.1', 'react-dom@^19.1.1')
+}
+
+// TypeScript y Tailwind
+const tailwindInDevDeps = packageJson.devDependencies && packageJson.devDependencies.tailwindcss
+if (!tailwindInDevDeps) {
+  devPackages.push('tailwindcss@^4.1.14', 'postcss@^8.5.6', 'autoprefixer@^10.4.21')
+}
+
+const typescriptInDevDeps = packageJson.devDependencies && packageJson.devDependencies.typescript
+if (!typescriptInDevDeps) {
+  devPackages.push('typescript@~5.9.3')
+}
+
+// Instalar React como dependencies (se necesita en runtime)
+if (reactPackages.length > 0) {
+  console.log(`📦 responsive-system: Instalando React...`)
+  console.log(`   Instalando: ${reactPackages.join(', ')}`)
+  try {
+    execSync(`npm install ${reactPackages.join(' ')}`, {
+      stdio: 'inherit',
+      cwd: projectRoot
+    })
+    console.log('✅ responsive-system: React instalado correctamente')
+  } catch (error) {
+    console.warn('⚠️  responsive-system: Error al instalar React')
+  }
+}
+
+// Instalar TypeScript y Tailwind como devDependencies (para que npx funcione)
+if (devPackages.length > 0) {
+  console.log(`📦 responsive-system: Instalando TypeScript y Tailwind...`)
+  console.log(`   Instalando: ${devPackages.join(', ')}`)
   try {
-    // Separar paquetes: React (dependencies) vs TypeScript/Tailwind (devDependencies)
-    const reactPackages = packagesToInstall.filter(pkg => pkg.includes('react'))
-    const devPackages = packagesToInstall.filter(pkg => 
-      pkg.includes('typescript') || 
-      pkg.includes('tailwind') || 
-      pkg.includes('postcss') || 
-      pkg.includes('autoprefixer')
-    )
-    
-    // Instalar React como dependencies (se necesita en runtime)
-    if (reactPackages.length > 0) {
-      execSync(`npm install ${reactPackages.join(' ')}`, {
-        stdio: 'inherit',
-        cwd: projectRoot
-      })
-    }
-    
-    // Instalar TypeScript y Tailwind como devDependencies (para que npx funcione)
-    // Usar --force para asegurar que se instalen en el proyecto raíz
-    if (devPackages.length > 0) {
-      execSync(`npm install ${devPackages.join(' ')} --save-dev --force`, {
-        stdio: 'inherit',
-        cwd: projectRoot
-      })
-    }
-    
-    console.log('✅ responsive-system: Dependencias instaladas correctamente')
+    execSync(`npm install ${devPackages.join(' ')} --save-dev`, {
+      stdio: 'inherit',
+      cwd: projectRoot
+    })
+    console.log('✅ responsive-system: TypeScript y Tailwind instalados correctamente')
   } catch (error) {
-    console.warn('⚠️  responsive-system: Error al instalar dependencias automáticamente')
-    console.warn('   Por favor, instala manualmente:')
-    console.warn(`   npm install ${packagesToInstall.join(' ')}`)
+    console.warn('⚠️  responsive-system: Error al instalar TypeScript/Tailwind')
   }
-} else {
+}
+
+if (reactPackages.length === 0 && devPackages.length === 0) {
   console.log('✅ responsive-system: Todas las dependencias están instaladas')
 }