@figliolia/galena 4.0.3 → 4.0.4

package/dist/Logger.cjs

@@ -23,7 +23,8 @@ var Logger = class extends require_Middleware.Middleware {
 		this.previousState = state.getState();
 	}
 	onUpdate(state) {
-		console.log("%cMutation:", "color: rgb(187, 186, 186); font-weight: bold", "@", this.time);
+		const name = Object.getPrototypeOf(state)?.constructor?.name ?? "State";
+		console.log(`%c${name} %c- Mutation: @${this.time}`, "color: rgb(50, 50, 50); font-weight: bold", "color: rgb(187, 186, 186); font-weight: bold");
 		console.log("   %cPrevious State", "color: #26ad65; font-weight: bold", this.previousState);
 		console.log("   %cNext State    ", "color: rgb(17, 118, 249); font-weight: bold", state.getState());
 	}

package/dist/Logger.d.cts

@@ -19,7 +19,7 @@ import { Middleware } from "./Middleware.cjs";
  * MyState.registerMiddleware(new Logger());
  * ```
  */
-declare class Logger<T = any> extends Middleware {
+declare class Logger<T = any> extends Middleware<T> {
   private previousState;
   onBeforeUpdate(state: State<T>): void;
   onUpdate(state: State<T>): void;

package/dist/Logger.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Logger.d.cts","names":[],"sources":["../src/Logger.ts"],"mappings":";;;;;;AAoBA;;;;;;;;;;;;;;;cAAa,MAAA,kBAAwB,UAAA;EAAA,QAC3B,aAAA;EAEC,cAAA,CAAe,KAAA,EAAO,KAAA,CAAM,CAAA;EAI5B,QAAA,CAAS,KAAA,EAAO,KAAA,CAAM,CAAA;EAAA;;;;AAwBf;EAxBe,YAwBnB,IAAA;AAAA"}
+{"version":3,"file":"Logger.d.cts","names":[],"sources":["../src/Logger.ts"],"mappings":";;;;;;AAoBA;;;;;;;;;;;;;;;cAAa,MAAA,kBAAwB,UAAA,CAAW,CAAA;EAAA,QACtC,aAAA;EAEC,cAAA,CAAe,KAAA,EAAO,KAAA,CAAM,CAAA;EAI5B,QAAA,CAAS,KAAA,EAAO,KAAA,CAAM,CAAA;EAAtB;;;;;EAAA,YAwBG,IAAA;AAAA"}

package/dist/Logger.d.mts

@@ -19,7 +19,7 @@ import { Middleware } from "./Middleware.mjs";
  * MyState.registerMiddleware(new Logger());
  * ```
  */
-declare class Logger<T = any> extends Middleware {
+declare class Logger<T = any> extends Middleware<T> {
   private previousState;
   onBeforeUpdate(state: State<T>): void;
   onUpdate(state: State<T>): void;

package/dist/Logger.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Logger.d.mts","names":[],"sources":["../src/Logger.ts"],"mappings":";;;;;;AAoBA;;;;;;;;;;;;;;;cAAa,MAAA,kBAAwB,UAAA;EAAA,QAC3B,aAAA;EAEC,cAAA,CAAe,KAAA,EAAO,KAAA,CAAM,CAAA;EAI5B,QAAA,CAAS,KAAA,EAAO,KAAA,CAAM,CAAA;EAAA;;;;AAwBf;EAxBe,YAwBnB,IAAA;AAAA"}
+{"version":3,"file":"Logger.d.mts","names":[],"sources":["../src/Logger.ts"],"mappings":";;;;;;AAoBA;;;;;;;;;;;;;;;cAAa,MAAA,kBAAwB,UAAA,CAAW,CAAA;EAAA,QACtC,aAAA;EAEC,cAAA,CAAe,KAAA,EAAO,KAAA,CAAM,CAAA;EAI5B,QAAA,CAAS,KAAA,EAAO,KAAA,CAAM,CAAA;EAAtB;;;;;EAAA,YAwBG,IAAA;AAAA"}

package/dist/Logger.mjs

@@ -23,7 +23,8 @@ var Logger = class extends Middleware {
 		this.previousState = state.getState();
 	}
 	onUpdate(state) {
-		console.log("%cMutation:", "color: rgb(187, 186, 186); font-weight: bold", "@", this.time);
+		const name = Object.getPrototypeOf(state)?.constructor?.name ?? "State";
+		console.log(`%c${name} %c- Mutation: @${this.time}`, "color: rgb(50, 50, 50); font-weight: bold", "color: rgb(187, 186, 186); font-weight: bold");
 		console.log("   %cPrevious State", "color: #26ad65; font-weight: bold", this.previousState);
 		console.log("   %cNext State    ", "color: rgb(17, 118, 249); font-weight: bold", state.getState());
 	}

package/dist/Logger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logger.mjs","names":[],"sources":["../src/Logger.ts"],"sourcesContent":["import { Middleware } from \"./Middleware\";\nimport type { State } from \"./State\";\n\n/**\n * Logger\n *\n * A middleware for Redux-style logging! Each state transition\n * will log to the console the `State` instance that changed\n * along with a before and after snapshot of the current state:\n *\n * ```typescript\n * const AppState = new Galena({}, new Logger());\n * // or\n * AppState.registerMiddlerware(new Logger());\n * // or\n * const MyState = new State(4, new Logger());\n * // or\n * MyState.registerMiddleware(new Logger());\n * ```\n */\nexport class Logger<T = any> extends Middleware {\n  private previousState: T | null = null;\n\n  override onBeforeUpdate(state: State<T>) {\n    this.previousState = state.getState();\n  }\n\n  override onUpdate(state: State<T>) {\n    console.log(\n      \"%cMutation:\",\n      \"color: rgb(187, 186, 186); font-weight: bold\",\n      \"@\",\n      this.time,\n    );\n    console.log(\n      \"   %cPrevious State\",\n      \"color: #26ad65; font-weight: bold\",\n      this.previousState,\n    );\n    console.log(\n      \"   %cNext State    \",\n      \"color: rgb(17, 118, 249); font-weight: bold\",\n      state.getState(),\n    );\n  }\n\n  /**\n   * Time\n   *\n   * Returns the time in which a given state transition completed\n   */\n  private get time() {\n    const date = new Date();\n    const mHours = date.getHours();\n    const hours = mHours > 12 ? mHours - 12 : mHours;\n    const mins = date.getMinutes();\n    const minutes = mins.toString().length === 1 ? `0${mins}` : mins;\n    const secs = date.getSeconds();\n    const seconds = secs.toString().length === 1 ? `0${secs}` : secs;\n    const milliseconds = date.getMilliseconds();\n    return `${hours}:${minutes}:${seconds}:${milliseconds}`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAa,SAAb,cAAqC,WAAW;CAC9C,gBAAkC;CAElC,eAAwB,OAAiB;EACvC,KAAK,gBAAgB,MAAM,SAAS;CACtC;CAEA,SAAkB,OAAiB;EACjC,QAAQ,IACN,eACA,gDACA,KACA,KAAK,IACP;EACA,QAAQ,IACN,uBACA,qCACA,KAAK,aACP;EACA,QAAQ,IACN,uBACA,+CACA,MAAM,SAAS,CACjB;CACF;;;;;;CAOA,IAAY,OAAO;EACjB,MAAM,uBAAO,IAAI,KAAK;EACtB,MAAM,SAAS,KAAK,SAAS;EAC7B,MAAM,QAAQ,SAAS,KAAK,SAAS,KAAK;EAC1C,MAAM,OAAO,KAAK,WAAW;EAC7B,MAAM,UAAU,KAAK,SAAS,CAAC,CAAC,WAAW,IAAI,IAAI,SAAS;EAC5D,MAAM,OAAO,KAAK,WAAW;EAG7B,OAAO,GAAG,MAAM,GAAG,QAAQ,GAFX,KAAK,SAAS,CAAC,CAAC,WAAW,IAAI,IAAI,SAAS,KAEtB,GADjB,KAAK,gBAC0B;CACtD;AACF"}
+{"version":3,"file":"Logger.mjs","names":[],"sources":["../src/Logger.ts"],"sourcesContent":["import { Middleware } from \"./Middleware\";\nimport type { State } from \"./State\";\n\n/**\n * Logger\n *\n * A middleware for Redux-style logging! Each state transition\n * will log to the console the `State` instance that changed\n * along with a before and after snapshot of the current state:\n *\n * ```typescript\n * const AppState = new Galena({}, new Logger());\n * // or\n * AppState.registerMiddlerware(new Logger());\n * // or\n * const MyState = new State(4, new Logger());\n * // or\n * MyState.registerMiddleware(new Logger());\n * ```\n */\nexport class Logger<T = any> extends Middleware<T> {\n  private previousState: T | null = null;\n\n  override onBeforeUpdate(state: State<T>) {\n    this.previousState = state.getState();\n  }\n\n  override onUpdate(state: State<T>) {\n    const name = Object.getPrototypeOf(state)?.constructor?.name ?? \"State\";\n    console.log(\n      `%c${name} %c- Mutation: @${this.time}`,\n      \"color: rgb(50, 50, 50); font-weight: bold\",\n      \"color: rgb(187, 186, 186); font-weight: bold\",\n    );\n    console.log(\n      \"   %cPrevious State\",\n      \"color: #26ad65; font-weight: bold\",\n      this.previousState,\n    );\n    console.log(\n      \"   %cNext State    \",\n      \"color: rgb(17, 118, 249); font-weight: bold\",\n      state.getState(),\n    );\n  }\n\n  /**\n   * Time\n   *\n   * Returns the time in which a given state transition completed\n   */\n  private get time() {\n    const date = new Date();\n    const mHours = date.getHours();\n    const hours = mHours > 12 ? mHours - 12 : mHours;\n    const mins = date.getMinutes();\n    const minutes = mins.toString().length === 1 ? `0${mins}` : mins;\n    const secs = date.getSeconds();\n    const seconds = secs.toString().length === 1 ? `0${secs}` : secs;\n    const milliseconds = date.getMilliseconds();\n    return `${hours}:${minutes}:${seconds}:${milliseconds}`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAa,SAAb,cAAqC,WAAc;CACjD,gBAAkC;CAElC,eAAwB,OAAiB;EACvC,KAAK,gBAAgB,MAAM,SAAS;CACtC;CAEA,SAAkB,OAAiB;EACjC,MAAM,OAAO,OAAO,eAAe,KAAK,CAAC,EAAE,aAAa,QAAQ;EAChE,QAAQ,IACN,KAAK,KAAK,kBAAkB,KAAK,QACjC,6CACA,8CACF;EACA,QAAQ,IACN,uBACA,qCACA,KAAK,aACP;EACA,QAAQ,IACN,uBACA,+CACA,MAAM,SAAS,CACjB;CACF;;;;;;CAOA,IAAY,OAAO;EACjB,MAAM,uBAAO,IAAI,KAAK;EACtB,MAAM,SAAS,KAAK,SAAS;EAC7B,MAAM,QAAQ,SAAS,KAAK,SAAS,KAAK;EAC1C,MAAM,OAAO,KAAK,WAAW;EAC7B,MAAM,UAAU,KAAK,SAAS,CAAC,CAAC,WAAW,IAAI,IAAI,SAAS;EAC5D,MAAM,OAAO,KAAK,WAAW;EAG7B,OAAO,GAAG,MAAM,GAAG,QAAQ,GAFX,KAAK,SAAS,CAAC,CAAC,WAAW,IAAI,IAAI,SAAS,KAEtB,GADjB,KAAK,gBAC0B;CACtD;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figliolia/galena",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "A performant state management library supporting middleware and a rich developer API",
   "keywords": [
     "flux",
@@ -54,5 +54,6 @@
   },
   "peerDependencies": {
     "@figliolia/event-emitter": ">=1.2.0"
-  }
+  },
+  "packageManager": "pnpm@10.33.2+sha512.a90faf6feeab71ad6c6e57f94e0fe1a12f5dcc22cd754db40ae9593eb6a3e0b6b12e3540218bb37ae083404b1f2ce6db2a4121e979829b4aff94b99f49da1cf8"
 }

package/src/Logger.ts

@@ -18,7 +18,7 @@ import type { State } from "./State";
  * MyState.registerMiddleware(new Logger());
  * ```
  */
-export class Logger<T = any> extends Middleware {
+export class Logger<T = any> extends Middleware<T> {
   private previousState: T | null = null;
 
   override onBeforeUpdate(state: State<T>) {
@@ -26,11 +26,11 @@ export class Logger<T = any> extends Middleware {
   }
 
   override onUpdate(state: State<T>) {
+    const name = Object.getPrototypeOf(state)?.constructor?.name ?? "State";
     console.log(
-      "%cMutation:",
+      `%c${name} %c- Mutation: @${this.time}`,
+      "color: rgb(50, 50, 50); font-weight: bold",
       "color: rgb(187, 186, 186); font-weight: bold",
-      "@",
-      this.time,
     );
     console.log(
       "   %cPrevious State",