Merge pull request #81 from Lemoncode/feature/manually-endpoints

Implement manually endpoints

Author: brauliodiez

src/index.d.ts

@@ -11,14 +11,29 @@ import * as React from "react";
  */
 export function trackPromise<T>(promise: Promise<T>, area?: string): Promise<T>;
 
+/**
+ * Perform a reset for the area counter (default-area by default).
+ */
+export function manuallyResetPromiseCounter(area?: string): void;
+
+/**
+ * Decrement the area counter (default-area by default).
+ */
+export function manuallyDecrementPromiseCounter(area?: string): void;
+
+/**
+ * Increment the area counter (default-area by default).
+ */
+export function manuallyIncrementPromiseCounter(area?: string): void;
+
 /**
  * Configuration contract: user can setup areas (display more than one spinner) or delay when
  * the spinner is shown (this is useful when a user has a fast connection, to avoid unneccessary flickering)
  */
 
 interface Config {
-   area?: string;
-   delay?: number;
+  area?: string;
+  delay?: number;
 }
 
 /**
@@ -37,12 +52,16 @@ export interface TrackerHocProps {
   config?: Config;
 }
 
-export function promiseTrackerHoc<P>(component: React.ComponentType<P & ComponentToWrapProps>): React.ComponentType<P & TrackerHocProps>;
+export function promiseTrackerHoc<P>(
+  component: React.ComponentType<P & ComponentToWrapProps>
+): React.ComponentType<P & TrackerHocProps>;
 
 /**
  * React Promise Tracker custom hook, this hook will expose a promiseInProgress boolean flag.
  *
  * @param configuration (optional can be null).
  * @returns promiseInProgressFlag.
  */
-export function usePromiseTracker(outerConfig? : Config) : { promiseInProgress : boolean };
+export function usePromiseTracker(
+  outerConfig?: Config
+): { promiseInProgress: boolean };

src/index.js

@@ -1,3 +1,8 @@
-export { trackPromise } from './trackPromise';
-export { promiseTrackerHoc } from './trackerHoc';
-export { usePromiseTracker } from './trackerHook';
+export {
+  trackPromise,
+  manuallyResetPromiseCounter,
+  manuallyDecrementPromiseCounter,
+  manuallyIncrementPromiseCounter
+} from "./trackPromise";
+export { promiseTrackerHoc } from "./trackerHoc";
+export { usePromiseTracker } from "./trackerHook";

src/trackPromise.js

@@ -12,17 +12,20 @@ export const getCounter = area => counter[area];
 
 export const trackPromise = (promise, area) => {
   area = area || defaultArea;
-  incrementCounter(area);
-
-  const promiseInProgress = anyPromiseInProgress(area);
-  emitter.emit(promiseCounterUpdateEventId, promiseInProgress, area);
+  incrementPromiseCounter(area);
 
   const onResolveHandler = () => decrementPromiseCounter(area);
   promise.then(onResolveHandler, onResolveHandler);
 
   return promise;
 };
 
+const incrementPromiseCounter = area => {
+  incrementCounter(area);
+  const promiseInProgress = anyPromiseInProgress(area);
+  emitter.emit(promiseCounterUpdateEventId, promiseInProgress, area);
+};
+
 const incrementCounter = area => {
   if (Boolean(counter[area])) {
     counter[area]++;
@@ -34,7 +37,7 @@ const incrementCounter = area => {
 const anyPromiseInProgress = area => counter[area] > 0;
 
 const decrementPromiseCounter = area => {
-  decrementCounter(area);
+  counter[area] > 0 && decrementCounter(area);
   const promiseInProgress = anyPromiseInProgress(area);
   emitter.emit(promiseCounterUpdateEventId, promiseInProgress, area);
 };
@@ -43,5 +46,20 @@ const decrementCounter = area => {
   counter[area]--;
 };
 
+export const manuallyResetPromiseCounter = area => {
+  area = area || defaultArea;
+  counter[area] = 0;
+  emitter.emit(promiseCounterUpdateEventId, false, area);
+};
+
+export const manuallyDecrementPromiseCounter = area => {
+  area = area || defaultArea;
+  decrementPromiseCounter(area);
+};
+
+export const manuallyIncrementPromiseCounter = area => {
+  area = area || defaultArea;
+  incrementPromiseCounter(area);
+};
 // TODO: Enhancement we could catch here errors and throw an Event in case there's an HTTP Error
 // then the consumer of this event can be listening and decide what to to in case of error