orquest-eventer 3.2.0 → 3.2.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.
- package/package.json +2 -1
- package/readme.md +11 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "orquest-eventer",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.2",
|
|
4
4
|
"description": "Libreria para gestionar eventos en las apps",
|
|
5
5
|
"main": "./index.ts",
|
|
6
6
|
"type": "module",
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
},
|
|
10
10
|
"author": "Camilo Barbosa",
|
|
11
11
|
"license": "MIT",
|
|
12
|
+
"repository":"https://github.com/calimpio/eventer",
|
|
12
13
|
"dependencies": {
|
|
13
14
|
"eventer": "file:",
|
|
14
15
|
"sha256": "^0.2.0",
|
package/readme.md
CHANGED
|
@@ -23,7 +23,7 @@ Eventer es ideal para desacoplar la lógica de negocio de la interfaz de usuario
|
|
|
23
23
|
## Instalación
|
|
24
24
|
|
|
25
25
|
```bash
|
|
26
|
-
npm i
|
|
26
|
+
npm i orquest-eventer
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
-----
|
|
@@ -33,7 +33,7 @@ npm i @calimpio/eventer
|
|
|
33
33
|
Para comenzar, importa la función `eventer` y crea una instancia de `GroupEvent`:
|
|
34
34
|
|
|
35
35
|
```typescript
|
|
36
|
-
import { eventer } from "eventer";
|
|
36
|
+
import { eventer } from "orquest-eventer";
|
|
37
37
|
|
|
38
38
|
const appEvents = eventer("myApp"); // "myApp" es un prefijo opcional para los nombres de eventos, útil para depuración.
|
|
39
39
|
```
|
|
@@ -223,7 +223,7 @@ Retorna una tupla `[value, next]`:
|
|
|
223
223
|
### Ejemplo de Uso
|
|
224
224
|
|
|
225
225
|
```typescript
|
|
226
|
-
import { useObservableData } from "eventer/react-eventer";
|
|
226
|
+
import { useObservableData } from "orquest-eventer/react-eventer";
|
|
227
227
|
import { userNameObservable } from "./your-events-file";
|
|
228
228
|
|
|
229
229
|
function UserProfileEditor() {
|
|
@@ -360,8 +360,8 @@ Proporciona una estructura para la **validación de modelos de formularios**, in
|
|
|
360
360
|
|
|
361
361
|
```typescript
|
|
362
362
|
import React, { useState, useEffect } from 'react';
|
|
363
|
-
import { ValidatorController } from 'eventer';
|
|
364
|
-
import { useListener, useObservable } from 'eventer/react-eventer';
|
|
363
|
+
import { ValidatorController } from 'orquest-eventer';
|
|
364
|
+
import { useListener, useObservable } from 'orquest-eventer/react-eventer';
|
|
365
365
|
|
|
366
366
|
interface InputProps<T extends object> {
|
|
367
367
|
/**
|
|
@@ -532,8 +532,8 @@ Retorna una tupla con tres elementos:
|
|
|
532
532
|
|
|
533
533
|
```typescript
|
|
534
534
|
import { useEffect, useState } from "react";
|
|
535
|
-
import { eventer } from "eventer";
|
|
536
|
-
import { useObservable } from "eventer/react-eventer";
|
|
535
|
+
import { eventer } from "orquest-eventer";
|
|
536
|
+
import { useObservable } from "orquest-eventer/react-eventer";
|
|
537
537
|
|
|
538
538
|
const appEvents = eventer();
|
|
539
539
|
const userNameObservable = appEvents.createObservable("userName")("Invitado");
|
|
@@ -572,8 +572,8 @@ Este hook permite a un componente de React **escuchar eventos** creados con `Eve
|
|
|
572
572
|
### Ejemplo de Uso
|
|
573
573
|
|
|
574
574
|
```typescript
|
|
575
|
-
import { eventer } from "eventer";
|
|
576
|
-
import { useListener } from "eventer/react-eventer";
|
|
575
|
+
import { eventer } from "orquest-eventer";
|
|
576
|
+
import { useListener } from "orquest-eventer/react-eventer";
|
|
577
577
|
|
|
578
578
|
const appEvents = eventer();
|
|
579
579
|
const userSavedEvent = appEvents.createEvent("userSaved")<[userId: string]>();
|
|
@@ -610,7 +610,7 @@ Este hook proporciona acceso a una instancia global de **`TaskManager`**, precon
|
|
|
610
610
|
### Ejemplo de Uso
|
|
611
611
|
|
|
612
612
|
```typescript
|
|
613
|
-
import { useGlobalTaskManager } from "eventer/react-eventer";
|
|
613
|
+
import { useGlobalTaskManager } from "orquest-eventer/react-eventer";
|
|
614
614
|
|
|
615
615
|
function TaskProgressMonitor() {
|
|
616
616
|
const globalTaskManager = useGlobalTaskManager();
|
|
@@ -649,7 +649,7 @@ Este hook permite **crear una tarea asíncrona** y añadirla a la instancia glob
|
|
|
649
649
|
### Ejemplo de Uso
|
|
650
650
|
|
|
651
651
|
```typescript
|
|
652
|
-
import { useTask, useGlobalTaskManager } from "eventer/react-eventer";
|
|
652
|
+
import { useTask, useGlobalTaskManager } from "orquest-eventer/react-eventer";
|
|
653
653
|
|
|
654
654
|
function DataSyncComponent() {
|
|
655
655
|
const globalTaskManager = useGlobalTaskManager();
|