Initial commit

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false

.gitignore

@@ -0,0 +1,41 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# generated native folders
+/ios
+/android

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "printWidth": 100,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "es5"
+}

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present 650 Industries, Inc. (aka Expo)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

app.json

@@ -0,0 +1,25 @@
+{
+    "expo": {
+        "name": "Template",
+        "slug": "Template",
+        "version": "1.0.0",
+        "orientation": "portrait",
+        "icon": "./assets/icon.png",
+        "userInterfaceStyle": "light",
+        "ios": {
+            "supportsTablet": true
+        },
+        "android": {
+            "adaptiveIcon": {
+                "backgroundColor": "#E6F4FE",
+                "foregroundImage": "./assets/android-icon-foreground.png",
+                "backgroundImage": "./assets/android-icon-background.png",
+                "monochromeImage": "./assets/android-icon-monochrome.png"
+            },
+            "predictiveBackGestureEnabled": false
+        },
+        "web": {
+            "favicon": "./assets/favicon.png"
+        }
+    }
+}

eslint.config.js

@@ -0,0 +1,14 @@
+// https://docs.expo.dev/guides/using-eslint/
+const { defineConfig } = require('eslint/config');
+const expoConfig = require('eslint-config-expo/flat');
+
+module.exports = defineConfig([
+    expoConfig,
+    {
+        ignores: ['dist/*'],
+        rules: {
+            'react/display-name': 'off',
+            'react-hooks/exhaustive-deps': 'off',
+        },
+    },
+]);

index.ts

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './src/App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

package.json

@@ -0,0 +1,29 @@
+{
+    "name": "template",
+    "version": "1.0.0",
+    "main": "index.ts",
+    "dependencies": {
+        "expo": "~56.0.12",
+        "expo-status-bar": "~56.0.4",
+        "react": "19.2.3",
+        "react-native": "0.85.3"
+    },
+    "devDependencies": {
+        "@types/react": "~19.2.2",
+        "eslint": "^9.0.0",
+        "eslint-config-expo": "~56.0.4",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.6",
+        "prettier": "^3.9.3",
+        "typescript": "~6.0.3"
+    },
+    "scripts": {
+        "start": "expo start",
+        "android": "expo start --android",
+        "ios": "expo start --ios",
+        "web": "expo start --web",
+        "lint": "expo lint && prettier -c \"./src/**/*\"",
+        "format": "expo lint --fix && prettier -w \"./src/**/*\""
+    },
+    "private": true
+}

plugins/i18next/plugin.json

@@ -0,0 +1,12 @@
+{
+    "dependencies": {
+        "i18next": "latest",
+        "react-i18next": "latest"
+    },
+    "expoDependencies": ["expo-localization"],
+    "appJson": {
+        "expo": {
+            "plugins": ["expo-localization"]
+        }
+    }
+}

plugins/i18next/src/App.tsx

@@ -0,0 +1 @@
+import './lang/translation';

plugins/i18next/src/lang/i18n/fallbackChecker.ts

@@ -0,0 +1,13 @@
+import { Resource } from 'i18next';
+
+export const fallbackChecker = (resources: Resource, fallbackLng: string) => {
+    const languages = Object.keys(resources);
+    const hasFallback = languages.find((key) => fallbackLng === key);
+
+    if (!hasFallback) {
+        throw new Error(
+            `fallbackLng  "${fallbackLng}", is not present in your resources, please check your config, languages available: ${languages.join(', ')}`
+        );
+    }
+    return fallbackLng;
+};

plugins/i18next/src/lang/i18n/init.ts

@@ -0,0 +1,25 @@
+/* eslint-disable import/no-named-as-default-member */
+import i18n, { Resource } from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+import { fallbackChecker } from './fallbackChecker';
+import { languageDetector } from './languageDetector';
+
+type Init18n = {
+    resources: Resource;
+    fallbackLng: string;
+};
+
+export const init18n = ({ resources, fallbackLng }: Init18n) => {
+    return i18n
+        .use(languageDetector)
+        .use(initReactI18next)
+        .init({
+            resources,
+            fallbackLng: fallbackChecker(resources, fallbackLng),
+            compatibilityJSON: 'v3', // By default React Native projects does not support Intl
+            interpolation: {
+                escapeValue: false,
+            },
+        });
+};

plugins/i18next/src/lang/i18n/languageDetector.ts

