@rsltda/components 1.0.11 → 1.0.13

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/README.md CHANGED
@@ -1,6 +1,12 @@
1
1
  # @rsltda/components
2
2
 
3
- Libreria de Web Components construida con Vite + TypeScript. El paquete expone principalmente el custom element `<rs-map>`, pensado para desplegar mapas de Google con puntos filtrables y panel lateral. El objetivo del `npm publish` es distribuir solo el bundle compilado (`dist/`) para poder reutilizar el componente via npm o CDN (jsDelivr) sin exponer el codigo fuente.
3
+ Web Components construidos con Vite + TypeScript. El paquete expone principalmente `<rs-map>`, componente orientado a mostrar en Google Maps las sucursales y distribuidores de Roland Spaarwater Ltda. en Chile, con puntos filtrables, panel lateral y cache local.
4
+
5
+ ## Alcance de uso
6
+
7
+ Este paquete se publica de forma abierta para fines de integracion tecnica, evaluacion y desarrollo. Sin embargo, el uso en produccion de marcas, nombres comerciales, endpoints, datos, logos, iconografia y otros activos asociados a Roland Spaarwater Ltda. debe realizarse unicamente con autorizacion expresa del titular correspondiente.
8
+
9
+ La publicacion de este paquete no concede por si misma derechos sobre marcas, identidad visual, contenidos ni datos comerciales de la empresa.
4
10
 
5
11
  ## Instalacion
6
12
 
@@ -8,20 +14,15 @@ Libreria de Web Components construida con Vite + TypeScript. El paquete expone p
8
14
  npm install @rsltda/components
9
15
  ```
10
16
 
11
- Al instalar, el paquete ya incluye los bundles `rs-components.es.js` (ESM) y `rs-components.iife.js`, mas las declaraciones TypeScript generadas en `dist/index.d.ts`.
12
-
13
- El paquete tambien publica `custom-elements.json`, lo que permite a herramientas compatibles ofrecer autocompletado y documentacion de atributos para `<rs-map>`.
14
-
15
17
  ## Uso rapido
16
18
 
17
- ### 1. Registrar el componente
19
+ ### Importar el componente
18
20
 
19
21
  ```ts
20
- import "@rsltda/components/dist/rs-components.es.js";
21
- // El bundle llama a safeDefine internamente, por lo que <rs-map> queda disponible en customElements.
22
+ import "@rsltda/components/rs-components.es.js";
22
23
  ```
23
24
 
24
- ### 2. Insertar en el DOM
25
+ ### Usarlo en HTML
25
26
 
26
27
  ```html
27
28
  <rs-map
@@ -29,45 +30,46 @@ import "@rsltda/components/dist/rs-components.es.js";
29
30
  tipo="1"
30
31
  height="600px"
31
32
  google-maps-key="TU_KEY"
32
- points-api-url="https://you.api.com/PuntosMapas"
33
33
  cache-days="30"
34
- marker-icon-base="https://you.cdn.com/marker/"
35
34
  ></rs-map>
36
35
  ```
37
36
 
38
- Todos los valores sensibles se inyectan mediante atributos, de modo que el bundle publicado se mantiene agnostico de tus credenciales.
39
-
40
- ### 3. Consumo via jsDelivr
37
+ ### Via jsDelivr
41
38
 
42
39
  ```html
