responsive-system 1.0.0 → 1.0.2

package/package.json

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

package/scripts/postinstall.js

@@ -25,10 +25,18 @@ if (!fs.existsSync(packageJsonPath)) {
 const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
 const deps = { ...packageJson.dependencies, ...packageJson.devDependencies }
 
-// Verificar si React está instalado
-const hasReact = deps.react || fs.existsSync(path.join(projectRoot, 'node_modules', 'react'))
-const hasTailwind = deps.tailwindcss || fs.existsSync(path.join(projectRoot, 'node_modules', 'tailwindcss'))
-const hasTypeScript = deps.typescript || fs.existsSync(path.join(projectRoot, 'node_modules', 'typescript'))
+// Verificar si React está instalado (solo en proyecto raíz, no en subdirectorios)
+const hasReact = (packageJson.dependencies && packageJson.dependencies.react) || 
+                 (packageJson.devDependencies && packageJson.devDependencies.react) ||
+                 fs.existsSync(path.join(projectRoot, 'node_modules', 'react'))
+                 
+const hasTailwind = (packageJson.dependencies && packageJson.dependencies.tailwindcss) || 
+                    (packageJson.devDependencies && packageJson.devDependencies.tailwindcss) ||
+                    fs.existsSync(path.join(projectRoot, 'node_modules', 'tailwindcss'))
+                    
+const hasTypeScript = (packageJson.dependencies && packageJson.dependencies.typescript) || 
+                      (packageJson.devDependencies && packageJson.devDependencies.typescript) ||
+                      fs.existsSync(path.join(projectRoot, 'node_modules', 'typescript'))
 
 let needsInstall = false
 const packagesToInstall = []
@@ -39,6 +47,7 @@ if (!hasReact) {
 }
 
 if (!hasTailwind) {
+  // Instalar como devDependencies para que npx funcione
   packagesToInstall.push('tailwindcss@^4.1.14', 'postcss@^8.5.6', 'autoprefixer@^10.4.21')
   needsInstall = true
 }
@@ -53,10 +62,31 @@ if (needsInstall && packagesToInstall.length > 0) {
   console.log(`   Instalando: ${packagesToInstall.join(', ')}`)
   
   try {
-    execSync(`npm install ${packagesToInstall.join(' ')}`, {
-      stdio: 'inherit',
-      cwd: projectRoot
-    })
+    // 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)
+    if (devPackages.length > 0) {
+      execSync(`npm install ${devPackages.join(' ')} --save-dev`, {
+        stdio: 'inherit',
+        cwd: projectRoot
+      })
+    }
+    
     console.log('✅ responsive-system: Dependencias instaladas correctamente')
   } catch (error) {
     console.warn('⚠️  responsive-system: Error al instalar dependencias automáticamente')