Skip to content

GitLab

ThaliApp
ThaliApp

We planned to upgrade GitLab and Mattermost to the latest version this Friday morning (early). You may experience some downtime!

Commit 523c9065 authored by Sébastiaan Versteeg's avatar Sébastiaan Versteeg Committed by Sébastiaan Versteeg
Browse files
Options

Add localisation using i18next and i18next-scanner

parent 06582c29
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 402 additions and 18 deletions
android/app/build.gradle
View file @ 523c9065
......@@ -145,6 +145,7 @@ android {
}
dependencies {
compile project(':react-native-locale-detector')
compile project(':react-native-snackbar')
compile project(':react-native-fcm')
compile project(':react-native-linear-gradient')
......
android/app/src/main/java/com/thaliapp/MainApplication.java
View file @ 523c9065
......@@ -4,6 +4,7 @@ import android.app.Application;
import com.facebook.react.ReactApplication;
import com.azendoo.reactnativesnackbar.SnackbarPackage;
import com.i18n.reactnativei18n.ReactNativeI18n;
import com.evollu.react.fcm.FIRMessagingPackage;
import com.BV.LinearGradient.LinearGradientPackage;
import com.oblador.vectoricons.VectorIconsPackage;
......@@ -26,8 +27,9 @@ public class MainApplication extends Application implements ReactApplication {
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new MainReactPackage(),
new SnackbarPackage(),
new ReactNativeI18n(),
new FIRMessagingPackage(),
new LinearGradientPackage(),
new VectorIconsPackage()
......
android/settings.gradle
View file @ 523c9065
rootProject.name = 'ThaliApp'
include ':react-native-snackbar'
project(':react-native-snackbar').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-snackbar/android')
include ':react-native-locale-detector'
project(':react-native-locale-detector').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-locale-detector/android')
include ':react-native-fcm'
project(':react-native-fcm').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fcm/android')
include ':react-native-linear-gradient'
......
app/app.js
View file @ 523c9065
......@@ -6,8 +6,11 @@ import createSagaMiddleware from 'redux-saga';
import FCM, { FCMEvent } from 'react-native-fcm';
import Moment from 'moment';
import 'moment/locale/nl';
import { I18nextProvider } from 'react-i18next';
import * as reducers from './reducers';
import i18n from './i18n';
import sagas from './sagas';
import ReduxNavigator from './components/navigator';
import * as loginActions from './actions/login';
......@@ -91,9 +94,11 @@ class Main extends Component {
render() {
return (
<Provider store={store}>
<ReduxNavigator />
</Provider>
<I18nextProvider i18n={i18n}>
<Provider store={store}>
<ReduxNavigator />
</Provider>
</I18nextProvider>
);
}
}
......
app/i18n.js 0 → 100644
View file @ 523c9065
import i18n from 'i18next';
import { reactI18nextModule } from 'react-i18next';
import i18nextReactNative from 'i18next-react-native-language-detector';
import locales from './locales/index';
i18n
.use(reactI18nextModule)
.use(i18nextReactNative)
.init({
nsSeparator: false,
keySeparator: false,
fallbackLng: 'nl',
resources: locales,
interpolation: {
escapeValue: false, // not needed for react!!
},
});
export default i18n;
collect-locales.js 0 → 100644
View file @ 523c9065
/* eslint-disable import/no-extraneous-dependencies */
const Parser = require('i18next-scanner').Parser;
const fs = require('fs');
const path = require('path');
const componentsPath = 'app/components';
const options = {
nsSeparator: false,
keySeparator: false,
sort: true,
lngs: ['nl'],
func: {
list: ['t'],
},
defaultNs: 'test',
removeUnusedKeys: true,
resource: {
loadPath: 'app/locales/{{lng}}/{{ns}}.json',
savePath: 'app/locales/{{lng}}/{{ns}}.json',
},
};
const indexFiles = {};
options.lngs.forEach((lang) => {
indexFiles[lang] = [];
});
const components = fs.readdirSync(componentsPath).filter(f =>
fs.statSync(path.join(componentsPath, f)).isFile());
components.forEach((f) => {
options.defaultNs = f.substr(0, 1).toLowerCase() + f.substr(1, f.length - 4);
const parser = new Parser(options);
const content = fs.readFileSync(path.join(componentsPath, f), 'utf-8');
parser.parseFuncFromString(content);
parser.parseTransFromString(content);
const resStore = parser.get();
Object.keys(resStore).forEach((lng) => {
const namespaces = resStore[lng];
Object.keys(namespaces).forEach((ns) => {
const obj = namespaces[ns];
const resPath = parser.formatResourceSavePath(lng, ns);
if (Object.keys(obj).length > 0) {
const str = JSON.stringify(obj, null, 2);
const dir = path.dirname(resPath);
if (!fs.existsSync(dir)) {
fs.mkdirSync(dir);
}
fs.writeFileSync(resPath, `${str}\n`);
indexFiles[lng].push(ns);
} else if (fs.existsSync(resPath)) {
fs.unlinkSync(resPath);
}
});
});
});
const indexStream = fs.createWriteStream('app/locales/index.js');
indexStream.once('open', () => {
Object.keys(indexFiles).forEach((lang) => {
const files = indexFiles[lang];
const langName = lang.toUpperCase();
files.forEach((fileName) => {
indexStream.write(`const ${fileName}${langName} = require('./${lang}/${fileName}.json');\n`);
});
});
indexStream.write('\n');
indexStream.write('export default {\n');
Object.keys(indexFiles).forEach((lang) => {
indexStream.write(` ${lang}: {\n`);
const files = indexFiles[lang];
const langName = lang.toUpperCase();
files.forEach((fileName) => {
indexStream.write(` ${fileName}: ${fileName}${langName},\n`);
});
indexStream.write(' },\n');
});
indexStream.write('};\n');
indexStream.end();
});
ios/ThaliApp.xcodeproj/project.pbxproj
View file @ 523c9065
......@@ -444,6 +444,11 @@
F80608CE5FD849848A5498D4 /* Feather.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Feather.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = "<group>"; };
F808FC5B0C6A43748E179BF6 /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; };
FF381FFBF70744E6865413C2 /* SimpleLineIcons.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = SimpleLineIcons.ttf; path = "../node_modules/react-native-vector-icons/Fonts/SimpleLineIcons.ttf"; sourceTree = "<group>"; };
8AB867AF03AC45AEB3C80BFA /* RNSnackbar.xcodeproj */ = {isa = PBXFileReference; name = "RNSnackbar.xcodeproj"; path = "../node_modules/react-native-snackbar/ios/RNSnackbar.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
290659E890FD4B2CB58F9F15 /* libRNSnackbar.a */ = {isa = PBXFileReference; name = "libRNSnackbar.a"; path = "libRNSnackbar.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
F80608CE5FD849848A5498D4 /* Feather.ttf */ = {isa = PBXFileReference; name = "Feather.ttf"; path = "../node_modules/react-native-vector-icons/Fonts/Feather.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
0E27F218F14040B7AFFA10E0 /* RNI18n.xcodeproj */ = {isa = PBXFileReference; name = "RNI18n.xcodeproj"; path = "../node_modules/react-native-locale-detector/RNI18n.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
4ED63341CE1E457597AA80EB /* libRNI18n.a */ = {isa = PBXFileReference; name = "libRNI18n.a"; path = "libRNI18n.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
......@@ -487,6 +492,7 @@
D9076E5B3D6E539979F86BE7 /* AVFoundation.framework in Frameworks */,
A64C779AE827706A1A3A8C53 /* CoreMedia.framework in Frameworks */,
E9012CD6A7C0147AFA3AE7C9 /* CoreVideo.framework in Frameworks */,
2EEA998D004342DD928F8C45 /* libRNI18n.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
......@@ -724,6 +730,7 @@
5A90BA3FF7F8422A9150FDAA /* BVLinearGradient.xcodeproj */,
8CED7FC8420844AF92491FE8 /* RNFIRMessaging.xcodeproj */,
8AB867AF03AC45AEB3C80BFA /* RNSnackbar.xcodeproj */,
0E27F218F14040B7AFFA10E0 /* RNI18n.xcodeproj */,
);
name = Libraries;
sourceTree = "<group>";
......@@ -1574,6 +1581,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = ThaliAppTests/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.0;
......@@ -1608,6 +1616,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = ThaliAppTests/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 8.0;
......@@ -1649,6 +1658,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = ThaliApp/Info.plist;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
......@@ -1682,6 +1692,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = ThaliApp/Info.plist;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
......@@ -1714,6 +1725,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = "ThaliApp-tvOS/Info.plist";
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
......@@ -1754,6 +1766,7 @@
"$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
"$(SRCROOT)/../node_modules/react-native-fcm/ios",
"$(SRCROOT)/../node_modules/react-native-snackbar/ios",
"$(SRCROOT)/../node_modules/react-native-locale-detector/RNI18n",
);
INFOPLIST_FILE = "ThaliApp-tvOS/Info.plist";
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
......
package.json
View file @ 523c9065
......@@ -12,7 +12,8 @@
"lint:ci": "eslint *.js app",
"test": "jest",
"test:watch": "jest --watch",
"coverage": "jest --coverage"
"coverage": "jest --coverage",
"locales:collect": "node collect-locales.js"
},
"jest": {
"preset": "react-native",
......@@ -29,6 +30,8 @@
]
},
"dependencies": {
"i18next": "^10.0.3",
"i18next-react-native-language-detector": "^1.0.2",
"moment": "^2.18.1",
"prop-types": "^15.5.8",
"react": "16.2.0",
......@@ -37,6 +40,8 @@
"react-native-fcm": "^10.0.2",
"react-native-linear-gradient": "^2.0.0",
"react-native-snackbar": "^0.4.3",
"react-i18next": "^6.0.6",
"react-native-locale-detector": "^1.0.1",
"react-native-vector-icons": "^4.0.1",
"react-redux": "^5.0.2",
"redux": "^3.6.0",
......@@ -53,6 +58,7 @@
"eslint-plugin-jsx-a11y": "^3.0.2",
"eslint-plugin-react": "^6.9.0",
"eslint-plugin-react-native": "^2.2.1",
"i18next-scanner": "^2.0.0",
"jest": "^19.0.2",
"react-native-cli": "^2.0.1",
"react-native-git-upgrade": "^0.2.7",
......
yarn.lock
View file @ 523c9065
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment