limbo-component 1.0.2 → 1.5.1

package/CHANGELOG.md

@@ -5,26 +5,64 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [1.0.2] - 2025-10-13
+## [1.5.1] - 2025-10-20
+
+### Fixed
+- ⚖️ New license **[Propietary]**
+
+## [1.5.0] - 2025-10-20
+
+### Fixed
+- 🛡️ fix external images proxy to retrieve urls
+
+## [1.4.0] - 2025-10-19
+
+### Added
+- 🆕 New variants menu for images (gestión avanzada de variantes desde la galería)
+
+## [1.3.1] - 2025-10-18
 
 ### Changed
+- ⏳ Token life time up to 3600s (mejora de experiencia de usuario y menos expiraciones)
 
-- 📜 **Licencia cambiada a PROPRIETARY** - Software exclusivo de Lefebvre El Derecho, S.A.
-- 🧹 Eliminadas URLs de GitHub del package.json (repositorio privado)
-- 📝 Simplificado `useIsAllowedAll` hook con documentación mejorada sobre JWT v2
-- 🗂️ .npmignore limpiado y reorganizado (eliminados duplicados)
+## [1.3.0] - 2025-10-17
+
+### Changed
+- 🛠️ Various fixes and pagination (mejoras en paginación y correcciones menores)
+
+## [1.2.0] - 2025-10-16
 
 ### Fixed
+- 🔧 Fix services calls (mejoras en llamadas a servicios internos)
+
+## [1.2.0] - 2025-10-15
+
+### Fixed
+- 🔧 Fix new cors for localdev and calls to API (mejoras CORS para desarrollo local y llamadas a la API)
+
+## [1.1.0] - 2025-10-14
 
-- ✅ Resuelto TODO en useIsAllowedAll.js - documentada estrategia de autenticación JWT v2
+### Added
 
-## [1.0.1] - 2025-10-13
+- 🌐 Integración completa con portales externos (proxy seguro, filtrado de duplicados)
+- 💾 Persistencia de estado en pestaña "Portales" (sessionStorage)
+- 🧩 Compatibilidad total con modos "solo selección" y "cropper-only"
+- 🪄 Mejoras en AutoInputs: configuración granular por dataset, botón de selección personalizable
+- 🛡️ Mejoras de seguridad y CORS en descargas externas
+- 🏷️ Ejemplos de integración avanzada en README
 
 ### Changed
 
-- 📝 Actualizada documentación (README, CHANGELOG)
-- 🔗 URLs corregidas a limbo.lefebvre.es
-- 🚫 Eliminados links a repositorio privado de GitHub
+- 🖼️ UX mejorada en UploadForm y Tabs (más compacto, accesible, placeholders inteligentes)
+- ♿ Accesibilidad mejorada en navegación por teclado y ARIA
+- 🔄 Refactor de lógica de selección para soportar todos los modos y callbacks
+
+### Fixed
+
+- 🐞 Corrección de duplicados en resultados de portales externos
+- 🐞 Corrección de pérdida de estado al cambiar de pestaña
+
+---
 
 ## [1.0.0] - 2025-10-13
 

package/README.md

