README

dpHelper

The supercharged toolkit for modern web development, AI engineering & DevTools.

versionarrow-up-right install sizearrow-up-right downloadsarrow-up-right

Snyk Known Vulnerabilitiesarrow-up-right Socket Badgearrow-up-right

Node.js
React
Javascript
TypeScript
esbuild
Jest
ESLint
Playwright
AI Ready
TOON

GitBookarrow-up-right


About

dphelper is a powerful, zero-dependency utility library that brings together 53 production-ready tools for web developers, AI engineers, and DevTools creators.

Think of it as your universal toolbox - from DOM manipulation to cryptographic operations, from real-time WebSocket handling to AI-powered token optimization. No more juggling multiple packages. One import, infinite possibilities.

Why dphelper?

  • ⚑ Zero Dependencies - Pure vanilla JavaScript/TypeScript. No bloat, no surprises.

  • πŸ€– AI-First Design - Built for LLM apps with TOON optimization, token counting, and RAG support.

  • 🌐 Universal - Works in browser, Node.js, Bun, and Deno.

  • πŸ”’ Type-Safe - Full TypeScript definitions auto-generated for every tool.

  • πŸ“¦ Tiny Bundle - Only ~171KB minified, tree-shakeable.

"dphelper is what you'd build if you combined lodash, socket.io, and an AI SDK - but lighter."


[!IMPORTANT] Application state is currently handled through Memorio and RGS.

To integrate state management into your project


πŸš€ Version 3.3: New Powerful Modules

dphelper has expanded with powerful new modules for modern web development:

✨ Highlights

  • πŸ’Ύ IndexedDB Module: Full-featured wrapper for IndexedDB with query builder, transactions, and bulk operations.

  • βš™οΈ Web Worker Module: Create and manage workers, worker pools for parallel processing, and SharedWorkers for cross-tab communication.

  • 🌍 i18n Module: Complete internationalization with translations, pluralization, date/number formatting, and relative time.

  • πŸ–ΌοΈ Image Module: Image processing including resize, crop, filters, rotation, flip, and compositing.

  • πŸ—œοΈ Compression Module: Gzip, deflate, LZW compression, plus base64, URL, and HTML encoding/decoding.

  • πŸ” Biometric Module: WebAuthn support for fingerprint, face recognition, and secure credential management.


πŸ’Ύ IndexedDB Module


βš™οΈ Web Worker Module


🌍 i18n Module


πŸ–ΌοΈ Image Module


πŸ—œοΈ Compression Module


πŸ” Biometric Module (WebAuthn)


Table of Contents


Installation

Usage

Import it precisely once in your entry point (e.g., index.js, main.ts, or App.tsx):

For plain HTML/CDN:


AI Power User Guide

The new dphelper.ai module is designed for the modern AI stack (LLMs, RAG, Vector Search).


Modular Architecture

Every tool in dphelper is now a self-contained module. Our new build system automatically:

  1. Scans the tools/ directory.

  2. Generates dynamic imports for the core.

  3. Synchronizes TypeScript interfaces in dphelper.d.ts.

This ensures that adding new tools is instantaneous and always documented with full Intellisense support.


πŸ”„ UI Mirror & Auto-Recovery

dphelper makes your web app feel like a native desktop application with cross-tab intelligence.


Browser Extension (Chrome/Edge)

dphelper Banner

Manage your dphelper environment, monitor memory usage, and access documentation directly from your browser.



Environment Compatibility

dphelper tools are classified by their execution target to ensure stability across the stack.

Icon
Type
Description

🌐

Client

Browser only (requires DOM, window, or navigator).

πŸ–₯️

Server

Node.js / Bun / Deno only (access to process, fs, etc).

🧬

Isomorphic

Universal. Works in both Browser and Server (AI, Logic, Math).

Core Module Status

  • dphelper.ai: 🧬 Isomorphic

  • dphelper.fetch: 🧬 Isomorphic (Supports Node 18+)

  • dphelper.sse: 🌐 Client (Streaming fetch)

  • dphelper.socket: 🌐 Client (WebSocket)

  • dphelper.sync: 🌐 Client (BroadcastChannel)

  • dphelper.UI: 🌐 Client (DOM based)


License

MIT License

Credits

Copyrigth (c) Dario Passarielloarrow-up-right

Last updated