@nanostores/logger 0.1.0 → 0.1.1

package/README.md

@@ -3,10 +3,24 @@
 <img align="right" width="92" height="92" title="Nano Stores logo"
      src="https://nanostores.github.io/nanostores/logo.svg">
 
-Logger of lifecycles, actions and changes for **[Nano Stores]**,
+Logger of lifecycles, changes and actions for **[Nano Stores]**,
 a tiny state manager with many atomic tree-shakable stores.
 
+* **Clean.** All messages are stacked in compact, collapsible nested groups.
+* **Descriptive.** Detailed descriptions with a clear comparison of the old and new values.
+* **Pretty designed.** Compact logo and color badges for quick reading.
+* **Flexible.** Ability to disable and filter certain types of messages.
+* **Supports all types of stores**: Atom, Map and Deep Map.
+
 [Nano Stores]: https://github.com/nanostores/nanostores/
 
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./img/dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="./img/light.png">
+    <img alt="Nano Stores Logger" src="./img/light.png">
+  </picture>
+</p>
+
 ## Docs
 Read full docs **[here](https://github.com/nanostores/logger#readme)**.

package/logger/index.d.ts

@@ -24,12 +24,12 @@ interface LoggerOptionsMessages {
 
 interface LoggerOptions {
   /**
-   * Disable action logs with specific name.
+   * Disable logs of actions with a specific name.
    */
   ignoreActions?: string[]
 
   /**
-   * Disable specific log types.
+   * Disable specific types of logs.
    */
   messages?: LoggerOptionsMessages
 }
@@ -42,8 +42,8 @@ interface LoggerOptions {
  * import { $profile, $users } from './stores/index.js'
  *
  * let destroy = logger({
- *   'Profile Store': $profile,
- *   'Users Store': $users
+ *   'Profile': $profile,
+ *   'Users': $users
  * })
  * ```
  *

package/logger/index.js

@@ -23,24 +23,24 @@ function borders(full) {
 
 const STYLES = {
   badges: {
-    action: badge('#5351A4'),
-    arguments: badge('#429BD7'),
+    action: badge('#00899A'),
+    arguments: badge('#007281'),
     change: badge('#0E8A00'),
-    error: badge('#c21f1f'),
-    mount: badge('#1F49E0'),
-    new: badge('#4FA574'),
-    old: badge('#a44f4f'),
-    unmount: badge('#5C5C5C'),
-    value: badge('#429BD7')
+    error: badge('#C30000'),
+    mount: badge('#0059D1'),
+    new: badge('#0C7800'),
+    old: badge('#943636'),
+    unmount: badge('#5E5E5E'),
+    value: badge('#8A6F00')
   },
-  bold: 'font-weight: 700',
+  bold: 'font-weight: 700;',
   logo: `
     padding: 0 5px 2px;
     color: white;
     background-color: black;
     border-radius: 4px 0 0 4px;
   `,
-  regular: 'font-weight: 400'
+  regular: 'font-weight: 400;'
 }
 
 function createLog({ logo, message, type, value }) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nanostores/logger",
-  "version": "0.1.0",
-  "description": "Logger of lifecycles, actions and changes for Nano Stores",
+  "version": "0.1.1",
+  "description": "Logger of lifecycles, changes and actions for Nano Stores",
   "keywords": [
     "nanostores",
     "devtools",