limbo-component 1.5.1 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/LICENSE +10 -9
  2. package/README.md +61 -55
  3. package/package.json +1 -1
package/LICENSE CHANGED
@@ -3,30 +3,31 @@ Todos los derechos reservados.
3
3
 
4
4
  LICENCIA DE SOFTWARE PROPIETARIO
5
5
 
6
- Este software y la documentación asociada (el "Software") son propiedad
7
- exclusiva de Lefebvre El Derecho, S.A. y están protegidos por las leyes
6
+ Este software y la documentación asociada (el "Software") son propiedad
7
+ exclusiva de Lefebvre El Derecho, S.A. y están protegidos por las leyes
8
8
  de derechos de autor y tratados internacionales.
9
9
 
10
10
  RESTRICCIONES:
11
11
 
12
- 1. USO AUTORIZADO: El uso de este Software está autorizado únicamente para
13
- proyectos internos y productos de Lefebvre El Derecho, S.A. y sus
12
+ 1. USO AUTORIZADO: El uso de este Software está autorizado únicamente para
13
+ proyectos internos y productos de Lefebvre El Derecho, S.A. y sus
14
14
  empresas filiales.
15
15
 
16
16
  2. PROHIBICIONES: Queda expresamente prohibido:
17
+
17
18
  - Redistribuir, sublicenciar o vender copias del Software
18
19
  - Modificar, adaptar o crear obras derivadas sin autorización escrita
19
20
  - Realizar ingeniería inversa, descompilar o desensamblar el Software
20
21
  - Usar el Software en productos o servicios de terceros
21
22
  - Eliminar o modificar cualquier aviso de derechos de autor
22
23
 
23
- 3. SIN GARANTÍA: EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE
24
- NINGÚN TIPO, EXPRESA O IMPLÍCITA, INCLUYENDO PERO NO LIMITADO A
25
- GARANTÍAS DE COMERCIABILIDAD, IDONEIDAD PARA UN PROPÓSITO PARTICULAR
24
+ 3. SIN GARANTÍA: EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE
25
+ NINGÚN TIPO, EXPRESA O IMPLÍCITA, INCLUYENDO PERO NO LIMITADO A
26
+ GARANTÍAS DE COMERCIABILIDAD, IDONEIDAD PARA UN PROPÓSITO PARTICULAR
26
27
  Y NO INFRACCIÓN.
27
28
 
28
- 4. LIMITACIÓN DE RESPONSABILIDAD: EN NINGÚN CASO LEFEBVRE EL DERECHO, S.A.
29
- SERÁ RESPONSABLE POR CUALQUIER DAÑO DIRECTO, INDIRECTO, INCIDENTAL,
29
+ 4. LIMITACIÓN DE RESPONSABILIDAD: EN NINGÚN CASO LEFEBVRE EL DERECHO, S.A.
30
+ SERÁ RESPONSABLE POR CUALQUIER DAÑO DIRECTO, INDIRECTO, INCIDENTAL,
30
31
  ESPECIAL, EJEMPLAR O CONSECUENTE.
31
32
 
32
33
  Para consultas sobre licenciamiento o uso autorizado, contactar:
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  > Componente React altamente configurable para gestión de imágenes en portales web. Incluye galería, subida, recortador, y servicios de IA/Stock.
4
4
 
