npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@sloikaxyz/dnum

v2.14.1-0

Published

Small library for big decimal numbers.

Downloads

53

Readme

dnum provides a small set of utilities designed for the manipulation of large numbers. It provides useful features for everyday apps, such as formatting and math functions. Numbers are represented as a pair composed of a value (BigInt) and a decimal precision. This structure allows to maintain the number precision while offering a great flexibility.

type Dnum = [value: bigint, decimals: number];

Usage

import * as dn from "dnum";

let a = dn.from(2, 18); // the number 2 followed by 18 decimals
let a = [2000000000000000000n, 18]; // equivalent to the previous line

let b = dn.from("870983127.93887"); // dn.from() can parse strings, numbers, bigint and more

let c = dn.multiply(a, b); // returns [1741966255877740000000000000n, 18]

console.log(
  dn.format(a), // "2"
  dn.format(b, 2), // "870,983,127.94"
  dn.format(c, 2), // "1,741,966,255.88"
  dn.format(b, { compact: true }), // "1.7B"
);

Install

npm install --save dnum
pnpm add dnum
yarn add dnum

TL;DR

dnum might be a good option for your project if:

  • Your numbers are represented as value + decimals pairs.
  • You need to format large numbers for UI purposes.
  • You want to keep your big numbers library small.
  • You want a simple, straightforward data structure.

Example

dnum can be used to perform math operations on currency values. Let’s consider a scenario where you have the price of a specific token known as TKN, expressed in ETH, received as a string to prevent potential precision issues:

let tknPriceInEth = "17.30624293209842";

And you received the price of 1 ETH in USD from a different source, as a JavaScript number:

let ethPriceInUsd = 1002.37;

Finally, your app has a specific quantity of TKN to be displayed, represented as a BigInt with an implied 18 decimals precision:

let tknQuantity = 1401385000000000000000n; // 1401.385 (18 decimals precision)

You want to display the USD value of tknQuantity. This would normally require to:

  • Parse the numbers correctly (without using parseInt() / parseFloat() to avoid precision loss).
  • Convert everything into BigInt values with an identical decimals precision.
  • Multiply the numbers.
  • Convert the resulting BigInt into a string and format it for display purposes, without Intl.NumberFormat since it would cause precision loss.

dnum can do all of this for you:

let tknPriceInEth = "17.30624293209842";
let ethPriceInUsd = 1002.37;
let tknQuantity = 1401385000000000000000n; // 1401.385 (18 decimals precision)

// dnum function parameters accept various ways to represent decimal numbers.
let tknPriceInUsd = dnum.multiply(tknPriceInEth, ethPriceInUsd);

let tknQuantityInUsd = dnum.multiply(
  // Here we only attach the 18 decimals precision with the bigint value,
  // which corresponds to the Dnum type: [value: bigint, decimals: number].
  // You can pass this structure anywhere dnum expects a value, and this is
  // also what most dnum functions return.
  [tknQuantity, 18],
  tknPriceInUsd,
);

// We can now format the obtained result, rounding its decimals to 2 digits:
dnum.format(tknQuantityInUsd, 2); // $24,310,188.17

You can play with this example on CodeSandbox.

API

Types

type Dnum = [value: bigint, decimals: number];
type Numberish = string | number | bigint | Dnum;

format(value, options)

Formats the number for display purposes.

| Name | Description | Type | | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------- | | value | The value to format. | Dnum | | options.digits | Number of digits to display. Setting options to a number acts as an alias for this option (see example below). Defaults to the number of decimals in the Dnum passed to value. | number | | options.compact | Compact formatting (e.g. “1,000” becomes “1K”). | boolean | | options.trailingZeros | Add trailing zeros if any, following the number of digits. | boolean | | options.locale | The locale used to format the number. | string | | options.decimalsRounding | Method used to round to digits decimals (defaults to "ROUND_HALF"). | "ROUND_HALF" \| "ROUND_UP" \| "ROUND_DOWN" | | options.signDisplay | When to display the sign for the number. Follows the same rules as Intl.NumberFormat. Defaults to "auto". | "auto" \| "always" \| "exceptZero" \| "negative" \| "never" | | returns | Formatted string. | string |

