limbo-component 1.5.1 → 1.6.0
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.
- package/CHANGELOG.md +6 -0
- package/LICENSE +10 -9
- package/README.md +61 -55
- package/dist/limbo.cjs.js +5 -5
- package/dist/limbo.cjs.map +1 -1
- package/dist/limbo.css +1 -1
- package/dist/limbo.es.js +322 -144
- package/dist/limbo.es.map +1 -1
- package/dist/limbo.min.js +3 -3
- package/dist/limbo.min.js.map +1 -1
- package/dist/limbo.umd.js +5 -5
- package/dist/limbo.umd.js.map +1 -1
- package/dist/types/App.d.ts.map +1 -1
- package/dist/types/components/TabPortals.d.ts.map +1 -1
- package/dist/types/components/TabStock.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [1.6.0] - LTS - 2025-10-21
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
- 🔧 Fixes in stock services and form generation
|
|
12
|
+
- 🪨 Stable version LTS!
|
|
13
|
+
|
|
8
14
|
## [1.5.1] - 2025-10-20
|
|
9
15
|
|
|
10
16
|
### Fixed
|
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
|
[](https://www.npmjs.com/package/limbo-component)
|
|
6
|
-
[](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
|
|
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
|
|
50
|
-
import
|
|
52
|
+
import Limbo from "limbo-component";
|
|
53
|
+
import "limbo-component/css";
|
|
51
54
|
|
|
52
55
|
// Configurar globalmente
|
|
53
56
|
Limbo.configure({
|
|
54
|
-
apiKey:
|
|
57
|
+
apiKey: "your-api-key",
|
|
55
58
|
prod: true,
|
|
56
|
-
url:
|
|
59
|
+
url: "https://limbo.lefebvre.es",
|
|
57
60
|
});
|
|
58
61
|
|
|
59
62
|
// Crear instancia embebida
|
|
60
63
|
Limbo.create({
|
|
61
|
-
container:
|
|
62
|
-
mode:
|
|
63
|
-
modeUI:
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
<
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
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:
|
|
107
|
+
Limbo.configure({ apiKey: "your-api-key" });
|
|
102
108
|
Limbo.configureAutoInputs({
|
|
103
|
-
dataset:
|
|
104
|
-
returnType:
|
|
109
|
+
dataset: "data-limbo-input-file",
|
|
110
|
+
returnType: "url", // o 'object', 'base64', etc.
|
|
105
111
|
allowDelete: false, // Ejemplo: solo selección
|
|
106
|
-
features: [
|
|
107
|
-
modeUI:
|
|
108
|
-
buttonText:
|
|
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:
|
|
137
|
-
mode:
|
|
138
|
-
modeUI:
|
|
139
|
-
features: [
|
|
142
|
+
container: "#solo-seleccion",
|
|
143
|
+
mode: "embed",
|
|
144
|
+
modeUI: "gallery-only",
|
|
145
|
+
features: ["gallery"],
|
|
140
146
|
ui: {
|
|
141
|
-
showActions: [
|
|
142
|
-
hideActions: [
|
|
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(
|
|
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:
|
|
157
|
-
mode:
|
|
158
|
-
modeUI:
|
|
159
|
-
features: [
|
|
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(
|
|
168
|
-
console.log(
|
|
173
|
+
document.addEventListener("limbo:select", (e) => {
|
|
174
|
+
console.log("Imagen seleccionada:", e.detail);
|
|
169
175
|
// e.detail: { assetId, url, fileName, ... }
|
|
170
176
|
});
|
|
171
177
|
|