[Suggestion]: Include a readonly preview value for easier debugging

[GeoMarkou]

Is there an existing issue for this?

• I have searched the existing issues

Current behavior

When debugging, it's quite difficult to see what's actually going on with my numbers to make sure my math is correct, because there is no visual indication of the number that a Dinero object represents in the debugger. Everything is hidden behind a .toFormat() or .toUnit() function which you can't easily call in dev tools.

Expected behavior

I've already done this locally in my setup, but I thought it would be useful for other users too. I set a getter when creating the object which just shows a preview of the string value. You still need to click it in the dev console to see the amount which isn't ideal, but I wasn't sure if exposing the raw internal values was safe. It might be a good idea to include this in the Dinero source code behind a development environment flag or something.

export const dineroWithPreview = (options) => Object.defineProperty(dinero(options), '__preview__', { get() { return this.toFormat(); }})

Steps to reproduce

1. Open the dev tools
2. Debug a JavaScript file
3. Have loads of Dinero objects you need to debug
4. Get RSI rightclicking each Dinero object you need to check, while typing temp.toFormat() manually for each one

Version

1.9.1

Environment

Chrome

Code of Conduct

• I agree to follow this project's Code of Conduct