Example

let amount = [123456789000000000000000n, 18];

// If no digits are provided, the digits correspond to the decimals
dnum.format(amount); // 123,456.789

// options.digits
dnum.format(amount, { digits: 2 }); // 123,456.79
dnum.format(amount, 2); // 123,456.79 (alias for { digits: 2 })

// options.compact
dnum.format(amount, { compact: true }); // 123K

// options.trailingZeros
dnum.format(amount, { digits: 6, trailingZeros: true }); // 123,456.789000

from(valueToParse, decimals)

Parse a value and convert it into a Dnum. The passed value can be a string, a number, a bigint, or even a Dnum − which can be useful to change its decimals.

| Name | Description | Type | | --------------------- | ------------------------------------------------ | ---------------- | | valueToParse | Value to convert into a Dnum | Numberish | | decimals (optional) | Number of decimals (defaults to true for auto) | number \| true | | returns | Converted value | Dnum |

Example

// Parses a number expressed as a string or number
let amount = dnum.from("17.30624", 18);

// amount equals [17306240000000000000n, 18]

add(value1, value2, decimals)

Adds two values together, regardless of their decimals. decimals correspond to the decimals desired in the result.

| Name | Description | Type | | --------------------- | ----------------------------------------------- | ----------- | | value1 | First value to add | Numberish | | value2 | Second value to add | Numberish | | decimals (optional) | Result decimals (defaults to value1 decimals) | number | | returns | Result | Dnum |

subtract(value1, value2, decimals)

Subtracts the second value from the first one, regardless of their decimals. decimals correspond to the decimals desired in the result.

| Name | Description | Type | | --------------------- | ----------------------------------------------- | ----------- | | value1 | Value from which value2 is subtracted | Numberish | | value2 | Value to subtract from value1 | Numberish | | decimals (optional) | Result decimals (defaults to value1 decimals) | number | | returns | Result | Dnum |

Alias: sub()

multiply(value1, value2, optionsOrDecimals)

Multiply two values together, regardless of their decimals. options.decimals correspond to the decimals desired in the result.

| Name | Description | Type | | ----------------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------- | | value1 | First value to multiply | Numberish | | value2 | Second value to multiply | Numberish | | options.decimals (optional) | Results decimals (defaults to value1 decimals). Setting options to a number acts as an alias for this option. | Decimals | | options.rounding (optional) | How to round round results (defaults to "ROUND_HALF") | Rounding | | returns | Result | Dnum |

Alias: mul()

Example

let ethPriceUsd = [100000n, 2]; // 1000 USD
let tokenPriceEth = [570000000000000000, 18]; // 0.57 ETH

let tokenPriceUsd = dnum.multiply(tokenPriceEth, ethPriceUsd, 2); // 570 USD

// tokenPriceUsd equals [57000, 2]

divide(value1, value2, optionsOrDecimals)

Divide a value by another one, regardless of their decimals. options.decimals correspond to the decimals desired in the result.

| Name | Description | Type | | ----------------------------- | ------------------------------------------------------------------------------------------------------------------- | ----------- | | value1 | Dividend | Numberish | | value2 | Divisor | Numberish | | options.decimals (optional) | Results decimals (defaults to value1 decimals). Setting options to a number acts as an alias for this option. | Decimals | | options.rounding (optional) | How to round round results (defaults to "ROUND_HALF") | Rounding | | returns | Result | Dnum |

Alias: div()

Example

let ethPriceUsd = [100000n, 2]; // 1000 USD
let tokenPriceUsd = [57000, 2]; // 570 USD

let tokenPriceEth = dnum.divide(tokenPriceUsd, ethPriceUsd, 18); // 0.57 ETH

// tokenPriceEth equals [570000000000000000, 18]

remainder(value1, value2, decimals)

Equivalent to the % operator: calculate the remainder left over when one operand is divided by a second operand.