@@ -3,21 +3,21 @@
 > Componente React altamente configurable para gestión de imágenes en portales web. Incluye galería, subida, recortador, y servicios de IA/Stock.
 
 [![npm version](https://img.shields.io/npm/v/limbo-component.svg)](https://www.npmjs.com/package/limbo-component)
-[![License: PROPRIETARY](https://img.shields.io/badge/License-PROPRIETARY-red.svg)](./LICENSE)
+[![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
 
 ## 🌟 Características
 
-- 🖼️ **Galería completa** - Navega y selecciona imágenes del portal
-- 📤 **Subida de imágenes** - Con preview y validación
-- ✂️ **Recortador avanzado** - Basado en Cropper.js 2.0 con presets
-- 🤖 **Integración IA/Stock** - Generación y búsqueda de imágenes
-- 🎭 **Múltiples modos** - Embed, modal o botón trigger
-- 🎯 **Altamente configurable** - Por portal y por instancia
-- 🔐 **Seguro** - Autenticación JWT v2
-- 📦 **Multi-formato** - ESM, CJS, UMD (con React incluido)
-- 🌍 **Internacionalización** - ES/EN incluidos
-- ♿ **Accesible** - ARIA, teclado, focus trap
-- 📱 **Responsive** - Mobile-friendly con container queries
+- 🖼️ **Galería completa**: Navega y selecciona imágenes del portal o portales externos (con proxy y filtrado de duplicados)
+- 📤 **Subida de imágenes**: Con preview, validación y persistencia de estado
+- ✂️ **Recortador avanzado**: Basado en Cropper.js 2.0 con presets y modos independientes
+- 🤖 **Integración IA/Stock**: Generación y búsqueda de imágenes con tabs especializadas
+- 🎭 **Múltiples modos**: Embed, modal, botón trigger, solo selección, cropper-only, gallery-only, etc.
+- 🎯 **Altamente configurable**: Por portal, instancia, dataset HTML o JS
+- 🔐 **Seguro**: Autenticación JWT v2, CORS dinámico
+- 📦 **Multi-formato**: ESM, CJS, UMD (con React incluido)
+- 🌍 **Internacionalización**: ES/EN incluidos
+- ♿ **Accesible**: ARIA, teclado, focus trap
+- 📱 **Responsive**: Mobile-friendly con container queries
 
 ## 📦 Instalación
 
@@ -93,59 +93,89 @@ Limbo.create({
 </html>
 ```
 
-### AutoInputs (Integración automática)
+### AutoInputs (Integración automática y selección directa)
 
 ```html
-<!-- Configurar una vez -->
+<!-- Configuración global -->
 <script>
   Limbo.configure({ apiKey: 'your-api-key' });
   Limbo.configureAutoInputs({
     dataset: 'data-limbo-input-file',
-    returnType: 'url'
+    returnType: 'url', // o 'object', 'base64', etc.
+    allowDelete: false, // Ejemplo: solo selección
+    features: ['gallery'], // Solo galería y selección
+    modeUI: 'gallery-only',
+    buttonText: 'Seleccionar imagen',
   });
 </script>
 
-<!-- Usar en múltiples inputs -->
+<!-- Usar en múltiples inputs, sin JS adicional -->
 <input 
   type="hidden" 
   name="avatar" 
   data-limbo-input-file
   data-limbo-mode="modal"
-  data-limbo-features="gallery,upload"
+  data-limbo-features="gallery"
+  data-limbo-button-text="Seleccionar avatar"
+/>
+<input 
+  type="hidden" 
+  name="banner" 
+  data-limbo-input-file
+  data-limbo-mode="modal"
+  data-limbo-features="gallery,cropper"
+  data-limbo-button-text="Seleccionar banner"
 />
 ```
 
-## ⚙️ Configuración
+## ⚙️ Configuración avanzada y granular
 
 ```javascript
+// Ejemplo: solo selección, sin subida ni recorte
 Limbo.create({
-  container: '#app',
-  mode: 'embed',           // 'embed' | 'modal' | 'button'
-  modeUI: 'full',          // 'full' | 'gallery-only' | 'upload-only' | 'crop-only'
-  
-  // Callbacks
+  container: '#solo-seleccion',
+  mode: 'embed',
+  modeUI: 'gallery-only',
+  features: ['gallery'],
+  ui: {
+    showActions: ['select'],
+    hideActions: ['delete', 'download', 'copy', 'crop'],
+    compactMode: true,
+    showTabs: false,
+  },
   callbacks: {
-    onSelect: (payload) => console.log('Selected:', payload),
-    onUpload: (payload) => console.log('Uploaded:', payload),
-    onError: (error) => console.error('Error:', error)
-  }
+    onSelect: (payload) => {
+      // payload: { assetId, url, fileName, ... }
+      console.log('Imagen seleccionada:', payload);
+    },
+  },
+});
+
+// Ejemplo: modo cropper-only
+Limbo.create({
+  container: '#cropper',
+  mode: 'modal',
+  modeUI: 'crop-only',
+  features: ['cropper'],
+  // ...
 });
 ```
 
-## 📡 Eventos
+## 📡 Eventos y persistencia de estado
 
 ```javascript
 document.addEventListener('limbo:select', (e) => {
-  console.log('Image selected:', e.detail);
-  // e.detail contiene: assetId, variants, master, fileBlob, etc.
+  console.log('Imagen seleccionada:', e.detail);
+  // e.detail: { assetId, url, fileName, ... }
 });
+
+// El componente persiste el estado de búsqueda, selección y resultados
+// en sessionStorage para evitar perder datos al cambiar de pestaña.
 ```
 
 ## 📄 Licencia
 
-Copyright © 2025 Lefebvre El Derecho, S.A. - Todos los derechos reservados.
-
-Este software es propiedad de Lefebvre El Derecho, S.A. y su uso está restringido exclusivamente a proyectos autorizados de la empresa. Ver [LICENSE](./LICENSE) para más detalles.
+ISC © LefebvreWEB
 
 ## 🔗 Links