logo hsb.horse
← Back to tag index

Snippets

#javascript

Snippets tagged with "javascript".

Snippets 12
  1. Image Extension Regex

    JavaScript/TypeScript regex pattern to detect image formats from filenames. Supports png, webp, jpg, jpeg, avif, gif.

  2. Lazy-Initialized Object

    A TypeScript pattern using getters to generate values only on first access. Lightweight lazy evaluation compared to memory caching.

  3. Time-Based Semantic Version Generation

    A TypeScript function that automatically generates version numbers from build timestamps. Useful when version limits exist, such as in Chrome extensions.

  4. SHA256 Synchronous Implementation (Without WebCrypto API)

    A pure JavaScript SHA256 implementation without using the WebCrypto API. For environments where the crypto object is unavailable, such as some Web Workers implementations.

  5. Splitting Text with TransformStream

    A TypeScript example using ReadableStream and TransformStream to split long text into chunks of specified size.

  6. Implementing a Lightweight Result Type in TypeScript

    An error handling pattern without try-catch. Type-safe error handling with a Result type that separates data and error.

  7. Uint32Array Helper Functions

    A concise TypeScript wrapper for `new Uint32Array` calls. Supports all constructor overloads with type-safe overload definitions.

  8. Uint8Array Helper Functions

    A TypeScript wrapper to simplify new Uint8Array calls. Supports arrays, ArrayBuffers, and length-based initialization patterns.

  9. Merging Uint8Arrays

    A TypeScript function to merge multiple Uint8Arrays into one. Useful for combining binary data.

  10. Polyfill for crypto.randomUUID

    A polyfill implementation of the crypto.randomUUID function. While all browsers now support this, it serves as a useful reference for understanding how UUID v4 works.

  11. TypeScript Array Utilities

    Collection of type-safe utility functions for common array operations in TypeScript development. Empty array generation, chunking, null filtering, and shuffling.

  12. Dynamic Import Caching

    Lightweight TypeScript implementation for caching dynamic imports. Handle multiple imports to the same path with a single Promise.