module.exports = {
    "defaultSeverity": "error",
    "extends": [
        "tslint:recommended"
    ],
    "jsRules": {},
    "rules": {
        "no-any": true,
        // TODO perhaps we *should* use the 'I' prefix?
        "interface-name": [true, "never-prefix"],
        "no-unused-expression": [true, "allow-fast-null-checks"]
    },
    "rulesDirectory": []
}

const DEFAULT_LANGUAGE = 'en-US'; // for the default language, everything is automatically whitelisted
const LANGUAGES = ['nl-BE', 'fr-BE']; // translations to generate---don't include the default language
const TARGET_DIRECTORY = 'src/translations';
const EXTRACT_MESSAGE_FILE_PATTERN = 'src/**/*.@(tsx|ts)';

const TEMP_DIR = './temp';
const TEMP_MESSAGE_FILENAME = 'allMessages.json';

const fs = require('fs');
const path = require('path');
const glob = require('glob');
const rimraf = require('rimraf');
const parser = require('typescript-react-intl').default;
const manageTranslations = require('react-intl-translations-manager').default;
const {readMessageFiles, getDefaultMessages} = require('react-intl-translations-manager');

function extractTranslations(pattern, cb) {
  let results = [];
  pattern = pattern || 'src/**/*.@(tsx|ts)';
  glob(pattern, function (err, files) {
    if (err) {
      throw new Error(err);
    }
    files.forEach(function(f) {
      const contents = fs.readFileSync(f).toString();
      const res = parser(contents);
      results = results.concat(res);
    });

    cb && cb(results);
  });
}

if (!fs.existsSync(TEMP_DIR)){
  fs.mkdirSync(TEMP_DIR);
}

const tempMessageFilePath = path.join(TEMP_DIR, TEMP_MESSAGE_FILENAME);

extractTranslations(EXTRACT_MESSAGE_FILE_PATTERN, function (messages) {
  fs.writeFileSync(tempMessageFilePath, JSON.stringify(messages, null, 2));

  manageTranslations({
    messagesDirectory: TEMP_DIR,
    translationsDirectory: TARGET_DIRECTORY,
    languages: [DEFAULT_LANGUAGE, ...LANGUAGES],
    // avoid reporting translation issues with default language - https://github.com/GertjanReynaert/react-intl-translations-manager/issues/76
    overrideCoreMethods: {
      provideWhitelistFile: (language) => {
        // Avoid reporting untranslated stuff in defaultLanguage
        if (language.lang === DEFAULT_LANGUAGE) {
          const messageFiles = readMessageFiles(TEMP_DIR);
          const messages = getDefaultMessages(messageFiles).messages;
          return Object.keys(messages);
        } else {
          if (!fs.existsSync(language.whitelistFilepath)) {
            return [];
          }
          return JSON.parse(fs.readFileSync(language.whitelistFilepath, 'utf-8'));
        }
      }
    }
  });

  rimraf.sync(TEMP_DIR);
});

<FormattedMessage
    id="configure.info"
    defaultMessage={`The installer has detected {numDrives, number} {numDrives, plural,
      one {drive}
      other {drives}
    } and determined {numDrives, plural,
      one {its}
      other {their}
    } best configuration.
    If this is not the intended use of {numDrives, plural,
      one {this drive}
      other {these drives}
    }, please change the configuration to your preferences.`}
    values={{ numDrives: writableVolumes.length }}
  />

/* tslint:disable: variable-name */
import * as React from 'react';
import { defineMessages, FormattedMessage } from 'react-intl';
import 'react-toolbox/lib/tooltip/theme.scss';
import { AppBar, Navigation, Link } from 'react-toolbox';

const { Grid, Row, Col } = require('react-flexbox-grid');

const translations = defineMessages({
  predefinedTranslation: {
    id: 'PREDEFINED',
    defaultMessage: 'Hello {name}, I am predefined',
    description: 'This translation is defined in a defineMessage.'
  }
});

interface IPageProps { }
const Page: React.SFC<IPageProps> = ({ children }) => {
  return (
    <Grid>
      <Row>
        <Col xs={ 6 } md={ 3 }>
          <AppBar fixed flat>
          <Navigation type='vertical'>
            <Link href='http://' label='Inbox' icon='inbox' />
            <Link href='http://' active label='Profile' icon='person' />
          </Navigation>
            <a href='/home'>React Toolbox Docs</a>
            This is from Main Page
            <FormattedMessage
              { ...translations.predefinedTranslation }
              values={ { name: 'World' } }
            />
          </AppBar>
          { children }
        </Col>
      </Row>
    </Grid>
  );
};

Page.displayName = 'Mobile-page-Main';
export { Page };

  1. <FormattedMessage/>
  TypeError: Cannot read property 'text' of undefined
    index.ts:94:8
    index.ts:92:28
    main (index.ts:90:24)
    Test.t [as fn] (test/index.js:28:15)