responsive-system 1.7.7 → 1.7.9

package/package.json

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

package/scripts/postinstall.js

@@ -11,7 +11,7 @@
  * - Configura App.tsx con el layout seleccionado
  */
 
-import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs'
+import * as fs from 'fs'
 import path from 'path'
 import { execSync } from 'child_process'
 import { fileURLToPath } from 'url'
@@ -57,14 +57,14 @@ console.log(`   Directorio: ${projectRoot}`)
 console.log('')
 
 // Verificar si package.json existe
-if (!existsSync(packageJsonPath)) {
+if (!fs.existsSync(packageJsonPath)) {
   console.log('⚠️  No se encontró package.json, saltando configuración')
   process.exit(0)
 }
 
 let packageJson
 try {
-  packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'))
+  packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
 } catch (error) {
   console.error('❌ Error al leer package.json:', error.message)
   process.exit(1)
@@ -133,18 +133,18 @@ function copyFileFromPackage(relativePath, targetPath, isComponent = false) {
   const sourcePath = path.join(__dirname, '..', relativePath)
   const destPath = path.join(projectRoot, targetPath)
   
-  if (!existsSync(sourcePath)) {
+  if (!fs.existsSync(sourcePath)) {
     console.error(`   ❌ No se encontró: ${relativePath}`)
     return false
   }
   
   // Crear directorio destino si no existe
   const destDir = path.dirname(destPath)
-  if (!existsSync(destDir)) {
-    mkdirSync(destDir, { recursive: true })
+  if (!fs.existsSync(destDir)) {
+    fs.mkdirSync(destDir, { recursive: true })
   }
   
-  let content = readFileSync(sourcePath, 'utf8')
+  let content = fs.readFileSync(sourcePath, 'utf8')
   
   // Si es un componente, reemplazar importaciones relativas por importaciones del paquete
   if (isComponent) {
@@ -165,7 +165,7 @@ function copyFileFromPackage(relativePath, targetPath, isComponent = false) {
     )
   }
   
-  writeFileSync(destPath, content)
+  fs.writeFileSync(destPath, content)
   return true
 }
 
@@ -174,8 +174,8 @@ function generateLayoutComponents(selectedLayout) {
   const componentsDir = path.join(projectRoot, 'src', 'components', 'layout')
   
   // Crear directorio si no existe
-  if (!existsSync(componentsDir)) {
-    mkdirSync(componentsDir, { recursive: true })
+  if (!fs.existsSync(componentsDir)) {
+    fs.mkdirSync(componentsDir, { recursive: true })
   }
   
   const componentsToGenerate = {
@@ -231,7 +231,7 @@ const Navigation = () => {
 
 export default Navigation
 `
-    writeFileSync(path.join(componentsDir, 'Navigation.tsx'), navigationContent)
+    fs.writeFileSync(path.join(componentsDir, 'Navigation.tsx'), navigationContent)
     console.log('      ✅ Navigation.tsx')
   }
   
@@ -253,7 +253,7 @@ export default Navigation
 
 export default Footer
 `
-    writeFileSync(path.join(componentsDir, 'Footer.tsx'), footerContent)
+    fs.writeFileSync(path.join(componentsDir, 'Footer.tsx'), footerContent)
     console.log('      ✅ Footer.tsx')
   }
   
@@ -366,13 +366,13 @@ const Sidebar = ({ showLogo = true }: SidebarProps) => {
 
 export default Sidebar
 `
-    writeFileSync(path.join(componentsDir, 'Sidebar.tsx'), sidebarContent)
+    fs.writeFileSync(path.join(componentsDir, 'Sidebar.tsx'), sidebarContent)
     console.log('      ✅ Sidebar.tsx')
   }
   
   // Crear index.ts para exportar los componentes
   const indexContent = components.map(c => `export { default as ${c} } from './${c}'`).join('\n')
-  writeFileSync(path.join(componentsDir, 'index.ts'), indexContent)
+  fs.writeFileSync(path.join(componentsDir, 'index.ts'), indexContent)
   console.log('      ✅ index.ts')
 }
 
@@ -382,22 +382,22 @@ function copyUseResponsiveHook() {
   
   // Crear directorio hooks
   const hooksDir = path.join(projectRoot, 'src', 'hooks')
-  if (!existsSync(hooksDir)) {
-    mkdirSync(hooksDir, { recursive: true })
+  if (!fs.existsSync(hooksDir)) {
+    fs.mkdirSync(hooksDir, { recursive: true })
   }
   
   // Copiar tipos
   const typesDir = path.join(projectRoot, 'src', 'types')
-  if (!existsSync(typesDir)) {
-    mkdirSync(typesDir, { recursive: true })
+  if (!fs.existsSync(typesDir)) {
+    fs.mkdirSync(typesDir, { recursive: true })
   }
   copyFileFromPackage('src/types/responsive.ts', 'src/types/responsive.ts')
   console.log('      ✅ types/responsive.ts')
   
   // Copiar constantes
   const constantsDir = path.join(projectRoot, 'src', 'constants')
-  if (!existsSync(constantsDir)) {
-    mkdirSync(constantsDir, { recursive: true })
+  if (!fs.existsSync(constantsDir)) {
+    fs.mkdirSync(constantsDir, { recursive: true })
   }
   copyFileFromPackage('src/constants/breakpoints.ts', 'src/constants/breakpoints.ts')
   console.log('      ✅ constants/breakpoints.ts')
@@ -411,7 +411,7 @@ function copyUseResponsiveHook() {
 export type { ResponsiveState, Breakpoint, Orientation } from '../types/responsive'
 export { DEFAULT_BREAKPOINTS, getCurrentBreakpoint, getBreakpointIndex, getBreakpointValue } from '../constants/breakpoints'
 `
-  writeFileSync(path.join(hooksDir, 'index.ts'), indexContent)
+  fs.writeFileSync(path.join(hooksDir, 'index.ts'), indexContent)
   console.log('      ✅ hooks/index.ts')
 }
 
@@ -476,7 +476,7 @@ if (!packageJson.type) {
 if (needsUpdate) {
   console.log('')
   console.log('📝 Actualizando package.json...')
-  writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
   console.log('✅ package.json actualizado')
   console.log('')
   console.log('⚠️  Ejecuta "npm install" para instalar las dependencias')
@@ -484,17 +484,31 @@ if (needsUpdate) {
   console.log('✅ Todas las dependencias ya están en package.json')
 }
 
-// Verificar si el proyecto ya está configurado
+// Verificar si el proyecto ya está configurado (antes de la función async)
 const mainTsxPath = path.join(projectRoot, 'src', 'main.tsx')
 const layoutsDir = path.join(projectRoot, 'src', 'layouts')
-const isAlreadyConfigured = existsSync(mainTsxPath) && existsSync(layoutsDir) && existsSync(path.join(projectRoot, 'vite.config.ts'))
+const viteConfigPath = path.join(projectRoot, 'vite.config.ts')
+
+// Función helper para verificar si existe un archivo/directorio
+const fileExists = (filePath) => {
+  try {
+    return typeof fs.existsSync === 'function' && fs.existsSync(filePath)
+  } catch (e) {
+    return false
+  }
+}
+
+const isAlreadyConfigured = fileExists(mainTsxPath) && 
+  fileExists(layoutsDir) && 
+  fileExists(viteConfigPath)
 
 // Función async para manejar la configuración del proyecto
 (async () => {
+
   // Si el proyecto está vacío, crear estructura base
   if (isProjectEmpty) {
-  // Si ya está configurado, preguntar si quiere sobrescribir
-  if (isAlreadyConfigured) {
+    // Si ya está configurado, preguntar si quiere sobrescribir
+    if (isAlreadyConfigured) {
     console.log('')
     console.log('⚠️  El proyecto ya está configurado')
     
@@ -538,8 +552,8 @@ const isAlreadyConfigured = existsSync(mainTsxPath) && existsSync(layoutsDir) &&
   const dirs = ['src', 'src/components', 'src/components/layout', 'src/pages', 'src/hooks', 'src/types', 'src/constants', 'public']
   dirs.forEach(dir => {
     const dirPath = path.join(projectRoot, dir)
-    if (!existsSync(dirPath)) {
-      mkdirSync(dirPath, { recursive: true })
+    if (!fs.existsSync(dirPath)) {
+      fs.mkdirSync(dirPath, { recursive: true })
     }
   })
   
@@ -553,7 +567,7 @@ const isAlreadyConfigured = existsSync(mainTsxPath) && existsSync(layoutsDir) &&
   
   // Crear vite.config.ts
   const viteConfigPath = path.join(projectRoot, 'vite.config.ts')
-  if (!existsSync(viteConfigPath)) {
+  if (!fs.existsSync(viteConfigPath)) {
     const viteConfig = `import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
@@ -561,13 +575,13 @@ export default defineConfig({
   plugins: [react()],
 })
 `
-    writeFileSync(viteConfigPath, viteConfig)
+    fs.writeFileSync(viteConfigPath, viteConfig)
     console.log('   ✅ Creado: vite.config.ts')
   }
   
   // Crear tailwind.config.js
   const tailwindConfigPath = path.join(projectRoot, 'tailwind.config.js')
-  if (!existsSync(tailwindConfigPath)) {
+  if (!fs.existsSync(tailwindConfigPath)) {
     const tailwindConfig = `import responsiveScalePlugin from 'responsive-system/plugin'
 
 export default {
@@ -603,13 +617,13 @@ export default {
   ],
 }
 `
-    writeFileSync(tailwindConfigPath, tailwindConfig)
+    fs.writeFileSync(tailwindConfigPath, tailwindConfig)
     console.log('   ✅ Creado: tailwind.config.js')
   }
   
   // Crear postcss.config.js
   const postcssConfigPath = path.join(projectRoot, 'postcss.config.js')
-  if (!existsSync(postcssConfigPath)) {
+  if (!fs.existsSync(postcssConfigPath)) {
     const postcssConfig = `export default {
   plugins: {
     '@tailwindcss/postcss': {},
@@ -617,13 +631,13 @@ export default {
   },
 }
 `
-    writeFileSync(postcssConfigPath, postcssConfig)
+    fs.writeFileSync(postcssConfigPath, postcssConfig)
     console.log('   ✅ Creado: postcss.config.js')
   }
   
   // Crear tsconfig.json
   const tsconfigPath = path.join(projectRoot, 'tsconfig.json')
-  if (!existsSync(tsconfigPath)) {
+  if (!fs.existsSync(tsconfigPath)) {
     const tsconfig = `{
   "compilerOptions": {
     "target": "ES2020",
@@ -646,13 +660,13 @@ export default {
   "references": [{ "path": "./tsconfig.node.json" }]
 }
 `
-    writeFileSync(tsconfigPath, tsconfig)
+    fs.writeFileSync(tsconfigPath, tsconfig)
     console.log('   ✅ Creado: tsconfig.json')
   }
   
   // Crear tsconfig.node.json
   const tsconfigNodePath = path.join(projectRoot, 'tsconfig.node.json')
-  if (!existsSync(tsconfigNodePath)) {
+  if (!fs.existsSync(tsconfigNodePath)) {
     const tsconfigNode = `{
   "compilerOptions": {
     "composite": true,
@@ -664,13 +678,13 @@ export default {
   "include": ["vite.config.ts"]
 }
 `
-    writeFileSync(tsconfigNodePath, tsconfigNode)
+    fs.writeFileSync(tsconfigNodePath, tsconfigNode)
     console.log('   ✅ Creado: tsconfig.node.json')
   }
   
   // Crear index.html
   const indexHtmlPath = path.join(projectRoot, 'index.html')
-  if (!existsSync(indexHtmlPath)) {
+  if (!fs.existsSync(indexHtmlPath)) {
     const indexHtml = `<!doctype html>
 <html lang="es">
   <head>
@@ -685,14 +699,14 @@ export default {
   </body>
 </html>
 `
-    writeFileSync(indexHtmlPath, indexHtml)
+    fs.writeFileSync(indexHtmlPath, indexHtml)
     console.log('   ✅ Creado: index.html')
   }
   
   // Crear layout local según el seleccionado
   const layoutsDir = path.join(projectRoot, 'src', 'layouts')
-  if (!existsSync(layoutsDir)) {
-    mkdirSync(layoutsDir, { recursive: true })
+  if (!fs.existsSync(layoutsDir)) {
+    fs.mkdirSync(layoutsDir, { recursive: true })
   }
   
   // Generar layout local que use los componentes locales
@@ -807,12 +821,12 @@ export default MinimalLayout
   }
   
   const layoutPath = path.join(layoutsDir, `${selectedLayout.charAt(0).toUpperCase() + selectedLayout.slice(1)}Layout.tsx`)
-  writeFileSync(layoutPath, layoutContent)
+  fs.writeFileSync(layoutPath, layoutContent)
   console.log(`   ✅ Creado: src/layouts/${path.basename(layoutPath)}`)
   
   // Crear src/main.tsx que use el layout local
   const mainTsxPath = path.join(projectRoot, 'src', 'main.tsx')
-  if (!existsSync(mainTsxPath)) {
+  if (!fs.existsSync(mainTsxPath)) {
     const layoutName = selectedLayout.charAt(0).toUpperCase() + selectedLayout.slice(1) + 'Layout'
     const mainTsx = `import React from 'react'
 import ReactDOM from 'react-dom/client'
@@ -831,22 +845,22 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
   </React.StrictMode>,
 )
 `
-    writeFileSync(mainTsxPath, mainTsx)
+    fs.writeFileSync(mainTsxPath, mainTsx)
     console.log('   ✅ Creado: src/main.tsx')
   }
   
   // Crear src/index.css
   const indexCssPath = path.join(projectRoot, 'src', 'index.css')
-  if (!existsSync(indexCssPath)) {
+  if (!fs.existsSync(indexCssPath)) {
     const indexCss = `@import "tailwindcss";
 `
-    writeFileSync(indexCssPath, indexCss)
+    fs.writeFileSync(indexCssPath, indexCss)
     console.log('   ✅ Creado: src/index.css')
   }
   
   // Crear src/pages/HomePage.tsx con página de ejemplo simple
   const homePagePath = path.join(projectRoot, 'src', 'pages', 'HomePage.tsx')
-  if (!existsSync(homePagePath)) {
+  if (!fs.existsSync(homePagePath)) {
     const homePage = `import { useResponsiveLayout } from 'responsive-system'
 import { useResponsive } from '../hooks'
 
@@ -926,13 +940,13 @@ function HomePage() {
 
 export default HomePage
 `
-    writeFileSync(homePagePath, homePage)
+    fs.writeFileSync(homePagePath, homePage)
     console.log('   ✅ Creado: src/pages/HomePage.tsx (página de ejemplo simple)')
   }
   
   // Crear src/App.tsx que importa la página
   const appTsxPath = path.join(projectRoot, 'src', 'App.tsx')
-  if (!existsSync(appTsxPath)) {
+  if (!fs.existsSync(appTsxPath)) {
     const appTsx = `import HomePage from './pages/HomePage'
 
 function App() {
@@ -941,7 +955,7 @@ function App() {
 
 export default App
 `
-    writeFileSync(appTsxPath, appTsx)
+    fs.writeFileSync(appTsxPath, appTsx)
     console.log('   ✅ Creado: src/App.tsx')
   }
   
@@ -959,7 +973,7 @@ export default App
     packageJson.scripts.preview = 'vite preview'
   }
   
-  writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
   console.log('   ✅ Actualizado: package.json con scripts')
   
   console.log('')