@nanostores/logger 0.2.4 → 0.4.0

package/README.md

@@ -3,7 +3,7 @@
 <img align="right" width="92" height="92" title="Nano Stores logo"
      src="https://nanostores.github.io/nanostores/logo.svg">
 
-Logger of lifecycles, changes and actions for **[Nano Stores]**,
+Logger of lifecycles and changes for **[Nano Stores]**,
 a tiny state manager with many atomic tree-shakable stores.
 
 * **Clean.** All messages are stacked in compact, collapsible nested groups.

package/build-logger/index.d.ts

@@ -1,11 +1,6 @@
 import type { AnyStore, Store, StoreValue } from 'nanostores'
 
 interface LoggerOptionsMessages {
-  /**
-   * Disable action logs.
-   */
-  action?: boolean
-
   /**
    * Disable change logs.
    */
@@ -23,11 +18,6 @@ interface LoggerOptionsMessages {
 }
 
 export interface LoggerOptions {
-  /**
-   * Disable logs of actions with a specific name.
-   */
-  ignoreActions?: string[]
-
   /**
    * Disable specific types of logs.
    */
@@ -39,33 +29,13 @@ interface EventPayloadBase {
 }
 
 interface EventChangePayload extends EventPayloadBase {
-  actionId?: number
-  actionName?: string
   changed?: keyof StoreValue<Store>
   newValue: any
   oldValue?: any
   valueMessage?: string
 }
 
-interface EventActionPayload extends EventPayloadBase {
-  actionId: number
-  actionName: string
-}
-
-interface EventActionStartPayload extends EventActionPayload {
-  args: any[]
-}
-
-interface EventActionErrorPayload extends EventActionPayload {
-  error: Error
-}
-
 interface BuildLoggerEvents {
-  action?: {
-    end?: (payload: EventActionPayload) => void
-    error?: (payload: EventActionErrorPayload) => void
-    start?: (payload: EventActionStartPayload) => void
-  }
   change?: (payload: EventChangePayload) => void
   mount?: (payload: EventPayloadBase) => void
   unmount?: (payload: EventPayloadBase) => void
@@ -87,29 +57,12 @@ interface BuildLoggerEvents {
  *     console.log(`${storeName} was unmounted`)
  *   },
  *
- *   change: ({ actionName, changed, newValue, oldValue, valueMessage }) => {
+ *   change: ({ changed, newValue, oldValue, valueMessage }) => {
  *     let message = `${storeName} was changed`
  *     if (changed) message += `in the ${changed} key`
  *     if (oldValue) message += `from ${oldValue}`
  *     message += `to ${newValue}`
- *     if (actionName) message += `by action ${actionName}`
  *     console.log(message, valueMessage)
- *   },
- *
- *   action: {
- *     start: ({ actionName, args }) => {
- *       let message = `${actionName} was started`
- *       if (args.length) message += 'with arguments'
- *       console.log(message, args)
- *     },
- *
- *     error: ({ actionName, error }) => {
- *       console.log(`${actionName} was failed`, error)
- *     },
- *
- *     end: ({ actionName }) => {
- *       console.log(`${actionName} was ended`)
- *     }
  *   }
  * ```
  *

package/build-logger/index.js

@@ -1,11 +1,4 @@
-import {
-  actionId,
-  lastAction,
-  onAction,
-  onMount,
-  onNotify,
-  onSet
-} from 'nanostores'
+import { onMount, onNotify, onSet } from 'nanostores'
 
 const isAtom = store => store.setKey === undefined
 const isDeepMapKey = key => /.+(\..+|\[\d+\.*])/.test(key)
@@ -23,30 +16,8 @@ function handleMount(store, storeName, messages, events) {
   })
 }
 
-function handleAction(store, storeName, ignoreActions, events) {
-  return onAction(store, ({ actionName, args, id, onEnd, onError }) => {
-    if (ignoreActions && ignoreActions.includes(actionName)) return
-
-    events.action.start({ actionId: id, actionName, args, storeName })
-
-    onError(({ error }) => {
-      events.action.error({ actionId: id, actionName, error, storeName })
-    })
-
-    onEnd(() => {
-      events.action.end({ actionId: id, actionName, storeName })
-    })
-  })
-}
-
-function handleSet(store, storeName, messages, ignoreActions, events) {
+function handleSet(store, storeName, events) {
   return onSet(store, ({ changed }) => {
-    let currentActionId = store[actionId]
-    let currentActionName = store[lastAction]
-
-    if (messages.action === false && currentActionId) return
-    if (ignoreActions && ignoreActions.includes(currentActionName)) return
-
     let oldValue = isAtom(store) ? store.value : { ...store.value }
     oldValue = isDeepMapKey(changed) ? structuredClone(oldValue) : oldValue
     let unbindNotify = onNotify(store, () => {
@@ -57,8 +28,6 @@ function handleSet(store, storeName, messages, ignoreActions, events) {
       }
 
       events.change({
-        actionId: currentActionId,
-        actionName: currentActionName,
         changed,
         newValue,
         oldValue,
@@ -72,7 +41,6 @@ function handleSet(store, storeName, messages, ignoreActions, events) {
 }
 
 export function buildLogger(store, storeName, events, opts = {}) {
-  let ignoreActions = opts.ignoreActions
   let messages = opts.messages || {}
   let unbind = []
 
@@ -80,12 +48,8 @@ export function buildLogger(store, storeName, events, opts = {}) {
     unbind.push(handleMount(store, storeName, messages, events))
   }
 
-  if (messages.action !== false) {
-    unbind.push(handleAction(store, storeName, ignoreActions, events))
-  }
-
   if (messages.change !== false) {
-    unbind.push(handleSet(store, storeName, messages, ignoreActions, events))
+    unbind.push(handleSet(store, storeName, events))
   }
 
   return () => {

package/logger/index.js

@@ -2,66 +2,13 @@ import { buildLogger } from '../build-logger/index.js'
 import { group, groupEnd, log } from '../printer/index.js'
 
 function createLogger(store, storeName, opts) {
-  let queue = {}
-
   return buildLogger(
     store,
     storeName,
     {
-      action: {
-        end: ({ actionId }) => {
-          for (let i of queue[actionId]) i()
-          delete queue[actionId]
-          groupEnd()
-        },
-
-        error: ({ actionId, actionName, error }) => {
-          queue[actionId].push(() =>
-            log({
-              message: [
-                ['bold', storeName],
-                ['regular', 'store handled error in action'],
-                ['bold', actionName]
-              ],
-              type: 'error',
-              value: {
-                message: error.message
-              }
-            })
-          )
-        },
-
-        start: ({ actionId, actionName, args }) => {
-          queue[actionId] = []
-
-          let message = [
-            ['bold', storeName],
-            ['regular', 'store was changed by action'],
-            ['bold', actionName]
-          ]
-
-          queue[actionId].push(() =>
-            group({
-              logo: true,
-              message,
-              type: 'action'
-            })
-          )
-          if (args.length > 0) {
-            message.push(['regular', 'with arguments'])
-            queue[actionId].push(() =>
-              log({
-                type: 'arguments',
-                value: args
-              })
-            )
-          }
-        }
-      },
-
-      change: ({ actionId, changed, newValue, oldValue, valueMessage }) => {
+      change: ({ changed, newValue, oldValue, valueMessage }) => {
         let groupLog = {
-          logo: typeof actionId === 'undefined',
+          logo: true,
           message: [
             ['bold', storeName],
             ['regular', 'store was changed']
@@ -75,33 +22,24 @@ function createLogger(store, storeName, opts) {
             ['regular', 'key']
           )
         }
-
-        let run = () => {
-          group(groupLog)
-          if (valueMessage) {
-            log({
-              message: valueMessage,
-              type: 'value'
-            })
-          }
+        group(groupLog)
+        if (valueMessage) {
           log({
-            type: 'new',
-            value: newValue
+            message: valueMessage,
+            type: 'value'
           })
-          if (oldValue) {
-            log({
-              type: 'old',
-              value: oldValue
-            })
-          }
-          groupEnd()
         }
-
-        if (actionId) {
-          queue[actionId].push(run)
-        } else {
-          run()
+        log({
+          type: 'new',
+          value: newValue
+        })
+        if (oldValue) {
+          log({
+            type: 'old',
+            value: oldValue
+          })
         }
+        groupEnd()
       },
 
       mount: () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nanostores/logger",
-  "version": "0.2.4",
-  "description": "Pretty logger of lifecycles, changes and actions for Nano Stores",
+  "version": "0.4.0",
+  "description": "Pretty logger of lifecycles and changes for Nano Stores",
   "keywords": [
     "nanostores",
     "devtools",
@@ -24,12 +24,6 @@
     "node": "^18.0.0 || >=20.0.0"
   },
   "peerDependencies": {
-    "nanostores": ">=0.9.2"
-  },
-  "nano-staged": {
-    "*.{js,ts}": [
-      "prettier --write",
-      "eslint --fix"
-    ]
+    "nanostores": ">=0.10.2"
   }
 }

package/printer/index.d.ts

@@ -1,5 +1,4 @@
 type LogType =
-  | 'action'
   | 'arguments'
   | 'build'
   | 'change'

package/printer/index.js

@@ -14,7 +14,6 @@ function borders(full) {
 
 const STYLES = {
   badges: {
-    action: badge('#00899A'),
     arguments: badge('#007281'),
     build: badge('#BB5100'),
     change: badge('#0E8A00'),