css-time-sort

Sort an array of CSS <time> values.

Installation

npm install css-time-sort

Usage

import { convert, compare } from 'css-time-sort'

// Using `compare` will sort an array from short to long times:
let result = ['3s', '2ms'].sort(compare) // ["2ms", "3s"]

// Converting time-like values converts the input to ms:
convert('1s') // 1000
convert('1ms') // 1
convert('+2ms') // 2
convert('var(--foo)') // Number.MAX_SAFE_INTEGER - 1
convert('bars') // Number.MAX_SAFE_INTEGER

Notes

• var(--my-duration) will be converted to Number.MAX_SAFE_INTEGER - 1 so they will end up send-to-last when sorting an array
• Values that can not be converted to a number properly are converted to Number.MAX_SAFE_INTEGER so they will end up last when sorting an array

Related projects

• css-unit-sort - Sort css values no matter the unit, by CSSStats
• CSS Analyzer - A CSS analyzer that goes through your CSS to find all kinds of relevant statistics.
• CSS Code Quality Analyzer - A Code Quality analyzer that tells you how maintainable, complex and performant your CSS is
• Wallace CLI - CLI tool for @projectwallace/css-analyzer
• Color Sorter - Sort CSS colors by hue, saturation, lightness and opacity