43
- <script type="module" src="https://cdn.jsdelivr.net/npm/@rsltda/components/dist/rs-components.es.js"></script>
40
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@rsltda/components/rs-components.es.js"></script>
44
41
  ```
45
42
 
46
- Tras cargar el script anterior, puedes usar `<rs-map>` en cualquier sitio estatico sin necesidad de build tooling.
43
+ ## Configuracion de `<rs-map>`
44
+
45
+ | Atributo | Descripcion |
46
+ | --- | --- |
47
+ | `marca` | Marca usada para filtrar puntos y resolver color/icono. |
48
+ | `tipo` | `0`/`1` o `sucursal`/`distribuidor`. |
49
+ | `height` | Altura CSS del componente. Por defecto `520px`. |
50
+ | `google-maps-key` | API key de Google Maps. |
51
+ | `points-api-url` | Endpoint base de puntos. El componente usa un valor por defecto interno cuando no se especifica uno. |
52
+ | `cache-days` | Dias de vigencia del cache local. Por defecto `30`. |
53
+ | `marker-icon-base` | URL base para iconos por marca. El componente usa un valor por defecto interno cuando no se especifica uno. |
54
+ | `marker-icon-default` | Icono de respaldo si no se quiere usar icono por marca. |
55
+
56
+ ## Defaults importantes
47
57
 
48
- ## Publicacion en npm
58
+ - `points-api-url`: valor interno por defecto
59
+ - `marker-icon-base`: valor interno por defecto
60
+ - `cache-days`: `30`
49
61
 
50
- Este repositorio solo publica la carpeta `dist/` gracias a la combinacion de `files` en `package.json` y `.npmignore`. Antes de `npm publish`, ejecuta `npm run prepublishOnly`, lo cual dispara `vite build` y luego `tsc -p tsconfig.build.json` para asegurar que los bundles y los `.d.ts` esten actualizados.
62
+ ## Cache y primera carga
51
63
 
52
- ## Atributos principales de `<rs-map>`
64
+ `rs-map` primero intenta leer puntos desde `IndexedDB` y usa `localStorage` como respaldo.
53
65
 
54
- | Atributo | Descripcion |
55
- | ------------------ | ---------------------------------------------------------------------------- |
56
- | `marca` | String que determina filtros y colores (`ktm`, etc.). |
57
- | `tipo` | `0`/`1` o `sucursal`/`distribuidor`. |
58
- | `height` | Altura CSS del componente (`520px` por defecto). |
59
- | `google-maps-key` | API key de Google Maps utilizada para cargar el script JS. |
60
- | `points-api-url` | Endpoint que devuelve los puntos. Se le agregan query params `marca` y `tipo`. Por defecto usa `https://ap2.rs-shop.cl/web/PuntosMapas`. |
61
- | `cache-days` | Dias que el componente considera vigente el cache local; por defecto `30`. |
62
- | `marker-icon-base` | URL base para los iconos de los marcadores; se concatena con `<marca>.png`. Por defecto usa `https://cdn.rsltda.cl/logos/marker/`. |
63
- | `marker-icon-default` | Icono a usar cuando no se definio `marker-icon-base`; si tampoco se provee, se usara el marcador estandar de Google. |
66
+ Si aun no existe cache local, el componente puede hidratar la primera vista con archivos `src/json/PuntosMapas_{marca}_{tipo}.json` incluidos en el bundle. Mientras tanto, sigue consultando la API de puntos y, cuando responde, actualiza la vista y persiste el resultado en cache para las siguientes cargas.
64
67
 
65
- El componente es auto contenido: inyecta su propio Shadow DOM, maneja estados `loading/ready/error`, agrupa puntos por zona y sincroniza la lista lateral con el mapa.
68
+ ## Tipos y tooling
66
69
 
67
- ## Estructura relevante
70
+ El paquete incluye:
68
71
 
69
- - `src/components/rs-map.ts`: componente completo con la logica de Google Maps, fetch y UI.
70
- - `src/utils/define.ts`: helper `safeDefine` para evitar redefinir custom elements.
71
- - `src/index.ts`: entry principal que registra `RsMap` y reexporta la clase.
72
+ - `dist/index.d.ts`
73
+ - `custom-elements.json`
72
74
 
73
- Durante el build, Vite empaqueta `src/index.ts` siguiendo la configuracion de `vite.config.ts`, mientras que `tsconfig.build.json` genera las declaraciones de tipos en el mismo `dist/`. De esta forma, el paquete final listo para npm contiene unicamente artefactos compilados e ideales para distribuir de forma segura.
75
+ Eso ayuda con autocompletado en tooling compatible y tipado de `<rs-map>`.
@@ -32,7 +32,7 @@
32
32
  },
33
33
  {
34
34
  "name": "points-api-url",
35
- "description": "Endpoint base de puntos. Por defecto usa https://ap2.rs-shop.cl/web/PuntosMapas."
35
+ "description": "Endpoint base de puntos. El componente usa un valor interno por defecto cuando no se especifica uno."
36
36
  },
37
37
  {
38
38
  "name": "cache-days",
@@ -40,7 +40,7 @@
40
40
  },
41
41
  {
42
42
  "name": "marker-icon-base",
43
- "description": "URL base para iconos por marca. Por defecto usa https://cdn.rsltda.cl/logos/marker/ y concatena <marca>.png."
43
+ "description": "URL base para iconos por marca. El componente usa un valor interno por defecto y concatena <marca>.png."
44
44
  },