| Name | Description | Type | | --------------------- | ----------------------------------------------- | ----------- | | value1 | Dividend | Numberish | | value2 | Divisor | Numberish | | decimals (optional) | Result decimals (defaults to value1 decimals) | number | | returns | Result | Dnum |

Alias: rem()

abs(value, decimals)

Equivalent to the Math.abs() function: it returns the absolute value of the Dnum number.

| Name | Description | Type | | --------------------- | ---------------------------------------------- | ----------- | | value | Value to remove the sign from | Numberish | | decimals (optional) | Result decimals (defaults to value decimals) | number | | returns | Result | Dnum |

Example

let value = [-100000n, 2];

dnum.abs(value); // [100000n, 2]

round(value, optionsOrDecimals)

Equivalent to the Math.round() function, with added option to forcibly round up or down: it returns the value of a number rounded to the nearest integer.

| Name | Description | Type | | ----------------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------- | | value | Value to round to the nearest integer | Numberish | | options.decimals (optional) | Results decimals (defaults to value decimals). Setting options to a number acts as an alias for this option. | Decimals | | options.rounding (optional) | How to round round results (defaults to "ROUND_HALF") | Rounding | | returns | Result | Dnum |

Example

let value = [-123456n, 2]; // 1234.56

dnum.round(value); // [123500n, 2] or 1235.00

floor(value, decimals)

Equivalent to the Math.floor() function: it rounds down and returns the largest integer less than or equal to the number.

| Name | Description | Type | | --------------------- | ---------------------------------------------- | ----------- | | value | Value to round down | Numberish | | decimals (optional) | Result decimals (defaults to value decimals) | number | | returns | Result | Dnum |

ceil(value, decimals)

Equivalent to the Math.ceil() function: it rounds rounds up and returns the smaller integer greater than or equal to the number.

| Name | Description | Type | | --------------------- | ---------------------------------------------- | ----------- | | value | Value to round up | Numberish | | decimals (optional) | Result decimals (defaults to value decimals) | number | | returns | Result | Dnum |

greaterThan(value1, value2)

Equivalent to the > operator: it returns true if the first value is greater than the second value and false otherwise, regardless of their respective decimals.

| Name | Description | Type | | -------- | ----------------- | ----------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | boolean |

Alias: gt()

Example

let value1 = [10000100n, 4];
let value2 = [100000n, 2];

dnum.greaterThan(value1, value2); // true
dnum.greaterThan(value1, value1); // false
dnum.greaterThan(value2, value1); // false

greaterThanOrEqual(value1, value2)

Equivalent to the >= operator: it returns true if the first value is greater than or equal to the second value and false otherwise, regardless of their respective decimals.

| Name | Description | Type | | -------- | ----------------- | ----------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | boolean |

Alias: gte()

lessThan(value1, value2)

Equivalent to the < operator: it returns true if the first value is less than the second value and false otherwise, regardless of their respective decimals.

| Name | Description | Type | | -------- | ----------------- | ----------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | boolean |

Alias: lt()

Example

let value1 = [100000n, 2];
let value2 = [10000100n, 4];

dnum.lessThan(value1, value2); // true
dnum.lessThan(value1, value1); // false
dnum.lessThan(value2, value1); // false

lessThanOrEqual(value1, value2)

Equivalent to the <= operator: it returns true if the first value is less than or equal to the second value and false otherwise, regardless of their respective decimals.

| Name | Description | Type | | -------- | ----------------- | ----------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | boolean |

Alias: lte()

equal(value1, value2)

Equivalent to the == operator: it returns true if the first value is equal to the second value and false otherwise, regardless of their respective decimals.

| Name | Description | Type | | -------- | ----------------- | ----------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | boolean |

Alias: eq()

Example

let value1 = [100000n, 2];
let value2 = [10000000n, 4];

dnum.equal(value1, value2); // true

compare(value1, value2)

Returns 1 if value1 > value2, -1 if value1 < value2, 0 if value1 == value2. It makes it easy to combine Dnum values with sorting functions such as Array#sort().