5
5
  [![npm version](https://img.shields.io/npm/v/limbo-component.svg)](https://www.npmjs.com/package/limbo-component)
6
- [![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
6
+ [![License: Propietary](https://img.shields.io/badge/License-propietary-blue.svg)](https://opensource.org/licenses/ISC)
7
7
 
8
8
  ## 🌟 Características
9
9
 
@@ -35,7 +35,10 @@ pnpm add limbo-component
35
35
 
36
36
  ```html
37
37
  <!-- Incluir CSS -->
38
- <link rel="stylesheet" href="https://unpkg.com/limbo-component/dist/limbo.css">
38
+ <link
39
+ rel="stylesheet"
40
+ href="https://unpkg.com/limbo-component/dist/limbo.css"
41
+ />
39
42
 
40
43
  <!-- Incluir JS (React ya incluido) -->
41
44
  <script src="https://unpkg.com/limbo-component/dist/limbo.min.js"></script>
@@ -46,21 +49,21 @@ pnpm add limbo-component
46
49
  ### Modo Embed (ESM)
47
50
 
48
51
  ```javascript
49
- import Limbo from 'limbo-component';
50
- import 'limbo-component/css';
52
+ import Limbo from "limbo-component";
53
+ import "limbo-component/css";
51
54
 
52
55
  // Configurar globalmente
53
56
  Limbo.configure({
54
- apiKey: 'your-api-key',
57
+ apiKey: "your-api-key",
55
58
  prod: true,
56
- url: 'https://limbo.lefebvre.es'
59
+ url: "https://limbo.lefebvre.es",
57
60
  });
58
61
 
59
62
  // Crear instancia embebida
60
63
  Limbo.create({
61
- container: '#limbo-container',
62
- mode: 'embed',
63
- modeUI: 'full'
64
+ container: "#limbo-container",
65
+ mode: "embed",
66
+ modeUI: "full",
64
67
  });
65
68
  ```
66
69
 
@@ -69,27 +72,30 @@ Limbo.create({
69
72
  ```html
70
73
  <!DOCTYPE html>
71
74
  <html>
72
- <head>
73
- <link rel="stylesheet" href="https://unpkg.com/limbo-component/dist/limbo.css">
74
- </head>
75
- <body>
76
- <div id="limbo-app"></div>
77
-
78
- <script src="https://unpkg.com/limbo-component/dist/limbo.min.js"></script>
79
- <script>
80
- // Configurar
81
- Limbo.configure({
82
- apiKey: 'your-api-key',
83
- prod: true
84
- });
85
-
86
- // Montar
87
- Limbo.create({
88
- container: '#limbo-app',
89
- mode: 'embed'
90
- });
91
- </script>
92
- </body>
75
+ <head>
76
+ <link
77
+ rel="stylesheet"
78
+ href="https://unpkg.com/limbo-component/dist/limbo.css"
79
+ />
80
+ </head>
81
+ <body>
82
+ <div id="limbo-app"></div>
83
+
84
+ <script src="https://unpkg.com/limbo-component/dist/limbo.min.js"></script>
85
+ <script>
86
+ // Configurar
87
+ Limbo.configure({
88
+ apiKey: "your-api-key",
89
+ prod: true,
90
+ });
91
+
92
+ // Montar
93
+ Limbo.create({
94
+ container: "#limbo-app",
95
+ mode: "embed",
96
+ });
97
+ </script>
98
+ </body>
93
99
  </html>
94
100
  ```
95
101
 
@@ -98,29 +104,29 @@ Limbo.create({
98
104
  ```html
99
105
  <!-- Configuración global -->
100
106
  <script>
101
- Limbo.configure({ apiKey: 'your-api-key' });
107
+ Limbo.configure({ apiKey: "your-api-key" });
102
108
  Limbo.configureAutoInputs({
103
- dataset: 'data-limbo-input-file',
104
- returnType: 'url', // o 'object', 'base64', etc.
109
+ dataset: "data-limbo-input-file",
110
+ returnType: "url", // o 'object', 'base64', etc.
105
111
  allowDelete: false, // Ejemplo: solo selección
106
- features: ['gallery'], // Solo galería y selección
107
- modeUI: 'gallery-only',
108
- buttonText: 'Seleccionar imagen',
112
+ features: ["gallery"], // Solo galería y selección
113
+ modeUI: "gallery-only",
114
+ buttonText: "Seleccionar imagen",
109
115
  });
110
116
  </script>
111
117
 
112
118
  <!-- Usar en múltiples inputs, sin JS adicional -->
113
- <input
114
- type="hidden"
115
- name="avatar"
119
+ <input
120
+ type="hidden"
121
+ name="avatar"
116
122
  data-limbo-input-file
117
123
  data-limbo-mode="modal"
118
124
  data-limbo-features="gallery"
119
125
  data-limbo-button-text="Seleccionar avatar"
120
126
  />
121
- <input
122
- type="hidden"
123
- name="banner"
127
+ <input
128
+ type="hidden"
129
+ name="banner"
124
130
  data-limbo-input-file
125
131
  data-limbo-mode="modal"
126
132
  data-limbo-features="gallery,cropper"
@@ -133,30 +139,30 @@ Limbo.create({
133
139
  ```javascript
134
140
  // Ejemplo: solo selección, sin subida ni recorte
135
141
  Limbo.create({
136
- container: '#solo-seleccion',
137
- mode: 'embed',
138
- modeUI: 'gallery-only',
139
- features: ['gallery'],
142
+ container: "#solo-seleccion",
143
+ mode: "embed",
144
+ modeUI: "gallery-only",
145
+ features: ["gallery"],
140
146
  ui: {
141
- showActions: ['select'],
142
- hideActions: ['delete', 'download', 'copy', 'crop'],
147
+ showActions: ["select"],
148
+ hideActions: ["delete", "download", "copy", "crop"],
143
149
  compactMode: true,
144
150
  showTabs: false,
145
151
  },
146
152
  callbacks: {
147
153
  onSelect: (payload) => {
148
154
  // payload: { assetId, url, fileName, ... }
149
- console.log('Imagen seleccionada:', payload);
155
+ console.log("Imagen seleccionada:", payload);
150
156
  },
151
157
  },
152
158
  });
153
159
 
154
160
  // Ejemplo: modo cropper-only
155
161
  Limbo.create({
156
- container: '#cropper',
157
- mode: 'modal',
158
- modeUI: 'crop-only',
159
- features: ['cropper'],
162
+ container: "#cropper",
163
+ mode: "modal",
164
+ modeUI: "crop-only",
165
+ features: ["cropper"],
160
166
  // ...
161
167
  });
162
168
  ```
@@ -164,8 +170,8 @@ Limbo.create({
164
170
  ## 📡 Eventos y persistencia de estado
165
171
 
166
172
  ```javascript
167
- document.addEventListener('limbo:select', (e) => {
168
- console.log('Imagen seleccionada:', e.detail);
173
+ document.addEventListener("limbo:select", (e) => {
174
+ console.log("Imagen seleccionada:", e.detail);
169
175
  // e.detail: { assetId, url, fileName, ... }
170
176
  });
171
177
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "limbo-component",
3
- "version": "1.5.1",
3
+ "version": "1.5.2",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "Limbo - Highly configurable React image manager component for web portals",