nhb-toolbox
Version:
A versatile collection of smart, efficient, and reusable utility functions, classes and types for everyday development needs.
522 lines (351 loc) • 16.8 kB
Markdown
# NHB Toolbox
> “I solve problems you face daily”
<p>
<!-- NPM Info -->
<a href="https://www.npmjs.com/package/nhb-toolbox" aria-label="NPM Downloads">
<img src="https://img.shields.io/npm/dm/nhb-toolbox.svg?label=DOWNLOADS&style=flat&color=red&logo=npm" alt="Downloads" />
</a>
<a href="https://www.npmjs.com/package/nhb-toolbox" aria-label="Latest Version">
<img src="https://img.shields.io/npm/v/nhb-toolbox.svg?label=NPM&style=flat&color=teal&logo=npm" alt="Latest Version" />
</a>
<a href="https://bundlephobia.com/result?p=nhb-toolbox" aria-label="Bundle Size">
<img src="https://img.shields.io/bundlephobia/minzip/nhb-toolbox?style=flat&color=purple&label=SIZE&logo=nodedotjs" alt="Bundle Size" />
</a>
<!-- Project Metadata -->
<a href="https://github.com/nazmul-nhb/nhb-toolbox" aria-label="TypeScript">
<img src="https://img.shields.io/badge/BUILT%20with-TypeScript-3178C6?style=flat&logo=typescript&logoColor=blue" alt="Built with TypeScript" />
</a>
<a href="https://github.com/nazmul-nhb/nhb-toolbox/actions" aria-label="Build Status">
<img src="https://img.shields.io/github/actions/workflow/status/nazmul-nhb/nhb-toolbox/publish.yml?label=BUILD%20%26%20PUBLISH&style=flat&logo=github" alt="Build Status" />
</a>
<a href="https://github.com/nazmul-nhb/nhb-toolbox" aria-label="Project Status">
<img src="https://img.shields.io/badge/STATUS-maintained-brightgreen?style=flat&logo=git" alt="Maintained" />
</a>
<a href="https://github.com/nazmul-nhb/nhb-toolbox/commits/main" aria-label="Last Commit">
<img src="https://img.shields.io/github/last-commit/nazmul-nhb/nhb-toolbox?style=flat&label=LAST%20COMMIT&logo=git" alt="Last Commit" />
</a>
<!-- GitHub Meta -->
<a href="https://github.com/nazmul-nhb/nhb-toolbox/stargazers" aria-label="GitHub Stars">
<img src="https://img.shields.io/github/stars/nazmul-nhb/nhb-toolbox?style=flat&label=STARS&logo=github" alt="GitHub stars" />
</a>
<a href="https://github.com/nazmul-nhb/nhb-toolbox/issues" aria-label="Open Issues">
<img src="https://img.shields.io/github/issues/nazmul-nhb/nhb-toolbox?style=flat&label=ISSUES&logo=github" alt="Open Issues" />
</a>
<a href="https://github.com/nazmul-nhb/nhb-toolbox/pulls" aria-label="Open Pull Requests">
<img src="https://img.shields.io/github/issues-pr/nazmul-nhb/nhb-toolbox?style=flat&label=PRs&logo=github" alt="Pull Requests" />
</a>
<a href="https://www.npmjs.com/package/nhb-toolbox" aria-label="License">
<img src="https://img.shields.io/npm/l/nhb-toolbox.svg?label=LICENSE&style=flat&color=orange&logo=open-source-initiative" alt="License" />
</a>
</p>
## TypeScript Utility Library
**NHB Toolbox** provides battle-tested utilities for professional TypeScript development. Carefully crafted to solve common challenges with elegant, production-ready solutions:
- **Helper Functions & Classes**: Reusable solutions for everyday tasks
- **Type Guards & Predicates**: Runtime safety with perfect type inference
- **Validation Utilities**: Robust data validation patterns
- **Zero Dependencies**: Framework-agnostic implementation using only native TS/JS with 0 external package
> [Explore Full Documentation →](https://toolbox.nazmul-nhb.dev/)
## Installation
`nhb-toolbox` is published to two package registries:
- **NPM Registry** (default public registry)
- **GitHub Packages** (GitHub’s package registry, scoped package)
### Installing from NPM Registry (default)
This is the simplest way to install and requires no additional setup.
Choose your preferred package manager:
```shell
npm i nhb-toolbox
```
```shell
pnpm add nhb-toolbox
```
```shell
yarn add nhb-toolbox
```
> Use this if you want the stable public version without extra config.
### Installing from GitHub Packages
GitHub Packages requires authentication and scoped package names.
<details>
<summary>
<strong>Details</strong>
</summary>
#### Step 1: Authenticate with GitHub Packages
Create or use a **GitHub Personal Access Token (PAT)** with `read:packages` permission.
Add the following to your project’s `.npmrc` file (create if it doesn’t exist):
```ini
@nazmul-nhb:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=YOUR_GITHUB_PERSONAL_ACCESS_TOKEN
```
> Replace `YOUR_GITHUB_PERSONAL_ACCESS_TOKEN` with your actual token.
#### Step 2: Install the package with scoped name
Choose your preferred package manager:
```shell
npm i @nazmul-nhb/nhb-toolbox
```
```shell
pnpm add @nazmul-nhb/nhb-toolbox
```
```shell
yarn add @nazmul-nhb/nhb-toolbox
```
#### Where do consumers get the GitHub token?
- **The token is personal and private** — *each consumer must create own*.
- Your **GitHub Personal Access Token (PAT)** **should never be shared publicly or with consumers**.
#### How consumers create own token
1. **Go to GitHub account settings** → **Developer settings** → **Personal access tokens** → **Tokens (classic)**.
2. Click **Generate new token**, then:
- Give it a name (e.g., `npm package read access`).
- Set expiration as prefer.
- **Enable only the `read:packages` permission** (to allow reading packages).
3. Generate the token and **copy it immediately** — won't see it again.
#### What should consumers do with the token?
- Add it to `.npmrc` file (or environment) to authenticate with GitHub Packages.
Example `.npmrc` snippet:
```ini
@nazmul-nhb:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=PERSONAL_ACCESS_TOKEN_HERE
```
</details>
### Summary
| Registry | Package Name | Registry URL | Requires Auth? |
| --------------- | ------------------------- | -------------------------------------------------------- | ------------------------------ |
| NPM Registry | `nhb-toolbox` | [https://registry.npmjs.org](https://registry.npmjs.org) | No |
| GitHub Packages | `@nazmul-nhb/nhb-toolbox` | [https://npm.pkg.github.com](https://npm.pkg.github.com) | Yes (PAT with `read:packages`) |
If you want to use both, just configure `.npmrc` accordingly and install the appropriate package name depending on your needs.
### Notes
- The GitHub Packages version may include pre-release or private builds.
- NPM Registry version is the recommended default for most users.
- You can safely use either registry depending on your environment.
## Changelog
See [Changelog](CHANGELOG.md) for recent updates.
## Key Features
- **Type-Safe Utilities**:Fully typed for perfect TypeScript integration with strict type checking
- **Modular Design**: Tree-shaking friendly – import only what you need with zero bloat
- **Zero Dependencies**: No external dependencies - works with any JS/TS framework
- **IDE Support**: Full type hints with JSDoc-powered API references in your editor
- **Comprehensive Documentation**: Learn with real-world use cases on [documentation site](https://toolbox.nazmul-nhb.dev/)
- **Battle-Tested**: Reliable utilities refined through real-world production use
- **Optimized for Production**: Focused on clean, efficient implementations
## Signature Utilities
### 🕰️ Date & Time Mastery
**`Chronos`** - The ultimate date/time manipulation class with 100+ methods for parsing, formatting, calculating, and comparing dates. Handles all edge cases and timezones safely.
> 🧩 **Note**: Some methods in `Chronos` are available only through the [plugin system](https://toolbox.nazmul-nhb.dev/docs/classes/Chronos/plugins#-official-plugins). This modular design ensures the core bundle stays lightweight — plugins are loaded only when needed, reducing unnecessary code in your final build.
```typescript
new Chronos('2025-01-01').addDays(3).format('YYYY-MM-DD'); // "2025-01-04"
// or with `Chronos` wrapper
chronos('2025-01-01').addDays(3).format('YYYY-MM-DD'); // "2025-01-04"
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/classes/Chronos)
### 🎨 Professional Color Manipulation
**`Color`** - Convert between color formats, generate palettes, check accessibility contrast, and perform advanced color math with perfect type safety.
```typescript
const blue = new Color('#0000ff');
const darkerBlue = blue.applyDarkness(20); // 20% darker
console.log(darkerBlue.hsl); // "hsl(240, 100%, 40%)" (was 50%)
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/classes/Color)
### 🔍 Optimized Array Search
**`Finder`** - Blazing-fast array searching with binary search, fuzzy matching, and smart caching. Perfect for large datasets.
```typescript
const productFinder = new Finder(products);
const laptop = productFinder.findOne('laptop', 'category', {
fuzzy: true,
caseInsensitive: false,
});
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/classes/Finder)
### 🆔 Random ID Generation
**`generateRandomID`** - Enterprise-grade unique ID generation with prefixes, timestamps, and formatting.
```typescript
generateRandomID({
prefix: 'user',
timeStamp: true,
length: 12,
caseOption: 'upper',
}); // "USER-171234567890-AB3C4D5E6F7G"
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/string/generateRandomID)
### 🔢 Pluralize Strings and More
**`pluralizer`** - Handles English word pluralization and singularization with support for irregular forms and uncountable nouns.
```ts
import { pluralizer } from 'nhb-toolbox';
pluralizer.pluralize('child'); // "children"
pluralizer.pluralize('category', { count: 3 }); // "categories"
pluralizer.pluralize('child', { count: 1, inclusive: true }); // "1 child"
pluralizer.toSingular('geese'); // "goose"
pluralizer.toSingular('children'); // "child"
pluralizer.isPlural('children'); // true
pluralizer.isSingular('child'); // true
pluralizer.isPlural('fish'); // true (uncountable)
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/string/pluralizer)
### 🎨 Color System Utilities
**`getColorForInitial`** - Deterministic color mapping system for consistent UI theming
```typescript
// Get color palette for user avatars
getColorForInitial(['Alice', 'Bob', 'Charlie']);
// ['#00094C', '#00376E', '#005600']
getColorForInitial('Banana', 50); // '#00376E80' (50% opacity)
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/color/getColorForInitial)
### 📄 FormData Preparation
**`createFormData`** - Convert JavaScript objects into `FormData` with extensive configuration options for handling nested structures, files, and data transformations.
```typescript
import { createFormData } from 'nhb-toolbox';
const formData = createFormData({
user: {
name: ' John Doe ',
age: 30,
preferences: { theme: 'dark' }
},
files: [file1, file2]
}, {
trimStrings: true,
lowerCaseValues: ['user.name'],
dotNotateNested: ['user.preferences'],
breakArray: ['files']
});
// Resulting FormData:
// user.name=john doe
// user.age=30
// user.preferences.theme=dark
// files[0]=[File1]
// files[1]=[File2]
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/form/createFormData)
### 🛡️ Data Sanitization
**`sanitizeData`** - Clean and normalize strings/objects by trimming whitespace, removing empty values, and applying customizable filters.
```typescript
const user = {
name: ' John Doe ',
age: null,
address: { city: ' NYC ', zip: '' },
tags: [],
};
sanitizeData(user, { ignoreNullish: true, ignoreEmpty: true });
// Returns { name: "John Doe", address: { city: "NYC" } } with exact input type
sanitizeData(user, { ignoreNullish: true }, 'partial');
// Return type: FlattenPartial<typeof user> which is Partial<T>
// Returns { name: "John Doe", address: { city: "NYC" } }
// { name: 'John' }
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/object/sanitizeData)
### 🔄 JSON Hydration
**`parseJSON`** - Bulletproof JSON parsing with primitive conversion
```typescript
parseJSON('{"value":"42"}'); // { value: 42 } (auto-converts numbers)
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/misc/parseJSON)
### 🔢 Number to Words
**`numberToWords`** - Convert numbers to human-readable words (supports up to 100 quintillion).
```typescript
numberToWords(125); // "one hundred twenty-five"
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/number/numberToWords)
### 🔢 Advanced Number Operations
**`getNumbersInRange`** - Generate intelligent number sequences with prime, even/odd, and custom filtering capabilities
```typescript
// Get primes between 10-30 as formatted string
getNumbersInRange('prime', { min: 10, max: 30, getAsString: true });
// "11, 13, 17, 19, 23, 29"
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/number/getNumbersInRange)
**`calculatePercentage`** - Swiss Army knife for percentage calculations with 7 specialized modes
```typescript
// Calculate percentage change
calculatePercentage({
mode: 'get-change-percent',
oldValue: 100,
newValue: 150,
}); // 50 (50% increase)
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/number/calculatePercentage)
### 🔄 Extract Updated Fields
**`extractUpdatedFields`** - Detect exactly what changed between two objects (including deep nested changes).
```typescript
const dbRecord = { id: 1, content: 'Hello', meta: { views: 0 } };
const update = { content: 'Hello', meta: { views: 1 } };
extractUpdatedFields(dbRecord, update);
// { meta: { views: 1 } }
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/object/extractUpdatedFields)
### 🎨 Style Console Output(s)
**`Stylog`** - `Chalk`-like minimal utility to style console output(s) in both Node.js & Browser environment(s) (supports named CSS colors).
```typescript
// Basic coloring
Stylog.error.log('Error message');
Stylog.success.log('Success message');
Stylog.info.log('Info message');
Stylog.whitesmoke.log('I am White!');
// Multiple styles
Stylog.blue.bold.underline.log('I am Bold Underlined Blue!');
// With object stringification
Stylog.magenta.italic.log({ data: 'value' }, true);
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/misc/stylog)
### ⚡ Performance Optimizers
**`throttleAction`** - Precision control for high-frequency events
```typescript
// Smooth scroll handling
throttleAction(updateScrollPosition, 100);
```
[Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/misc/throttleAction)
**`debounceAction`** - Intelligent delay for expensive operations
```typescript
// Search-as-you-type
debounceAction(fetchResults, 300);
```
[Full Documentation →](https://toolbox.nazmul-nhb.dev/docs/utilities/misc/debounceAction)
> These utilities represent just a portion of the comprehensive `nhb-toolbox`. Each is designed with production-grade reliability and developer experience in mind. Explore more in the [full documentation](https://toolbox.nazmul-nhb.dev). All the utilities and classes are categorized.
## 🔗 Related Packages
<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
<a target="_blank" href="https://www.npmjs.com/package/nhb-hooks">
<img src="https://img.shields.io/badge/React_Hooks-nhb--hooks-blue" alt="nhb-hooks" />
</a>
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
<a target="_blank" href="https://www.npmjs.com/package/nhb-scripts">
<img src="https://img.shields.io/badge/Development_Scripts-nhb--scripts-red" alt="nhb-scripts" />
</a>
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
<a target="_blank" href="https://www.npmjs.com/package/nhb-express">
<img src="https://img.shields.io/badge/Express_Server_Scaffolder-nhb--express-orange" alt="nhb-express" />
</a>
</div>
<div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
<a target="_blank" href="https://www.npmjs.com/package/nhb-anagram-generator">
<img src="https://img.shields.io/badge/Anagram_Generator-nhb--anagram--generator-teal" alt="nhb-anagram-generator" />
</a>
</div>
## License
This project is licensed under the [Apache License 2.0](LICENSE) with the following additional requirement:
**Additional Requirement:**
> Any fork, derivative work, or redistribution of this project must include clear attribution to [**Nazmul Hassan**](https://github.com/nazmul-nhb) in both the source code and any publicly available documentation.
You are free to use, modify, and distribute this project under the terms of the Apache 2.0 License, provided that appropriate credit is given.