Compact Decimal Format

👋 I worked on a solution a few months ago to add short number formatting to a library similar to this and have this working in some applications.

https://github.com/snewcomer/cldr-compact-number

I’m not familiar with the internals of this library so I wanted to float the idea by you if you thought it might be a good addition.

Convert numbers like -

• 101234 to 101,1 mil in Espanol
• 101234 to 10.1万 in Japanese

https://github.com/ember-intl/intl-messageformat/pull/1

[snewcomer]

@eemeli Perfect! Yeah I’ve been tracking the work that has gone in! 👍 Hopefully within the next month I’ll be able to work on this.

[eemeli]

This issue has languished here for ages, but with #313 it should finally become easy to provide a solution for this. As a first-pass solution, something like this seems to work:

// compact.js
import { compactFormat } from 'cldr-compact-number';

const localeData = {};

export const compact = (value, locale, options = {}) =>
  compactFormat(value, locale, localeData, options);

// rollup.config.js
import alias from '@rollup/plugin-alias';
import messageformat from 'rollup-plugin-messageformat';
import { compact } from './compact';

const customFormatters = {
  compact: { formatter: compact, arg: 'options', id: 'compact', module: '~compact' }
};

export default {
  input: 'src/main.js',
  output: { dir: 'dist' },
  plugins: [
    alias({ entries: { '~compact': './compact.js' } }),
    messageformat({ customFormatters, locales: ['en'] })
  ]
};

# src/messages.properties
compact = Only {n, compact, significantDigits: 1}

// src/main.js
import messages from './messages.properties';

console.log(messages.compact({ n: 424567546 }));

When compiled, that produces this bundle:

// dist/main.js
import { compactFormat } from 'cldr-compact-number';

const localeData = {};

const compact = (value, locale, options = {}) =>
  compactFormat(value, locale, localeData, options);

var messages = {
  compact: (d) => "Only " + compact(d.n, "en", {"significantDigits":1})
};

console.log(messages.compact({ n: 424567546 }));

And that, when executed, prints out this:

Only 424.6M