@figliolia/galena 2.2.7 → 2.2.9

package/README.md

@@ -346,6 +346,8 @@ import { Galena, Logger } from "@figliolia/galena";
 const AppState = new Galena([new Logger()]);
 ```
 
+![Logs](images/Logging.png)
+
 #### Profiling Middleware
 Galena also comes with a Profiler that can track the duration of all state transitions. When a state transition exceeds 16ms, a warning is printed to the console notifying the developer of a potential bottleneck in his or her application. By default the Profiler will log each time a state transition exceeds one full frame (16ms). This threshold can be adjusted by calling `new Profiler(/* any number of milliseconds */)`
 
@@ -355,6 +357,8 @@ import { Galena, Profiler } from "@figliolia/galena";
 const AppState = new Galena([new Profiler()]);
 ```
 
+![Profiles](images/Profiling.png)
+
 ### Middleware - Advanced Usage
 Similar to a lot of stateful tools, `Galena` also exposes an API for creating your own Middleware. With it, you can do a lot of cool things for both development and productions environments. Let's first look at how to use middleware in `Galena`, then we'll walk through creating our own!
 

package/dist/cjs/Middlewares/Profiler.js

@@ -29,7 +29,7 @@ class Profiler extends Middleware_1.Middleware {
             const endTime = performance.now();
             const diff = endTime - this.startTime;
             if (diff > this.threshold) {
-                console.warn(`A slow state transition was detected on ${nextState.name}`, nextState);
+                console.warn(`A slow state transition was detected on ${nextState.name}`, nextState.getState());
                 console.warn(`The last transition took ${diff}ms`);
             }
         }

package/dist/mjs/Middlewares/Profiler.js

@@ -27,7 +27,7 @@ export class Profiler extends Middleware {
             const endTime = performance.now();
             const diff = endTime - this.startTime;
             if (diff > this.threshold) {
-                console.warn(`A slow state transition was detected on ${nextState.name}`, nextState);
+                console.warn(`A slow state transition was detected on ${nextState.name}`, nextState.getState());
                 console.warn(`The last transition took ${diff}ms`);
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figliolia/galena",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "description": "A performant state management library supporting mutable state, batched updates, middleware and a rich development API",
   "main": "dist/cjs/index.js",
   "module": "dist/mjs/index.js",

package/src/Middlewares/Profiler.ts

@@ -32,7 +32,7 @@ export class Profiler extends Middleware {
       if (diff > this.threshold) {
         console.warn(
           `A slow state transition was detected on ${nextState.name}`,
-          nextState
+          nextState.getState()
         );
         console.warn(`The last transition took ${diff}ms`);
       }