@@ -0,0 +1,13 @@
+import * as Localization from 'expo-localization';
+import { LanguageDetectorModule } from 'i18next';
+
+export const languageDetector: LanguageDetectorModule = {
+    type: 'languageDetector',
+    detect: () => {
+        const locales = Localization.getLocales();
+        const firstLanguageCode = locales[0].languageCode ?? 'nl';
+        return firstLanguageCode;
+    },
+    init: () => {},
+    cacheUserLanguage: () => {},
+};

plugins/i18next/src/lang/translation/index.ts

@@ -0,0 +1,16 @@
+import { init18n } from 'lang/i18n/init';
+import nl from './nl';
+
+export const resources = {
+    nl: {
+        translation: nl,
+    },
+};
+
+export const fallbackLng = 'nl';
+
+export type LanguageCode = keyof typeof resources;
+
+const i18n = init18n({ resources, fallbackLng });
+
+export default i18n;

plugins/i18next/src/lang/translation/nl/general.json

@@ -0,0 +1 @@
+{}

plugins/i18next/src/lang/translation/nl/index.ts

@@ -0,0 +1,5 @@
+import general from './general.json';
+
+export default {
+    general,
+};

plugins/nativewind/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function (api) {
+    api.cache(true);
+    return {
+        presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
+    };
+};

plugins/nativewind/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

plugins/nativewind/metro.config.js

@@ -0,0 +1,6 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withNativeWind(config, { input: './global.css' });

plugins/nativewind/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

plugins/nativewind/plugin.json

@@ -0,0 +1,12 @@
+{
+    "dependencies": {
+        "nativewind": "latest",
+        "react-native-reanimated": "latest",
+        "react-native-safe-area-context": "latest"
+    },
+    "devDependencies": {
+        "tailwindcss": "^3.4.17",
+        "prettier-plugin-tailwindcss": "^0.5.11",
+        "babel-preset-expo": "latest"
+    }
+}

plugins/nativewind/src/App.tsx

@@ -0,0 +1 @@
+import '../global.css';

plugins/nativewind/src/screens/DefaultScreen.tsx

@@ -0,0 +1,11 @@
+import { StatusBar } from 'expo-status-bar';
+import { Text, View } from 'react-native';
+
+export default function DefaultScreen() {
+    return (
+        <View className="flex-1 bg-white items-center justify-center">
+            <Text>Open up /src/screens/DefaultScreen.tsx to start working on your app!</Text>
+            <StatusBar style="auto" />
+        </View>
+    );
+}

plugins/nativewind/tailwind.config.js

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    // NOTE: Update this to include the paths to all files that contain Nativewind classes.
+    content: ['./src/**/*.{js,jsx,ts,tsx}'],
+    presets: [require('nativewind/preset')],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+};

plugins/reactnavigation/plugin.json

@@ -0,0 +1,12 @@
+{
+    "dependencies": {
+        "@react-navigation/native": "latest",
+        "@react-navigation/stack": "latest"
+    },
+    "expoDependencies": [
+        "react-native-screens",
+        "react-native-safe-area-context",
+        "react-native-gesture-handler",
+        "@react-native-masked-view/masked-view"
+    ]
+}

plugins/reactnavigation/src/App.tsx

@@ -0,0 +1,9 @@
+import RootNavigator from './navigation/RootNavigator';
+
+function App() {
+    return <RootNavigator />;
+}
+
+export default function Wrapper() {
+    return <App />;
+}

plugins/reactnavigation/src/navigation/RootNavigator.tsx

@@ -0,0 +1,16 @@
+import { createStackNavigator } from '@react-navigation/stack';
+import DefaultScreen from '../screens/DefaultScreen';
+
+const Stack = createStackNavigator<RootParamList>();
+
+export default function RootNavigator() {
+    return (
+        <Stack.Navigator initialRouteName="default">
+            <Stack.Screen name="default" component={DefaultScreen} />
+        </Stack.Navigator>
+    );
+}
+
+export type RootParamList = {
+    default: undefined;
+};

plugins/reactnavigation/src/screens/DefaultScreen.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function DefaultScreen() {
+    return (
+        <View style={styles.container}>
+            <Text>Open up /src/screens/DefaultScreen.tsx to start working on your app!</Text>
+            <StatusBar style="auto" />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});

src/App.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+
+export default function App() {
+    return (
+        <View style={styles.container}>
+            <Text>Open up App.tsx to start working on your app!</Text>
+            <StatusBar style="auto" />
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});

tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "extends": "expo/tsconfig.base",
+    "compilerOptions": {
+        "strict": true,
+        "ignoreDeprecations": "6.0",
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["src/*"],
+            "$/*": ["./*"]
+        }
+    }
+}