@reactables/core 1.0.0-beta.3 → 1.0.0-beta.5

package/README.md

@@ -27,8 +27,6 @@ Reactive state management with RxJS.
         1. [Action](#api-action)
         1. [Reducer](#api-reducer)
 1. [Testing Reactables](#testing)
-    1. [Flow Testing](#flow-testing)
-    1. [Marble Testing](#marble-testing)
 
 ## Installation <a name="installation"></a>
 
@@ -81,7 +79,7 @@ When initializing a [Reactable](#reactable-concept) we can declare effects. The
 
 ### Scoped Effects <a name="scoped-effects"></a>
 
-Scoped Effects are dynamically created streams scoped to a particular action & key combination when an action is dispatch.
+Scoped Effects are dynamically created streams scoped to a particular action & key combination when an action is dispatched.
 
 <img src="https://raw.githubusercontent.com/reactables/reactables/main/documentation/SlideThreeScopedEffects.jpg" width="600" />
 
@@ -94,7 +92,7 @@ Actions and logic flow through the App in one direction and are **contained** in
 
 ### Basic Counter <a name="basic-counter-example"></a>
 
-Basic counter example. Button clicks dispatch actions to increment or reset the counter.
+A basic counter example. Button clicks dispatch actions to increment or reset the counter.
 
 Design Diagram           |  Reactable           | Try it out on StackBlitz.<br /> Choose your framework
 :-------------------------:|:-------------------------:|:-------------------------:
@@ -102,7 +100,7 @@ Design Diagram           |  Reactable           | Try it out on StackBlitz.<br /
 
 ### Scoped Effects - Updating Todos <a name="scoped-effects-example"></a>
 
-Updating statuses of todo items shows scoped effects in action. An 'update todo' stream is created for each todo during update. Pending async calls in their respective stream are cancelled if a new request comes in with RxJS [switchMap](https://www.learnrxjs.io/learn-rxjs/operators/transformation/switchmap) operator.
+Updating statuses of todo items shows scoped effects in action. An 'update todo' stream is created for each todo during update. Pending async calls in their respective stream are cancelled if a new request comes in with a RxJS [switchMap](https://www.learnrxjs.io/learn-rxjs/operators/transformation/switchmap) operator.
 
 Design Diagram           | Reactable      | Try it out on StackBlitz.<br /> Choose your framework
 :-------------------------:|:-------------------------:|:-------------------------:
@@ -110,7 +108,7 @@ Design Diagram           | Reactable      | Try it out on StackBlitz.<br /> Choo
 
 ### Connecting Multiple Reactables - Event Tickets  <a name="connecting-hub-example"></a>
 
-This examples shows two set reactables. The first is responsible for updating state of the user controls. The second fetches prices based on input from the first set.
+This examples shows two sets of reactables. The first is responsible for updating the state of user controls, while the second fetches prices based on input from the first.
 
 Design Diagram           | Reactable     | Try it out on StackBlitz.<br /> Choose your framework
 :-------------------------:|:-------------------------:|:-------------------------:
@@ -135,7 +133,7 @@ export interface ActionMap {
 
 ### RxBuilder <a name="rx-builder"></a>
 
-Factory function for building [Reactables](#reactable). Accepts a [RxConfig](#rx-confg) configuration object
+Factory function for building [Reactables](#reactable). Accepts a [RxConfig](#rx-confg) configuration object.
 
 ```typescript
 type RxBuilder = <T, S extends Cases<T>>(config: RxConfig<T, S>) => Reactable<T, unknown>
@@ -221,7 +219,7 @@ interface Action<T = undefined> {
 
 #### Reducer <a name="api-reducer"></a>
 
-From [Redux Docs](https://redux.js.org/tutorials/fundamentals/part-3-state-actions-reducers)
+From the [Redux Docs](https://redux.js.org/tutorials/fundamentals/part-3-state-actions-reducers):
 > Reducers are functions that take the current state and an action as arguments, and return a new state result
 
 ```typescript
@@ -229,11 +227,6 @@ type Reducer<T> = (state?: T, action?: Action<unknown>) => T;
 ```
 
 ## Testing Reactables<a name="testing"></a>
-### Flow Testing<a name="flow-testing"></a>
-
-You can test a series of actions to simulate a defined user flow with the `testFlow` method from [`@reactables/testing`](https://github.com/reactables/reactables/blob/main/packages/testing/README.md) package. See [`@reactables/testing`](https://github.com/reactables/reactables/blob/main/packages/testing/README.md) for details. 
-
-### Marble Testing<a name="marble-testing"></a>
 
 We can use RxJS's built in [Marble Testing](https://rxjs.dev/guide/testing/marble-testing) for testing [Reactables](#reactable).
 

package/dist/Models/Reactable.d.ts

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
-export type Reactable<T, S = ActionMap> = [Observable<T>, S];
+import { Action } from './Action';
+export type Reactable<T, S = ActionMap> = [Observable<T>, S, Observable<Action<unknown>>?];
 export interface ActionMap {
     [key: string | number]: (payload?: unknown) => void | ActionMap;
 }

package/dist/Operators/index.d.ts

@@ -0,0 +1 @@
+export { ofTypes } from './ofTypes';

package/dist/Operators/ofTypes.d.ts

@@ -0,0 +1,3 @@
+import { OperatorFunction } from 'rxjs';
+import { Action } from '../Models/Action';
+export declare const ofTypes: (types: string[]) => OperatorFunction<Action<unknown>, Action<unknown>>;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Models';
 export * from './Helpers';
+export * from './Operators';

package/dist/index.js

@@ -58,6 +58,13 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var ofTypes = function (types) { return function (dispatcher$) {
+    return dispatcher$.pipe(operators.filter(function (_a) {
+        var type = _a.type;
+        return types.includes(type);
+    }));
+}; };
+
 var addEffects = function (actionCreator, scopedEffects) {
     return function (payload) { return (__assign(__assign({}, actionCreator(payload)), { scopedEffects: scopedEffects(payload) })); };
 };
@@ -280,7 +287,9 @@ var RxBuilder = function (_a) {
     return [
         hub.store({ reducer: reducer, debug: debug, storeValue: storeValue, name: sliceConfig.name }),
         actionsResult,
+        hub.messages$,
     ];
 };
 
 exports.RxBuilder = RxBuilder;
+exports.ofTypes = ofTypes;

package/package.json

@@ -16,5 +16,5 @@
   "peerDependencies": {
     "rxjs": "^6.0.0 || ^7.0.0"
   },
-  "version": "1.0.0-beta.3"
+  "version": "1.0.0-beta.5"
 }

package/dist/Operators/ofType.d.ts

@@ -1,3 +0,0 @@
-import { OperatorFunction } from 'rxjs';
-import { Action } from '../Models/Action';
-export declare const ofType: (type: string) => OperatorFunction<Action<unknown>, Action<unknown>>;