Remove all *.intl.json files. Move strings to the corresponding views. Implement custom command to build i18n/en.json file

packages/app/components/languageSwitcher/LanguageList.tsx

@@ -12,7 +12,6 @@ import { FormattedMessage as Message } from 'react-intl';
 import clsx from 'clsx';
 
 import LocaleItem from './LocaleItem';
-import messages from './languageSwitcher.intl.json';
 import { LocalesMap } from './LanguageSwitcher';
 import styles from './languageSwitcher.scss';
 
@@ -92,7 +91,10 @@ export default class LanguageList extends React.Component<{
                                     className={styles.emptyLanguagesListCaption}
                                 />
                                 <div className={styles.emptyLanguagesListSubtitle}>
-                                    <Message {...messages.weDoNotSupportThisLang} />
+                                    <Message
+                                        key="weDoNotSupportThisLang"
+                                        defaultMessage="Sorry, we do not support this language"
+                                    />
                                 </div>
                             </div>
                         </div>

packages/app/components/languageSwitcher/LanguageSwitcher.tsx

@@ -9,7 +9,6 @@ import popupStyles from 'app/components/ui/popup/popup.scss';
 import icons from 'app/components/ui/icons.scss';
 
 import styles from './languageSwitcher.scss';
-import messages from './languageSwitcher.intl.json';
 import LanguageList from './LanguageList';
 import { RootState } from 'app/reducers';
 
@@ -70,7 +69,7 @@ class LanguageSwitcher extends React.Component<
                 <div className={popupStyles.popup}>
                     <div className={popupStyles.header}>
                         <h2 className={popupStyles.headerTitle}>
-                            <Message {...messages.siteLanguage} />
+                            <Message key="siteLanguage" defaultMessage="Site language" />
                         </h2>
                         <span className={clsx(icons.close, popupStyles.close)} onClick={onClose} />
                     </div>
@@ -79,7 +78,10 @@ class LanguageSwitcher extends React.Component<
                         <div className={styles.searchBox}>
                             <input
                                 className={clsx(formStyles.lightTextField, formStyles.greenTextField)}
-                                placeholder={intl.formatMessage(messages.startTyping)}
+                                placeholder={intl.formatMessage({
+                                    key: 'startTyping',
+                                    defaultMessage: 'Start typing…',
+                                })}
                                 onChange={this.onFilterUpdate}
                                 onKeyPress={this.onFilterKeyPress()}
                                 autoFocus
@@ -97,12 +99,18 @@ class LanguageSwitcher extends React.Component<
                             <div className={styles.improveTranslatesIcon} />
                             <div className={styles.improveTranslatesContent}>
                                 <div className={styles.improveTranslatesTitle}>
-                                    <Message {...messages.improveTranslates} />
+                                    <Message key="improveTranslates" defaultMessage="Improve Ely.by translation" />
                                 </div>
                                 <div className={styles.improveTranslatesText}>
-                                    <Message {...messages.improveTranslatesDescription} />{' '}
+                                    <Message
+                                        key="improveTranslatesDescription"
+                                        defaultMessage="Ely.by’s localization is a community effort. If you want to improve the translation of Ely.by, we'd love your help."
+                                    />{' '}
                                     <a href={translateUrl} target="_blank">
-                                        <Message {...messages.improveTranslatesParticipate} />
+                                        <Message
+                                            key="improveTranslatesParticipate"
+                                            defaultMessage="Click here to participate."
+                                        />
                                     </a>
                                 </div>
                             </div>

packages/app/components/languageSwitcher/LocaleItem.tsx

@@ -2,7 +2,6 @@ import React, { ComponentType, ReactNode } from 'react';
 import { localeFlags } from 'app/components/i18n';
 import { FormattedMessage as Message } from 'react-intl';
 
-import messages from './languageSwitcher.intl.json';
 import styles from './languageSwitcher.scss';
 import { LocaleData } from './LanguageSwitcher';
 
@@ -16,14 +15,15 @@ const LocaleItem: ComponentType<Props> = ({ locale: { code, name, englishName, p
     if (progress !== 100) {
         progressLabel = (
             <Message
-                {...messages.translationProgress}
+                key="translationProgress"
+                defaultMessage="{progress}% translated"
                 values={{
                     progress,
                 }}
             />
         );
     } else if (!isReleased) {
-        progressLabel = <Message {...messages.mayBeInaccurate} />;
+        progressLabel = <Message key="mayBeInaccurate" defaultMessage="May be inaccurate" />;
     }
 
     return (

packages/app/components/languageSwitcher/languageSwitcher.intl.json

@@ -1,10 +0,0 @@
-{
-    "siteLanguage": "Site language",
-    "startTyping": "Start typing…",
-    "translationProgress": "{progress}% translated",
-    "mayBeInaccurate": "May be inaccurate",
-    "weDoNotSupportThisLang": "Sorry, we do not support this language",
-    "improveTranslates": "Improve Ely.by translation",
-    "improveTranslatesDescription": "Ely.by’s localization is a community effort. If you want to improve the translation of Ely.by, we'd love your help.",
-    "improveTranslatesParticipate": "Click here to participate."
-}