logo hsb.horse

Snippets

Snippets

Short code snippets and runnable notes, organized for quick reuse.

Snippet Tags
  1. Biome npm-scripts Configuration

    Common patterns for npm-scripts when setting up Biome. Run lint and format using the check command.

  2. Image Extension Regex

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

  3. Lazy-Initialized Object

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

  4. Saving man Pages to Text Files

    How to save man command output to a file on macOS/Linux. Use col -b to remove control characters and create readable text.

  5. Download tarball from npm

    How to download npm package tarballs (.tgz) using npm pack and pnpm info. Methods for npm, yarn, and pnpm.

  6. 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.

  7. 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.

  8. Splitting Text with TransformStream

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

  9. TypeScript Non-null Assertion

    TypeScript type guard functions to eliminate undefined and null. Ensures both runtime errors and type safety.

  10. 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.

  11. Uint32Array Helper Functions

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

  12. Uint8Array Helper Functions

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

  13. Merging Uint8Arrays

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

  14. 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.

  15. Generate parameter.json from a CloudFormation Template

    A snippet that combines aws cloudformation validate-template and jq to automatically generate a parameters.json with environment variable overrides.

  16. How to Use CSS href Attribute Selectors

    A CSS snippet using attribute selectors on the href attribute of anchor elements, including prefix match, suffix match, and substring match.

  17. gzip Command Cheat Sheet

    A snippet covering the basic usage of the gzip command, including file compression, decompression, and option flags.

  18. File System API Permission Check

    Function to check and request permissions for browser File System API. Supports both read-only and read-write modes.

  19. TypeScript Array Utilities

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

  20. React useSelection Hook

    Custom React hook for managing multi-item selection state. Type-safe handling of select all, partial selection, and individual selection.

  21. Dynamic Import Caching

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

  22. Display Storage Capacity in Finder

    Toggle storage capacity display in macOS Finder with a keyboard shortcut.

  23. Node.js File Check

    Promise-based function to check if a path is a file in Node.js. Returns false on error.

  24. TypeScript p-limit Implementation

    TypeScript reimplementation of p-limit for controlling Promise concurrency. Achieve concurrency control without adding dependencies.

  25. TypeScript yocto-queue Implementation

    TypeScript reimplementation of lightweight queue yocto-queue. Provides basic operations: enqueue, dequeue, iterator.

  26. Batch Convert Images to AVIF with avifenc

    A Bash snippet that recursively scans jpg/jpeg/png files and converts them to .avif using avifenc.