[DDW-596] fix and improve i18n workflow

package.json

@@ -14,7 +14,7 @@
     "build:renderer": "yarn webpack -c source/renderer/webpack.config.js --progress",
     "build:cleanup": "rimraf ./dist",
     "build:electron": "electron-rebuild -w usb --useCache -s --debug",
-    "check:all": "yarn prettier:check && yarn lint && yarn compile && yarn stylelint && yarn lockfile:check && yarn manage:translations && yarn storybook:build",
+    "check:all": "yarn prettier:check && yarn lint && yarn compile && yarn stylelint && yarn lockfile:check && yarn i18n:manage && yarn storybook:build",
     "start": "yarn electron ./",
     "start:dev": "nodemon --watch 'dist/main' --exec 'NODE_ENV=development yarn start'",
     "test": "NODE_ENV=test yarn build && yarn test:unit && yarn test:e2e:fail-fast",
@@ -46,7 +46,9 @@
     "prettier:format": "yarn prettier --write --loglevel warn",
     "stylelint": "./node_modules/.bin/stylelint \"**/*.scss\"",
     "stylelint:fix": "yarn stylelint --fix",
-    "manage:translations": "yarn clear:translations && yarn clear:cache && yarn build && ts-node ./translations/translation-runner.ts",
+    "i18n:extract": "formatjs extract 'source/**/*.{ts,tsx}' --ignore='**/*.d.ts' --format='translations/formatter.js' --extract-source-location --out-file='translations/messages.json'",
+    "i18n:check": "ts-node ./translations/translation-runner.ts",
+    "i18n:manage": "yarn i18n:extract && yarn i18n:check",
     "storybook": "start-storybook -p 6006 -c storybook --ci /",
     "storybook:build": "build-storybook -c storybook -o dist/storybook",
     "storybook:build:chromatic": "build-storybook -c storybook",
@@ -80,6 +82,7 @@
   "devDependencies": {
     "@dump247/storybook-state": "1.6.1",
     "@faker-js/faker": "6.0.0",
+    "@formatjs/cli": "4.8.3",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.3",
     "@storybook/addon-actions": "6.4.20",
     "@storybook/addon-knobs": "6.4.0",