| Name | Description | Type | | -------- | ----------------- | -------------- | | value1 | First value | Numberish | | value2 | Second value | Numberish | | returns | Comparison result | 1 \| -1 \| 0 |

Alias: cmp()

Example

let sorted = [
  1,
  8n,
  [700n, 2],
  3.1,
  2n,
  5,
].sort(compare);

console.log(sorted); // [1, 2n, 3.1, 5, [700n, 2], 8n];

toNumber(value, optionsOrDigits)

Converts the Dnum data structure into a number. This might result in a loss of precision depending on how large the number is.

| Name | Description | Type | | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | | value | The number to convert into a number | Dnum | | options.digits | Number of digits to keep after the decimal point. Setting options to a number acts as an alias for this option (see example below). Defaults to the number of decimals in the Dnum passed to value. | number | | options.decimalsRounding | Method used to round to digits decimals (defaults to "ROUND_HALF"). | "ROUND_HALF" \| "ROUND_UP" \| "ROUND_DOWN" | | returns | Result | number |

let value = [123456789000000000000000n, 18];

toNumber(value); // 123456.789
toNumber(value, { digits: 1 }); // 123456.8
toNumber(value, 1); // 123456.8 (alias for { digits: 1 })

toString(value, optionsOrDigits)

Converts the Dnum data structure into a string, without any formatting. This might result in a loss of precision depending on how large the number is.

| Name | Description | Type | | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | | value | The number to convert into a string | Dnum | | options.digits | Number of digits to keep after the decimal point. Setting options to a number acts as an alias for this option (see example below). Defaults to the number of decimals in the Dnum passed to value. | string | | options.decimalsRounding | Method used to round to digits decimals (defaults to "ROUND_HALF"). | "ROUND_HALF" \| "ROUND_UP" \| "ROUND_DOWN" | | returns | String conversion of the value | string |

let value = [123456789000000000000000n, 18];

toString(value); // "123456.789"
toString(value, { digits: 1 }); // "123456.8"
toString(value, 1); // "123456.8" (alias for { digits: 1 })

Note that if you want to format the number for display purposes, you should probably use format() instead. If you need to convert the number into a JSON-compatible string without any precision loss, use toJSON() instead.

toJSON(value)

Converts the Dnum data structure into a JSON-compatible string. This function is provided because JSON.stringify() doesn’t work with BigInt data types.

| Name | Description | Type | | ------- | --------------------------------- | -------- | | value | The number to convert into a JSON | Dnum | | returns | JSON conversion of the value | string |

let json = toJSON([123456789000000000000n, 18]);

// json == "[\"123456789000000000000\", 18]";

fromJSON(value)

Converts the string resulting from toJSON() back into a Dnum.

| Name | Description | Type | | ------- | ---------------------------------------------- | -------- | | value | The string value to convert back into a Dnum | string | | returns | Dnum value parsed from the JSON | Dnum |

let dnum = fromJSON("[\"123456789000000000000\", 18]");

// dnum == [123456789000000000000n, 18]

setDecimals(value, decimals, options)

Return a new Dnum with a different amount of decimals. The value will reflect this change so that the represented number stays the same.

| Name | Description | Type | | --------------- | ------------------------------------------------------------------------------------------- | ---------- | | value | The number from which decimals will be changed | Dnum | | decimals | New number of decimals | number | | options.round | In case of reduction, whether to round the remaining decimals (defaults to "ROUND_HALF"). | Rounding | | returns | Result | Dnum |

Note: from(value, decimals) can also be used instead.

Tree shaking

To make use of tree shaking, named exports are also provided:

import { format, from } from "dnum";

FAQ

Should dnum be used instead of BigInt or libraries such as BN.js or decimal.js?

dnum is not a full replacement for libraries such as decimal.js or BigInt. Instead, dnum focuses on a small (~1kb) set of utilities focused around the simple Dnum data structure, allowing to manipulate numbers represented in various decimal precisions in a safe manner.

Why is it called dnum?

dnum stands for Decimal Numbers.

Who made the logo and banner? 😍

The gorgeous visual identity of dnum has been created by Paty Davila.

Acknowledgements