@hyperfrontend/list-utils

Purpose-built collection utilities for queue management, filtering, and iteration patterns.

What is @hyperfrontend/list-utils?

@hyperfrontend/list-utils provides specialized collection utilities focused on common programming patterns that native JavaScript arrays don't handle elegantly. Rather than replicating lodash, this library targets specific use cases: FIFO/LIFO queue management with object reference tracking, cyclical value iteration, and string array sanitization.

The library enforces immutability through frozen interfaces while maintaining high performance. All queue operations (FIFO/LIFO) use native Set for O(1) lookups and guaranteed uniqueness, solving the common problem of accidentally adding duplicate items to task queues or event handlers.

Key Features

• FIFO and LIFO queues with type-safe object tracking
• Value picker for cyclical iteration (ideal for round-robin patterns)
• String sanitization utilities (dedupe, trim, filter empty)
• Range generation for loop-free number sequences
• Map utilities for common Map operations
• Zero dependencies - Self-contained implementation with no third-party runtime dependencies

Architecture Highlights

Queue implementations return frozen objects to prevent external mutation while using native Set internally for optimal performance. Object-only restriction on queues prevents reference comparison issues with primitives.

Why Use @hyperfrontend/list-utils?

Prevents Queue Bugs in Event-Driven Systems

Native arrays don't enforce uniqueness, making it easy to accidentally register the same event handler, task, or subscription multiple times. FIFO/LIFO lists automatically reject duplicates based on reference equality, eliminating a common source of memory leaks and duplicate processing in event loops, job queues, and observer patterns.

Simplifies Round-Robin and Cyclical Patterns

The value picker solves the boilerplate problem of cycling through options (load balancer endpoints, color schemes, retry strategies). No manual index tracking or modulo math—just call next(). Particularly useful for testing scenarios where you need predictable value rotation.

Type-Safe String Sanitization

nonEmptyStrings() and uniqueStrings() handle the tedious work of cleaning user input, configuration arrays, or CSV parsing results. Filters null/undefined/empty/whitespace-only values in one call, with full TypeScript type narrowing.

Functional Composition Without Dependencies

All utilities return new arrays or frozen objects, never mutate inputs. This makes them safe for use in React hooks dependencies, Redux reducers, or any pure function context. No lodash required for these specific operations.

Installation

npm install @hyperfrontend/list-utils

Quick Start

import { createFifoList, createValuePicker, nonEmptyStrings, uniqueStrings } from '@hyperfrontend/list-utils'

// FIFO queue for task management
const taskQueue = createFifoList<{ id: string; execute: () => void }>()
taskQueue.push({ id: 'task1', execute: () => console.log('Task 1') })
taskQueue.push({ id: 'task2', execute: () => console.log('Task 2') })
const nextTask = taskQueue.pull() // Gets task1 (first in)

// Round-robin value picker
const colorPicker = createValuePicker(['red', 'blue', 'green'])
colorPicker.next() // 'red'
colorPicker.next() // 'blue'
colorPicker.next() // 'green'
colorPicker.next() // 'red' (cycles back)

// String sanitization
const userInputs = ['  hello  ', '', 'world', null, 'hello', '   ', 'world']
const cleaned = uniqueStrings(nonEmptyStrings(userInputs)) // ['hello', 'world']

API Overview

Queue Management

• createFifoList<T>() - First-in-first-out queue with reference uniqueness
• createLifoList<T>() - Last-in-first-out stack with reference uniqueness

Iteration Utilities

• createValuePicker(values) - Cyclical iterator for round-robin patterns
• createRange(start, end) - Generate number arrays without loops

String Utilities

• nonEmptyStrings(values) - Filter null/undefined/empty/whitespace strings
• uniqueStrings(values) - Remove duplicates while preserving order

Map Helpers

• getLastKeyInMap(map) - Retrieve the last inserted key from a Map

Compatibility

Platform	Support
Browser	✅
Node.js	✅
Web Workers	✅
Deno, Bun, Cloudflare Workers	✅

Output Formats

Format	File	Tree-Shakeable
ESM	index.esm.js	✅
CJS	index.cjs.js	❌
IIFE	bundle/index.iife.min.js	❌
UMD	bundle/index.umd.min.js	❌

Bundle size: 1 KB (minified, self-contained)

CDN Usage

<!-- unpkg -->
<script src="https://unpkg.com/@hyperfrontend/list-utils"></script>

<!-- jsDelivr -->
<script src="https://cdn.jsdelivr.net/npm/@hyperfrontend/list-utils"></script>

<script>
  const { createQueue, forEach } = HyperfrontendListUtils
</script>

Global variable: HyperfrontendListUtils

Part of hyperfrontend

This library is part of the hyperfrontend monorepo.

📖 Full documentation

• Used by @hyperfrontend/network-protocol for message queue management

License

MIT