extra-pipe

A focused collection of standalone Angular 20–22 pipes for display formatting, localization, text, and template-friendly data presentation.

Documentation and live playground

npm install extra-pipe

import { Component } from '@angular/core';
import { CompactNumberPipe, TruncatePipe } from 'extra-pipe';

@Component({
  standalone: true,
  imports: [CompactNumberPipe, TruncatePipe],
  template: `
    {{ views | compactNumber }}
    {{ description | truncate: 80 }}
  `,
})
export class ProductSummaryComponent {
  views = 12500;
  description = 'Thoughtful interfaces, without repeated formatting code.';
}

Pipes are standalone and belong in a component's imports array. Extra Pipe 2.0 supports Angular 20 through 22 (>=20 <23), using Angular 20 partial compilation. The library includes:

• compactNumber, formatDuration, and caller-controlled relativeTime
• Unicode-safe truncate, initials, and configurable mask
• Canonical 2.0 names: localizedDate, fileSize, roundHalf, and camelCaseToTitleSeparatedCase; obsolete aliases are removed.

These display pipes are pure and return an empty string for invalid input. The formatting pipes use Angular's LOCALE_ID; text pipes are grapheme-safe without a locale parameter. The complete API reference, compatibility notes, and runnable demo instructions are in the repository README.

Extra Pipe 2.0.0

Sprint 2 expands the catalogue to 101 canonical standalone pipes (100+), without compatibility pipe aliases. It adds 12 text, 17 collection, eight object, 12 metric, eight number/localization and ten UTC calendar pipes on top of the previous 34. Each new selector has a pure adapter, typed helper, documented invalid contract and frozen-input tests. See the repository's shared 101 contracts and domain references for signatures, defaults and live website examples.

Additional pipes include listFormat, formatUnit, displayName, dateRange, numberRange, byteSize, truncateMiddle, slugify, groupBy, orderBy and uniqueBy. Their typed functions/options are also exported. Superseded selectors/classes are removed in 2.0; collections are readonly inputs and pure pipes require replacement references when data changes.

Review 2.0 migration notes Follow Sprint 2 delivery

License

MIT