refactor(checktranslations): run script as js file

now ts-node library is no need anymore because the script is compiled to javascript

Author: marcosvega91

.gitignore

@@ -1,4 +1,5 @@
 build
+bin
 # Logs
 logs
 *.log

package.json

@@ -102,8 +102,7 @@
     "redux-mock-store": "~1.5.4",
     "source-map-explorer": "^2.2.2",
     "standard-version": "~8.0.0",
-    "ts-jest": "~24.3.0",
-    "ts-node": "^8.10.0"
+    "ts-jest": "~24.3.0"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
@@ -118,7 +117,7 @@
     "lint-staged": "lint-staged",
     "commitlint": "commitlint",
     "coveralls": "npm run test:ci -- --coverage --watchAll=false && cat ./coverage/lcov.info",
-    "translation:check": "ts-node-script scripts/checkMissingTranslations.ts"
+    "translation:check": "cd scripts && tsc && node ../bin/scripts/checkMissingTranslations.js"
   },
   "browserslist": {
     "production": [

scripts/checkMissingTranslations.ts

@@ -1,53 +1,7 @@
 import chalk from 'chalk'
-import { Resource, ResourceKey } from 'i18next'
+import { ResourceKey } from 'i18next'
 
-import translationAR from '../src/locales/ar/translations'
-import translationDE from '../src/locales/de/translations'
-import translationEnUs from '../src/locales/enUs/translations'
-import translationES from '../src/locales/es/translations'
-import translationFR from '../src/locales/fr/translations'
-import translationIN from '../src/locales/in/translations'
-import translationIT from '../src/locales/it/translations'
-import translationJA from '../src/locales/ja/translations'
-import translationPtBR from '../src/locales/ptBr/translations'
-import translationRU from '../src/locales/ru/translations'
-import translationZR from '../src/locales/zr/translations'
-
-const resources: Resource = {
-  it: {
-    translation: translationIT,
-  },
-  ar: {
-    translation: translationAR,
-  },
-  de: {
-    translation: translationDE,
-  },
-  en: {
-    translation: translationEnUs,
-  },
-  es: {
-    translation: translationES,
-  },
-  fr: {
-    translation: translationFR,
-  },
-  in: {
-    translation: translationIN,
-  },
-  ja: {
-    translation: translationJA,
-  },
-  pt: {
-    translation: translationPtBR,
-  },
-  ru: {
-    translation: translationRU,
-  },
-  zr: {
-    translation: translationZR,
-  },
-}
+import resources from '../src/locales'
 
 const error = chalk.bold.red
 const warning = chalk.keyword('orange')

scripts/tsconfig.json

@@ -1,10 +1,8 @@
 {
   "include": ["./checkMissingTranslations.ts"],
   "compilerOptions": {
-    "declaration": true,
-    "declarationDir": "./dist",
     "module": "commonjs",
-    "outDir": "./dist",
+    "outDir": "../bin",
     "target": "es5"
   }
 }

src/i18n.ts

@@ -2,64 +2,7 @@ import i18n from 'i18next'
 import LanguageDetector from 'i18next-browser-languagedetector'
 import { initReactI18next } from 'react-i18next'
 
-import translationAR from './locales/ar/translations'
-import translationDE from './locales/de/translations'
-import translationEnUs from './locales/enUs/translations'
-import translationES from './locales/es/translations'
-import translationFR from './locales/fr/translations'
-import translationID from './locales/id/translations'
-import translationIT from './locales/it/translations'
-import translationJA from './locales/ja/translations'
-import translationPtBR from './locales/ptBr/translations'
-import translationRU from './locales/ru/translations'
-import translationZhCN from './locales/zhCN/translations'
-
-const resources: { [language: string]: any } = {
-  it: {
-    name: 'Italian',
-    translation: translationIT,
-  },
-  ar: {
-    name: 'Arabic',
-    translation: translationAR,
-  },
-  de: {
-    name: 'German',
-    translation: translationDE,
-  },
-  en: {
-    name: 'English, American',
-    translation: translationEnUs,
-  },
-  es: {
-    name: 'Spanish',
-    translation: translationES,
-  },
-  fr: {
-    name: 'French',
-    translation: translationFR,
-  },
-  id: {
-    name: 'Indonesian',
-    translation: translationID,
-  },
-  ja: {
-    name: 'Japanese',
-    translation: translationJA,
-  },
-  ptBR: {
-    name: 'Portuguese',
-    translation: translationPtBR,
-  },
-  ru: {
-    name: 'Russian',
-    translation: translationRU,
-  },
-  zhCN: {
-    name: 'Chinese',
-    translation: translationZhCN,
-  },
-}
+import resources from './locales'
 
 i18n
   // load translation using xhr -> see /public/locales

src/locales/index.ts

@@ -0,0 +1,62 @@
+import { Resource } from 'i18next'
+
+import translationAR from './ar/translations'
+import translationDE from './de/translations'
+import translationEnUs from './enUs/translations'
+import translationES from './es/translations'
+import translationFR from './fr/translations'
+import translationID from './id/translations'
+import translationIT from './it/translations'
+import translationJA from './ja/translations'
+import translationPtBR from './ptBr/translations'
+import translationRU from './ru/translations'
+import translationZhCN from './zhCN/translations'
+
+const resources: Resource = {
+  it: {
+    name: 'Italian',
+    translation: translationIT,
+  },
+  ar: {
+    name: 'Arabic',
+    translation: translationAR,
+  },
+  de: {
+    name: 'German',
+    translation: translationDE,
+  },
+  en: {
+    name: 'English, American',
+    translation: translationEnUs,
+  },
+  es: {
+    name: 'Spanish',
+    translation: translationES,
+  },
+  fr: {
+    name: 'French',
+    translation: translationFR,
+  },
+  id: {
+    name: 'Indonesian',
+    translation: translationID,
+  },
+  ja: {
+    name: 'Japanese',
+    translation: translationJA,
+  },
+  ptBR: {
+    name: 'Portuguese',
+    translation: translationPtBR,
+  },
+  ru: {
+    name: 'Russian',
+    translation: translationRU,
+  },
+  zhCN: {
+    name: 'Chinese',
+    translation: translationZhCN,
+  },
+}
+
+export default resources