infinite loop protection

[danielroe]

Describe the feature

Discovered in https://github.com/nuxt/nuxt/issues/27130, it's possible to create an infinite loop when getters call console.log, which is true for Vue.

Reproduction: https://codepen.io/danielroe/pen/GRaqZOj?editors=1111

import { consola } from "consola"

consola.wrapConsole()

const scaryObject = {
  get value () {
    console.warn('Do not access me!', scaryObject)
  }
}

consola.log(scaryObject)

I wonder if it would be worth trying to add protection against this kind of thing? Maybe JSON.stringify could be called lazily?

Additional information

• [X] Would you be willing to help implement this feature?

[pi0]

Util.format handles the recursive structures (but it is only for Node reporters) just to confirm you happened to have this issue with a testing/browser env right?

[danielroe]

Yes, this was in a browser env - however I could also reproduce with this code in the Node REPL:

const { consola } = require('consola')

consola.wrapConsole()

const scaryObject = {
  get value () {
    console.warn('Do not access me!', scaryObject)
  }
}

consola.log(scaryObject)