@karbonjs/utils

Lightweight utility functions for date, string, number formatting and more. Pure TypeScript, zero dependencies, works with any framework.

Install

npm install @karbonjs/utils

Date

import { formatDate, formatDateTime, timeAgo, formatMonthYear, isToday, isPast } from '@karbonjs/utils'

formatDate('2026-03-15')                    // "15 mars 2026"
formatDateTime('2026-03-15T14:30:00')       // "15 mars 2026 à 14:30"
timeAgo('2026-03-15T10:00:00')             // "Il y a 5h"
formatMonthYear('2026-03-15')              // "mars 2026"

// English locale
formatDate('2026-03-15', { locale: 'en-US' })  // "Mar 15, 2026"
timeAgo('2026-03-15', { locale: 'en' })        // "5h ago"

String

import { truncate, slugify, capitalize, pluralize, stripHtml, initials, escapeHtml, camelCase, kebabCase } from '@karbonjs/utils'

truncate('Long text here...', 10)           // "Long text ..."
slugify('Mon Super Article !')              // "mon-super-article"
capitalize('hello')                         // "Hello"
pluralize(3, 'article')                     // "3 articles"
pluralize(1, 'article')                     // "1 article"
stripHtml('<p>Hello <b>world</b></p>')      // "Hello world"
initials('John Doe')                        // "JO"
escapeHtml('<script>alert("xss")</script>') // "&lt;script&gt;..."
camelCase('my-variable')                    // "myVariable"
kebabCase('myVariable')                     // "my-variable"

Number

import { formatSize, formatCount, clamp, formatPercent, formatPrice, randomInt } from '@karbonjs/utils'

formatSize(2_500_000)          // "2.4 Mo"
formatSize(2_500_000, 'en')    // "2.4 MB"
formatCount(12345)             // "12 345"
clamp(150, 0, 100)            // 100
clamp(5, 10, 0)               // 5 (auto-swaps min/max)
formatPercent(0.856)           // "85.6%"
formatPrice(29.99)             // "29,99 €"
formatPrice(29.99, 'USD', 'en-US')  // "$29.99"
randomInt(1, 10)               // 7

Timing

import { debounce, throttle } from '@karbonjs/utils'

const search = debounce(() => fetchResults(), 400)
const scroll = throttle(() => handleScroll(), 200)

Cookies

import { setCookie, getCookie, deleteCookie } from '@karbonjs/utils'

setCookie('theme', 'dark', { days: 365 })
getCookie('theme')              // "dark"
deleteCookie('theme')

Image Resizer Helper

URL builder for the Karbon ImgResizer service.

import { img } from '@karbonjs/utils'

// Basic resize
img('/files/uploads/photo.jpg', { w: 320, h: 180 })
// → "/files/r/320x180/uploads/photo.jpg"

// Width only (auto height)
img('/files/uploads/photo.jpg', { w: 640 })
// → "/files/r/640x0/uploads/photo.jpg"

// Cover crop + WebP + quality
img('/files/uploads/photo.jpg', { w: 320, h: 180, mode: 'cover', format: 'webp', quality: 85 })
// → "/files/r/320x180_cover_q85.webp/uploads/photo.jpg"

// Grayscale + blur
img('/files/uploads/photo.jpg', { w: 400, h: 400, grayscale: true, blur: 2 })
// → "/files/r/400x400_gray_blur2/uploads/photo.jpg"

Options: w, h, mode (fit/cover/stretch), format (webp/jpeg/png), quality (1-100), grayscale, blur, anchor.

License

MIT