45
45
  {
46
46
  "name": "marker-icon-default",
@@ -0,0 +1,300 @@
1
+ const a = [
2
+ {
3
+ id: 4,
4
+ titulo: "RS SHOP",
5
+ rut: "78.392.030-1",
6
+ direccion: "AV. BALMACEDA 3825",
7
+ comuna: 26,
8
+ tipo: 0,
9
+ lat: "-29.9355046",
10
+ lng: "-71.2608043",
11
+ url: "#",
12
+ email: "serena@rsltda.cl",
13
+ adicional: 'Para compras online haga <a href="https://rs-shop.cl/" target="_blank">clic aquí</a><br />(Ropa, repuestos y accesorios)<br />Horarios:<br />Horario: Lunes de 9:30 a 18:00, Martes a Viernes de 9:30 a 18:30, s&aacute;bado de 10:00 a 14:00 y Domingo Cerrado.',
14
+ portada: "https://cdn.rsltda.cl/sucursales/Serena.jpg",
15
+ googlelink: "https://www.google.com/maps?cid=6951579388783798479&_ga=2.175448994.1884439895.1612785045-1028954341.1610022553",
16
+ activo: 1,
17
+ marca: 12,
18
+ comuna_name: "La Serena",
19
+ provincia_name: "Elqui",
20
+ region_name: "Región de Coquimbo",
21
+ telefonos: [
22
+ {
23
+ id: 8,
24
+ dist: 12,
25
+ telefono: "+56931860629",
26
+ nombre: "SERVICIO TÉCNICO",
27
+ whatsapp: 1,
28
+ orden: 1
29
+ },
30
+ {
31
+ id: 9,
32
+ dist: 12,
33
+ telefono: "+56932409481",
34
+ nombre: "EJECUTIVO DE VENTAS MOTOS Y REPUESTOS",
35
+ whatsapp: 1,
36
+ orden: 2
37
+ },
38
+ {
39
+ id: 44,
40
+ dist: 12,
41
+ telefono: "+56926366832",
42
+ nombre: "SERVICIO TÉCNICO",
43
+ whatsapp: 1,
44
+ orden: 3
45
+ }
46
+ ]
47
+ },
48
+ {
49
+ id: 5,
50
+ titulo: "RS SHOP",
51
+ rut: "78.392.030-1",
52
+ direccion: "RAUL LABBE 13664",
53
+ comuna: 293,
54
+ tipo: 0,
55
+ lat: "-33.362128410456",
56
+ lng: "-70.50697995",
57
+ url: "#",
58
+ email: "contacto.santiago@rsltda.cl",
59
+ adicional: 'Para compras online haga <a href="https://rs-shop.cl/" target="_blank">clic aquí</a><br />(Ropa, repuestos y accesorios)<br />Horarios:<br />Horario: Lunes de 9:30 a 18:00, Martes a Viernes de 9:30 a 18:30, s&aacute;bado de 10:00 a 14:00 y Domingo Cerrado.',
60
+ portada: "https://cdn.rsltda.cl/sucursales/Raul Labbe.jpg",
61
+ googlelink: "https://www.google.com/maps?cid=2275150080995595703&_ga=2.66379822.1884439895.1612785045-1028954341.1610022553",
62
+ activo: 1,
63
+ marca: 12,
64
+ comuna_name: "Lo Barnechea",
65
+ provincia_name: "Santiago",
66
+ region_name: "Región Metropolitana",
67
+ telefonos: [
68
+ {
69
+ id: 105,
70
+ dist: 5,
71
+ telefono: "+56972989127",
72
+ nombre: "SERVICIO TECNICO",
73
+ watshapp: 1,
74
+ orden: 1
75
+ },
76
+ {
77
+ id: 10,
78
+ dist: 12,
79
+ telefono: "+56990706571",
80
+ nombre: "EJECUTIVO DE VENTAS MOTOS",
81
+ whatsapp: 1,
82
+ orden: 2
83
+ },
84
+ {
85
+ id: 12,
86
+ dist: 12,
87
+ telefono: "+56995182610",
88
+ nombre: "EJECUTIVO DE VENTAS REPUESTOS",
89
+ whatsapp: 1,
90
+ orden: 3
91
+ },
92
+ {
93
+ id: 13,
94
+ dist: 12,
95
+ telefono: "+56223727214",
96
+ nombre: "SERVICIO TÉCNICO",
97
+ whatsapp: 0,
98
+ orden: 4
99
+ },
100
+ {
101
+ id: 14,
102
+ dist: 12,
103
+ telefono: "+56994722541",
104
+ nombre: "EJECUTIVO DE VENTAS REPUESTOS",
105
+ whatsapp: 1,
106
+ orden: 5
107
+ },
108
+ {
109
+ id: 15,
110
+ dist: 12,
111
+ telefono: "+56995172045",
112
+ nombre: "EJECUTIVO DE VENTAS MOTOS",
113
+ whatsapp: 1,
114
+ orden: 6
115
+ },
116
+ {
117
+ id: 16,
118
+ dist: 12,
119
+ telefono: "+56223727210",
120
+ nombre: "ATENCIÓN AL CLIENTE ",
121
+ whatsapp: 0,
122
+ orden: 7
123
+ },
124
+ {
125
+ id: 42,
126
+ dist: 5,
127
+ telefono: "+56223727218",
128
+ nombre: "Venta de Motos",
129
+ watshapp: 0,
130
+ orden: 8
131
+ },
132
+ {
133
+ id: 45,
134
+ dist: 5,
135
+ telefono: "+56223727213",
136
+ nombre: "Venta de repuestos",
137
+ watshapp: 0,
138
+ orden: 9
139
+ }
140
+ ]
141
+ },
142
+ {
143
+ id: 6,
144
+ titulo: "RS SHOP",
145
+ rut: "78.392.030-1",
146
+ direccion: "Av. Apoquindo 8263",
147
+ comuna: 292,
148
+ tipo: 0,
149
+ lat: "-33.4079713",
150
+ lng: "-70.5462772",
151
+ url: "#",
152
+ email: "lascondes@rsltda.cl",
153
+ adicional: 'Para compras online haga <a href="https://rs-shop.cl/" target="_blank">clic aquí</a><br />(Ropa, repuestos y accesorios)<br />Horarios:<br />Horario: Lunes de 9:30 a 18:00, Martes a Viernes de 9:30 a 18:30, s&aacute;bado de 10:00 a 14:00 y Domingo Cerrado.',
154
+ portada: "https://www.rsltda.cl/manager/wl/?id=UGQdNjACDW8nFi9PQrc2pkqGk8oeAVEQ",
155
+ googlelink: "https://www.google.com/maps?cid=4259910479983573687&_ga=2.129370252.1884439895.1612785045-1028954341.1610022553",
156
+ activo: 1,
157
+ marca: 12,
158
+ comuna_name: "Las Condes",
159
+ provincia_name: "Santiago",
160
+ region_name: "Región Metropolitana",
161
+ telefonos: [
162
+ {
163
+ id: 1,
164
+ dist: 12,
165
+ telefono: "+56996198627",
166
+ nombre: "SERVICIO TÉCNICO",
167
+ whatsapp: 1,
168
+ orden: 1
169
+ },
170
+ {
171
+ id: 2,
172
+ dist: 12,
173
+ telefono: "+56973416283",
174
+ nombre: "EJECUTIVO DE VENTAS MOTOS",
175
+ whatsapp: 1,
176
+ orden: 2
177
+ },
178
+ {
179
+ id: 3,
180
+ dist: 12,
181
+ telefono: "+56990789780",
182
+ nombre: "EJECUTIVO DE VENTAS MOTOS",
183
+ whatsapp: 1,
184
+ orden: 3
185
+ },
186
+ {
187
+ id: 87,
188
+ dist: 6,
189
+ telefono: "+569 90789780",
190
+ nombre: "Venta de Motos",
191
+ watshapp: 1,
192
+ orden: 4
193
+ }
194
+ ]
195
+ },
196
+ {
197
+ id: 1,
198
+ titulo: "RS SHOP (Casa Matriz)",
199
+ rut: "78.392.030-1",
200
+ direccion: "RUTA 5 SUR KM 407",
201
+ comuna: 356,
202
+ tipo: 0,
203
+ lat: "-36.6302069",
204
+ lng: "-72.1750310",
205
+ url: "#",
206
+ email: "chillan@rsltda.cl",
207
+ adicional: 'Anexo4: Recepcion Taller (<a href="mailto:recepcion.chillan@rsltda.cl">recepcion.chillan@rsltda.cl</a>)<br />Para compras online haga <a href="https://rs-shop.cl/" target="_blank">clic aquí</a><br />(Ropa, repuestos y accesorios)<br />Para ver como llegar <a href="https://desk.rs-shop.cl/links/tobR" target="_blank">haz clic aquí</a><br /> Horario: Lunes de 9:30 a 18:00, Martes a Viernes de 9:30 a 18:30, s&aacute;bado de 10:00 a 14:00 y Domingo Cerrado.',
208
+ portada: "https://cdn.rsltda.cl/sucursales/Casa Matriz.jpg",
209
+ googlelink: "https://www.google.com/maps?cid=7884901649758662236&_ga=2.130312335.1884439895.1612785045-1028954341.1610022553",
210
+ activo: 1,
211
+ marca: 12,
212
+ comuna_name: "Chillán Viejo",
213
+ provincia_name: "Diguillín",
214
+ region_name: "Región de Ñuble",
215
+ telefonos: [
216
+ {
217
+ id: 4,
218
+ dist: 12,
219
+ telefono: "+56422524941",
220
+ nombre: "SERVICIO TÉCNICO",
221
+ whatsapp: 0,
222
+ orden: 1
223
+ },
224
+ {
225
+ id: 5,
226
+ dist: 12,
227
+ telefono: "+56957219621",
228
+ nombre: "EJECUTIVO DE VENTAS MOTOS",
229
+ whatsapp: 1,
230
+ orden: 2
231
+ },
232
+ {
233
+ id: 6,
234
+ dist: 12,
235
+ telefono: "+56957255699",
236
+ nombre: "EJECUTIVO DE VENTAS REPUESTOS",
237
+ whatsapp: 1,
238
+ orden: 3
239
+ },
240
+ {
241
+ id: 1,
242
+ dist: 1,
243
+ telefono: "+56422524930",
244
+ nombre: "Central",
245
+ watshapp: 0,
246
+ orden: 4
247
+ },
248
+ {
249
+ id: 36,
250
+ dist: 1,
251
+ telefono: "+56422524931",
252
+ nombre: "Ventas Repuestos",
253
+ watshapp: 0,
254
+ orden: 5
255
+ }
256
+ ]
257
+ },
258
+ {
259
+ id: 2,
260
+ titulo: "RS SHOP",
261
+ rut: "78.392.030-1",
262
+ direccion: "AV.CAUPOLICAN 1461",
263
+ comuna: 196,
264
+ tipo: 0,
265
+ lat: "-38.7276016",
266
+ lng: "-72.578161",
267
+ url: "#",
268
+ email: "temuco@rsltda.cl",
269
+ adicional: 'Para compras online haga <a href="https://rs-shop.cl/" target="_blank">clic aquí</a><br />(Ropa, repuestos y accesorios)<br />Horarios:<br />Horario: Lunes de 9:30 a 18:00, Martes a Viernes de 9:30 a 18:30, s&aacute;bado de 10:00 a 14:00 y Domingo Cerrado.',
270
+ portada: "https://cdn.rsltda.cl/sucursales/Temuco.jpg",
271
+ googlelink: "https://www.google.com/maps/place/RS-Shop/@-38.727086,-72.5799977,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0xfa0836e1caee5e0d!8m2!3d-38.727086!4d-72.577809",
272
+ activo: 1,
273
+ marca: 12,
274
+ comuna_name: "Temuco",
275
+ provincia_name: "Cautín",
276
+ region_name: "Región de la Araucanía",
277
+ telefonos: [
278
+ {
279
+ id: 17,
280
+ dist: 12,
281
+ telefono: "+56452409996",
282
+ nombre: "SERVICIO TÉCNICO",
283
+ whatsapp: 0,
284
+ orden: 1
285
+ },
286
+ {
287
+ id: 18,
288
+ dist: 12,
289
+ telefono: "+56962120802",
290
+ nombre: "EJECUTIVO DE VENTAS MOTOS Y REPUESTOS",
291
+ whatsapp: 1,
292
+ orden: 2
293
+ }
294
+ ]
295
+ }
296
+ ];
297
+ export {
298
+ a as default
299
+ };
300
+ //# sourceMappingURL=PuntosMapas_gasgas_0-CjccjpQ8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PuntosMapas_gasgas_0-CjccjpQ8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}