General utility functions for The Graph Design System
npm install @graphprotocol/gds-utilsGeneral utility functions for The Graph Design System.
``bash`
pnpm add @graphprotocol/gds-utils
`ts
import { bigIntToNumber, formatBigInt, numberToBigInt, parseBigInt } from '@graphprotocol/gds-utils'
// Format a BigInt with decimals (precision defaults to 18)
formatBigInt(1000000000000000000n) // "1"
formatBigInt(1500000000000000000n) // "1.5"
// Parse a string to BigInt
parseBigInt('1.5') // 1500000000000000000n
// Convert between BigInt and number
bigIntToNumber(1000000000000000000n) // 1
numberToBigInt(1.5) // 1500000000000000000n
// Custom precision
formatBigInt(1000000n, { precision: 6n }) // "1"
`
`ts
import { camelToKebab } from '@graphprotocol/gds-utils'
camelToKebab('backgroundColor') // "background-color"
camelToKebab('HTMLElement') // "html-element"
`
`ts
import { createIdenticon } from '@graphprotocol/gds-utils'
// Generate a deterministic identicon SVG from an Ethereum address
const svg = createIdenticon('0x1234...')
``
MIT