@preply/babel-plugin-react-intl-auto-id

Generage Your react-intl Message IDs

Have your id generated for you! Just code:

<FormattedMessage
    defaultMessage={\`Hello {name}, you have {unreadCount, plural,
        =0 {no new messages}
        one {# new message}
        other {# new messages}
    }\`}
/>

And have your id generated by serializing defaultMessage and description

Supported Syntax

• FormattedMessage:

<FormattedMessage defaultMessage="Hey there!" />

• FormattedHTMLMessage:

<FormattedHTMLMessage defaultMessage="Hey there!" />

• TranslatedText

<TranslatedText defaultMessage="Hey there!" />

• defineMessages

defineMessages({ placeholder: { defaultMessage: 'Type smth!' } })

• Basic syntax:

  <FormattedMessage defaultMessage="Hey there!" />

• Multi-line strings:

    <FormattedMessage
        defaultMessage="Hey
        there! This is
        quite a long message
        which we might format differently"
    />

• Back-quoted strings:

    <FormattedMessage
        defaultMessage={\`Hello {name}, you have {unreadCount, plural,
            =0 {no new messages}
            one {# new message}
            other {# new messages}
        }\`}
    />

Note: line breaks are eliminated, so the id doesn't not change after a multi-line string gets reformatted.

Dev

Publishing

npm publish --access public. No CI 'cause it'll barely ever change.